@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";

/* apps/site-kz/src/styles.scss */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.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 {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.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 {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}
.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 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 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:
    linear-gradient(
      to left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.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);
  }
}
@font-face {
  font-family: "Banner-Bold-It";
  src: url(/assets/fonts/Banner-Bold-It/Banner-Bold-It.eot);
  src:
    url(/assets/fonts/Banner-Bold-It/Banner-Bold-It.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/Banner-Bold-It/Banner-Bold-It.woff2) format("woff2"),
    url(/assets/fonts/Banner-Bold-It/Banner-Bold-It.woff) format("woff"),
    url(/assets/fonts/Banner-Bold-It/Banner-Bold-It.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root,
:root.light-theme {
  --font-family-primary: "Roboto", sans-serif;
  --font-family-secondary: "Roboto", sans-serif;
  --font-family-banner: "Banner-Bold-It", sans-serif;
  --gradient-menu-divider:
    linear-gradient(
      
      90deg,
      rgba(157, 155, 155, 0) 0%,
      rgba(157, 155, 155, 0.15) 25%,
      rgba(157, 155, 155, 0.3) 50%,
      rgba(157, 155, 155, 0.15) 75%,
      rgba(157, 155, 155, 0) 100% );
  --gradient-menu-divider-to-bottom:
    linear-gradient(
      
      90deg,
      rgba(157, 155, 155, 0) 0%,
      rgba(157, 155, 155, 0.15) 25%,
      rgba(157, 155, 155, 0.3) 50%,
      rgba(157, 155, 155, 0.15) 75%,
      rgba(157, 155, 155, 0) 100% );
  --gradient-menu-divider-2:
    linear-gradient(
      
      90deg,
      rgba(157, 155, 155, 0) 0%,
      rgba(157, 155, 155, 0.15) 25%,
      rgba(157, 155, 155, 0.3) 50%,
      rgba(157, 155, 155, 0.15) 75%,
      rgba(157, 155, 155, 0) 100% );
  --gradient-hover: #00cfa6 0%, rgba(84, 88, 90, 0.1) 59.09%;
  --gradient-divider-horiz:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(157, 155, 155, 0.15145) 27.6%,
      rgba(157, 155, 155, 0.3) 52.62%,
      rgba(157, 155, 155, 0.17477) 74.48%,
      rgba(255, 255, 255, 0) 100% );
  --gradient-divider-vert:
    linear-gradient(
      
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(157, 155, 155, 0.15145) 27.6%,
      rgba(157, 155, 155, 0.3) 52.62%,
      rgba(157, 155, 155, 0.17477) 74.48%,
      rgba(255, 255, 255, 0) 100% );
  --gradient-tab-highlighting:
    linear-gradient(
      90deg,
      rgba(255, 36, 0, 0) 0%,
      #ff2400 50.52%,
      rgba(255, 36, 0, 0) 100%);
  --gradient-navbar-tab-highlighting:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0) 0%,
      #00cfa6 50.52%,
      rgba(0, 207, 166, 0) 100%);
  --gradient-navbar-deposit-btn-highlighting:
    linear-gradient(
      
      90deg,
      rgba(255, 36, 0, 0) 0%,
      rgba(255, 36, 0, 0.35) 27.6%,
      rgba(255, 36, 0, 0.7) 52.62%,
      rgba(255, 36, 0, 0.35) 74.48%,
      rgba(255, 36, 0, 0) 100% );
  --gradient-accent-menu-highlight:
    linear-gradient(
      180deg,
      rgba(0, 207, 166, 0) 17.94%,
      #00cfa6 40.59%,
      rgba(0, 207, 166, 0) 63.66%);
  --gradient-secondary-menu-highlight:
    linear-gradient(
      180deg,
      rgba(84, 88, 90, 0) 17.94%,
      #54585a 40.59%,
      rgba(84, 88, 90, 0) 63.66%);
  --gradient-scroll-shadow:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 100%);
  --gradient-horiz-tab-scroll:
    linear-gradient(
      270deg,
      #ffffff 14.01%,
      rgba(255, 255, 255, 0) 86.76%);
  --gradient-horiz-tab-scroll-2:
    linear-gradient(
      270deg,
      rgba(13, 16, 22, 0) 0%,
      #0d1016 86.76%);
  --gradient-horiz-tab-scroll-padding-24:
    linear-gradient(
      270deg,
      #ffffff 28.47%,
      rgba(255, 255, 255, 0) 86.76%);
  --gradient-horiz-tab-scroll-rotate:
    linear-gradient(
      90deg,
      #ffffff 14.01%,
      rgba(255, 255, 255, 0) 86.76%);
  --gradient-horiz-tab-scroll-padding-24-rotate:
    linear-gradient(
      90deg,
      #ffffff 28.47%,
      rgba(255, 255, 255, 0) 86.76%);
  --gradient-progressbar:
    linear-gradient(
      90deg,
      #00cfa6 79.95%,
      rgba(0, 207, 166, 0) 100%);
  --gradient-progressbar-1:
    linear-gradient(
      90deg,
      #00cfa6 79.95%,
      rgba(0, 207, 166, 0) 100%);
  --gradient-progressbar-2:
    linear-gradient(
      90deg,
      #ff2400 79.95%,
      rgba(0, 207, 166, 0) 100%);
  --gradient-progressbar-3:
    linear-gradient(
      90deg,
      #ffc700 79.95%,
      rgba(0, 207, 166, 0) 100%);
  --gradient-progressbar-4:
    linear-gradient(
      90deg,
      #00cfa6 79.95%,
      rgba(0, 207, 166, 0) 100%);
  --gradient-selected-point:
    linear-gradient(
      98.86deg,
      #00cfa6 0%,
      rgba(0, 207, 166, 0.2) 100%);
  --gradient-sidebar-bottom-down:
    linear-gradient(
      180deg,
      rgba(238, 238, 238, 0) 0%,
      #eeeeee 100%);
  --gradient-sb-pt-left:
    linear-gradient(
      90deg,
      rgba(84, 88, 90, 0) 0%,
      #54585a 100%);
  --gradient-sb-pt-right:
    linear-gradient(
      90.05deg,
      #00cfa6 0.04%,
      rgba(0, 207, 166, 0) 99.96%);
  --gradient-bottom-bar:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 64.77%);
  --gradient-corner-shadow-small:
    linear-gradient(
      131.35deg,
      #0d1016 0%,
      rgba(13, 16, 22, 0) 28.71%);
  --gradient-corner-shadow-big:
    linear-gradient(
      126.41deg,
      #0d1016 0%,
      rgba(13, 16, 22, 0) 39.73%);
  --gradients-graphics-mobile-cards:
    linear-gradient(
      0deg,
      rgba(247, 247, 247, 0.3) 0%,
      rgba(247, 247, 247, 0.243) 33.56%,
      rgba(247, 247, 247, 0) 100%),
    linear-gradient(
      0deg,
      #f7f7f7 0%,
      rgba(247, 247, 247, 0.81) 33.56%,
      rgba(247, 247, 247, 0) 100%);
  --gradients-graphics-mobile-page:
    linear-gradient(
      
      0deg,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0.24) 33.56%,
      rgba(255, 255, 255, 0) 100% ),
    linear-gradient(
      0deg,
      #fff 0%,
      #fff 4.69%,
      rgba(255, 255, 255, 0.81) 33.56%,
      rgba(255, 255, 255, 0) 100%);
  --gradients-graphics-desktop-cards:
    linear-gradient(
      0deg,
      rgba(247, 247, 247, 0.3) 0%,
      rgba(247, 247, 247, 0.243) 22.77%,
      rgba(247, 247, 247, 0) 67.86%),
    linear-gradient(
      360deg,
      #f7f7f7 0%,
      rgba(247, 247, 247, 0.81) 22.77%,
      rgba(247, 247, 247, 0) 67.86%);
  --gradients-skeleton-blur:
    linear-gradient(
      
      93.37deg,
      rgba(255, 255, 255, 0) 0.89%,
      rgba(255, 255, 255, 0.6) 48.66%,
      rgba(255, 255, 255, 0) 96.17% );
  --gradient-sport-menu-dropdown-item:
    linear-gradient(
      
      90deg,
      rgba(30, 35, 46, 0) 0%,
      rgba(128, 133, 143, 0.25) 27.6%,
      rgba(128, 133, 143, 0.5) 52.62%,
      rgba(128, 133, 143, 0.29) 74.48%,
      rgba(13, 16, 22, 0) 100% );
  --gradient-label-corner-accent:
    linear-gradient(
      214.86deg,
      #00cfa6 0%,
      rgba(0, 207, 166, 0) 22.41%);
  --gradient-radial-2:
    radial-gradient(
      50% 50% at 50% 50%,
      #eeeeee 46.15%,
      rgba(238, 238, 238, 0) 100%);
  --gradients-bm-t-bar-highlighting:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0) 0%,
      #00cfa6 50.52%,
      rgba(0, 207, 166, 0) 100%);
  --gradients-1-lbl:
    linear-gradient(
      131deg,
      #0d1016 0%,
      rgba(13, 16, 22, 0) 28.71%);
  --gradients-2-lbl:
    linear-gradient(
      126deg,
      #0d1016 0%,
      rgba(13, 16, 22, 0) 39.73%);
  --gradients-txt-accent:
    linear-gradient(
      180deg,
      #ffc700 6.29%,
      #ff7a00 100%);
  --gradient-quick-deposit-divider:
    linear-gradient(
      
      90deg,
      rgba(30, 35, 46, 0) 0%,
      rgba(128, 133, 143, 0.252417) 27.6%,
      rgba(128, 133, 143, 0.5) 52.62%,
      rgba(128, 133, 143, 0.291283) 74.48%,
      rgba(13, 16, 22, 0) 100% );
  --gradient-left-text-glow-before:
    linear-gradient(
      90deg,
      rgba(255, 199, 0, 0),
      rgba(255, 199, 0, 0.8),
      rgba(255, 199, 0, 0) 100%);
  --gradient-left-text-glow-after:
    radial-gradient(
      
      75.87% 131.14% at 30% 115%,
      rgba(255, 153, 0, 0.4) 0%,
      rgba(19, 23, 31, 0.1042) 40%,
      rgba(19, 23, 31, 0) 100% );
  --gradient-bottom-text-glow:
    radial-gradient(
      
      67.86% 110.14% at 50% -10.14%,
      rgba(0, 207, 166, 0.4) 0%,
      rgba(19, 23, 31, 0.104179) 60%,
      rgba(19, 23, 31, 0) 100% );
  --gradient-bottom-btn-glow:
    radial-gradient(
      
      67.86% 110.14% at 50% -10.14%,
      rgba(255, 36, 0, 0.4) 0%,
      rgba(19, 23, 31, 0.104179) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-brand-primary: #ff2400;
  --color-brand-secondary: #00cfa6;
  --color-brand-secondary-light: rgba(0, 207, 166, 0.15);
  --color-additionals-danger: #ff2400;
  --color-additionals-success: #00cfa6;
  --color-additionals-warning: #ffc700;
  --color-additionals-favorites: #ffc700;
  --color-additionals-accent: #ff9900;
  --color-additionals-attention: #80858f;
  --color-bg-1: #ffffff;
  --color-bg-2: #f7f7f7;
  --color-bg-3: #eeeeee;
  --color-bg-4: #c6c6c6;
  --color-bg-5: #9d9b9b;
  --color-bg-6: #54585a;
  --color-bg-7: #454849;
  --color-bg-8: #313334;
  --color-bg-9: #f7f7f7;
  --color-txt-icon-1: #313334;
  --color-txt-icon-2: #454849;
  --color-txt-icon-3: #54585a;
  --color-txt-icon-4: #9d9b9b;
  --color-txt-icon-5: #ffffff;
  --color-txt-icon-banner-1: #ffffff;
  --color-txt-icon-white: #ffffff;
  --color-txt-icon-jackpot-accent-1: #ffc700;
  --color-txt-icon-jackpot-accent-2: rgba(255, 168, 0, 1);
  --color-not-found-icon: var(--color-txt-icon-3);
  --color-empty-placeholder-icon: var(--color-txt-icon-3);
  --color-txt-icon-label-sport-secondary: #232834;
  --color-breadcrumbs-txt-icon: #9d9b9b;
  --color-breadcrumbs-txt-icon-hover: #313334;
  --color-filters-sorting-icon: #9d9b9b;
  --color-filters-sorting-icon-hover: #54585a;
  --color-filters-sorting-icon-active: #00cfa6;
  --color-filters-sorting-bg: #eeeeee;
  --color-filters-sorting-bg-active: #ffffff;
  --color-filters-sorting-txt-active: #313334;
  --color-filters-sorting-txt: #54585a;
  --color-filters-search-icon-1: #54585a;
  --color-filters-search-icon-2: #9d9b9b;
  --color-filters-search-bg: #eeeeee;
  --color-filters-search-txt-placeholder: #9d9b9b;
  --color-filters-search-txt-filling: #313334;
  --shadow-filters-sorting-label: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-filters-sorting-list: 0px 8px 12px rgba(0, 0, 0, 0.06);
  --filter-color-tabs-icon: brightness(0) saturate(100%) invert(34%) sepia(5%) saturate(389%) hue-rotate(155deg) brightness(93%) contrast(88%);
  --filter-color-tabs-icon-hover: brightness(0) saturate(100%) invert(17%) sepia(9%) saturate(213%) hue-rotate(155deg) brightness(90%) contrast(89%);
  --filter-tabs-icon-active: brightness(0) saturate(100%) invert(28%) sepia(100%) saturate(5905%) hue-rotate(6deg) brightness(104%) contrast(105%);
  --filter-brightness-0: brightness(0%);
  --animation-border-rotation-width: 2px;
  --color-transparent: transparent;
  --color-white: #ffffff;
  --color-overlay-backdrop: var(--color-bg-8);
  --color-banner-txt-icon: #ffffff;
  --color-banner-pagination: #313334;
  --color-progressbar-bg-1: #dedede;
  --color-progressbar-base: rgba(198, 198, 198, 0.5);
  --color-progressbar-base-2: rgba(198, 198, 198, 0.5);
  --color-progressbar-base-3: rgba(198, 198, 198, 0.5);
  --color-progressbar-full: #00cfa6;
  --color-progressbar-full-1: #00cfa6;
  --color-progressbar-full-2: #ff2400;
  --color-progressbar-full-3: #ffc700;
  --color-progressbar-full-4: #00cfa6;
  --color-segmented-progressbar: var(--color-card-bg-4);
  --color-active-segmented-progressbar-shadow: drop-shadow(0 0 5px #ffc700);
  --content-summary-chevron: url(/assets/content-page/summary-chevron-dark.svg);
  --not-found-page-bg: #ffffff;
  --bonus-option-border-radius: 0.125rem;
  --footer-support-tg-icon-size: 24px;
  --starshine-block-underline-decoration-visibility: visible;
  --maintenance-bg: colors.$white;
  --welcome-banner-border-radius: 0.25rem;
  --shadow-welcome-banner: 0px 0px 10px rgba(0, 0, 0, 0.3);
  --shadow-lang-dropdown: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-lang-icon: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-balance-details: 2px -2px 4px rgba(0, 0, 0, 0.06);
  --shadow-control-tooltip: 0px 8px 12px rgba(0, 0, 0, 0.06);
  --shadow-control-dropdown: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-news-cta-button: 0px -4px 10px rgba(49, 51, 52, 0.1);
  --shadow-game-frame: 0px 0px 10px rgba(0, 0, 0, 0.3);
  --shadow-profile-tooltip: 0px 8px 12px rgba(0, 0, 0, 0.06);
  --shadow-tooltip: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-balance-filters-footer: 0px -4px 10px rgba(49, 51, 52, 0.1);
  --shadow-calendar-dropdown: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-select-list-option: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-fd-bonus: 0px 0px 10px rgba(0, 0, 0, 0.3);
  --shadow-login: 0px 4px 4px rgba(0, 0, 0, 0.3);
  --shadow-rules-details: 0px 8px 12px rgba(0, 0, 0, 0.06);
  --shadow-championship-nav: 3px 0px 4px rgba(13, 16, 22, 0.25);
  --shadow-championship-nav-item: 3px 2px 2px rgba(0, 0, 0, 0.2);
  --shadow-taxes-calculator: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  --shadow-quest-status: none;
  --color-button-primary-bg: #ff2400;
  --color-button-primary-bg-animation: rgba(255, 36, 0, 0.5);
  --color-button-primary-bg-hover:
    linear-gradient(
      0deg,
      rgba(49, 51, 52, 0.15),
      rgba(49, 51, 52, 0.15)),
    #ff2400;
  --color-button-primary-bg-pressed:
    linear-gradient(
      0deg,
      rgba(49, 51, 52, 0.2),
      rgba(49, 51, 52, 0.2)),
    #ff2400;
  --color-button-primary-txt: #ffffff;
  --color-button-primary-txt-pressed: #eeeeee;
  --box-shadow-button-primary: none;
  --box-shadow-button-primary-animation: none;
  --color-button-secondary-strk: #ff2400;
  --color-button-secondary-strk-spinner: #ff2400;
  --color-button-secondary-bg: transparent;
  --color-button-secondary-bg-hover-border: #ff2400;
  --color-button-secondary-bg-hover: #ff2400;
  --color-button-secondary-bg-pressed-border:
    linear-gradient(
      0deg,
      rgba(49, 51, 52, 0.2),
      rgba(49, 51, 52, 0.2)),
    #ff2400;
  --color-button-secondary-bg-pressed:
    linear-gradient(
      0deg,
      rgba(49, 51, 52, 0.2),
      rgba(49, 51, 52, 0.2)),
    #ff2400;
  --color-button-secondary-bg-disabled: transparent;
  --color-button-secondary-txt: #54585a;
  --color-button-secondary-txt-hover: #ffffff;
  --color-button-secondary-txt-pressed: #eeeeee;
  --color-button-secondary-icon: #ff2400;
  --color-button-secondary-icon-hover: #ffffff;
  --color-button-secondary-icon-pressed: #eeeeee;
  --box-shadow-button-secondary: none;
  --color-button-tertiary-strk: #c6c6c6;
  --color-button-tertiary-strk-hover:
    linear-gradient(
      163deg,
      #00cfa6 0%,
      #c6c6c6 59.09%);
  --color-button-tertiary-strk-pressed:
    linear-gradient(
      163deg,
      #00cfa6 0%,
      #c6c6c6 59.09%);
  --color-button-tertiary-strk-hover-only-icon:
    linear-gradient(
      136.34deg,
      #00cfa6 0%,
      #c6c6c6 59.09%);
  --color-button-tertiary-strk-pressed-only-icon:
    linear-gradient(
      136.34deg,
      #00cfa6 0%,
      #c6c6c6 59.09%);
  --color-button-tertiary-bg-pressed: #eeeeee;
  --color-button-tertiary-txt: #54585a;
  --color-button-tertiary-txt-hover: #54585a;
  --color-button-tertiary-txt-pressed: #54585a;
  --color-button-tertiary-animation-highlight:
    linear-gradient(
      
      270deg,
      rgba(78, 199, 238, 0) 0%,
      rgba(78, 199, 238, 0.2) 25.48%,
      rgba(78, 199, 238, 0) 50.48%,
      rgba(78, 199, 238, 0.2) 75%,
      rgba(78, 199, 238, 0) 100% );
  --box-shadow-button-tertiary: none;
  --color-button-tertiary-accent-strk: #c6c6c6;
  --color-button-tertiary-accent-strk-hover: #54585a;
  --color-button-tertiary-accent-strk-pressed: #54585a;
  --color-button-tertiary-accent-strk-hover-only-icon:
    linear-gradient(
      163deg,
      rgba(255, 199, 0, 1) 0%,
      rgba(255, 199, 0, 0.3) 59.09%);
  --color-button-tertiary-accent-strk-pressed-only-icon:
    linear-gradient(
      163deg,
      rgba(255, 199, 0, 1) 0%,
      rgba(255, 199, 0, 0.3) 59.09%);
  --color-button-tertiary-accent-bg-pressed: #54585a;
  --color-button-tertiary-accent-txt: #54585a;
  --color-button-tertiary-accent-txt-hover: #54585a;
  --color-button-tertiary-accent-txt-pressed: #ffc700;
  --box-shadow-button-tertiary-accent: none;
  --color-button-link-txt: #54585a;
  --color-button-link-txt-pressed: #313334;
  --font-weight-link-button: 500;
  --width-button-link-underline: 0;
  --color-button-special-bg-1: rgba(238, 238, 238, 0.85);
  --color-button-special-bg-pressed-1: #eeeeee;
  --color-button-special-txt-1: #54585a;
  --color-button-special-txt-pressed-1: #9d9b9b;
  --color-button-special-strk-1:
    linear-gradient(
      180deg,
      #54585a 0%,
      rgba(84, 88, 90, 0) 100%);
  --color-button-special-strk-hover-1:
    linear-gradient(
      180deg,
      #54585a 0%,
      rgba(84, 88, 90, 0) 100%);
  --color-button-special-strk-pressed-1:
    linear-gradient(
      180deg,
      #54585a 0%,
      rgba(84, 88, 90, 0) 100%);
  --color-button-special-bg-2: transparent;
  --color-button-special-bg-hover-2: rgba(49, 51, 52, 0.25);
  --color-button-special-bg-pressed-2: rgba(49, 51, 52, 0.4);
  --color-button-special-txt-2: #ffffff;
  --color-button-special-txt-pressed-2: #eeeeee;
  --color-button-special-strk-2: #ffffff;
  --color-button-special-txt-3: #54585a;
  --color-button-special-txt-pressed-3: #9d9b9b;
  --color-button-special-strk-3: #54585a;
  --color-button-special-bg-pressed-3: #f7f7f7;
  --color-chip-txt-ic: var(--base-colors-base-accent-light-100);
  --color-chip-txt-ic-hover: var(--base-colors-base-base-white);
  --color-chip-txt-ic-pressed: var(--base-colors-base-base-white);
  --color-chip-strk: var(--base-colors-additional-lighter-10);
  --color-chip-strk-hover:
    linear-gradient(
      136deg,
      #00b2ff 0%,
      #00475e 59.09%);
  --color-chip-strk-pressed:
    linear-gradient(
      160deg,
      #00b2ff 0%,
      rgba(0, 178, 255, 0.3) 59.09%);
  --color-chip-bg: transparent;
  --color-chip-bg-pressed:
    linear-gradient(
      95deg,
      rgba(0, 178, 255, 0.2) 0%,
      rgba(0, 178, 255, 0.00) 100%);
  --box-shadow-chip: 0 0 4px 0 var(--base-colors-additional-lighter-50) inset;
  --color-chip-accent-txt-ic: var(--base-colors-base-accent-light-100);
  --color-chip-accent-txt-ic-hover: var(--base-colors-base-base-white);
  --color-chip-accent-txt-ic-pressed: var(--base-colors-base-base-white);
  --color-chip-accent-strk: var(--base-colors-for-gradients-brand-main-60);
  --color-chip-accent-strk-hover:
    linear-gradient(
      136deg,
      var(--base-colors-base-accent-light-100) 0%,
      var(--base-colors-base-base-white) 29.54%,
      var(--base-colors-base-bg-lvl-3-dark-100) 59.09%);
  --color-chip-accent-strk-pressed:
    linear-gradient(
      136deg,
      var(--base-colors-base-accent-light-100) 0%,
      var(--base-colors-additional-lighter-50) 29.54%,
      var(--base-colors-base-bg-lvl-6-dark-100) 59.09%);
  --color-chip-accent-bg: transparent;
  --color-chip-accent-bg-pressed:
    linear-gradient(
      95deg,
      rgba(0, 67, 89, 0.20) 0%,
      rgba(0, 67, 90, 0.00) 100%);
  --box-shadow-chip-accent: 0 0 4px 0 var(--base-colors-additional-lighter-50) inset;
  --padding-vertical-button-s: 1rem;
  --padding-vertical-button-l: 2rem;
  --padding-horizontal-button-s: 0.4375rem;
  --padding-horizontal-button-l: 0.6875rem;
  --border-radius-button-s: 0.25rem;
  --border-radius-button: 0.25rem;
  --border-radius-button-go-top: 0.25rem;
  --text-transform-button: none;
  --line-height-button-s: 0.875rem;
  --line-height-button-m: 1rem;
  --line-height-button-l: 1.5rem;
  --font-size-button-s: 0.875rem;
  --font-size-quaternary-button-s: 0.75rem;
  --font-size-special-demo-button-s: 0.75rem;
  --font-size-button-m: 1rem;
  --font-size-button-l: 1rem;
  --font-weight-button-s: 500;
  --font-weight-button-m: 500;
  --font-weight-button-l: 500;
  --button-tertiary-m-icon-size: 24px;
  --button-secondary-l-padding: 11px 24px 11px 24px;
  --button-tertiary-l-padding: 12px 24px 12px 24px;
  --promocode-form-button-ui-type: tertiary;
  --promocode-form-button-size: m;
  --promocode-form-button-height: auto;
  --promocode-form-button-gap: 0.5rem;
  --promocode-form-button-top-gap: 6px;
  --promocode-form-button-radius: var(--border-radius-button);
  --color-toggle-bg: #c6c6c6;
  --color-toggle-bg-2: #eeeeee;
  --color-toggle-bg-active: #00cfa6;
  --color-toggle-bg-active-2: #ffc700;
  --color-toggle-circle:
    linear-gradient(
      141.95deg,
      #dddddd 25.7%,
      #939393 100%);
  --color-toggle-circle-active:
    linear-gradient(
      141.95deg,
      #01cfa6 25.7%,
      #007e65 100%);
  --color-toggle-circle-active-2:
    linear-gradient(
      142deg,
      #ffc700 25.7%,
      #c39800 100%);
  --color-toggle-circle-bg:
    linear-gradient(
      144.73deg,
      #e3e3e3 15.19%,
      #ffffff 56.91%);
  --color-toggle-circle-strk:
    linear-gradient(
      90deg,
      #ffffff -20.71%,
      rgba(255, 255, 255, 0) 120.71%);
  --shadow-toggle: inset -1px 1px 1px rgba(0, 0, 0, 0.18);
  --shadow-toggle-active: inset 1px 1px 1px rgba(0, 0, 0, 0.18);
  --shadow-toggle-circle: 1px 1px 1px rgba(0, 0, 0, 0.18);
  --shadow-toggle-circle-active: -1px 1px 1px rgba(0, 0, 0, 0.18);
  --color-checkbox-bg: #eeeeee;
  --color-checkbox-bg-active: #00cfa6;
  --color-checkbox-bg-active-2: #ffc700;
  --color-checkbox-strk: transparent;
  --color-checkbox-strk-2: #9d9b9b;
  --color-checkbox-txt: #9d9b9b;
  --color-checkbox-point: #ffffff;
  --border-checkbox: none;
  --border-checkbox-2: 1px solid var(--color-checkbox-strk-2);
  --shadow-checkbox: inset -1px 1px 1px rgba(0, 0, 0, 0.18);
  --shadow-checkbox-icon: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.18));
  --shadow-checkbox-active: inset 1px 1px 1px rgba(0, 0, 0, 0.18);
  --color-radiobutton-bg: #eeeeee;
  --color-radiobutton-bg-2: #eeeeee;
  --color-radiobutton-bg-active: #00cfa6;
  --color-radiobutton-bg-active-2: #ffc700;
  --color-radiobutton-strk: transparent;
  --color-radiobutton-strk-2: transparent;
  --color-radiobutton-circle-bg:
    linear-gradient(
      144.73deg,
      #e3e3e3 15.19%,
      #ffffff 56.91%);
  --color-radiobutton-circle-bg-active:
    linear-gradient(
      141.95deg,
      #01cfa6 25.7%,
      #007e65 100%);
  --color-radiobutton-circle-strk: #ffffff;
  --shadow-radiobutton: var(--shadow-controls-inner-right);
  --shadow-radiobutton-active: var(--shadow-controls-inner-left);
  --shadow-radiobutton-2: var(--shadow-controls-inner-right);
  --shadow-radiobutton-2-active: var(--shadow-controls-inner-left);
  --radiobutton-border-width: 0;
  --color-stepper-strk: transparent;
  --color-stepper-bg: #eeeeee;
  --color-stepper-bg-active: #00cfa6;
  --color-stepper-txt: #9d9b9b;
  --color-stepper-txt-active: #54585a;
  --color-stepper-txt-point: #ffffff;
  --shadow-stepper-txt-point: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-controls-inner-right: -1px 1px 1px 0px #0000002e inset;
  --shadow-controls-inner-left: 1px 1px 1px 0px #0000002e inset;
  --shadow-controls-to-right: 1px 1px 1px 0px #0000002e;
  --shadow-controls-to-left: -1px 1px 1px 0px #0000002e;
  --text-shadow-controls-to-right: 1px 1px 1px #0000002e;
  --filter-drop-shadow-controls-to-right: drop-shadow(1px 1px 1px #0000002e);
  --color-input-bg: transparent;
  --color-input-autofill-bg: var(--color-bg-1);
  --color-input-border-active: #9d9b9b;
  --color-input-border-focus: #54585a;
  --color-input-border-filled: #54585a;
  --color-input-border-uneditable: #eeeeee;
  --color-input-sum-currency-divider: #9d9b9b;
  --color-input-bg-label-1: #ffffff;
  --color-input-bg-label-2: #f7f7f7;
  --color-input-bg-label-3: #eeeeee;
  --color-input-bg-label-4: #f7f7f7;
  --box-shadow-input: none;
  --color-input-txt-label: #54585a;
  --color-input-txt-label-focus: #54585a;
  --color-input-txt-placeholder: #9d9b9b;
  --input-txt-placeholder-top-gap: 1px;
  --input-txt-placeholder-left-gap: -2px;
  --color-input-txt-filled: #313334;
  --color-input-currency-txt: #313334;
  --color-input-hint-txt: #54585a;
  --color-input-hint-icon: #00cfa6;
  --color-input-hint-bg: #eeeeee;
  --font-size-input-label-md: 0.875rem;
  --line-height-input-label-md: 1.125rem;
  --color-input-list-bg: #eeeeee;
  --color-input-list-bg-hover: #ffffff;
  --color-input-list-bg-active: #ffffff;
  --color-input-list-txt: #54585a;
  --color-input-list-txt-hover: #54585a;
  --color-input-list-txt-active: #313334;
  --color-input-list-icon: #9d9b9b;
  --color-input-list-icon-hover: #54585a;
  --input-border-width: 1px;
  --input-border-width-filled: 1px;
  --input-border-width-highlight: 1px;
  --input-border-radius: 0.25rem;
  --input-padding-top: 0.75rem;
  --input-padding-bottom: 0.5rem;
  --input-padding-horizontal: 0.6875rem;
  --input-padding-right: 2.625rem;
  --input-margin-top: 0.375rem;
  --input-label-outline-top: 0.375rem;
  --input-label-outline-gap-border-width: 0px;
  --input-label-outline-gap-border-width-active: 0px;
  --input-label-outline-gap-filled-border-width: 0px;
  --input-label-top: 1.125rem;
  --input-label-top-position: -0.0625rem;
  --input-label-active-font-size: 0.875rem;
  --input-label-active-line-height: 1.125rem;
  --input-icon-top-gap: 0.3125rem;
  --input-textarea-min-height: 2.5rem;
  --promocode-form-input-content-border-radius: var(--input-border-radius);
  --promocode-form-input-content-overflow: visible;
  --promocode-form-input-content-bg: transparent;
  --promocode-form-input-content-border: 0 solid transparent;
  --promocode-form-input-content-border-focus-color: transparent;
  --promocode-form-input-content-box-shadow: none;
  --promocode-form-input-field-border-width: var(--input-border-width);
  --promocode-form-input-field-box-shadow: var(--box-shadow-input);
  --input-sum-font-size: 1rem;
  --input-sum-line-height: 1.375rem;
  --input-sum-padding-top: 0.625rem;
  --input-sum-padding-right: 0.9375rem;
  --input-sum-padding-bottom: 0.375rem;
  --input-sum-padding-left: 0.6875rem;
  --input-sum-currency-top-gap: 0.3125rem;
  --input-sum-currency-left-aligned-top-gap: 0.3125rem;
  --input-sum-currency-left-aligned-width: 3.125rem;
  --input-sum-currency-left-aligned-padding-left: 0;
  --input-sum-currency-left-aligned-display-before: block;
  --input-phone-select-margin-top: 0.5625rem;
  --input-right-padding-top: 0.625rem;
  --input-right-padding-bottom: 0.375rem;
  --input-right-label-top-position: -0.0625rem;
  --input-right-currency-top-gap: 0.3125rem;
  --input-select-labelled-bottom-padding: 14px;
  --input-select-chevron-top-gap: 18px;
  --input-select-item-top-gap: 18px;
  --input-otp-height: 40px;
  --quick-deposit-input-direction-type: right;
  --quick-deposit-button-size: m;
  --quick-deposit-button-margin-left: 0.5rem;
  --quick-deposit-button-border-left-radius: var(--border-radius-button);
  --quick-deposit-input-top: -6px;
  --quick-deposit-input-left-border-radius: var(--input-border-radius);
  --quick-deposit-input-start-width: 0.5rem;
  --quick-deposit-top: 0;
  --quick-deposit-select-label-color: #54585a;
  --quick-deposit-select-margin-left: 0.5rem;
  --quick-deposit-icon-margin-top: 0.5rem;
  --quick-deposit-vertical-icon-margin-top: 0.5rem;
  --quick-deposit-currency-top: 0.3125rem;
  --quick-deposit-img-margin-top: 0.5rem;
  --quick-deposit-fp-img-height: 26px;
  --quick-deposit-full-height: 46px;
  --quick-deposit-label-alignment: left;
  --quick-deposit-label-padding-left: 0.25rem;
  --quick-deposit-toggle-sm-txt-transform: initial;
  --quick-deposit-toggle-icon-color: var(--color-button-secondary-icon);
  --quick-deposit-toggle-side-border-color: rgba(255, 36, 0);
  --quick-deposit-toggle-border-opacity: 1;
  --quick-deposit-toggle-central-border-color: rgba(255, 36, 0, var(--quick-deposit-toggle-border-opacity));
  --select-padding-vertical: 0.625rem;
  --select-content-left-gap: 0.75rem;
  --select-content-top-gap: 0.625rem;
  --select-chevron-top-gap: 0.625rem;
  --select-labelled-top-gap: 0.375rem;
  --select-labelled-content-top-gap: 1.125rem;
  --select-labelled-chevron-top-gap: 1.125rem;
  --color-filters-select-search-bg: var(--color-filters-search-bg);
  --border-radius-filters-search: var(--input-border-radius);
  --border-filters-search: none;
  --color-menu-icon: #54585a;
  --color-menu-icon-filter: brightness(0) saturate(100%) invert(34%) sepia(6%) saturate(307%) hue-rotate(156deg) brightness(95%) contrast(90%);
  --color-menu-icon-hover: #313334;
  --color-menu-icon-active: #ff2400;
  --color-menu-icon-secondary: #9d9b9b;
  --color-menu-icon-indicator: #00cfa6;
  --color-menu-text: #54585a;
  --color-menu-text-hover: #313334;
  --color-menu-text-active: #ff2400;
  --color-menu-text-active-2: #313334;
  --color-menu-text-default-2: #b4dcda;
  --color-menu-bg: #eeeeee;
  --color-menu-bg-2: #f7f7f7;
  --color-menu-bg-hover: #dfdfdf;
  --color-menu-bg-hover-2: #eeeeee;
  --color-menu-bg-line: #eeeeee;
  --color-menu-bg-gradient:
    linear-gradient(
      90deg,
      #eeeeee 0%,
      rgba(238, 238, 238, 0) 100%);
  --color-menu-bg-gradient-2:
    linear-gradient(
      90deg,
      #dfdfdf 0%,
      rgba(223, 223, 223, 0) 100%);
  --color-menu-label-bg: var(--color-brand-primary);
  --menu-label-border-radius: 0.125rem;
  --menu-label-font-size: 0.625rem;
  --shadow-menu-hover: 0px 0px 8px rgba(124, 125, 126, 0.5);
  --menu-list-item-border-radius: 4px;
  --menu-list-item-minified-hover-border-radius: inherit;
  --menu-list-item-active-bg: none;
  --color-sidebar-icon: #00cfa6;
  --color-sidebar-toggle-icon: #00cfa6;
  --color-sidebar-icon-hover: #00cfa6;
  --color-sidebar-icon-2: #54585a;
  --color-sidebar-icon-hover-2: #54585a;
  --color-sidebar-new: var(--color-label-txt);
  --color-sidebar-line: #eeeeee;
  --color-sidebar-bg: #eeeeee;
  --color-sidebar-bg-secondary: #ffffff;
  --shadow-sidebar-scrolling-bottom:
    linear-gradient(
      180deg,
      rgba(238, 238, 238, 0) 0%,
      #eeeeee 100%);
  --color-sidebar-new-bg: var(--color-brand-primary);
  --shadow-sidebar-pulling-tag: -3px 0px 4px rgba(13, 16, 22, 0.25);
  --shadow-sidebar-pulling-tag-2: 3px 0px 4px rgba(13, 16, 22, 0.25);
  --sidebar-toggle-wrapper-after-content: "";
  --sidebar-toggle-btn-before-content: "";
  --sidebar-toggle-btn-after-left: calc(50% + 2px);
  --sidebar-toggle-btn-after-radius: 4px;
  --sidebar-lang-icon-width: 24px;
  --header-height-s: 40px;
  --header-height-m: 40px;
  --header-height-l: 40px;
  --header-padding-s: 0 0.5rem;
  --header-padding-m: 0.75rem 1rem;
  --header-padding-l: 1rem 1.5rem;
  --color-headers-bg: #ffffff;
  --shadow-headers: 0px 4px 10px rgba(49, 51, 52, 0.1);
  --header-quick-deposit-align-self: initial;
  --header-register-button-border-radius: var(--border-radius-button);
  --header-login-button-border-radius: var(--border-radius-button);
  --header-cash-button-border-radius: var(--border-radius-button);
  --header-cash-button-desktop-size: m;
  --header-cash-button-short: false;
  --header-balance-preview-short: false;
  --header-balance-button-border-radius: inherit;
  --header-balance-button-margin-right-s: 1rem;
  --header-balance-button-margin-right-m: 0.75rem;
  --header-balance-button-margin-right-l: 20px;
  --header-login-button-margin-left: 0.5rem;
  --header-login-buttons-line-height-m: 1.5rem;
  --header-balance-color: #54585a;
  --header-balance-font-weight: 500;
  --header-balance-font-size-s: 0.875rem;
  --header-balance-font-size-m: 1rem;
  --header-balance-line-height-s: 1.125rem;
  --header-balance-line-height-m: 1.375rem;
  --header-balance-label-color: var(--color-txt-icon-1);
  --header-balance-label-font-size-s: 0.75rem;
  --header-balance-label-font-size-m: 0.875rem;
  --header-balance-label-font-size-l: 0.875rem;
  --header-balance-label-line-height-s: 1rem;
  --header-balance-label-line-height-m: 1.125rem;
  --header-balance-label-line-height-l: 1.125rem;
  --header-balance-background: transparent;
  --header-balance-inner-shadow: none;
  --header-balance-border: none;
  --header-balance-padding-s: 6px 8px 6px 12px;
  --header-balance-padding-m: 10px 8px 10px 12px;
  --header-balance-padding-l: 14px 8px 14px 12px;
  --header-balance-padding-bonus-s: 0;
  --header-balance-padding-bonus-m: 0;
  --header-balance-padding-bonus-l: 0;
  --header-balance-details-bg: var(--color-card-bg-2);
  --balance-widget-details-action-font-weight: 500;
  --color-headers-bg-secondary: #f7f7f7;
  --color-headers-bg-tertiary: #eeeeee;
  --color-headers-bg-quaternary: #dfdfdf;
  --color-headers-bg-grad:
    linear-gradient(
      270deg,
      #f7f7f7 0%,
      rgba(247, 247, 247, 0) 86.76%);
  --color-headers-bg-grad-3:
    linear-gradient(
      270deg,
      #eeeeee 0%,
      rgba(238, 238, 238, 0) 86.76%);
  --color-headers-bg-line: #c6c6c6;
  --color-headers-txt-icon: #313334;
  --color-headers-txt-icon-secondary: #54585a;
  --color-headers-txt-icon-tertiary: #232834;
  --color-headers-txt-icon-accent: #ff2400;
  --color-footer-txt-1: #313334;
  --color-footer-txt-2: #54585a;
  --color-footer-txt-3: #9d9b9b;
  --color-tabs-icon: #54585a;
  --color-tabs-icon-hover: #313334;
  --color-tabs-icon-active: #ff2400;
  --color-tabs-bg: #ffffff;
  --color-tabs-txt: #54585a;
  --color-tabs-txt-active-1: #ff2400;
  --color-tabs-txt-hover-1: #313334;
  --color-tabs-txt-active-2: #ff2400;
  --color-tabs-tag-txt: #313334;
  --color-tabs-txt-active-3: #313334;
  --letter-spacing-tabs: normal;
  --text-transform-tabs: none;
  --font-weight-category-tab-active-sm: 400;
  --font-weight-category-tab-active-md: 400;
  --font-weight-category-tab-active-xl: 400;
  --font-weight-active-tab: 500;
  --color-tabs-strk-default: #ff2400;
  --category-tab-active-underline-width: 160%;
  --height-tabs-underline: 3px;
  --filter-tabs-underline: none;
  --games-category-item-icon-size: 24px;
  --color-navbar-icon: #54585a;
  --color-navbar-icon-active: #00cfa6;
  --color-navbar-bg: #ffffff;
  --color-navbar-txt: #54585a;
  --color-navbar-txt-active: #313334;
  --color-navbar-tag-txt: #313334;
  --shadow-navbar-tabs: 0px -4px 10px rgba(49, 51, 52, 0.1);
  --navbar-margin-left-right: 0px;
  --navbar-margin-bottom: 0px;
  --navbar-border: none;
  --navbar-border-radius: 0;
  --navbar-backdrop-filter: none;
  --navbar-text-transform: none;
  --navbar-icon-height: 24px;
  --navbar-item-padding: 8px 0;
  --multimenu-close-btn-shadow: none;
  --navbar-close-text-text-transform: none;
  --providers-color-bg:
    linear-gradient(
      291.37deg,
      rgba(157, 155, 155, 0.075) 0%,
      rgba(157, 155, 155, 0) 36.07%),
    #eeeeee;
  --providers-color-bg-hover: #eeeeee;
  --providers-color-bg-active: #ffffff;
  --providers-color-txt-title: #54585a;
  --providers-color-tag-txt: #ff2400;
  --providers-color-tag-highlight:
    linear-gradient(
      135.14deg,
      #ff2400 0%,
      rgba(255, 36, 0, 0.1) 54%);
  --shadow-provider-card: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --color-search-result-txt-title: #9d9b9b;
  --color-search-result-txt-placeholder: #9d9b9b;
  --color-search-result-txt-name: #313334;
  --color-search-result-txt-highlight: #313334;
  --color-search-result-darker-mob: rgba(255, 255, 255, 0.9);
  --color-label-bg-1: #ff2400;
  --color-label-bg-2: #00cfa6;
  --color-label-bg-3: #ff9900;
  --color-label-bg-4: #80858f;
  --color-label-bg-5: #232834;
  --color-label-bg-6: #0032b9;
  --color-label-bg-7: #7d00e9;
  --color-label-in-bottom-text: #ffffff;
  --color-label-in-bottom-bg: rgba(13, 16, 22, 0.65);
  --color-label-txt: #ffffff;
  --color-label-game-tile: #c6c6c6;
  --color-label-game-empty-star: #ffffff;
  --color-label-game-darker: rgba(13, 16, 22, 0.7);
  --color-label-winner-bg: rgba(238, 238, 238, 0.95);
  --color-label-winner-bg-hover: #eeeeee;
  --shadow-label-winner-bg-hover: 0px 0px 8px rgba(124, 125, 126, 0.5);
  --color-label-new-bg: rgba(255, 36, 0, 0.6);
  --color-label-exclusive-bg: rgba(0, 207, 166, 0.6);
  --color-label-freespins-bg: rgba(13, 16, 22, 0.6);
  --label-border-radius: 0.125rem;
  --label-padding-horizontal: 0.25rem;
  --label-font-size: 0.625rem;
  --label-line-height: 0.875rem;
  --label-top-position: 0.25rem;
  --label-left-position: 0.25rem;
  --color-pop-up-bg-header: #ffffff;
  --color-pop-up-bg-header-2: #ffffff;
  --color-pop-up-bg-body: #f7f7f7;
  --color-pop-up-bg-body-2: #ffffff;
  --color-pop-up-bg-body-3: #f7f7f7;
  --color-pop-up-line: #eeeeee;
  --color-pop-up-bg-toast: #ffffff;
  --color-pop-up-txt-header: #313334;
  --color-pop-up-txt-body: #454849;
  --color-pop-up-txt-body-2: #454849;
  --color-pop-up-txt-body-3: #c6c6c6;
  --color-pop-up-txt-body-4: #c6c6c6;
  --color-pop-up-txt-currency-counter: #00cfa6;
  --color-pop-up-ic-close: #c6c6c6;
  --color-pop-up-ic-result-success: #ffffff;
  --color-verification-status-ic-success: #0d1016;
  --color-pop-up-overlay-darken: rgba(13, 16, 22, 0.7);
  --color-pop-up-bg-gradient:
    linear-gradient(
      270deg,
      #f7f7f7 14.01%,
      rgba(255, 255, 255, 0) 86.76%);
  --color-pop-up-bg-gradient-2:
    linear-gradient(
      180deg,
      #f7f7f7 0%,
      rgba(247, 247, 247, 0) 100%);
  --color-pop-up-bg-gradient-rotate:
    linear-gradient(
      90deg,
      #f7f7f7 14.01%,
      rgba(255, 255, 255, 0) 86.76%);
  --freebet-decline-dialog-image-width: 200px;
  --freebet-decline-dialog-prompt-font-weight: 400;
  --freebet-decline-dialog-prompt-text-transform: none;
  --freebet-decline-dialog-prompt-text-shadow: none;
  --color-freebet-decline-dialog-meta-label: var(--color-bonus-card-freebet-txt-secondary);
  --color-freebet-decline-dialog-meta-value: var(--color-pop-up-txt-header);
  --color-freebet-decline-dialog-secondary-button: var(--color-button-link-txt);
  --freebet-decline-dialog-meta-label-font-size: 12px;
  --freebet-decline-dialog-meta-value-background: none;
  --freebet-decline-dialog-meta-value-font-size: 28px;
  --freebet-decline-dialog-meta-value-font-weight: 700;
  --freebet-decline-dialog-meta-value-line-height: 33px;
  --freebet-decline-dialog-meta-value-margin-top: 0;
  --dialog-confirm-button-border-radius: var(--border-radius-button);
  --dialog-cancel-button-border-radius: var(--border-radius-button);
  --dialog-border-radius: 0.25rem;
  --dialog-button-text-transform: none;
  --dialog-button-font-weight: 400;
  --dialog-button-color: var(--color-pop-up-txt-body-3);
  --thematic-section-card-underlay-display: block;
  --thematic-section-card-border-visibility-s: visible;
  --tournaments-card-border-radius: 0.25rem;
  --promo-list-card-border-radius: 0.25rem;
  --thematic-section-card-border-radius: 0.25rem;
  --thematic-section-card-underlay-border-radius: 0.375rem;
  --home-bonus-card-border-radius-s: 0.5rem;
  --home-bonus-card-border-radius-m: 1rem;
  --home-bonus-card-border-radius-l: 1.5rem;
  --pincoins-card-border-radius: 0.25rem;
  --bonus-mini-card-border-radius: 0.25rem;
  --bonus-mini-card-background: var(--color-card-bg-2);
  --bonus-mini-card-content-offset: 94px;
  --bonus-mini-card-sport-img-top: -20px;
  --bonus-mini-card-sport-img-left: -20px;
  --bonus-mini-card-sport-img-width: 132px;
  --bonus-mini-card-countdown-size: mini;
  --bonus-mini-card-countdown-show-days: true;
  --bonus-card-border-radius: 0.25rem;
  --bonus-card-flip-button-view: text;
  --bonus-card-flip-button-size: s;
  --bonus-card-flip-button-color: var(--color-button-link-txt);
  --bonus-card-front-title-font-size: 1rem;
  --bonus-card-front-title-line-height: 1.375rem;
  --bonus-card-front-title-font-weight: 500;
  --bonus-card-front-title-text-transform: none;
  --bonus-card-front-title-text-shadow: none;
  --bonus-card-sum-background: transparent;
  --bonus-card-sum-box-shadow: none;
  --bonus-card-sum-border-width: 0;
  --bonus-card-sum-border-radius: 0;
  --bonus-card-sum-border-background: transparent;
  --bonus-card-sum-min-height: 0;
  --bonus-card-sum-padding: 0;
  --bonus-card-sum-margin-bottom: 0.5rem;
  --bonus-card-sum-value-font-size: 1.75rem;
  --bonus-card-sum-value-line-height: 2.0625rem;
  --bonus-card-freebet-tags-top: 0.5rem;
  --bonus-card-freebet-tags-left: -0.5rem;
  --bonus-card-freebet-tag-padding-inline: var(--label-padding-horizontal);
  --bonus-card-counter-title-padding-bottom: 0;
  --bonus-card-sport-activate-button-margin-bottom: 0;
  --active-bonus-card-details-label-color: var(--color-card-txt-1);
  --active-bonus-card-details-value-color: var(--color-card-txt-2);
  --active-bonus-card-title-font-weight: 500;
  --active-bonus-card-title-line-height: 1.75rem;
  --active-bonus-card-title-text-transform: none;
  --active-bonus-card-title-text-shadow: none;
  --gift-box-widget-card-border-radius: 0.25rem;
  --gift-box-card-border-radius: 0.25rem;
  --profile-widget-card-border-radius: 0.25rem;
  --live-dealers-popular-card-border-radius: 0.25rem;
  --game-tile-border-radius: 0.25rem;
  --player-data-widget-card-border-radius: 0.25rem;
  --sign-up-bonus-option-border-radius: var(--border-radius-button);
  --profile-internal-section-detail-border-radius: 0px;
  --profile-internal-section-detail-border: none;
  --color-card-bg-1: #f7f7f7;
  --color-card-bg-2: #ffffff;
  --color-card-bg-3: #eeeeee;
  --color-card-bg-4: #c6c6c6;
  --color-card-bg-accent-1: #ff2400;
  --color-card-bg-accent-2:
    linear-gradient(
      0deg,
      rgba(49, 51, 52, 0.2),
      rgba(49, 51, 52, 0.2)),
    #ff2400;
  --color-card-bg-accent-3:
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 53.15%,
      #eaebeb 100%);
  --color-card-bg-accent-4:
    linear-gradient(
      0deg,
      #0d1016 0%,
      #232834 100%);
  --color-card-bg-accent-5:
    linear-gradient(
      180deg,
      #00cfa6 0%,
      #49fbd8 47.66%,
      #00b793 100%);
  --color-card-bg-line-1: #eeeeee;
  --color-card-bg-line-3: rgba(255, 255, 255, 0.2);
  --color-card-txt-1: #313334;
  --color-card-txt-2: #54585a;
  --color-card-txt-3: #9d9b9b;
  --color-card-txt-4: #c6c6c6;
  --color-card-txt-5: #ffffff;
  --color-counter-label-dark-theme: #80858f;
  --color-bonus-card-freebet-txt-secondary: #80858f;
  --color-card-link-txt-default: var(--color-additionals-success);
  --card-glow-text-shadow-1: none;
  --corner-radius-card-simple: 0px;
  --color-profile-txt-1: #313334;
  --color-profile-txt-2: #54585a;
  --color-profile-txt-3: #9d9b9b;
  --color-profile-txt-4: #c6c6c6;
  --color-profile-txt-secondary: var(--color-card-txt-2);
  --color-profile-tooltip: #c6c6c6;
  --color-profile-tooltip-bg: #eeeeee;
  --color-profile-table-bg-1: #f7f7f7;
  --color-profile-table-line-1: #eeeeee;
  --color-profile-table-txt-header: #313334;
  --color-profile-table-txt-1: #54585a;
  --color-profile-table-txt-2: #9d9b9b;
  --color-profile-table-txt-accent: #ff2400;
  --color-profile-table-icon: var(--color-profile-table-txt-1);
  --color-profile-table-status: var(--color-brand-secondary);
  --border-radius-profile-mob-section: 0.25rem;
  --profile-lobby-mobile-pincoins-balance-button-font-weight: 500;
  --balance-pincoins-progress-info-label-font-size: 12px;
  --balance-pincoins-progress-info-label-line-height: 16px;
  --balance-pincoins-progress-info-label-font-size-md: 12px;
  --balance-pincoins-progress-info-label-line-height-md: 16px;
  --balance-pincoins-exchange-button-size: l;
  --balance-pincoins-exchange-button-size-md: l;
  --balance-pincoins-exchange-button-size-xl: l;
  --profile-withdraw-btn-size: l;
  --entity-not-found-img-width: 120px;
  --entity-not-found-bonus-empty-img-box-blend-mode: normal;
  --skeleton-shape-bg: #c6c6c6;
  --skeleton-shape-bg-gradient:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(157, 155, 155, 0.15145) 27.6%,
      rgba(157, 155, 155, 0.3) 52.62%,
      rgba(157, 155, 155, 0.17477) 74.48%,
      rgba(255, 255, 255, 0) 100% );
  --skeleton-base-widget-bg: #f7f7f7;
  --color-counter-num: var(--color-card-txt-1);
  --color-counter-label: var(--color-card-txt-2);
  --color-counter-label-disabled: var(--color-card-txt-3);
  --color-counter-separator: var(--color-card-txt-1);
  --background-counter-num: transparent;
  --box-shadow-counter-num: none;
  --font-weight-counter-num-mini: 700;
  --padding-counter-num-mini: 0;
  --border-radius-counter-num-mini: 0;
  --line-height-counter-separator-mini: 1.25rem;
  --font-size-counter-label-mini: 0.625rem;
  --line-height-counter-label-mini: 0.875rem;
  --font-weight-counter-num-small: 700;
  --padding-counter-num-small: 0;
  --border-radius-counter-num-small: 0;
  --font-size-counter-separator-small: 1.125rem;
  --line-height-counter-separator-small: 1.625rem;
  --font-size-counter-label-small: 0.625rem;
  --line-height-counter-label-small: 0.875rem;
  --font-size-counter-num-medium: 1.5rem;
  --font-weight-counter-num-medium: 700;
  --line-height-counter-num-medium: 1.75rem;
  --padding-counter-num-medium: 0;
  --border-radius-counter-num-medium: 0;
  --font-size-counter-separator-medium: 1.25rem;
  --line-height-counter-separator-medium: 1.625rem;
  --font-size-counter-label-medium: 0.75rem;
  --line-height-counter-label-medium: 1rem;
  --font-size-counter-num-large: 2.25rem;
  --font-weight-counter-num-large: 700;
  --line-height-counter-num-large: 2.625rem;
  --padding-counter-num-large: 0;
  --border-radius-counter-num-large: 0;
  --font-size-counter-separator-large: 1.875rem;
  --line-height-counter-separator-large: 2.5rem;
  --font-size-counter-label-large: 0.875rem;
  --line-height-counter-label-large: 1.125rem;
  --widget-page-offset: 0;
  --widget-page-offset-md: 0;
  --widget-page-offset-xl: 0;
  --background-maintenance-subheader: var(--color-additionals-warning);
  --color-maintenance-subheade: var(--color-txt-icon-5);
  --font-weight-maintenance-subheader-title: 500;
  --promo-lobby-card-border-radius: 8px;
  --promo-lobby-card-border-color: var(--color-card-bg-line-3);
  --promo-lobby-card-background: var(--color-card-bg-accent-4);
  --promo-lobby-card-background-hover: var(--color-card-bg-2);
  --promo-lobby-card-nav-icon-color-1: var(--color-brand-secondary);
  --promo-lobby-card-nav-icon-color-2: var(--color-brand-secondary);
  --promo-lobby-card-picture-background:
    radial-gradient(
      50% 50% at 50% 50%,
      #27cb9b 0%,
      rgba(106, 123, 205, 0) 100%);
  --promo-lobby-card-button-glow-radial: var(--color-card-glow-radial-2);
  --promo-lobby-card-button-glow-linear: var(--color-card-glow-linear-2);
  --promo-lobby-card-default-glow-radial: var(--color-card-glow-radial-4);
  --promo-lobby-card-button-border-radius: 0.5rem;
  --promo-lobby-card-button-letter-spacing-mobile: normal;
  --promo-lobby-card-subtitle-line-height-desktop: 1.125rem;
  --promo-lobby-card-nav-icon-size: xs;
  --promo-lobby-fill-bullet: #c2c4c9;
  --promo-lobby-bonus-card-footer-spaced: false;
  --promo-lobby-bonus-card-padding-small: 0.75rem;
  --promo-lobby-bonus-card-padding-medium: 1rem;
  --promo-lobby-bonus-card-body-height-desktop: 94px;
  --promo-lobby-bonus-card-line-height-text-20: 1.625rem;
  --promo-lobby-bonus-card-linear-progress-base-color: var(--color-progressbar-base-2);
  --promo-lobby-bonus-card-linear-progress-glow-radial: var(--color-card-glow-radial-1);
  --promo-lobby-bonus-card-linear-progress-glow-linear: var(--color-card-glow-linear-1);
  --promo-lobby-bonus-card-poker-progress-glow-radial: var(--color-card-glow-radial-7);
  --promo-lobby-bonus-card-poker-progress-glow-linear: var(--color-card-glow-linear-7);
  --promo-lobby-bonus-card-poker-progressbar-color: var(--color-label-bg-6);
  --promo-lobby-bonus-card-poker-progressbar-shadow: drop-shadow(0 0 5px var(--color-label-bg-6));
  --promo-lobby-bonus-card-poker-progressbar-thin: false;
  --promo-lobby-bonus-card-poker-progressbar-info-below: false;
  --promo-lobby-bonus-details-card-background: var(--promo-lobby-card-background);
  --promo-lobby-bonus-details-cancel-button-wide: false;
  --promo-lobby-bonus-details-cancel-button-size-mobile: m;
  --promo-lobby-bonus-details-cancel-confirmation-glow-radial: var(--color-card-glow-radial-2);
  --promo-lobby-bonus-details-cancel-confirmation-glow-linear: var(--color-card-glow-linear-2);
  --promo-lobby-activity-card-background: var(--color-card-bg-accent-3);
  --promo-lobby-activity-card-rewards-shadow-color: #11141b;
  --promo-lobby-activity-card-rewards-shadow-hover-color: #1b1f28;
  --promo-lobby-activity-card-rewards-icon-color: var(--color-txt-icon-1);
  --promo-lobby-activity-card-rewards-navigation-icon-name: chevron-2;
  --promo-lobby-activity-card-future-status-background: var(--color-bg-4);
  --promo-lobby-vertical-border-radius: 0.25rem;
  --promo-lobby-color-vertical-casino: var(--color-label-bg-1);
  --promo-lobby-color-vertical-casino-glow-radial: var(--color-card-glow-radial-2);
  --promo-lobby-color-vertical-casino-glow-linear: var(--color-card-glow-linear-2);
  --promo-lobby-color-vertical-sport: var(--color-label-bg-2);
  --promo-lobby-color-vertical-sport-glow-radial: var(--color-card-glow-radial-1);
  --promo-lobby-color-vertical-sport-glow-linear: var(--color-card-glow-linear-1);
  --promo-lobby-color-vertical-esport: var(--color-label-bg-7);
  --promo-lobby-color-vertical-esport-glow-radial: var(--color-card-glow-radial-9);
  --promo-lobby-color-vertical-esport-glow-linear: var(--color-card-glow-linear-9);
  --promo-lobby-color-vertical-poker: var(--color-label-bg-6);
  --promo-lobby-color-vertical-poker-glow-radial: var(--color-card-glow-radial-7);
  --promo-lobby-color-vertical-poker-glow-linear: var(--color-card-glow-linear-7);
  --promo-lobby-color-countdown-ring-base: #444852;
  --promo-lobby-color-countdown-ring-fill: var(--color-progressbar-full-1);
  --promo-lobby-color-progress-donut-base: #444852;
  --promo-lobby-color-progress-donut-fill: var(--color-progressbar-full-1);
  --promo-lobby-reward-title-border-color: var(--color-card-bg-line-3);
  --promo-lobby-reward-title-background: var(--color-card-bg-accent-4);
  --promo-lobby-category-card-title-font-size: 1rem;
  --promo-lobby-category-card-title-line-height: 1.375rem;
  --promo-lobby-category-card-title-font-size-md: 1.25rem;
  --promo-lobby-category-card-title-line-height-md: 1.625rem;
  --promo-lobby-category-card-title-font-weight: 500;
  --promo-lobby-category-card-title-text-transform: unset;
  --promo-lobby-category-card-notification-badge-radius: 50px;
  --promo-lobby-category-card-notification-badge-background-color: var(--color-label-bg-1);
  --color-promo-survey-input-bg: transparent;
  --color-promo-survey-button-tertiary-strk: transparent;
  --color-promo-survey-txt-icon-1: #454849;
  --color-promo-survey-txt-icon-2: #54585a;
  --color-promo-survey-txt-icon-3: #9d9b9b;
  --color-promo-survey-txt-icon-4: #54585a;
  --color-promo-survey-txt-icon-5: #80858f;
  --color-promo-survey-bg-1: #ffffff;
  --color-promo-survey-bg-2: #eeeeee;
  --shadow-promo-survey-step-dialog: 0px 0px 10px rgba(0, 0, 0, 0.3);
  --color-verification-menu-item-bg: #454849;
  --color-lobby-title-line-1:
    linear-gradient(
      270deg,
      rgba(4, 207, 170, 0) 0%,
      rgba(0, 207, 166, 0.5) 53.84%,
      rgba(4, 207, 170, 1) 100%);
  --color-lobby-title-line-2:
    linear-gradient(
      90deg,
      rgba(4, 207, 170, 0) 0%,
      rgba(0, 207, 166, 0.5) 53.84%,
      rgba(4, 207, 170, 1) 100%);
  --color-lobby-title-bg:
    radial-gradient(
      ellipse at center,
      #00cfa6 0%,
      rgba(0, 207, 166, 0) 100%);
  --color-lw-sector-txt-1: colors.$white;
  --color-lw-sector-txt-2: #241257;
  --color-bg-increased-bonus-downtime-counter:
    linear-gradient(
      180deg,
      #e9c05f 26.48%,
      #e19e00 100%,
      #e9c05f);
  --color-welcome-bonus-info-tooltip: var(--color-txt-icon-3);
  --color-bg-app-install-banner: #ffffff;
  --color-coef-txt-secondary: var(--base-colors-base-base-lvl-2-light-100);
  --color-coef-gradient-low:
    linear-gradient(
      180deg,
      #ffffff 6.29%,
      #b4dcda 100%);
  --color-coef-gradient-medium:
    linear-gradient(
      180deg,
      #ffeba6 0%,
      #ffaf66 100%);
  --color-coef-gradient-high:
    linear-gradient(
      180deg,
      #ffc700 6.29%,
      #ff7a00 100%);
  --color-coef-bg: rgba(15, 14, 14, 0.24);
  --color-coef-border: rgba(252, 252, 252, 0.3);
  --color-info-view-gradient:
    linear-gradient(
      180deg,
      rgba(23, 18, 19, 0.8) 0%,
      var(--base-colors-base-bg-lvl-1-dark-100) 100%);
  --app-install-card-border-radius: 0.5rem;
  --app-install-advantage-border-radius: 0.25rem;
  --app-install-label-border-radius: 0.125rem;
  --color-bg-card: var(--color-card-bg-accent-3);
  --color-border-card: rgba(255, 255, 255, 0.2);
  --color-bg-card-lite:
    linear-gradient(
      60deg,
      transparent 65%,
      rgba(0, 207, 166, 0.2));
  --color-bg-card-pro:
    linear-gradient(
      60deg,
      transparent 65%,
      rgba(255, 36, 0, 0.2));
  --color-advantage-line:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0) 50%,
      rgba(255, 255, 255, 0.6) 100%);
  --color-advantage-icon: #232834;
  --color-advantage-shadow: transparent;
  --color-bg-card-slider-lite:
    radial-gradient(
      circle at 100% 50%,
      rgba(0, 207, 166, 0.25) 0%,
      transparent 40%);
  --color-bg-card-slider-pro:
    radial-gradient(
      circle at 100% 50%,
      rgba(255, 36, 0, 0.25) 0%,
      transparent 40%);
  --color-advantage-border: var(--color-card-bg-line-3);
  --color-advantage-line-lite:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0) 0%,
      rgba(0, 207, 166, 0.5) 50%,
      rgba(0, 207, 166, 0) 100%);
  --color-advantage-line-pro:
    linear-gradient(
      90deg,
      rgba(255, 36, 0, 0) 0%,
      rgba(255, 36, 0, 0.5) 50%,
      rgba(255, 36, 0, 0) 100%);
  --color-advantage-shadow-lite:
    linear-gradient(
      190deg,
      transparent 65%,
      rgba(0, 207, 166, 0.2));
  --color-advantage-shadow-pro:
    linear-gradient(
      190deg,
      transparent 65%,
      rgba(255, 36, 0, 0.2));
  --color-app-champ-bg: #ffc700;
  --color-app-champ-label: #0d1016;
  --color-app-champ-border-bg:
    linear-gradient(
      0,
      rgba(255, 199, 0, 0.8) 0%,
      rgba(255, 199, 0, 0) 110%);
  --color-app-champ-card-bg:
    linear-gradient(
      180deg,
      rgba(19, 23, 31, 0.1) 52.88%,
      rgba(255, 199, 0, 0.1) 100%),
    #13171f;
  --color-app-champ-btn-bg:
    linear-gradient(
      0deg,
      rgba(13, 16, 22, 0.15) 0%,
      rgba(13, 16, 22, 0.15) 100%),
    #ffc700;
  --color-app-champ-banner-bg:
    linear-gradient(
      180deg,
      rgba(19, 23, 31, 0.1) 0%,
      rgba(255, 199, 0, 0.1) 100%),
    #13171f;
  --color-tournaments-prize-first: rgba(255, 186, 86, 1);
  --color-tournaments-prize-second: rgba(0, 207, 166, 1);
  --color-tournaments-prize-third: rgba(128, 133, 143, 1);
  --pincoins-exchange-bg: url(/assets/pincoins/exchange-bg_light.svg);
  --pincoins-section-back-height: auto;
  --pincoins-section-back-padding: 0 0.5rem 2px;
  --pincoins-section-back-padding-md: 0 1rem 2px;
  --pincoins-section-back-padding-xl: 0 1.5rem 0;
  --pincoins-section-back-button-size: m;
  --pincoins-section-back-icon-size: m;
  --pincoins-section-back-label-font-weight: 500;
  --pincoins-section-back-has-xl-button-size: true;
  --pincoins-section-back-has-title: true;
  --pincoins-page-padding-bottom: 3rem;
  --pincoins-page-padding-bottom-sm: 3rem;
  --pincoins-page-padding-bottom-md: 3rem;
  --pincoins-page-padding-bottom-lg: 3rem;
  --pincoins-page-padding-bottom-xl: 3rem;
  --pincoins-title-font-size: 16px;
  --pincoins-title-line-height: 22px;
  --pincoins-title-font-size-md: 28px;
  --pincoins-title-line-height-md: 33px;
  --pincoins-title-font-size-xl: 36px;
  --pincoins-title-line-height-xl: 42px;
  --pincoins-title-font-weight: 500;
  --pincoins-section-title-font-size: 16px;
  --pincoins-section-title-line-height: 22px;
  --pincoins-section-title-font-size-md: 20px;
  --pincoins-section-title-line-height-md: 26px;
  --pincoins-section-title-font-size-lg: 24px;
  --pincoins-section-title-line-height-lg: 28px;
  --pincoins-section-title-font-size-xl: 24px;
  --pincoins-section-title-line-height-xl: 28px;
  --pincoins-paragraph-line-height: 18px;
  --pincoins-paragraph-line-height-md: 22px;
  --pincoins-paragraph-line-height-lg: 26px;
  --pincoins-description-padding-top: 0.75rem;
  --pincoins-description-padding-top-md: 56px;
  --pincoins-description-padding-top-xl: 2rem;
  --pincoins-description-padding-left: 0;
  --pincoins-description-padding-left-md: 0;
  --pincoins-description-padding-left-lg: 0;
  --pincoins-description-padding-left-xl: 0;
  --pincoins-list-marker-background: var(--color-txt-icon-1);
  --pincoins-list-marker-size: 0.25rem;
  --pincoins-list-marker-size-lg: 0.25rem;
  --pincoins-list-marker-margin-top: 0px;
  --pincoins-img-width: 100%;
  --pincoins-img-width-md: 562px;
  --pincoins-header-padding-bottom: 0;
  --pincoins-header-padding-bottom-md: 0.75rem;
  --pincoins-header-padding-bottom-lg: 0.75rem;
  --pincoins-header-padding-bottom-xl: 1rem;
  --pincoins-chip-wrapper-margin-bottom: 1rem;
  --pincoins-chip-label-min-height: 54px;
  --pincoins-chip-label-line-height: 18px;
  --pincoins-chip-label-line-height-desktop-large: 22px;
  --pincoins-chips-slider-btn-prev-bg: var(--gradient-horiz-tab-scroll-rotate);
  --pincoins-chips-slider-btn-next-bg: var(--gradient-horiz-tab-scroll);
  --pincoins-section-gap: 2rem;
  --pincoins-section-gap-desktop: 1.5rem;
  --pincoins-section-gap-desktop-large: 1.5rem;
  --pincoins-card-bg: var(--color-card-bg-1);
  --pincoins-card-title-font-family: inherit;
  --pincoins-card-title-font-size: 24px;
  --pincoins-card-title-font-weight: 700;
  --pincoins-card-title-text-shadow: none;
  --pincoins-card-title-text-transform: none;
  --pincoins-card-value-name-font-size: 12px;
  --pincoins-card-item-name-font-size: 12px;
  --pincoins-card-item-value-font-weight: 500;
  --pincoins-cards-slider-icon-color: inherit;
  --profile-balance-switcher-label-color: var(--color-card-txt-2);
  --profile-balance-switcher-label-line-height: 18px;
  --profile-balance-switcher-label-line-height-md: 22px;
  --profile-balance-switcher-label-color-xl: var(--color-card-txt-2);
  --profile-balance-switcher-value-line-height: 18px;
  --profile-balance-switcher-value-line-height-md: 22px;
  --profile-balance-switcher-value-font-weight: 500;
  --profile-balance-widget-label-line-height-xl: 22px;
  --profile-balance-widget-value-line-height: 22px;
  --profile-balance-widget-action-margin-top-xl: -6px;
  --pincoins-exchange-dialog-header-padding: 9px 44px;
  --pincoins-exchange-dialog-header-padding-md: 20px 4rem;
  --pincoins-exchange-dialog-border-radius: var(--dialog-border-radius);
  --pincoins-exchange-dialog-header-title-line-height: 22px;
  --pincoins-exchange-dialog-header-title-line-height-md: 26px;
  --pincoins-exchange-dialog-meta-font-size: 12px;
  --pincoins-exchange-dialog-meta-line-height: 16px;
  --pincoins-exchange-dialog-meta-font-size-md: 12px;
  --pincoins-exchange-dialog-meta-line-height-md: 16px;
  --pincoins-exchange-dialog-balance-title-font-size: 14px;
  --pincoins-exchange-dialog-balance-title-line-height: 18px;
  --pincoins-exchange-dialog-balance-title-font-weight: 500;
  --pincoins-exchange-dialog-balance-title-font-size-md: 14px;
  --pincoins-exchange-dialog-balance-title-line-height-md: 18px;
  --pincoins-exchange-dialog-balance-item-value-line-height: 18px;
  --pincoins-exchange-dialog-balance-item-value-animation-color: var(--color-gam-success);
  --pincoins-exchange-dialog-table-text-font-size: 12px;
  --pincoins-exchange-dialog-table-text-line-height: 16px;
  --pincoins-exchange-dialog-table-column-line-height: 18px;
  --pincoins-exchange-dialog-table-column-pincoins-width: 68px;
  --pincoins-exchange-dialog-details-button-font-weight: inherit;
  --gift-box-bg: url(/assets/gift-box/gift-box-bg.jpg);
  --gift-box-bg-webp: url(/assets/gift-box/gift-box-bg.webp);
  --gift-box-widget-bg: url(/assets/gift-box/widget/widget-box-bg.svg);
  --gift-box-card-bg-mobile: url(/assets/gift-box/page/box-bg-mobile.svg);
  --gift-box-card-bg-desktop: url(/assets/gift-box/page/box-bg-desktop.svg);
  --gift-box-card-dots: url(/assets/gift-box/page/dots.svg);
  --gift-box-history-card-dots: url(/assets/gift-box/history/dots-middle.svg);
  --gift-box-bg-img-object-fit-1: contain;
  --gift-box-info-box-number-font-size: 16px;
  --gift-box-info-box-number-line-height: 20px;
  --gift-box-info-box-number-font-weight: 500;
  --gift-box-info-box-number-text-transform: none;
  --gift-box-info-box-number-text-shadow: none;
  --gift-box-info-box-title-font-weight: 500;
  --gift-box-info-box-title-text-shadow: none;
  --gift-box-counter-bg-color: none;
  --gift-box-use-ui-countdown: false;
  --gift-box-prize-title-font-size: 28px;
  --gift-box-prize-title-line-height: 33px;
  --gift-box-prize-title-font-weight: 500;
  --gift-box-prize-title-text-transform: none;
  --gift-box-prize-value-font-size: 28px;
  --gift-box-prize-value-line-height: 33px;
  --gift-box-prize-value-font-weight: 500;
  --gift-box-prize-value-text-transform: none;
  --gift-box-profile-mobile-link-border-radius: var(--border-radius-button);
  --gam-accent-1: #00cfa6;
  --gam-accent-2: #ff2400;
  --gam-accent-3: #ffc700;
  --color-gam-pop-up-txt-body: var(--color-pop-up-txt-body);
  --color-gam-nav-tabs-bg-1: #13171f;
  --color-gam-nav-tabs-txt-1: #80858f;
  --color-gam-nav-tabs-txt-2: #ffffff;
  --color-gam-nav-tabs-glow-radial-1:
    radial-gradient(
      
      52.94% 100% at 50% -10.14%,
      rgba(0, 207, 166, 0.6) 0%,
      rgba(0, 207, 166, 0.18) 54.7%,
      rgba(29, 32, 38, 0) 100% );
  --color-gam-nav-tabs-border-glow-1:
    linear-gradient(
      
      135deg,
      rgba(0, 255, 200, 0.3),
      transparent 5%,
      transparent 95%,
      rgba(0, 255, 200, 0.3) );
  --border-radius-gam-nav-tabs: 0.25rem;
  --text-transform-gam-nav-tabs: none;
  --color-gam-profile-bg-1: var(--color-bg-2);
  --color-gam-profile-user-info-vip-bg: var(--color-gam-card-bg-1);
  --color-gam-profile-txt-2: var(--color-profile-txt-2);
  --gam-profile-user-info-username-font-size-mobile: inherit;
  --gam-profile-user-info-username-line-height-mobile: inherit;
  --gam-profile-user-info-username-font-weight-mobile: inherit;
  --gam-profile-pincoins-bar-button-font-size: 12px;
  --gam-profile-pincoins-bar-button-line-height: 16px;
  --gam-profile-pincoins-bar-button-font-weight: 400;
  --gam-profile-pincoins-bar-button-font-size-md: 14px;
  --gam-profile-pincoins-bar-button-line-height-md: 18px;
  --gam-profile-pincoins-bar-button-margin-top-md: 0.5rem;
  --gam-profile-pincoins-bar-button-font-size-xl: 12px;
  --gam-profile-pincoins-bar-button-line-height-xl: 16px;
  --gam-pincoins-link-text-decoration-line: none;
  --gam-profile-pincoins-bar-button-icon-size: s;
  --gam-profile-pincoins-bar-button-icon-size-md: m;
  --gam-profile-pincoins-bar-button-icon-size-xl: m;
  --gam-pincoins-link-icon-shown: true;
  --gam-profile-pincoins-bar-progress-size: s;
  --gam-profile-pincoins-bar-progress-variant: secondary;
  --gam-profile-pincoins-bar-progress-track-background: var(--color-progressbar-base);
  --gam-pincoins-level-progress-variant: quinary;
  --gam-pincoins-level-progress-track-background: var(--color-progressbar-base-3);
  --gam-pincoins-level-link-font-weight: 500;
  --gam-pincoins-level-info-label-font-size-md: 14px;
  --gam-pincoins-level-info-label-line-height-md: 18px;
  --gam-pincoins-level-info-label-line-height-xl: 18px;
  --gam-action-button-size: 40px;
  --gam-action-button-margin: 6px;
  --border-gam-profile-card-nickname-bottom: 1px solid var(--color-card-bg-line-2);
  --gradients-table-row-accent-bg-1:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0.2) 0.51%,
      rgba(0, 207, 166, 0) 99.49%),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(198, 198, 198, 0.2) 100%);
  --color-gam-card-content-bg: rgba(255, 255, 255, 0.03);
  --color-gam-card-content-bg-1:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.03) 0%,
      rgba(255, 255, 255, 0.01) 100%);
  --color-gam-card-img-bg-1: #53181f;
  --color-gam-card-img-bg-2: #13312e;
  --color-gam-micro-card-bg-default: #f7f7f7;
  --color-gam-micro-card-bg-hover: #eeeeee;
  --color-gam-micro-card-padding-m: 0.25rem 0.75rem 0.25rem 0.5rem;
  --color-gam-micro-card-padding-l: 0.25rem 0.75rem 0.25rem 0.5rem;
  --gam-card-img-bg-filter: blur(32px);
  --gam-card-img-not-found-blend-mode: normal;
  --gam-card-border-radius: 0.25rem;
  --gam-card-border-radius-md: 0.25rem;
  --gam-card-content-padding-right: 0;
  --color-text-header: #313334;
  --color-text-1: #54585a;
  --color-text-2: #9d9b9b;
  --color-text-3: #313334;
  --color-text-4: #313334;
  --general-txt-icon-white: #ffffff;
  --circle-progress-indicator-txt-1: #ffffff;
  --color-gam-success: #00cfa6;
  --color-gam-statistics-bg-1: #ffffff;
  --color-gam-statistics-bg-2: var(--color-card-bg-1);
  --color-gam-statistics-widget-bg-1: var(--color-bg-2);
  --card-txt-color-1: #313334;
  --card-txt-color-2: #54585a;
  --general-card-bg-color-1: #eeeeee;
  --color-gam-achievement-bg: var(--color-bg-1);
  --color-gam-achievement-image-bg: #f7f7f7;
  --color-gam-achievement-counter-bg: var(--gam-accent-2);
  --gam-achievement-widget-title-text-transform: inherit;
  --gam-achievement-widget-title-font-size: 16px;
  --gam-achievement-widget-title-font-weight: 500;
  --gam-achievement-widget-title-text-shadow: none;
  --gam-achievement-widget-button-show-chevron-icon: false;
  --gam-achievement-widget-button-font-weight: unset;
  --gam-quest-card-border-radius: 0.5rem;
  --shadow-quest-details-item: 0px -4px 10px 0px rgb(0, 0, 0);
  --color-card-glow-radial-1: transparent;
  --color-card-glow-linear-1:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0) 0%,
      rgba(0, 207, 166, 0.8) 50%,
      rgba(0, 207, 166, 0) 100%);
  --color-card-glow-radial-2: transparent;
  --color-card-glow-linear-2:
    linear-gradient(
      90deg,
      rgba(255, 36, 0, 0) 0%,
      rgba(255, 36, 0, 0.8) 50%,
      rgba(255, 36, 0, 0) 100%);
  --color-card-glow-radial-3: transparent;
  --color-card-glow-linear-3:
    linear-gradient(
      90deg,
      rgba(255, 199, 0, 0) 0%,
      rgba(255, 199, 0, 0.8) 50%,
      rgba(255, 199, 0, 0) 100%);
  --color-card-glow-radial-4: transparent;
  --color-card-glow-linear-4:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(255, 255, 255, 0) 100%);
  --color-card-glow-radial-5:
    radial-gradient(
      
      ellipse at left center,
      rgba(0, 207, 166, 0.8) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-card-glow-linear-5:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0) 0%,
      rgba(0, 207, 166, 0.8) 50%,
      rgba(0, 207, 166, 0) 100%);
  --color-card-glow-radial-7:
    radial-gradient(
      
      67.86% 110.14% at 50% -10.14%,
      #0032b9 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-card-glow-linear-7:
    linear-gradient(
      90deg,
      rgba(121, 157, 255, 0) 0%,
      #799dff 50%,
      rgba(121, 157, 255, 0) 100%);
  --color-card-glow-radial-9:
    radial-gradient(
      
      67.86% 110.14% at 50% -10.14%,
      rgba(125, 0, 233, 0.7) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-card-glow-linear-9:
    linear-gradient(
      90deg,
      rgba(177, 86, 255, 0) 0%,
      #b156ff 50%,
      rgba(177, 86, 255, 0) 100%);
  --color-gam-card-bg-1:
    linear-gradient(
      180deg,
      #fff 0%,
      #fff 53.15%,
      #eaebeb 100%);
  --color-gam-label-glow-1: var(--color-card-glow-radial-2);
  --color-gam-label-glow-2: var(--color-card-glow-radial-1);
  --color-gam-label-glow-linear-2: var(--color-card-glow-linear-1);
  --color-gam-label-glow-3: var(--color-card-glow-radial-3);
  --color-gam-label-glow-4: var(--color-card-glow-radial-4);
  --color-gam-label-glow-5: var(--color-card-glow-radial-4);
  --color-gam-prize-glow-radial-1: var(--color-card-glow-radial-1);
  --color-gam-prize-glow-linear-1: var(--color-card-glow-linear-1);
  --color-gam-prize-glow-radial-2: var(--color-card-glow-radial-2);
  --color-gam-prize-glow-linear-2: var(--color-card-glow-linear-2);
  --color-gam-button-glow-1: var(--color-card-glow-radial-2);
  --color-gam-button-glow-2: var(--color-card-glow-radial-2);
  --color-gam-button-glow-linear-2: var(--color-card-glow-linear-2);
  --gam-glow-opacity: 1;
  --color-gam-card-glow-success: var(--color-card-glow-radial-1);
  --color-gam-card-border-success: var(--color-card-glow-linear-1);
  --color-gam-card-glow-radial-active: var(--color-card-glow-radial-2);
  --color-gam-card-glow-linear-active: var(--color-card-glow-linear-2);
  --color-gam-button-glow-radial: var(--color-card-glow-radial-2);
  --color-gam-button-glow-linear: var(--color-card-glow-linear-2);
  --color-gam-text-glow-radial: var(--color-card-glow-radial-4);
  --color-gam-text-glow-linear: var(--color-card-glow-linear-4);
  --color-gam-timer-glow-radial: var(--color-card-glow-radial-2);
  --color-gam-timer-glow-linear: var(--color-card-glow-linear-2);
  --color-gam-timer-text: var(--gam-accent-2);
  --color-gam-quest-task-with-prize-glow: var(--color-card-glow-radial-5);
  --color-gam-quest-task-with-prize-glow-linear: var(--color-card-glow-linear-5);
  --color-gam-card-bg-line-3: rgba(255, 255, 255, 0.2);
  --color-gam-profile-card-highlight-regular-bg: var(--color-card-glow-radial-1);
  --color-gam-profile-card-highlight-vip-bg: var(--color-card-glow-radial-3);
  --color-gam-quest-danger-icon: inherit;
  --color-gam-quest-tasks-title: var(--color-txt-icon-2);
  --color-gam-quest-sticky-status-danger-radial: var(--color-card-glow-radial-4);
  --color-gam-quest-sticky-status-danger-linear: var(--color-card-glow-linear-4);
  --color-gam-quest-prize-received-glow-radial: var(--color-card-glow-radial-1);
  --color-gam-quest-prize-received-glow-linear: var(--color-card-glow-linear-1);
  --color-gam-quest-card-bg: var(--color-card-bg-accent-3);
  --color-progressbar-quaternary: var(--color-progressbar-full-1);
  --color-progressbar-quaternary-base: var(--color-progressbar-base-2);
  --color-progressbar-quaternary-shadow: var(--color-progressbar-full-1);
  --gam-quest-card-height-md: 170px;
  --gam-quest-card-height-xl: 216px;
  --gam-quest-task-picture-width: 44px;
  --gam-quest-task-picture-height: 44px;
  --gam-quest-task-reward-width: 55px;
  --gam-quest-task-reward-height: 55px;
  --gam-quest-task-picture-width-xl: 62px;
  --gam-quest-task-picture-height-xl: 62px;
  --gam-quest-task-image-rotation: -20deg;
  --gam-quest-block-border-radius: 0.5rem;
  --gam-quest-card-prize-title-font-size: 32px;
  --gam-quest-card-prize-title-line-height: 32px;
  --gam-quest-card-prize-title-font-weight: inherit;
  --gam-quest-card-prize-title-text-transform: inherit;
  --gam-quest-card-prize-title-text-shadow: inherit;
  --gam-quest-card-prize-title-margin-bottom: 0.5rem;
  --gam-quest-card-prize-title-margin-bottom-md: 1rem;
  --gam-quest-card-prize-image-height: 196px;
  --gam-quest-card-prize-image-height-md: 248px;
  --gam-quest-card-prize-image-transform: translateY(-86px);
  --gam-quest-card-prize-sum-font-family: "Banner-Black";
  --gam-quest-card-prize-sum-line-height: 42px;
  --gam-quest-card-prize-sum-font-weight: 900;
  --gam-quest-card-prize-sum-font-size-md: 64px;
  --gam-quest-card-prize-sum-line-height-md: 56px;
  --gam-quest-card-prize-sum-margin-bottom: 0.5rem;
  --gam-quest-card-prize-sum-margin-bottom-md: 1rem;
  --gam-quest-card-prize-description-font-family: var(--font-family-banner, "Banner-Bold-It", sans-serif);
  --gam-quest-card-prize-description-font-weight: 700;
  --gam-quest-status-label-border-radius: 0.25rem;
  --gam-quest-sticky-status-bottom: 56px;
  --color-championship-counter-unit: var(--color-white);
  --color-championship-counter-unit-expired: rgba(255, 255, 255, 0.5);
  --color-secondary-championship-counter-unit-expired: rgba(0, 0, 0, 0.25);
  --color-secondary-championship-counter-unit: #54585a;
  --color-secondary-championship-counter-number: #313334;
  --text-shadow-championship-counter-unit: 0 3px 0 rgba(0, 0, 0, 0.25);
  --text-shadow-championship-counter-unit-expired: 0 3px 0 rgba(0, 0, 0, 0.1);
  --text-shadow-championship-heading: none;
  --championships-list-section-title-font-family: var(--font-family-primary);
  --championships-list-section-title-font-size: 0.875rem;
  --championships-list-section-title-line-height: 1.125rem;
  --championships-list-section-title-font-weight: 400;
  --championships-list-section-title-text-transform: none;
  --text-color-championship-regular: #c2c4c9;
  --color-advent-calendar-content-wrapper-bg: rgba(219, 219, 219, 0.7);
  --promo-advent-gift-bonus-label-bg: var(--color-brand-secondary);
  --promo-advent-gift-bonus-label-border-radius: 0.125rem 0.125rem 0 0;
  --promo-advent-gift-bonus-label-border-radius-md: 0.25rem 0.25rem 0 0;
  --promo-advent-calendar-content-button-color: var(--color-button-secondary-txt);
  --promo-advent-calendar-indicator-image-bg: var(--color-brand-secondary);
  --promo-advent-calendar-indicator-image-border: 1px solid var(--color-button-special-strk-2);
  --promo-advent-calendar-indicator-image-border-xl: var(--promo-advent-calendar-indicator-image-border);
  --promo-advent-calendar-indicator-image-icon-size: 0.75rem;
  --promo-advent-calendar-indicator-image-icon-size-xl: 1rem;
  --promo-advent-calendar-indicator-image-icon-top: -1px;
  --promo-advent-calendar-indicator-image-icon-top-xl: var(--promo-advent-calendar-indicator-image-icon-top);
  --promo-advent-calendar-indicator-image-icon-overflow: hidden;
  --promo-advent-calendar-indicator-image-size-xl: 1.5rem;
  --promo-advent-calendar-indicator-image-shadow: none;
  --advent-calendar-rules-popup-header-back-icon-color: var(--color-pop-up-ic-close);
  --advent-calendar-day-details-popup-title-font-style: italic;
  --advent-calendar-day-details-popup-title-font-weight: 500;
  --advent-calendar-day-details-popup-title-text-transform: none;
  --advent-calendar-day-details-popup-title-text-shadow: none;
  --advent-calendar-day-details-popup-buttons-gap: 0;
  --advent-calendar-day-details-popup-button-border-radius: var(--border-radius-button);
  --advent-calendar-day-details-popup-details-border-radius: var(--border-radius-button);
  --advent-calendar-day-details-popup-details-margin-left: 0.5rem;
  --color-promo-bonus-option-bg: var(--color-card-bg-1);
  --promo-bonus-option-border-color: transparent;
  --promo-bonus-option-title-color: var(--color-txt-icon-1);
  --promo-bonus-option-sub-text-color: var(--color-txt-icon-3);
  --promo-bonus-option-disabled-bg: var(--color-promo-bonus-option-bg);
  --promo-bonus-option-disabled-bg-opacity: 0.3;
  --promo-bonus-option-selected-bg: var(--color-promo-bonus-option-bg);
  --promo-bonus-option-selected-bg-border-radius: 0;
  --promo-bonus-border-radius: var(--border-radius-button);
  --promo-details-rules-border-radius: 0.25rem;
  --promo-details-rules-shadow: 0px 8px 12px rgba(0, 0, 0, 0.06);
  --promo-details-rules-open-bg: transparent;
  --promo-details-rules-summary-color: inherit;
  --promo-details-rules-padding: 0.5rem;
  --promo-details-step-display-md: flex;
  --promo-details-step-img-display: initial;
  --promo-details-step-img-margin-md: 0 0.5rem 0 0;
  --promo-details-step-title-color: inherit;
  --promo-details-step-title-font-style: italic;
  --promo-details-step-title-font-size: 18px;
  --promo-details-step-title-font-size-lg: 26px;
  --promo-details-step-title-line-height: 18px;
  --promo-horizontal-card-border-radius: 0.25rem;
  --promo-mini-card-header-border: 1px solid var(--color-headers-bg-line);
  --color-promo-mini-card-widget-bg-line: var(--color-card-bg-line-3);
  --promo-card-label-bg: var(--color-brand-primary);
  --promo-card-label-new-bg: var(--promo-card-label-bg);
  --promo-card-label-exclusive-bg: var(--color-brand-secondary);
  --promo-card-label-test-bg: var(--promo-card-label-bg);
  --promo-card-label-border-radius: var(--label-border-radius);
  --promo-card-title-font-weight: 500;
  --promo-card-title-text-transform: none;
  --promo-card-title-text-shadow: none;
  --promo-card-buttons-gap: 0;
  --promo-card-control-border-radius: var(--border-radius-button);
  --promo-card-details-border-radius: var(--border-radius-button);
  --promo-card-details-already-answered-border-radius: var(--promo-card-details-border-radius);
  --promo-card-details-margin-left: 0.5rem;
  --promo-card-quiz-message-already-answered-color: var(--color-additionals-success);
  --promo-horizontal-card-quiz-message-color: var(--color-additionals-success);
  --color-notification-center-bg: #00cfa6;
  --color-notification-center-txt-icon: var(--color-txt-icon-5);
  --color-notification-center-icon: var(--color-txt-icon-3);
  --notification-center-icon-border: none;
  --notification-center-icon-size-s: 36px;
  --notification-center-icon-size-l: 32px;
  --notification-center-icon-padding-s: 4.5px;
  --notification-center-icon-padding-m: 3px;
  --notification-center-icon-padding-l: 0;
  --notification-center-icon-margin-left-s: 1rem;
  --notification-center-icon-margin-left-m: 0.75rem;
  --notification-center-icon-margin-left-l: 20px;
  --notification-center-counter-background-color: var(--color-notification-center-bg);
  --notification-center-counter-border-color: var(--color-bg-1);
  --notification-center-counter-size-s: 19px;
  --notification-center-counter-position-right-s: 0;
  --notification-center-counter-position-top-s: 0;
  --notification-center-counter-size-m: 22px;
  --notification-center-counter-position-right-m: 0;
  --notification-center-counter-position-top-m: 0;
  --notification-center-counter-size-l: 20px;
  --notification-center-counter-position-right-l: -3px;
  --notification-center-counter-position-top-l: -4px;
  --notification-center-counter-font-size: 10px;
  --notification-center-counter-line-height: var(--line-height-text-10-regular, 14px);
  --notification-center-counter-font-weight: 700;
  --notification-center-filter-panel-border: none;
  --notification-center-filter-panel-title-color: var(--color-input-list-txt);
  --notification-center-filter-panel-border-radius: 0.25rem;
  --notification-center-filter-all-text-transform: none;
  --notification-center-filter-all-text-decoration: underline;
  --notification-center-item-bg: var(--color-card-bg-2);
  --notification-center-item-viewed-bg: var(--color-card-bg-1);
  --notification-center-menu-label-font-weight: 400;
  --notification-center-menu-select-color: var(--color-menu-text-active);
  --notification-center-mark-all-color: var(--notification-center-filter-panel-title-color);
  --notification-center-mark-all-font-weight: 500;
  --notification-center-mark-all-text-transform: none;
  --extended-toast-border-radius: 0.25rem;
  --extended-toast-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  --color-stage-bg-1: #eeeeee;
  --color-stage-bg-2: #c6c6c6;
  --color-stage-bg-3: #9d9b9b;
  --color-stage-bg-accent: #ff2400;
  --color-stage-txt-ic-1: #c6c6c6;
  --color-stage-txt-ic-2: #ffffff;
  --color-stage-txt-ic-3: #eeeeee;
  --color-stage-txt-ic-accent: #ff2400;
  --color-countdown-num-1: #313334;
  --color-countdown-txt-1: #54585a;
  --color-countdown-num-2: #ffffff;
  --color-countdown-txt-2: #eeeeee;
  --color-countdown-txt-secondary: #13171f;
  --color-avatar-bg-gradient-1:
    linear-gradient(
      180deg,
      rgba(0, 207, 166, 0.52),
      rgba(0, 207, 166, 0));
  --color-avatar-bg-gradient-2:
    linear-gradient(
      180deg,
      rgba(244, 194, 95, 0.52),
      rgba(244, 194, 95, 0));
  --color-avatar-bg-1: #e2e2e2;
  --color-avatar-bg-2: #f4c25f;
  --color-avatar-bg-accent: #00cfa6;
  --color-avatar-circle-opacity: 1;
  --color-avatar-default-circle-bg: var(--color-avatar-bg-accent);
  --color-avatar-current-avatar-border: 1px solid var(--color-avatar-bg-accent);
  --color-avatar-current-avatar-border-bg: none;
  --color-non-default-avatar-bg: var(--color-avatar-bg-accent);
  --color-avatar-non-default-shadow: var(--color-avatar-bg-gradient-1);
  --color-avatar-gold-bg:
    radial-gradient(
      74.72% 74.72% at 48.47% 67.5%,
      #fcfbe7 0%,
      #a36205 100%);
  --color-avatar-gold-frame:
    linear-gradient(
      
      136deg,
      #f4c25f 4.57%,
      #f9bc58 24.7%,
      #ffe29a 42.74%,
      #a05f02 61.83%,
      #f1bb50 80.91%,
      #f0b03e 100% );
  --color-avatar-silver-bg:
    radial-gradient(
      76.39% 76.39% at 50% 68.89%,
      #f5f5f5 0%,
      #525252 100%);
  --color-avatar-silver-frame:
    linear-gradient(
      
      136deg,
      #acacac 9.7%,
      #f0f0f0 23.65%,
      #e6e6e6 42.74%,
      #505050 61.83%,
      #cfcfcf 80.91%,
      #cbcbcb 100% );
  --avatar-stars-bg-image: image-set(url(/assets/gam/stars.png) 1x, url(/assets/gam/stars@2x.png) 2x);
  --avatar-player-bg: none;
  --avatar-name-font-family: inherit;
  --avatar-name-font-weight: inherit;
  --avatar-name-line-height: inherit;
  --avatar-name-text-transform: none;
  --color-vip-progress-bar-base: rgba(68, 72, 82, 0.5);
  --color-vip-progress-bar-fill-regular:
    linear-gradient(
      90deg,
      #00cfa6 0%,
      #ffc700 100%);
  --color-vip-progress-bar-fill-vip: #ffc700;
  --color-vip-progress-bar-left-label: #ffffff;
  --color-vip-progress-bar-right-label: #ffc700;
  --color-vip-progress-bar-amount: #ffffff;
  --color-vip-progress-bar-stage: #ffc700;
  --color-vip-progress-bar-stage-dot-base: #0d1016;
  --color-vip-progress-bar-stage-dot-fill: #c2c4c9;
  --color-vip-bonus-border:
    linear-gradient(
      
      180deg,
      rgba(176, 113, 18, 0.5) 0%,
      rgba(247, 193, 99, 0.5) 31.5%,
      rgba(160, 95, 2, 0.5) 72%,
      rgba(253, 239, 184, 0.5) 100% );
  --color-vip-bonus-card-bg:
    linear-gradient(
      93.58deg,
      #2e2a2a 2.09%,
      #0e0d0d 99.76%);
  --color-vip-bonus-gold-bg:
    linear-gradient(
      
      136deg,
      #f4c25f 4.57%,
      #f9bc58 24.7%,
      #ffe29a 42.74%,
      #a05f02 61.83%,
      #f1bb50 80.91%,
      #f0b03e 100% );
  --color-vip-rules-txt: #c2c4c9;
  --mt-pop-up-title-font-style: italic;
  --mt-pop-up-title-text-shadow: none;
  --mt-pop-up-title-font-weight: normal;
  --mt-pop-up-title-text-transform: none;
  --gam-widget-card-content-background: var(--color-gam-card-content-bg);
  --gam-widget-card-subtitle-font-size: 16px;
  --gam-widget-card-subtitle-line-height: 22px;
  --gam-widget-card-subtitle-font-size-md: 20px;
  --gam-widget-card-subtitle-line-height-md: 26px;
  --gam-widget-card-subtitle-font-weight: 500;
  --gam-widget-card-subtitle-text-transform: none;
  --gam-widget-card-value-font-size: 16px;
  --gam-widget-card-value-line-height: 22px;
  --gam-widget-card-value-font-size-md: 20px;
  --gam-widget-card-value-line-height-md: 26px;
  --gam-widget-card-value-font-weight: 500;
  --gam-widget-card-value-text-transform: none;
  --gam-widget-card-description-color: var(--color-card-txt-2);
  --gam-statistics-widget-profile-label-font-size: 10px;
  --gam-statistics-widget-profile-label-line-height: 14px;
  --gam-statistics-widget-leaderboard-label-font-size: 12px;
  --gam-statistics-widget-leaderboard-label-line-height: 16px;
  --gam-statistics-widget-label-font-size-xl: 12px;
  --gam-statistics-widget-label-line-height-xl: 16px;
  --gam-statistics-widget-label-font-weight-xl: 500;
  --gam-statistics-widget-profile-number-font-weight-xl: 500;
  --gam-statistics-widget-number-font-size-xl: 20px;
  --gam-statistics-widget-number-line-height-xl: 24px;
  --gam-widget-border-radius: 0.25rem;
  --gam-widget-divider-background-color: var(--gradient-divider-vert);
  --gam-widget-divider-max-heigth: 60%;
  --gam-widget-border: none;
  --color-cashbox-switch-bg: #c6c6c6;
  --color-cashbox-switch-ic-passive: #c6c6c6;
  --color-cashbox-switch-ic-active: #ffffff;
  --cashbox-switch-border-radius: 0.25rem;
  --color-cashbox-cardholder-bg-1: #ffffff;
  --color-cashbox-cardholder-bg-2: #313334;
  --color-cashbox-cardholder-bg-3: #eeeeee;
  --color-cashbox-payment-bg-default: #ffffff;
  --color-cashbox-payment-bg-selected: #eeeeee;
  --color-cashbox-payment-gradient:
    linear-gradient(
      163deg,
      #00cfa6 0%,
      #c6c6c6 59.09%);
  --color-cashbox-payment-gradient-row:
    linear-gradient(
      171deg,
      #00cfa6 0%,
      #c6c6c6 59.09%);
  --color-cashbox-tnx-new-input-txt-default: rgba(255, 255, 255, 0.5);
  --color-cashbox-tnx-new-input-txt-filled: #ffffff;
  --color-cashbox-tnx-new-input-magstripe: rgba(0, 0, 0, 0.2);
  --color-cashbox-tnx-card-border: none;
  --color-cashbox-result-icon: var(--color-cashbox-bg-1);
  --color-receipt-upload-description: var(--color-txt-icon-1);
  --color-text-expansion-panel-border: var(--color-button-tertiary-strk);
  --cashbox-tnx-small-date-label-padding-left: var(--label-padding-horizontal);
  --color-cashbox-conclusion-status-bg-1: #ffffff;
  --color-cashbox-conclusion-status-bg-2: #eeeeee;
  --color-cashbox-conclusion-status-txt-1: #54585a;
  --color-cashbox-conclusion-status-txt-2: #313334;
  --color-cashbox-conclusion-status-txt-3: #9d9b9b;
  --color-cashbox-comment-line: #eeeeee;
  --color-comment-line-2: #c6c6c6;
  --color-cashbox-header-bg-1: #f7f7f7;
  --color-cashbox-header-bg-2: #eeeeee;
  --color-cashbox-header-txt-1: #313334;
  --color-cashbox-header-txt-2: #54585a;
  --color-cashbox-related-method-bg: #ffffff;
  --color-cashbox-tips-method-bg: #eeeeee;
  --color-cashbox-related-method-stroke: #c6c6c6;
  --color-cashbox-related-method-txt: #54585a;
  --color-cashbox-related-method-txt-secondary: #9d9b9b;
  --color-cashbox-tabs-cdk-bg-1: #f7f7f7;
  --color-cashbox-tabs-cdk-bg-2: #eeeeee;
  --color-cashbox-bg-1: #ffffff;
  --color-cashbox-bg-2: #f7f7f7;
  --border-cashbox-tech-info: 1px solid var(--color-cashbox-tabs-cdk-bg-2);
  --border-cashbox-expansion-panel: 1px solid var(--base-colors-base-bg-lvl-6-dark-100);
  --border-radius-cashbox-payment-item: var(--border-radius-button);
  --shadow-front-card: 0px 0px 8px rgba(124, 125, 126, 0.5);
  --input-cashbox-select-margin-top: 0.5625rem;
  --input-cashbox-phone-img-readonly-margin-top: 0.625rem;
  --input-cashbox-phone-code-width: 66px;
  --tech-difficulties-cashbox-info-height: calc(1.125rem * 4);
  --color-cashbox-form-alarm: var(--color-cashbox-bg-1);
  --color-cashbox-bonuses-quick-amounts-bg: #ffc700;
  --color-cashbox-bonuses-quick-amounts-txt-label: #0d1016;
  --color-cashbox-bonuses-quick-amounts-txt-bonus: #313334;
  --cashbox-sum-input-use-right-dir-for-right-aligned-currency: false;
  --cashbox-sum-input-label-size: s;
  --color-cashbox-copy-btn-color: #9d9b9b;
  --color-cashbox-control-promo-text: var(--color-card-bg-accent-4);
  --color-cashbox-control-promo-text-gradient: var(--color-card-glow-radial-2);
  --payments-widget-border-radius: 0.5rem;
  --color-payments-widget-border-bg-line: var(--color-card-bg-line-3);
  --input-tnx-label-top: var(--input-label-top-position);
  --input-tnx-label-left: 0.5rem;
  --payments-widget-bg-default: var(--color-bg-2);
  --payments-widget-tab-title-font-size: 12px;
  --payments-widget-tab-title-line-height: 16px;
  --payments-widget-tab-title-font-weight: 400;
  --color-payments-widget-recommended-txt: var(--color-txt-icon-2);
  --payments-widget-recommended-item: var(--color-cashbox-payment-bg-default);
  --payments-widget-header-icon-glow:
    linear-gradient(
      135deg,
      rgba(255, 36, 0, 0.3) 0%,
      rgba(14, 17, 23, 0) 45.67%);
  --payments-widget-header-icon-glow-border-radius: 0.25rem;
  --color-payments-widget-btn-sum-bg: var(--color-toggle-bg-2);
  --payments-widget-btn-sum-shadow: none;
  --shadow-qr-card: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  --shadow-cashbox-payment: var(--shadow-headers);
  --shadow-cashbox-payment-row: var(--shadow-headers);
  --color-payments-tnx-card-error: #313334;
  --color-payments-tnx-card-dropdown-icon: #80858f;
  --color-payments-tnx-card-dropdown-icon-hover: #424242;
  --color-payments-tnx-card-dropdown-icon-hover-contrast: #ffffff;
  --color-payments-tnx-card-dropdown-icon-active: #424242;
  --color-payments-tnx-card-dropdown-icon-active-contrast: #ffffff;
  --color-payments-tnx-card-border: #c4c4c4;
  --color-payments-tnx-card-bg: #eeeeee;
  --color-payments-tnx-card: #323334;
  --color-payments-tnx-card-hover: #323334;
  --color-payments-tnx-card-hover-bg: #ffffff;
  --color-payments-tnx-card-remove: #323334;
  --color-payments-tnx-card-remove-bg: #ffffff;
  --color-payments-tnx-card-remove-confirm-border: #dddddd;
  --color-payments-tnx-card-remove-confirm: #323334;
  --color-payments-tnx-card-remove-confirm-bg: #ffffff;
  --color-payments-tnx-card-remove-confirm-hover: #323334;
  --color-payments-tnx-card-remove-confirm-hover-bg: #ffffff;
  --color-payments-tnx-card-remove-cancel: #ffffff;
  --color-payments-tnx-card-remove-cancel-bg: #ff1e00;
  --color-payments-tnx-card-remove-cancel-hover: #ffffff;
  --color-payments-tnx-card-remove-cancel-hover-bg: #ff1e00;
  color: #000000;
  background: var(--color-bg-1);
  --color-poker-rules-tabs-bg-1: #232834;
  --color-poker-rules-tabs-text-1: #c2c4c9;
  --color-poker-rules-tabs-text-2: #ffffff;
  --color-poker-rules-tabs-icon-1: #ff2400;
  --color-poker-rules-hand-header: #232834;
  --color-poker-already-opened-text-1: #c2c4c9;
  --email-details-form-timer-text-transform: none;
  --margin-operations-history-tablet-filters: 0 0 1rem 0;
  --margin-operations-history-tablet-tabs: 0 0 1rem 0;
  --font-weight-operations-history-mob-filter-txt: 500;
  --border-radius-operations-history-filters-modal-btn: 0.25rem;
  --display-operations-history-tabs-icon: none;
  --color-operations-history-tabs-icon: unset;
  --color-operations-history-tabs-icon-active: var(--color-tabs-icon-active);
  --color-operations-history-tabs-txt: unset;
  --color-operations-history-tabs-txt-active: var(--color-tabs-txt-active-2);
  --color-operations-history-tabs-txt-hover: var(--color-tabs-txt-hover-1);
  --font-size-operations-history-tabs-txt: 1rem;
  --font-weight-operations-history-tabs-txt: 400;
  --font-weight-operations-history-tabs-txt-active: 400;
  --line-height-operations-history-tabs-txt: 1.375rem;
  --font-size-operations-history-cell: 0.875rem;
  --color-operations-history-icon-in-progress: var(--color-additionals-warning);
}
:root {
  --color-odds-bg: #ffffff;
  --color-odds-strk: #c6c6c6;
  --color-odds-strk-hover: #c6c6c6;
  --color-odds-strk-pressed: #54585a;
  --color-odds-strk-block: #c6c6c6;
  --color-odds-txt: #313334;
  --color-odds-txt-secondary: #54585a;
  --color-odds-txt-tertiary: #ffffff;
  --color-odds-txt-raise: #01b490;
  --color-odds-txt-drop: #ff2400;
  --color-odds-bg-hover: #c6c6c6;
  --color-odds-bg-pressed: #54585a;
  --color-odds-filled-bg: #232834;
  --odds-border-radius: 0.25rem;
  --color-outright-bg: #f7f7f7;
  --color-outright-txt: #54585a;
  --color-outright-bg-hover: #f7f7f7;
  --color-outright-txt-hover: #454849;
  --color-outright-bg-pressed: #c6c6c6;
  --color-outright-txt-pressed: #313334;
  --outright-txt-transform: unset;
  --outright-padding: var(--padding-horizontal-button-s) var(--padding-vertical-button-s);
  --color-outright-buttons-row-bg: var(--base-colors-base-bg-lvl-2-dark-100);
  --outright-buttons-padding: 0;
  --outright-buttons-border-radius: 0;
  --outright-buttons-border: none;
  --outright-buttons-backdrop-filter: unset;
  --outright-buttons-shadow: none;
  --event-card-border-radius: 0.25rem;
  --event-card-border-radius-bottom-left: 0.25rem;
  --event-card-btn-txt-transform: none;
  --event-list-border-radius: 0.25rem;
  --color-event-card-txt-icon: #313334;
  --color-event-card-txt-icon-accent: #eeeeee;
  --color-event-card-txt-icon-accent-2: #ffffff;
  --color-event-card-txt-icon-secondary: #54585a;
  --color-event-card-txt-icon-tertiary: #9d9b9b;
  --color-event-card-txt-icon-quaternary: #9d9b9b;
  --color-event-card-txt-icon-brand-primary: #ff2400;
  --color-event-card-txt-icon-brand-secondary: #00cfa6;
  --color-event-card-txt-icon-score: #ff9900;
  --color-event-card-bg: #f7f7f7;
  --color-event-card-bg-2: #eeeeee;
  --color-event-card-bg-3: #ffffff;
  --color-event-card-header-bg: #c6c6c6;
  --color-event-card-bg-accent: #54585a;
  --color-event-card-bg-secondary: #f7f7f7;
  --color-event-card-bg-tertiary: #0d1016;
  --color-event-card-bg-line: #c6c6c6;
  --color-event-card-bg-line-2: #454849;
  --color-event-card-bg-line-3:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(157, 155, 155, 0.15145) 27.6%,
      rgba(157, 155, 155, 0.3) 52.62%,
      rgba(157, 155, 155, 0.17477) 74.48%,
      rgba(255, 255, 255, 0) 100% );
  --color-event-card-bg-grad-to-right:
    linear-gradient(
      270deg,
      #f7f7f7 0%,
      rgba(247, 247, 247, 0) 86.76%);
  --color-event-card-bg-grad-to-right-2:
    linear-gradient(
      270deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 86.76%);
  --color-event-card-bg-grad-to-right-3:
    linear-gradient(
      270deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 86.76%);
  --color-event-card-bg-grad-to-right-act:
    linear-gradient(
      270deg,
      #54585a 0%,
      rgba(84, 88, 90, 0) 86.76%);
  --color-event-card-bg-grad-to-right-hover:
    linear-gradient(
      270deg,
      #eeeeee 0%,
      rgba(238, 238, 238, 0) 86.76%);
  --color-event-card-bg-grad-to-down:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 81.82%);
  --color-event-card-bg-grad-to-down-2:
    linear-gradient(
      180deg,
      #eeeeee 0%,
      #f7f7f7 100%);
  --color-event-card-bg-grad-horizon:
    linear-gradient(
      
      90deg,
      rgba(30, 35, 46, 0) 0%,
      rgba(128, 133, 143, 0.252417) 27.6%,
      rgba(128, 133, 143, 0.5) 52.62%,
      rgba(128, 133, 143, 0.291283) 74.48%,
      rgba(13, 16, 22, 0) 100% );
  --color-event-card-bg-strk: #9d9b9b;
  --color-event-card-bg-strk-selected:
    linear-gradient(
      94.94deg,
      #54585a 0%,
      rgba(84, 88, 90, 0.3) 100%);
  --color-event-card-bg-selected: #eeeeee;
  --color-event-card-bg-hover: #eeeeee;
  --color-event-card-bg-info: #c6c6c6;
  --color-event-card-bg-info-table: rgba(255, 255, 255, 0.06);
  --color-event-card-bg-red-card: #ff2400;
  --shadow-event-card-mini: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-event-card-light: 0px 8px 12px rgba(0, 0, 0, 0.06);
  --shadow-event-card: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  --color-event-card-header-border-line: var(--color-event-card-bg-line);
  --color-event-card-border-line: var(--color-event-card-bg-line);
  --color-filter-bg: #f7f7f7;
  --color-filter-bg-2: #ffffff;
  --color-filter-bg-secondary: #dfdfdf;
  --color-filter-bg-selected: #c6c6c6;
  --color-filter-txt-icon: #54585a;
  --color-filter-txt-icon-selected: #313334;
  --color-filter-txt-icon-selected-2: #ff2400;
  --color-filter-txt-icon-hover: #313334;
  --style-tour-list-item-text-transform: none;
  --style-betslip-timer-fw: 500;
  --sport-menu-dropdown-border-radius: 0.25rem;
  --sport-dropdown-button-border-radius: 0.25rem;
  --sport-dropdown-button-border-active: var(--color-input-border-active);
  --sport-dropdown-button-bg: transparent;
  --sport-dropdown-button-shadow: none;
  --sport-dropdown-button-backdrop-filter: none;
  --sport-dropdown-button-icon-shadow: none;
  --style-sports-tabs-slide-padding-md: 0 0 14px 0;
  --style-sports-tab-md-fs: 0.875rem;
  --style-sports-tab-md-lh: 1.125rem;
  --style-calendar-tab-subtitle-fs: 0.875rem;
  --style-calendar-tab-subtitle-fw: 400;
  --style-calendar-tab-subtitle-transform: capitalize;
  --style-calendar-tab-title-fw: 400;
  --style-bet-page-head-gap: 0.5rem;
  --style-bet-page-head-favorite-btn-br: var(--border-radius-button);
  --style-bet-page-head-more-btn-br: var(--border-radius-button);
  --style-bet-page-head-search-btn-br: var(--border-radius-button);
  --color-league-txt-icon-primary: var(--color-headers-txt-icon-secondary);
  --color-list-bg: #f7f7f7;
  --color-list-bg-secondary: #eeeeee;
  --color-list-bg-tertiary: #f7f7f7;
  --color-list-strk-drag: #9d9b9b;
  --color-list-txt-icon: #313334;
  --color-list-txt-icon-secondary: #54585a;
  --color-list-txt-icon-brand-secondary: #00cfa6;
  --color-tr-list-bg-secondary: #f7f7f7;
  --color-tr-logo-bg: #f7f7f7;
  --color-tr-logo-bg-secondary: #eeeeee;
  --color-tr-logo-bg-grad:
    linear-gradient(
      270deg,
      #f7f7f7 0%,
      rgba(247, 247, 247, 0) 86.76%);
  --color-tr-logo-bg-grad-rotate:
    linear-gradient(
      90deg,
      #f7f7f7 0%,
      rgba(247, 247, 247, 0) 86.76%);
  --color-tr-logo-txt-icon: #313334;
  --color-tr-logo-txt-icon-secondary: #54585a;
  --bet-tournament-badge-radius: 0.25rem;
  --betslipcard-border-radius: 0.25rem;
  --betslipcard-in-list-border-radius: 0;
  --betslipcard-in-list-margin: 0;
  --betslipcard-head-padding: 0.5rem;
  --color-betslipcard-in-list-bg-line: #c6c6c6;
  --shadow-betslipcard-list-bg: 0px 0px 6px rgba(0, 0, 0, 0.2);
  --color-betslipcard-bg: #eeeeee;
  --color-betslipcard-bg-2: #f7f7f7;
  --color-betslipcard-bg-secondary: #f7f7f7;
  --color-betslipcard-bg-tertiary: #eeeeee;
  --color-betslipcard-bg-grad:
    linear-gradient(
      180deg,
      #fff 0%,
      rgba(255, 255, 255, 0) 100%),
    #eeeeee;
  --color-betslipcard-bg-line: #c6c6c6;
  --color-betslipcard-bg-line-2:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(157, 155, 155, 0.15145) 27.6%,
      rgba(157, 155, 155, 0.3) 52.62%,
      rgba(157, 155, 155, 0.17477) 74.48%,
      rgba(255, 255, 255, 0) 100% );
  --color-betslipcard-bg-line-3: #dfdfdf;
  --color-betslipcard-strk-hover:
    linear-gradient(
      136.34deg,
      #54585a 0%,
      #eeeeee 59.09%);
  --color-betslipcard-strk-accent: rgba(0, 207, 166, 0.5);
  --color-betslipcard-txt-icon: #313334;
  --color-betslipcard-txt-icon-secondary: #54585a;
  --color-betslipcard-txt-icon-secondary-2: #9d9b9b;
  --color-betslipcard-txt-icon-tertiary: #9d9b9b;
  --color-betslipcard-txt-icon-raise: #01b490;
  --color-betslipcard-txt-icon-drop: #ff2400;
  --color-betslipcard-txt-icon-freebet: #313334;
  --color-betslipcard-txt-icon-accent: #ff9900;
  --color-betslipcard-txt-icon-accent-2: #00cfa6;
  --shadow-betslipcard-bg: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  --color-betslipcard-txt-strk-betbuilder: #c6c6c6;
  --color-betslipcard-bg-betbuilder:
    linear-gradient(
      180deg,
      #fff 0%,
      rgba(255, 255, 255, 0) 100%);
  --color-betslipcard-bg-accordion: #f7f7f7;
  --color-betslip-bg: #f7f7f7;
  --color-betslip-bg-secondary: #eeeeee;
  --color-betslip-bg-line: #eeeeee;
  --color-betslip-bg-grad-right:
    linear-gradient(
      270deg,
      #f7f7f7 0%,
      rgba(247, 247, 247, 0) 100%);
  --color-betslip-bg-grad-right-2:
    linear-gradient(
      270deg,
      #eeeeee 0%,
      rgba(238, 238, 238, 0) 100%);
  --color-betslip-bg-grad-left:
    linear-gradient(
      90deg,
      #f7f7f7 0%,
      rgba(247, 247, 247, 0) 100%);
  --color-betslip-bg-grad-left-2:
    linear-gradient(
      270deg,
      rgba(238, 238, 238, 0) 12.5%,
      #eeeeee 100%);
  --shadow-betslip-bg: 4px 4px 30px 0px rgba(0, 0, 0, 0.15);
  --color-betslip-txt-icon: #313334;
  --color-betslip-txt-icon-secondary: #54585a;
  --color-betslip-txt-icon-secondary-2: #9d9b9b;
  --color-betslip-txt-icon-odds: #ff9900;
  --color-betslip-bullet-list-bg: #c6c6c6;
  --color-betslip-calculator-footer-bg: #ffffff;
  --color-betslip-calculator-footer-bg-shadow: transparent;
  --color-betslip-calculator-order-txt-color: #54585a;
  --color-betslip-calculator-order-number-txt-color: #313334;
  --color-betslip-calculator-order-bg: #ffffff;
  --color-btn-free-bet-bg-default: #ffc700;
  --color-btn-free-bet-bg-hover:
    linear-gradient(
      0deg,
      #ffc700,
      #ffc700),
    linear-gradient(
      0deg,
      rgba(49, 51, 52, 0.15),
      rgba(49, 51, 52, 0.15));
  --color-btn-free-bet-bg-pressed:
    linear-gradient(
      0deg,
      #ffc700,
      #ffc700),
    linear-gradient(
      0deg,
      rgba(49, 51, 52, 0.2),
      rgba(49, 51, 52, 0.2));
  --color-btn-free-bet-txt-default: #313334;
  --color-btn-free-bet-txt-pressed: #454849;
  --color-betsliprollup-bg:
    linear-gradient(
      144deg,
      rgba(0, 179, 143, 0.75) 50%,
      rgba(0, 207, 166, 0) 100%),
    linear-gradient(
      0deg,
      #313334,
      #313334);
  --color-betsliprollup-bg-2:
    linear-gradient(
      144deg,
      rgba(255, 199, 0, 0.2) 50%,
      #161309 100%),
    linear-gradient(
      0deg,
      #1f1d16,
      #1f1d16);
  --color-betsliprollup-bg-secondary: #ffffff;
  --color-betsliprollup-bg-secondary-2: #1f1d16;
  --color-betsliprollup-bg-label: #313334;
  --color-betsliprollup-txt-icon: #ffffff;
  --color-betsliprollup-txt-icon-secondary: #313334;
  --color-betsliprollup-txt-icon-label: #ffffff;
  --color-betsliprollup-strk:
    linear-gradient(
      
      94.94deg,
      rgba(0, 207, 166, 0) 0%,
      rgba(0, 207, 166, 0) 100% );
  --color-betsliprollup-strk-2:
    linear-gradient(
      
      94.94deg,
      #ffc700 0%,
      rgba(255, 153, 0, 0.3) 50%,
      #ffc700 100% );
  --shadow-betsliprollup-bg: 4px 4px 30px 0px rgba(0, 0, 0, 0.15);
  --betsliprollup-border-radius: 0.25rem;
  --color-betslip-widget-strk: rgba(128, 133, 143, 0.2);
  --color-betslip-widget-bg: #0d1016;
  --color-betslip-widget-bg-grad-1:
    linear-gradient(
      135deg,
      rgba(1, 206, 165, 0.3) 0%,
      rgba(14, 17, 23, 0) 66.67%);
  --color-betslip-widget-bg-grad-3:
    linear-gradient(
      135deg,
      rgba(255, 199, 0, 0.25) 0%,
      rgba(14, 17, 23, 0) 66.67%);
  --color-betslip-widget-txt-icon: #ffffff;
  --color-betslip-widget-txt-icon-secondary: #80858f;
  --color-betslip-widget-txt-icon-accent: #00cfa6;
  --color-repeat-bet-tip-bg: #ffc700;
  --color-repeat-bet-tip-text: #313334;
  --color-express-bonus-hint-bg: #ffc700;
  --color-express-bonus-hint-txt: #0d1016;
  --color-betslip-bg-info-message: #9d9b9b;
  --color-betslip-txt-info-message: #ffffff;
  --color-betslip-bonus-txt-icon: #ffffff;
  --color-betslip-bonus-txt-icon-secondary: #80858f;
  --color-betslip-bonus-txt-icon-accent: #ffc700;
  --color-betslip-bonus-strk: #444852;
  --color-betslip-bonus-strk-grad:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 50%,
      rgba(255, 255, 255, 0) 100% );
  --color-betslip-bonus-strk-grad-2:
    linear-gradient(
      
      114deg,
      rgba(255, 199, 0, 0) 4.72%,
      rgba(255, 199, 0, 1) 52.46%,
      rgba(255, 199, 0, 0) 100.2% );
  --color-betslip-bonus-strk-grad-3:
    linear-gradient(
      
      114deg,
      rgba(255, 255, 255, 0) 4.72%,
      rgba(255, 255, 255, 0.22) 52.46%,
      rgba(255, 255, 255, 0) 100.2% );
  --color-betslip-bonus-bg: #13171f;
  --color-betslip-bonus-bg-grad:
    linear-gradient(
      -100deg,
      rgba(128, 133, 143, 0.2) 0%,
      rgba(14, 17, 23, 0) 66.67%);
  --color-betslip-bonus-bg-grad-1:
    radial-gradient(
      
      61.69% 100% at 50% 0%,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-betslip-bonus-bg-grad-2:
    linear-gradient(
      100deg,
      rgba(255, 199, 0, 0.2) 0%,
      rgba(14, 17, 23, 0) 66.67%);
  --color-betslip-bonus-bg-grad-3:
    radial-gradient(
      110.38% 81.98% at 100% 0%,
      rgba(255, 255, 255, 0.15) 0%,
      rgba(19, 23, 31, 0) 100%);
  --color-betslip-bonus-bg-grad-progress:
    linear-gradient(
      90deg,
      rgba(255, 199, 0, 0) 0%,
      rgba(255, 199, 0, 0.8) 100%);
  --color-betslip-bg-coeff: rgba(128, 133, 143, 0.3);
  --color-betslip-txt-icon-coeff: #ffc700;
  --style-betslip-confirmation-btn-inner-br: var(--border-radius-button);
  --style-betslip-confirmation-btn-margin: 0.25rem;
  --color-share-bet-bg-grad:
    linear-gradient(
      180deg,
      #1b1f28 44.23%,
      #028d72 100%) bottom center;
  --style-share-bet-bg-shift: -140px;
  --style-share-bet-btn-underline-display: initial;
  --color-share-bet-btn: var(--color-brand-secondary);
  --color-event-banner-bg-grad:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 60%,
      #ffffff 100%);
  --color-event-banner-bg-date: rgba(255, 255, 255, 0.78);
  --color-event-banner-bg-date-2: rgba(3, 177, 144, 1);
  --color-event-banner-bg-card: #eeeeee;
  --color-event-banner-bg-card-2: #c6c6c6;
  --color-event-banner-bg-line: #c6c6c6;
  --color-event-banner-txt-icon: #313334;
  --color-event-banner-txt-icon-date: #454849;
  --color-event-banner-txt-icon-date-2: #ffffff;
  --color-event-banner-txt-icon-date-dsk: #54585a;
  --color-event-banner-txt-icon-score: #ff9900;
  --color-event-banner-txt-icon-tournament: #ffffff;
  --event-banner-border-radius: 0.25rem;
  --event-banner-esports-mobile-border-radius: 0;
  --color-event-banner-upd-txt-icon: #ffffff;
  --color-event-banner-upd-bg-discount: rgba(255, 255, 255, 0.07);
  --color-event-banner-upd-bg-odds:
    radial-gradient(
      50% 50% at 50% 50%,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.18) 100%),
    rgba(255, 255, 255, 0.12);
  --color-event-banner-upd-txt-odds-secondary: #c2c4c9;
  --color-event-banner-upd-strk-odds: rgba(255, 255, 255, 0.12);
  --color-event-banner-coef-bg:
    radial-gradient(
      50% 50% at 50% 50%,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.18) 100%),
    rgba(255, 255, 255, 0.12);
  --color-event-banner-coef-strk: rgba(255, 255, 255, 0.12);
  --event-banner-coef-border-radius: 0.25rem;
  --color-event-banner-upd-txt-icon-dsk: rgba(255, 255, 255, 0.8);
  --color-event-banner-upd-txt-icon-dsk-2: #454849;
  --color-event-banner-upd-txt-icon-time: #ffffff;
  --color-event-banner-upd-txt-icon-time-2: #54585a;
  --color-event-banner-upd-txt-icon-score: #ff9900;
  --color-event-banner-odds-glass-shadow: none;
  --color-banner-bet-strk-hover:
    linear-gradient(
      136.34deg,
      #00cfa6 0%,
      rgba(255, 255, 255, 0.2) 59.09%);
  --color-banner-bet-txt-icon-primary: #313334;
  --color-banner-bet-bg: rgba(255, 255, 255, 0.85);
  --color-search-bet-bg-result: #eeeeee;
  --color-search-bet-bg: #ffffff;
  --color-search-bet-line: #eeeeee;
  --color-search-bet-hover: #eeeeee;
  --color-search-bet-txt-icon: #54585a;
  --color-search-bet-txt-icon2: #54585a;
  --color-search-bet-txt-icon-primary: #313334;
  --color-search-bet-txt-icon-accent: #00cfa6;
  --color-watermark-bg: #80858f;
  --color-watermark-bg-win: #80858f;
  --color-watermark-bg-loss: #80858f;
  --color-watermark-bg-sales: #80858f;
  --color-watermark-bg-logo: rgba(49, 51, 52, 0.1);
  --color-score-info-bg: rgba(49, 51, 52, 0.5);
  --color-score-info-bg-line: rgba(255, 255, 255, 0.08);
  --color-score-info-bg-icon: rgba(255, 255, 255, 0.4);
  --color-score-info-bg-secondary: rgba(49, 51, 52, 0.3);
  --color-score-info-bg-scrollbar: rgba(49, 51, 52, 0.3);
  --color-score-info-txt-icon-primary: #ffffff;
  --color-score-info-txt-icon-secondary: #eeeeee;
  --color-score-info-txt-icon-tertiary: rgba(255, 255, 255, 0.75);
  --color-score-info-txt-icon-final: #ff9900;
  --color-jackpots-bg: #f7f7f7;
  --color-jackpots-bg-secondary: #eeeeee;
  --color-jackpots-bg-tertiary: #f7f7f7;
  --color-jackpots-txt-icon-primary: #313334;
  --color-jackpots-txt-icon-secondary: #54585a;
  --color-jackpots-txt-icon-accent: #ff9900;
  --color-jackpots-txt-icon-grad:
    linear-gradient(
      180deg,
      #ffc700 6.29%,
      #ff7a00 100%);
  --color-jackpots-strk: rgba(255, 255, 255, 0.2);
  --color-jackpots-glow-rad3:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 153, 0, 0.4) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-jackpots-glow-rad2:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-jackpots-glow-rad1:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 213, 0, 0.4) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-jackpots-glow-linear3:
    linear-gradient(
      90deg,
      rgba(255, 153, 0, 0) 0%,
      rgba(255, 153, 0, 0.8) 50%,
      rgba(255, 153, 0, 0) 100%);
  --color-jackpots-glow-linear2:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(255, 255, 255, 0) 100% );
  --color-jackpots-glow-linear1:
    linear-gradient(
      90deg,
      rgba(255, 199, 0, 0) 0%,
      rgba(255, 199, 0, 0.8) 50%,
      rgba(255, 199, 0, 0) 100%);
  --color-primary-tabs-gradient:
    linear-gradient(
      90deg,
      rgba(255, 36, 0, 0) 0%,
      #ff2400 50.52%,
      rgba(255, 36, 0, 0) 100%);
  --color-primary-tabs-line-gradient: #c6c6c6;
  --color-primary-tabs-line-gradient-horizon:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.04) 19.96%,
      rgba(255, 255, 255, 0.08) 50%,
      rgba(255, 255, 255, 0.04) 80%,
      rgba(255, 255, 255, 0) 100% );
  --color-primary-tabs-txt: #54585a;
  --color-primary-tabs-default-txt: var(--color-primary-tabs-txt);
  --color-primary-tabs-txt-selected: #313334;
  --color-primary-tabs-selected-bg: #eeeeee;
  --style-primary-tabs-txt-transform: none;
  --style-primary-tab-border: 1px solid #c6c6c6;
  --style-primary-tab-border-radius: 0.25rem;
  --style-primary-tab-pseudo-divider-height: 2.5rem;
  --style-primary-tabs-height: 2.5rem;
  --style-primary-active-tab-pseudo-display: none;
  --style-primary-tabs-txt-fz: 14px;
  --style-primary-tabs-txt-lh: 18px;
  --style-primary-tabs-txt-fw: 500;
  --style-primary-active-tab-txt-fz: 14px;
  --style-primary-active-tab-txt-lh: 18px;
  --style-primary-active-tab-txt-fw: 500;
  --style-primary-tabs-active-txt-fw: var(--style-primary-active-tab-txt-fw);
  --style-primary-events-type-tabs-desktop-max-width: 360px;
  --font-family-bet-type-tab: var(--font-family-primary);
  --font-weight-bet-type-tab-active: 500;
  --style-cyber-tabs-height: 2.5rem;
  --style-cyber-active-tab-pseudo-display: none;
  --style-cyber-tab-pseudo-divider-height: 2.5rem;
  --color-cyber-tabs-txt: #54585a;
  --color-cyber-tabs-txt-selected: #313334;
  --color-cyber-tabs-txt-selected-2: #ff2400;
  --color-cyber-tabs-txt-transform: none;
  --color-cyber-tabs-line: rgba(255, 255, 255, 0.08);
  --color-cyber-tabs-line-gradient: #c6c6c6;
  --color-cyber-tabs-line-gradient-horizon:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.04) 19.96%,
      rgba(255, 255, 255, 0.08) 50%,
      rgba(255, 255, 255, 0.04) 80%,
      rgba(255, 255, 255, 0) 100% );
  --color-cyber-tabs-gradient:
    linear-gradient(
      90deg,
      rgba(255, 36, 0, 0) 0%,
      #ff2400 50.52%,
      rgba(255, 36, 0, 0) 100%);
  --color-cyber-tabs-glow: #00ffcc;
  --color-cyber-tabs-bg:
    #eeeeee linear-gradient(
      58.71deg,
      rgba(255, 255, 255, 0.5848) 0%,
      rgba(146, 146, 146, 0.2856) 54.3%);
  --color-cyber-tabs-bg-selected:
    #1b1f28 linear-gradient(
      45deg,
      rgba(0, 214, 171, 1) 0%,
      rgba(0, 96, 77, 1) 100%);
  --color-cyber-tabs-bg-selected2:
    #1b1f28 linear-gradient(
      45deg,
      rgba(0, 214, 171, 1) 0%,
      rgba(0, 96, 77, 1) 100%);
  --style-cyber-tabs-txt-selected-fw: 500;
  --style-primary-tabs-mobile-margin: -0.75rem;
  --style-primary-tabs-mobile-max-width: 468px;
  --style-primary-tabs-desktop-max-width: 468px;
  --style-primary-tabs-live-max-width: auto;
  --color-cyber-primary-tab-selected-bg: #eeeeee;
  --style-cyber-primary-tab-border: 1px solid #c6c6c6;
  --style-cyber-primary-tab-border-radius: 0.25rem;
  --color-cyber-breadcrumb-bg: #eeeeee;
  --color-cyber-breadcrumb-bg-hover: #eeeeee;
  --color-cyber-breadcrumb-bg-pressed: #f7f7f7;
  --color-cyber-breadcrumb-txt-icon: #9d9b9b;
  --style-cyber-event-card-shadow: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));
  --style-cyber-event-card-header-divider-height: 1px;
  --style-cyber-event-card-header-live-padding: 2px;
  --style-cyber-event-card-bottom-divider-display: none;
  --color-cyber-event-card-txt-icon: #ffffff;
  --color-cyber-event-card-header-txt: var(--color-event-card-txt-icon-secondary);
  --color-cyber-event-card-header-favorite: var(--color-event-card-txt-icon-secondary);
  --style-cyber-event-desktop-card-border: 1px solid var(--color-event-card-bg-line-3);
  --color-cyber-event-mobile-card-show-txt: var(--color-event-card-txt-icon-secondary);
  --style-cyber-event-mobile-card-show-txt-transform: none;
  --style-cyber-event-mobile-card-show-txt-decoration: none;
  --color-cyber-event-mobile-card-show-chevron: var(--color-event-card-txt-icon-secondary);
  --color-cyber-event-mobile-card-divider: var(--color-event-card-bg-grad-horizon);
  --color-cyber-tournament-list-item-mobile-expanded: var(--color-list-bg-tertiary);
  --color-cyber-events-list-head-bg: #eeeeee;
  --color-cyber-events-list-head-icon: #313334;
  --style-cyber-events-list-head-border: 1px solid #c6c6c6;
  --color-events-list-container-border: #c6c6c6;
  --style-period-tab-effect-type: underscore;
  --skeleton-top-event-card-bg: #f7f7f7;
  --history-filters-aligment: flex-end;
  --results-filters-date-label-bg: var(--color-input-bg-label-1);
  --results-filters-modal-control-bg: transparent;
  --results-filters-modal-control-border: var(--input-border-width) solid var(--color-input-border-active);
  --results-filters-modal-control-shadow: none;
  --color-results-event-card-bg-line: #c6c6c6;
  --color-results-event-score-cell-bg: transparent;
  --size-results-event-score-cell-height: auto;
  --size-results-event-score-row-gap: 6px;
  --results-event-card-mobile-participant-gap: 0.25rem;
  --style-results-modal-horizontal-divider-display: block;
  --color-results-event-score-mobile-bg: transparent;
  --info-column-item-border-radius: 0.25rem;
  --color-live-info-bg: rgb(19, 23, 31);
  --color-live-info-bg-secondary: rgb(27, 31, 40);
  --color-live-info-txt: rgb(255, 255, 255);
  --color-live-info-txt-secondary: rgb(179, 179, 179);
  --color-live-info-progress: rgb(179, 179, 179);
  --color-live-info-accent: rgb(255, 36, 0);
  --color-live-info-accent-secondary: rgb(0, 207, 166);
  --color-live-info-score-bg: rgb(19, 23, 31);
  --color-live-info-score-txt: rgb(255, 183, 0);
  --color-hover-tooltip-txt-icon-primary: #313334;
  --color-hover-tooltip-bg: #c6c6c6;
  --color-hover-tooltip-bg-secondary: #eeeeee;
  --shadow-dialog-footer-bg: 0px -4px 10px rgba(49, 51, 52, 0.1);
  --bet-reward-dialog-border-radius: 0.25rem 0.25rem 0 0;
  --bet-reward-dialog-md-body-padding: 3rem 3rem 1.5rem;
  --bet-reward-dialog-body-padding: 1rem;
  --bet-reward-dialog-md-img-height: 100%;
  --bet-reward-dialog-img-height: 100%;
  --bet-reward-dialog-success-note-divider: initial;
  --sport-dropdown-chevron: #9d9b9b;
  --sport-dropdown-chevron-top: 10px;
  --sport-dropdown-chevron-active: #313334;
  --tips-color-bg-line-divider: rgba(255, 255, 255, 0.5);
  --tips-color-bg: #eeeeee;
  --tips-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  --tips-color-bg-gradient:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50%,
      #fff 80%),
    #dcf4f0;
  --tips-color-bg-secondary: #03b190;
  --tips-color-text-accent: #ffffff;
  --tips-color-text-secondary: #54585a;
  --tips-color-text-primary: #313334;
  --tips-color-text-gradient:
    linear-gradient(
      to bottom,
      #54585a 50%,
      rgba(255, 255, 255, 0) 100%);
  --tips-color-versus-icon: #03b190;
  --tips-color-tooltip-text: #313334;
  --tips-color-tooltip-bg: #c6c6c6;
  --tips-color-sport-bg: rgba(3, 177, 144, 0.1);
  --tips-font-size: 0.75rem;
  --tips-line-height: 1rem;
  --tips-br: 0.25rem;
  --tips-header-br: 0.25rem 0.25rem 0 0;
  --tips-header-padding: 0.5rem 0.75rem;
  --tips-header-border-bottom: 1px solid #03b190;
  --tips-body-padding: 0.75rem;
  --tips-info-height: 3.5rem;
  --tips-text-wrapper-height: 3rem;
  --tips-text-clamp: 3;
  --tips-event-text-wrapper-height: 6rem;
  --tips-event-text-clamp: 6;
  --tips-event-body-padding: 0.5rem 0.75rem 0.75rem;
  --tips-card-skeleton-header-bg-color: #1b1f28;
  --tips-card-skeleton-body-bg-color: #eeeeee;
  --tips-card-skeleton-color-bg-line: #54585a;
  --tips-card-skeleton-bg-line-divider: #454849;
  --top-parlay-card-header-color: #54585a;
  --top-parlay-card-subheader-color: #54585a;
  --top-parlay-card-hint-color: #ffffff;
  --top-parlay-card-bg-color: #ffffff;
  --top-parlay-card-divider-bg-color:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(157, 155, 155, 0.15) 27.6%,
      rgba(157, 155, 155, 0.3) 52.62%,
      rgba(157, 155, 155, 0.17) 74.48%,
      rgba(255, 255, 255, 0) 100% );
  --top-parlay-card-mini-bg-color: #f7f7f7;
  --top-parlay-card-bg: #f7f7f7;
  --top-parlay-card-br: 0.5rem;
  --top-parlay-cards-br: 0.5rem;
  --top-parlay-cards-br-color: transparent;
  --top-parlay-footer-btn-br: 0.25rem;
  --top-parlay-footer-content-padding: none;
  --top-parlay-footer-content-bg-color: none;
  --top-parlay-other-odds-title-color: #54585a;
  --label-bg: #c6c6c6;
  --label-bg-accent: #00cfa6;
  --label-txt-icon-primary: #313334;
  --label-txt-icon-accent: #313334;
  --label-txt-icon-secondary: #54585a;
  --color-promo-card-bg:
    linear-gradient(
      0deg,
      #dcf4f0,
      #dcf4f0),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50%,
      #ffffff 80%);
  --color-promo-card-txt-ic: #313334;
  --color-promo-card-txt-ic-secondary: #54585a;
  --bet-promo-card-border-radius: 0.25rem;
  --color-promo-strk-default: rgba(255, 255, 255, 0.2);
  --color-promo-bg-default:
    linear-gradient(
      0deg,
      #0d1016 0%,
      #232834 100%);
  --color-promo-bg-glow:
    radial-gradient(
      50% 50% at 50% 50%,
      #fff 0%,
      rgba(106, 123, 205, 0) 100%);
  --color-promo-txt-ic-primary: #ffffff;
  --color-promo-txt-ic-accent: #00cfa6;
  --color-promo-glow-linear2:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(255, 255, 255, 0) 100%);
  --color-promo-glow-linear1:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0) 0%,
      rgba(0, 207, 166, 0.8) 50%,
      rgba(0, 207, 166, 0) 100%);
  --color-promo-glow-radial2:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-promo-glow-radial1:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(0, 207, 166, 0.4) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-nominal-bg: #c6c6c6;
  --color-nominal-bg-hover: #9d9b9b;
  --color-vip-bet-bg-default: #ffffff;
  --color-vip-bet-bg-default2: #ffffff;
  --vip-bet-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  --vip-bet-widget-shadow: 0px -4px 10px 0px rgba(49, 51, 52, 0.1);
  --color-vip-bet-txt-ic-primary: #313334;
  --color-vip-bet-txt-ic-secondary: #80858f;
  --color-vip-bet-txt-ic-accent: #313334;
  --color-vip-bet-widget-bg: rgba(238, 238, 238, 1);
  --color-vip-bet-label: #54585a;
  --color-vip-bet-label-crossed: #9d9b9b;
  --color-vip-bet-top-line-light-bg: none;
  --color-vip-bet-bottom-light-bg: none;
  --color-vip-bet-bg-grad1: none;
  --color-vip-bet-bg-grad2: none;
  --color-vip-bet-bg-coef: rgba(84, 88, 90, 0.8);
  --color-vip-bet-coef: #ffffff;
  --vip-bet-title-font-weight: 400;
  --vip-bet-title-text-shadow: none;
  --color-discounts-banner-bg: #313334;
  --color-discounts-banner-txt: #ffffff;
  --color-discounts-banner-border: rgba(255, 255, 255, 0.2);
  --color-discounts-banner-icon: #9d9b9b;
  --color-discounts-banner-bg-grad-1:
    radial-gradient(
      
      80% 100% at 0% 50%,
      rgba(0, 165, 132, 0.95) 0%,
      rgba(0, 165, 132, 0.5) 35%,
      rgba(29, 32, 38, 0.1) 65%,
      rgba(29, 32, 38, 0) 100% );
  --color-discounts-banner-bg-grad-2:
    radial-gradient(
      
      90% 100% at 100% 50%,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0.3) 35%,
      rgba(255, 255, 255, 0.05) 60%,
      rgba(255, 255, 255, 0) 100% );
  --color-discounts-banner-line-1:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0) 0%,
      rgba(0, 207, 166, 0.8) 50%,
      rgba(0, 207, 166, 0) 100%);
  --color-discounts-banner-line-2:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.8) 50%,
      rgba(255, 255, 255, 0) 100% );
  --color-discounts-bg-brand: #ff2400;
  --shadow-discounts-banner-line-1:
    0 0 20px 10px rgba(0, 207, 166, 0.6),
    0 0 12px rgba(0, 207, 166, 0.4),
    0 0 18px rgba(0, 207, 166, 0.3);
  --color-live-widget-bg-grad:
    radial-gradient(
      66.9% 100% at 50.13% 100%,
      rgba(0, 207, 166, 0.7) 0%,
      rgba(13, 16, 22, 0.5) 100%);
  --color-live-teaser-strk: rgba(255, 255, 255, 0.2);
  --color-live-teaser-bg:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.03) 0%,
      rgba(255, 255, 255, 0) 100%);
  --color-live-teaser-txt-ic: #ffffff;
  --color-live-teaser-txt-ic-secondary: #80858f;
  --color-live-teaser-glow-linear1:
    linear-gradient(
      90deg,
      rgba(255, 36, 0, 0) 0%,
      rgba(255, 36, 0, 0.8) 50%,
      rgba(255, 36, 0, 0) 100%);
  --color-live-teaser-glow-linear2:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(255, 255, 255, 0) 100% );
  --color-live-teaser-glow-radial1:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 36, 0, 0.4) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-live-teaser-glow-radial2:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-live-teaser-mask:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      #fff 10.1%,
      #fff 90.31%,
      rgba(255, 255, 255, 0) 100%);
  --color-native-tabs-border-primary: #444852;
  --color-native-tabs-border1:
    linear-gradient(
      135deg,
      #00cfa6 0%,
      #444852 100%);
  --color-native-tabs-border2:
    linear-gradient(
      135deg,
      #00cfa6 0%,
      #444852 100%);
  --color-native-tabs-border3:
    linear-gradient(
      225deg,
      #00cfa6 0%,
      #444852 100%);
  --style-native-tabs-border-radius: 0.25rem;
  --color-native-tabs-bg-primary: #0d1016;
  --color-native-tabs-bg1:
    linear-gradient(
      135deg,
      rgba(0, 207, 166, 0.2) 0%,
      rgba(0, 207, 166, 0) 100%);
  --color-native-tabs-bg2:
    linear-gradient(
      135deg,
      rgba(0, 207, 166, 0.2) 0%,
      rgba(0, 207, 166, 0) 100%);
  --color-native-tabs-bg3:
    linear-gradient(
      225deg,
      rgba(0, 207, 166, 0.2) 0%,
      rgba(0, 207, 166, 0) 100%);
  --color-native-tabs-text: #80858f;
  --color-native-tabs-text-active: #ffffff;
  --color-popular-outcome-bg: #1b1f28;
  --color-popular-outcome-bg-label:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0.2) 0.51%,
      rgba(0, 207, 166, 0.04) 99.49%);
  --color-popular-outcome-txt-ic: #ffffff;
  --color-popular-outcome-txt-ic-secondary: #80858f;
  --style-quick-navigation-br: 0.5rem;
  --color-quick-navigation-strk-default: rgba(255, 255, 255, 0.2);
  --color-prematch-quick-access-tab-icon: #80858f;
  --color-prematch-quick-access-tab-txt: #ffffff;
  --color-quick-navigation-bg-grad-glow:
    linear-gradient(
      0deg,
      #0d1016 0%,
      #232834 100%);
  --color-quick-navigation-glow-radial1:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-quick-navigation-glow-radial2:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 36, 0, 0.4) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-card-glow-radial4:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-quick-navigation-glow-linear1:
    linear-gradient(
      
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(255, 255, 255, 0) 100% );
  --color-quick-navigation-glow-linear2:
    linear-gradient(
      
      90deg,
      rgba(255, 36, 0, 0) 0%,
      rgba(255, 36, 0, 0.8) 50%,
      rgba(255, 36, 0, 0) 100% );
  --color-quick-navigation-glow-angular-linear1:
    radial-gradient(
      
      ellipse 100% 100% at 100% 0%,
      rgba(255, 199, 0, 0.4) 0%,
      rgba(255, 199, 0, 0.2) 30%,
      rgba(255, 199, 0, 0.08) 60%,
      rgba(27, 31, 40, 0) 100% );
  --color-quick-navigation-glow-angular-linear2:
    radial-gradient(
      
      ellipse 60% 80% at 100% 0%,
      rgba(255, 36, 0, 0.4) 0%,
      rgba(27, 31, 40, 0) 100% );
  --color-trends-glow-radial2:
    radial-gradient(
      
      67.87% 110.14% at 50% -10.14%,
      rgba(0, 207, 166, 0.4) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100% );
  --color-trends-glow-linear2:
    linear-gradient(
      90deg,
      rgba(0, 207, 166, 0) 0%,
      rgba(0, 207, 166, 0.8) 50%,
      rgba(0, 207, 166, 0) 100%);
  --style-trends-all-shadow: none;
  --color-trends-all-icon: #80858f;
  --color-booked-coupons-bg: #13171f;
  --color-booked-coupons-txt-icon-primary: #ffffff;
  --color-booked-coupons-txt-icon-secondary: #80858f;
  --color-team-section-horizontal-gradient:
    linear-gradient(
      270deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 5%,
      rgba(255, 255, 255, 0) 95%,
      #ffffff 100%);
  --color-team-section-vertical-gradient:
    linear-gradient(
      180deg,
      #ffffff 4.96%,
      rgba(255, 255, 255, 0) 25%,
      rgba(255, 255, 255, 0) 74.97%,
      #ffffff 100%);
  --color-team-section-bg-gradient:
    linear-gradient(
      270deg,
      #eeeeee 0%,
      rgba(238, 238, 238, 0) 86.76%);
  --color-team-section-item-bg: #f7f7f7;
  --team-section-banner-border-radius: 0.25rem;
  --color-f-w-c-banner-bg1: #2550FF;
  --color-f-w-c-banner-bg2: #FF2400;
  --color-f-w-c-banner-bg3: #9FED00;
  --color-f-w-c-banner-border: 1px solid rgba(255, 255, 255, 0.1);
  --color-f-w-c-banner-grad:
    radial-gradient(
      67.87% 110.14% at 50% -10.14%,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(19, 23, 31, 0.1) 60%,
      rgba(19, 23, 31, 0) 100%);
  --color-f-w-c-banner-text1: #ffffff;
  --color-f-w-c-banner-text2: #ffffff;
  --color-cyber-market-card-expanded-chevron: var(--color-event-card-txt-icon);
  --live-filters-settings-btn-size: auto;
  --live-filters-settings-title-padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  --event-page-card-edge-paddings-md: 0;
  --event-page-search-margin-right: 0;
  --event-page-search-mobile-margin-left: 0;
  --event-page-search-z-index: 0;
  --color-event-page-collapse-btn-active: var(--color-txt-icon-1);
}
@keyframes shine {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}
@keyframes live-flashing {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.ui-vertical-accordion-animation {
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr;
}
.ui-vertical-accordion-animation.entering {
  animation: ui-vertical-accordion-animation-entering 100ms;
}
.ui-vertical-accordion-animation.leaving {
  animation: ui-vertical-accordion-animation-leaving 100ms;
}
@keyframes ui-vertical-accordion-animation-entering {
  from {
    opacity: 0;
    visibility: hidden;
    grid-template-rows: 0fr;
  }
  to {
    opacity: 1;
    visibility: visible;
    grid-template-rows: 1fr;
  }
}
@keyframes ui-vertical-accordion-animation-leaving {
  from {
    opacity: 1;
    visibility: visible;
    grid-template-rows: 1fr;
  }
  to {
    opacity: 0;
    visibility: hidden;
    grid-template-rows: 0fr;
  }
}
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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  font: inherit;
  vertical-align: baseline;
}
button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=file] {
  border-radius: 0;
}
input[type=text]::-ms-clear {
  display: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
img,
picture {
  display: block;
  max-width: 100%;
}
summary::-webkit-details-marker {
  content: "";
  display: none;
}
button,
a,
div {
  -webkit-tap-highlight-color: transparent;
}
div.cdk-overlay-container > div.cdk-global-overlay-wrapper > div[id*=cdk-overlay-].cdk-overlay-pane {
  display: flex !important;
}
.cdk-overlay-backdrop.pu-overlay-backdrop {
  background-color: var(--color-pop-up-overlay-darken);
}
.cdk-overlay-backdrop.pu-overlay-backdrop.shadow {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1001;
}
.cdk-overlay-backdrop.pu-transparent-backdrop {
  opacity: 0;
}
.pu-overlay-panel {
  display: flex;
  flex-direction: column;
  cursor: auto;
  height: 100%;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .pu-overlay-panel {
    justify-content: center;
  }
}
.pu-overlay-panel_full-width {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pu-overlay-panel_fixed {
  position: fixed;
}
.pu-overlay-panel_full-screen {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pu-overlay-panel_navbar {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
.pu-overlay-panel_full-screen-with-header {
  display: flex;
  align-self: flex-end;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100% - var(--actual-header-height));
}
@supports (height: 100dvh) {
  .pu-overlay-panel_full-screen-with-header {
    height: calc(100dvh - var(--actual-header-height));
  }
}
.pu-overlay-panel_full-screen-native-sports {
  display: flex;
  align-self: flex-end;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.pu-overlay-panel_max-full-screen-with-header {
  display: flex;
  align-self: flex-end;
  justify-content: center;
  max-height: calc(100% - var(--actual-header-height)) !important;
  width: 100%;
}
@media (min-width: 768px) {
  .pu-overlay-panel_max-full-screen-with-header {
    align-self: center;
  }
}
.pu-overlay-panel-cashbox {
  height: 100%;
  display: flex;
  align-items: center;
}
.cdk-global-scrollblock {
  overscroll-behavior: none;
}
.ui-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-icon-svg.\32xs {
  height: 12px;
  width: 12px;
}
.ui-icon-svg.xs {
  height: 16px;
  width: 16px;
}
.ui-icon-svg.s {
  height: 20px;
  width: 20px;
}
.ui-icon-svg.m {
  height: 24px;
  width: 24px;
}
.ui-icon-svg.\32m {
  height: 28px;
  width: 28px;
}
.ui-icon-svg.l {
  height: 32px;
  width: 32px;
}
.ui-icon-svg.xl {
  height: 40px;
  width: 40px;
}
.ui-icon-svg.\32xl {
  height: 48px;
  width: 48px;
}
.ui-icon-svg.\34xl {
  height: 96px;
  width: 96px;
}
.ui-icon-svg.custom {
  width: 100%;
  height: 100%;
}
@media (min-width: 375px) {
  .sm\:ui-icon_2xs .ui-icon-svg {
    height: 12px;
    width: 12px;
  }
  .sm\:ui-icon_xs .ui-icon-svg {
    height: 16px;
    width: 16px;
  }
  .sm\:ui-icon_s .ui-icon-svg {
    height: 20px;
    width: 20px;
  }
  .sm\:ui-icon_m .ui-icon-svg {
    height: 24px;
    width: 24px;
  }
  .sm\:ui-icon_2m .ui-icon-svg {
    height: 28px;
    width: 28px;
  }
  .sm\:ui-icon_l .ui-icon-svg {
    height: 32px;
    width: 32px;
  }
  .sm\:ui-icon_xl .ui-icon-svg {
    height: 40px;
    width: 40px;
  }
}
@media (min-width: 768px) {
  .md\:ui-icon_s .ui-icon-svg {
    height: 20px;
    width: 20px;
  }
  .md\:ui-icon_2m .ui-icon-svg {
    height: 28px;
    width: 28px;
  }
  .md\:ui-icon_l .ui-icon-svg {
    height: 32px;
    width: 32px;
  }
  .md\:ui-icon_xl .ui-icon-svg {
    height: 40px;
    width: 40px;
  }
  .md\:ui-icon_4xl .ui-icon-svg {
    height: 96px;
    width: 96px;
  }
}
@media (min-width: 1280px) {
  .xl\:ui-icon_2xl .ui-icon-svg {
    height: 48px;
    width: 48px;
  }
}
.ui-language-icon svg {
  border-radius: 0.125rem;
  box-shadow: var(--shadow-lang-icon);
}
@media (min-width: 768px) {
  .ui-dialog-header__close-icon .ui-icon-svg.s {
    width: 24px;
    height: 24px;
  }
}
.pu-games-search__placeholder .ui-icon-svg {
  width: 144px;
  height: 144px;
}
@media (min-width: 1280px) {
  .pu-games-search__placeholder .ui-icon-svg {
    width: 268px;
    height: 268px;
  }
}
@media (min-width: 768px) {
  .pu-dialog-body__restricted .ui-icon-svg {
    width: 96px;
    height: 96px;
  }
}
.ui-profile-user-identification__verified-icon .ui-icon-svg {
  width: 80px;
  height: 80px;
}
.ui-odds__arrow .ui-icon-svg {
  width: 8px;
  height: 8px;
}
.ui-odds__arrow .ui-icon-svg svg {
  display: block;
}
.ui-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.ui-button > *,
.ui-button > *:before,
.ui-button > *:after {
  box-sizing: inherit;
}
.ui-button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
}
.ui-button::-moz-focus-inner {
  border: 0;
}
.ui-button {
  border-radius: var(--border-radius-button-s);
  padding: var(--padding-horizontal-button-s) var(--padding-vertical-button-s);
  font-family: var(--font-family-secondary), sans-serif;
  font-size: var(--font-size-button-s);
  line-height: var(--line-height-button-s);
  font-weight: var(--font-weight-button-s);
}
.ui-button .ui-icon + span {
  margin-left: 0.5rem;
}
.ui-button .ui-icon-svg.m {
  width: 12px;
  height: 12px;
}
.ui-button.ui-button_primary-animation::after {
  width: calc(100% + 24px);
  height: calc(100% + 24px);
}
.ui-button.ui-button_quaternary {
  padding: 0.5rem 0;
  font-weight: var(--font-weight-link-button);
  font-family: var(--font-family-secondary), sans-serif;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-size: var(--font-size-quaternary-button-s);
}
@media (hover: hover) {
  .ui-button.ui-button_quaternary:not(:disabled):hover,
  .ui-button.ui-button_quaternary.ui-button_pressed,
  .ui-button.ui-button_quaternary:active {
    padding: 6px 0 0.5rem;
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.ui-button.ui-button_only-icon {
  padding: 6px;
}
.ui-button.ui-button_only-icon .ui-icon-svg.m {
  width: 16px;
  height: 16px;
}
.ui-button.ui-button_only-icon {
}
@media (hover: hover) {
  .ui-button.ui-button_only-icon.ui-button_quaternary:hover,
  .ui-button.ui-button_only-icon.ui-button_quaternary:active,
  .ui-button.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 4px;
  }
  .ui-button.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,
  .ui-button.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,
  .ui-button.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
}
.ui-button.ui-button_special-demo,
.ui-button.ui-button_special-demo-search {
  padding: 7px 28px;
  font-family: var(--font-family-secondary), sans-serif;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-size: var(--font-size-special-demo-button-s);
}
.ui-button.ui-button_special-go-top {
  padding: 0.5rem;
}
.ui-button.ui-button_special-go-top:hover:not(:disabled),
.ui-button.ui-button_special-go-top:active,
.ui-button.ui-button_special-go-top.ui-button_pressed {
  padding-bottom: 18px;
}
.ui-button.ui-button_special-go-top .ui-icon-svg.m {
  width: 24px;
  height: 24px;
}
.ui-button {
  display: flex;
  text-transform: var(--text-transform-button);
  align-items: center;
  touch-action: manipulation;
}
.ui-button_m {
  font-family: var(--font-family-secondary), sans-serif;
  font-size: var(--font-size-button-m);
  line-height: var(--font-size-button-m);
  font-weight: var(--font-weight-button-m);
  padding-top: 0.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
}
.ui-button_m {
  border-radius: var(--border-radius-button);
  line-height: 24px;
}
.ui-button_m .ui-icon + span {
  margin-left: 0.5rem;
}
.ui-button_m .ui-icon-svg.m {
  width: 20px;
  height: 20px;
}
.ui-button_m.ui-button_secondary {
  padding: 0.5rem 1rem;
}
.ui-button_m.ui-button_secondary .ui-icon-svg.m {
  width: 24px;
  height: 24px;
}
.ui-button_m.ui-button_tertiary,
.ui-button_m.ui-button_tertiary-accent,
.ui-button_m.ui-button_tertiary-animation {
  padding: 0.5rem var(--button-tertiary-m-gap-horizontal, 1rem);
}
.ui-button_m.ui-button_tertiary,
.ui-button_m.ui-button_tertiary-accent,
.ui-button_m.ui-button_tertiary-animation {
  font-size: 14px;
  line-height: 24px;
  font-weight: var(--font-weight-button-m);
}
.ui-button_m.ui-button_tertiary .ui-icon-svg.m,
.ui-button_m.ui-button_tertiary-accent .ui-icon-svg.m,
.ui-button_m.ui-button_tertiary-animation .ui-icon-svg.m {
  width: var(--button-tertiary-m-icon-size);
  height: var(--button-tertiary-m-icon-size);
}
.ui-button_m.ui-button_quaternary {
  font-family: var(--font-family-secondary), sans-serif;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ui-button_m.ui-button_quaternary {
  padding: 0.5rem 0;
  line-height: 20px;
}
.ui-button_m.ui-button_quaternary {
}
@media (hover: hover) {
  .ui-button_m.ui-button_quaternary:not(:disabled):hover,
  .ui-button_m.ui-button_quaternary:active,
  .ui-button_m.ui-button_quaternary.ui-button_pressed {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
  }
  .ui-button_m.ui-button_quaternary:not(:disabled):hover,
  .ui-button_m.ui-button_quaternary:active,
  .ui-button_m.ui-button_quaternary.ui-button_pressed {
    line-height: 20px;
    padding: 0.5rem 0;
    font-weight: var(--font-weight-link-button);
  }
}
.ui-button_m.ui-button_only-icon {
  padding: 0.5rem 0.5rem;
}
.ui-button_m.ui-button_only-icon .ui-icon-svg.m {
  width: 24px;
  height: 24px;
}
.ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
  width: 20px;
  height: 20px;
}
.ui-button_m.ui-button_only-icon.ui-button_quaternary {
}
@media (hover: hover) {
  .ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,
  .ui-button_m.ui-button_only-icon.ui-button_quaternary:active,
  .ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 6px;
  }
  .ui-button_m.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,
  .ui-button_m.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,
  .ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
}
.ui-button_m.ui-button_only-icon.ui-button_text-hover:hover {
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
}
.ui-button_m.ui-button_special-demo {
  padding: 0.75rem 44px;
  font-family: var(--font-family-secondary), sans-serif;
  font-size: var(--font-size-button-s);
  line-height: var(--line-height-button-s);
  font-weight: var(--font-weight-button-s);
}
.ui-button_l {
  padding: var(--padding-horizontal-button-l) var(--padding-vertical-button-l);
  border-radius: var(--border-radius-button);
  font-family: var(--font-family-secondary), sans-serif;
  font-size: var(--font-size-button-l);
  line-height: var(--line-height-button-l);
  font-weight: var(--font-weight-button-l);
}
.ui-button_l .ui-icon + span {
  margin-left: 0.5rem;
}
.ui-button_l .ui-icon-svg.m {
  width: 24px;
  height: 24px;
}
.ui-button_l.ui-button_secondary {
  padding: var(--button-secondary-l-padding);
}
.ui-button_l.ui-button_tertiary,
.ui-button_l.ui-button_tertiary-accent,
.ui-button_l.ui-button_tertiary-animation {
  padding: var(--button-tertiary-l-padding);
}
.ui-button_l.ui-button_quaternary {
  font-family: var(--font-family-secondary), sans-serif;
  font-size: var(--font-size-button-l);
  line-height: var(--line-height-button-l);
  font-weight: var(--font-weight-button-l);
}
.ui-button_l.ui-button_quaternary {
  padding: 0.5rem 0;
  line-height: 24px;
}
.ui-button_l.ui-button_quaternary {
}
@media (hover: hover) {
  .ui-button_l.ui-button_quaternary:not(:disabled):hover,
  .ui-button_l.ui-button_quaternary:active,
  .ui-button_l.ui-button_quaternary.ui-button_pressed {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
  .ui-button_l.ui-button_quaternary:not(:disabled):hover,
  .ui-button_l.ui-button_quaternary:active,
  .ui-button_l.ui-button_quaternary.ui-button_pressed {
    line-height: 24px;
    padding: 0.5rem 0;
    font-weight: var(--font-weight-link-button);
  }
}
.ui-button_l.ui-button_only-icon {
  padding: 7px;
}
.ui-button_l.ui-button_only-icon .ui-icon-svg.m {
  width: 32px;
  height: 32px;
}
.ui-button_l.ui-button_only-icon.ui-button_tertiary,
.ui-button_l.ui-button_only-icon.ui-button_tertiary-accent,
.ui-button_l.ui-button_only-icon.ui-button_tertiary-animation {
  padding: 0.25rem;
}
.ui-button_l.ui-button_only-icon.ui-button_quaternary {
  padding: 0.5rem;
}
.ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
  width: 24px;
  height: 24px;
}
.ui-button_l.ui-button_only-icon.ui-button_quaternary {
}
@media (hover: hover) {
  .ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,
  .ui-button_l.ui-button_only-icon.ui-button_quaternary:active,
  .ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 4px;
  }
  .ui-button_l.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,
  .ui-button_l.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,
  .ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
    width: 32px;
    height: 32px;
  }
}
.ui-button_l.ui-button_special-demo {
  padding: 1rem 2rem;
  font-family: var(--font-family-secondary), sans-serif;
  font-size: var(--font-size-button-s);
  line-height: var(--line-height-button-s);
  font-weight: var(--font-weight-button-s);
}
.ui-button_primary,
.ui-button_primary-animation {
  background: var(--color-button-primary-bg);
  color: var(--color-button-primary-txt);
  position: relative;
}
.ui-button_primary:active,
.ui-button_primary.ui-button_pressed,
.ui-button_primary-animation:active,
.ui-button_primary-animation.ui-button_pressed {
  color: var(--color-button-primary-txt-pressed);
  background: var(--color-button-primary-bg-pressed);
}
.ui-button_primary.ui-button_loading:after,
.ui-button_primary-animation.ui-button_loading:after {
  background-color: var(--color-button-primary-txt);
}
.ui-button_primary {
  box-shadow: var(--box-shadow-button-primary);
}
.ui-button_primary-animation {
  box-shadow: var(--box-shadow-button-primary-animation);
}
.ui-button_primary:not(.ui-button_pressed):not(:active):hover:not(:disabled),
.ui-button_primary-animation:not(.ui-button_pressed):not(:active):hover:not(:disabled) {
  background: var(--color-button-primary-bg-hover);
}
.ui-button_primary-animation:not(.ui-button_pressed):not(.ui-button_prerender):not(:active):not(:disabled):after {
  content: "";
  animation: button-pulse 1.6s ease-out infinite 0.5s;
  position: absolute;
  border-radius: var(--border-radius-button);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-button-primary-bg-animation);
  z-index: -1;
  opacity: 0;
  transition: transform 0.5s linear;
}
.ui-button_secondary {
  position: relative;
  color: var(--color-button-secondary-txt);
  transition: 0.3s linear;
  background: var(--color-button-secondary-bg);
  box-shadow: var(--box-shadow-button-secondary);
}
.ui-button_secondary .ui-icon-svg {
  transition: 0.3s linear;
}
.ui-button_secondary .ui-icon:not(.ui-icon_force-current-color) .ui-icon-svg {
  color: var(--color-button-secondary-icon);
}
.ui-button_secondary.pu-championship__control_with-secondary-icon .ui-icon-svg {
  color: var(--color-button-secondary-txt);
}
.ui-button_secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  padding: 1px;
  -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
body.pu-old-scss .ui-button_secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  clip-path: polygon(0% 0%, 0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 0 calc(100% - 2px), 0 100%, 100% 100%, 100% 0%);
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 0 calc(100% - 2px), 0 100%, 100% 100%, 100% 0%);
}
.ui-button_secondary::before {
  padding: 1px;
  background: var(--color-button-secondary-strk);
}
.ui-button_secondary:disabled {
  background: var(--color-button-secondary-bg-disabled);
  box-shadow: none;
}
.ui-button_secondary:active,
.ui-button_secondary.ui-button_pressed {
  background: var(--color-button-secondary-bg-pressed);
  color: var(--color-button-secondary-txt-pressed);
  box-shadow: none;
}
.ui-button_secondary:active::before,
.ui-button_secondary.ui-button_pressed::before {
  background: var(--color-button-secondary-bg-pressed-border);
}
.ui-button_secondary:active .ui-icon:not(.ui-icon_force-current-color) .ui-icon-svg,
.ui-button_secondary.ui-button_pressed .ui-icon:not(.ui-icon_force-current-color) .ui-icon-svg {
  color: var(--color-button-secondary-icon-pressed);
}
.ui-button_secondary.ui-button_loading:after {
  background: var(--color-button-secondary-strk-spinner);
}
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover {
  background: var(--color-button-secondary-bg-hover);
  color: var(--color-button-secondary-txt-hover);
}
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover::before {
  background: var(--color-button-secondary-bg-hover-border);
}
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover .ui-icon:not(.ui-icon_force-current-color) .ui-icon-svg {
  color: var(--color-button-secondary-icon-hover);
}
@media (pointer: coarse) {
  .ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover {
    background: none;
    color: var(--color-button-secondary-txt);
  }
  .ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover::before {
    background: var(--color-button-secondary-strk);
  }
  .ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover .ui-icon:not(.ui-icon_force-current-color) .ui-icon-svg {
    color: var(--color-button-secondary-icon);
  }
}
.ui-button_tertiary,
.ui-button_tertiary-animation {
  position: relative;
  color: var(--color-button-tertiary-txt);
  box-shadow: var(--box-shadow-button-tertiary);
}
.ui-button_tertiary::before,
.ui-button_tertiary-animation::before {
  background: var(--color-button-tertiary-strk);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  padding: 1px;
  -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
body.pu-old-scss .ui-button_tertiary::before,
body.pu-old-scss .ui-button_tertiary-animation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
}
.ui-button_tertiary:disabled,
.ui-button_tertiary-animation:disabled {
  box-shadow: none;
}
.ui-button_tertiary:active,
.ui-button_tertiary.ui-button_pressed,
.ui-button_tertiary-animation:active,
.ui-button_tertiary-animation.ui-button_pressed {
  background: var(--color-button-tertiary-bg-pressed);
  color: var(--color-button-tertiary-txt-pressed);
  box-shadow: none;
}
.ui-button_tertiary:active::before,
.ui-button_tertiary.ui-button_pressed::before,
.ui-button_tertiary-animation:active::before,
.ui-button_tertiary-animation.ui-button_pressed::before {
  background: var(--color-button-tertiary-strk-pressed);
}
.ui-button_tertiary:active.ui-button_only-icon::before,
.ui-button_tertiary.ui-button_pressed.ui-button_only-icon::before,
.ui-button_tertiary-animation:active.ui-button_only-icon::before,
.ui-button_tertiary-animation.ui-button_pressed.ui-button_only-icon::before {
  background: var(--color-button-tertiary-strk-pressed-only-icon);
}
.ui-button_tertiary.ui-button_loading:after,
.ui-button_tertiary-animation.ui-button_loading:after {
  background-color: var(--color-button-tertiary-txt);
}
.ui-button_tertiary:not(.ui-button_pressed):not(:active):not(:disabled):hover,
.ui-button_tertiary-animation:not(.ui-button_pressed):not(:active):not(:disabled):hover {
  color: var(--color-button-tertiary-txt-hover);
}
.ui-button_tertiary:not(.ui-button_pressed):not(:active):not(:disabled):hover::before,
.ui-button_tertiary-animation:not(.ui-button_pressed):not(:active):not(:disabled):hover::before {
  background: var(--color-button-tertiary-strk-hover);
}
.ui-button_tertiary:not(.ui-button_pressed):not(:active):not(:disabled):hover.ui-button_only-icon::before,
.ui-button_tertiary-animation:not(.ui-button_pressed):not(:active):not(:disabled):hover.ui-button_only-icon::before {
  background: var(--color-button-tertiary-strk-hover-only-icon);
}
.ui-button_tertiary-animation {
  overflow: hidden;
}
.ui-button_tertiary-animation:not(.ui-button_tertiary-animation_pressed):not(.ui-button_tertiary-animation_prerender):not(:active):not(:disabled):after {
  content: "";
  position: absolute;
  height: 100%;
  width: 30%;
  animation: button-shine 1.5s ease-out infinite;
  transform: skew(-30deg) translateZ(0);
  background-image: var(--color-button-tertiary-animation-highlight);
}
.ui-button_tertiary-accent {
  position: relative;
  color: var(--color-button-tertiary-accent-txt);
  box-shadow: var(--box-shadow-button-tertiary-accent);
}
.ui-button_tertiary-accent::before {
  background: var(--color-button-tertiary-accent-strk);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  padding: 1px;
  -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
body.pu-old-scss .ui-button_tertiary-accent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
}
.ui-button_tertiary-accent:disabled {
  box-shadow: none;
}
.ui-button_tertiary-accent:active,
.ui-button_tertiary-accent.ui-button_pressed {
  background: var(--color-button-tertiary-accent-bg-pressed);
  color: var(--color-button-tertiary-accent-txt-pressed);
  box-shadow: none;
}
.ui-button_tertiary-accent:active::before,
.ui-button_tertiary-accent.ui-button_pressed::before {
  background: var(--color-button-tertiary-accent-strk-pressed);
}
.ui-button_tertiary-accent:active.ui-button_only-icon::before,
.ui-button_tertiary-accent.ui-button_pressed.ui-button_only-icon::before {
  background: var(--color-button-tertiary-accent-strk-pressed-only-icon);
}
.ui-button_tertiary-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover {
  color: var(--color-button-tertiary-accent-txt-hover);
}
.ui-button_tertiary-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover::before {
  background: var(--color-button-tertiary-accent-strk-hover);
}
.ui-button_tertiary-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover.ui-button_only-icon::before {
  background: var(--color-button-tertiary-accent-strk-hover-only-icon);
}
.ui-button_tertiary-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover.ui-button_loading:after {
  background-color: var(--color-button-tertiary-accent-txt-pressed);
}
.ui-button_chip {
  position: relative;
  color: var(--color-chip-txt-ic);
}
.ui-button_chip::before {
  background: var(--color-chip-strk);
  box-shadow: var(--box-shadow-chip);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  padding: 1px;
  -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
body.pu-old-scss .ui-button_chip::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
}
.ui-button_chip:disabled {
  box-shadow: none;
}
.ui-button_chip:active,
.ui-button_chip.ui-button_pressed {
  background: var(--color-chip-bg-pressed);
  color: var(--color-chip-txt-ic-pressed);
  box-shadow: none;
}
.ui-button_chip:active::before,
.ui-button_chip.ui-button_pressed::before {
  background: var(--color-chip-strk-pressed);
}
.ui-button_chip:not(.ui-button_pressed):not(:active):not(:disabled):hover {
  color: var(--color-chip-txt-ic-hover);
}
.ui-button_chip:not(.ui-button_pressed):not(:active):not(:disabled):hover::before {
  background: var(--color-chip-strk-hover);
}
.ui-button_chip-accent {
  position: relative;
  color: var(--color-chip-accent-txt-ic);
}
.ui-button_chip-accent::before {
  background: var(--color-chip-accent-strk);
  box-shadow: var(--box-shadow-chip-accent);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  padding: 1px;
  -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
body.pu-old-scss .ui-button_chip-accent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
}
.ui-button_chip-accent:disabled {
  box-shadow: none;
}
.ui-button_chip-accent:active,
.ui-button_chip-accent.ui-button_pressed {
  background: var(--color-chip-accent-bg-pressed);
  color: var(--color-chip-accent-txt-ic-pressed);
  box-shadow: none;
}
.ui-button_chip-accent:active::before,
.ui-button_chip-accent.ui-button_pressed::before {
  background: var(--color-chip-accent-strk-pressed);
}
.ui-button_chip-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover {
  color: var(--color-chip-accent-txt-ic-hover);
}
.ui-button_chip-accent:not(.ui-button_pressed):not(:active):not(:disabled):hover::before {
  background: var(--color-chip-accent-strk-hover);
}
.ui-button_quaternary {
  color: var(--color-button-link-txt);
  transition: font-size 0.2s ease-in-out;
}
.ui-button_quaternary:active,
.ui-button_quaternary.ui-button_pressed {
  color: var(--color-button-link-txt-pressed);
  text-decoration: none;
}
.ui-button_quaternary:active > span,
.ui-button_quaternary.ui-button_pressed > span {
  text-decoration: none;
}
.ui-button_quaternary .ui-icon + span {
  text-decoration: none;
  position: relative;
}
.ui-button_quaternary .ui-icon + span:after {
  transition: width 0.2s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: var(--width-button-link-underline);
  background: var(--color-button-link-txt);
}
.ui-button_quaternary.ui-button_loading:after {
  background-color: var(--color-button-link-txt);
}
.ui-button_quaternary:hover:not(.ui-button_pressed):not(:active) .ui-icon + span:after {
  width: 100%;
}
.ui-button_quaternary > span {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.ui-button_special-demo {
  background: var(--color-button-special-bg-2);
  color: var(--color-button-special-txt-2);
  border: 1px solid var(--color-button-special-strk-2);
  text-transform: uppercase;
  justify-content: center;
}
.ui-button_special-demo:active,
.ui-button_special-demo.ui-button_pressed {
  color: var(--color-button-special-txt-pressed-2);
  background: var(--color-button-special-bg-pressed-2);
}
.ui-button_special-demo:not(.ui-button_pressed):not(:active):not(:disabled):hover {
  background: var(--color-button-special-bg-hover-2);
}
.ui-button_special-demo-search {
  color: var(--color-button-special-txt-3);
  border: 1px solid var(--color-button-special-strk-3);
  text-transform: uppercase;
}
.ui-button_special-demo-search:active,
.ui-button_special-demo-search.ui-button_pressed {
  color: var(--color-button-special-txt-pressed-3);
  background: var(--color-button-special-bg-pressed-3);
}
.ui-button_special-go-top {
  position: relative;
  background-color: var(--color-button-special-bg-1);
  color: var(--color-button-special-txt-1);
  border-radius: var(--border-radius-button-go-top);
}
.ui-button_special-go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  padding: 1px;
  -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
body.pu-old-scss .ui-button_special-go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-radius-button);
  clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 1px 100%, 1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 0 calc(100% - 1px), 0 100%, 100% 100%, 100% 0%);
}
.ui-button_special-go-top::before {
  background: var(--color-button-special-strk-1);
  border-radius: var(--border-radius-button-go-top);
}
.ui-button_special-go-top:active,
.ui-button_special-go-top.ui-button_pressed {
  color: var(--color-button-special-txt-pressed-1);
  background: var(--color-button-special-bg-pressed-1);
}
.ui-button_special-go-top:active::before,
.ui-button_special-go-top.ui-button_pressed::before {
  background: var(--color-button-special-strk-pressed-1);
}
.ui-button_special-go-top:not(.ui-button_pressed):not(:active):not(:disabled):hover::before {
  background: var(--color-button-special-strk-hover-1);
}
.ui-button.ui-button_loading {
  position: relative;
  pointer-events: none;
  color: transparent;
}
.ui-button.ui-button_loading:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-mask: url(/assets/btn-spinner.svg) no-repeat center;
  mask: url(/assets/btn-spinner.svg) no-repeat center;
  -webkit-mask-size: auto 60%;
  mask-size: auto 60%;
}
.ui-button.ui-button_only-icon {
  justify-content: center;
}
.ui-button:disabled,
.ui-button_disabled {
  pointer-events: none;
  opacity: 0.3;
}
.ui-button_full-width {
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .ui-button.md\:ui-button_s {
    border-radius: var(--border-radius-button-s);
    padding: var(--padding-horizontal-button-s) var(--padding-vertical-button-s);
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s);
  }
  .ui-button.md\:ui-button_s .ui-icon + span {
    margin-left: 0.5rem;
  }
  .ui-button.md\:ui-button_s .ui-icon-svg.m {
    width: 12px;
    height: 12px;
  }
  .ui-button.md\:ui-button_s.ui-button_primary-animation::after {
    width: calc(100% + 24px);
    height: calc(100% + 24px);
  }
  .ui-button.md\:ui-button_s.ui-button_quaternary {
    padding: 0.5rem 0;
    font-weight: var(--font-weight-link-button);
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    font-size: var(--font-size-quaternary-button-s);
  }
}
@media (min-width: 768px) and (hover: hover) {
  .ui-button.md\:ui-button_s.ui-button_quaternary:not(:disabled):hover,
  .ui-button.md\:ui-button_s.ui-button_quaternary.ui-button_pressed,
  .ui-button.md\:ui-button_s.ui-button_quaternary:active {
    padding: 6px 0 0.5rem;
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media (min-width: 768px) {
  .ui-button.md\:ui-button_s.ui-button_only-icon {
    padding: 6px;
  }
  .ui-button.md\:ui-button_s.ui-button_only-icon .ui-icon-svg.m {
    width: 16px;
    height: 16px;
  }
  .ui-button.md\:ui-button_s.ui-button_only-icon {
  }
}
@media (min-width: 768px) and (hover: hover) {
  .ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:hover,
  .ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:active,
  .ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 4px;
  }
  .ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,
  .ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,
  .ui-button.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 768px) {
  .ui-button.md\:ui-button_s.ui-button_special-demo,
  .ui-button.md\:ui-button_s.ui-button_special-demo-search {
    padding: 7px 28px;
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    font-size: var(--font-size-special-demo-button-s);
  }
  .ui-button.md\:ui-button_s.ui-button_special-go-top {
    padding: 0.5rem;
  }
  .ui-button.md\:ui-button_s.ui-button_special-go-top:hover:not(:disabled),
  .ui-button.md\:ui-button_s.ui-button_special-go-top:active,
  .ui-button.md\:ui-button_s.ui-button_special-go-top.ui-button_pressed {
    padding-bottom: 18px;
  }
  .ui-button.md\:ui-button_s.ui-button_special-go-top .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .ui-button.md\:ui-button_m {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-m);
    line-height: var(--font-size-button-m);
    font-weight: var(--font-weight-button-m);
    padding-top: 0.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
  }
  .ui-button.md\:ui-button_m {
    border-radius: var(--border-radius-button);
    line-height: 24px;
  }
  .ui-button.md\:ui-button_m .ui-icon + span {
    margin-left: 0.5rem;
  }
  .ui-button.md\:ui-button_m .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
  .ui-button.md\:ui-button_m.ui-button_secondary {
    padding: 0.5rem 1rem;
  }
  .ui-button.md\:ui-button_m.ui-button_secondary .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .ui-button.md\:ui-button_m.ui-button_tertiary,
  .ui-button.md\:ui-button_m.ui-button_tertiary-accent,
  .ui-button.md\:ui-button_m.ui-button_tertiary-animation {
    padding: 0.5rem var(--button-tertiary-m-gap-horizontal, 1rem);
  }
  .ui-button.md\:ui-button_m.ui-button_tertiary,
  .ui-button.md\:ui-button_m.ui-button_tertiary-accent,
  .ui-button.md\:ui-button_m.ui-button_tertiary-animation {
    font-size: 14px;
    line-height: 24px;
    font-weight: var(--font-weight-button-m);
  }
  .ui-button.md\:ui-button_m.ui-button_tertiary .ui-icon-svg.m,
  .ui-button.md\:ui-button_m.ui-button_tertiary-accent .ui-icon-svg.m,
  .ui-button.md\:ui-button_m.ui-button_tertiary-animation .ui-icon-svg.m {
    width: var(--button-tertiary-m-icon-size);
    height: var(--button-tertiary-m-icon-size);
  }
  .ui-button.md\:ui-button_m.ui-button_quaternary {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
  .ui-button.md\:ui-button_m.ui-button_quaternary {
    padding: 0.5rem 0;
    line-height: 20px;
  }
  .ui-button.md\:ui-button_m.ui-button_quaternary {
  }
}
@media (min-width: 768px) and (hover: hover) {
  .ui-button.md\:ui-button_m.ui-button_quaternary:not(:disabled):hover,
  .ui-button.md\:ui-button_m.ui-button_quaternary:active,
  .ui-button.md\:ui-button_m.ui-button_quaternary.ui-button_pressed {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
  }
  .ui-button.md\:ui-button_m.ui-button_quaternary:not(:disabled):hover,
  .ui-button.md\:ui-button_m.ui-button_quaternary:active,
  .ui-button.md\:ui-button_m.ui-button_quaternary.ui-button_pressed {
    line-height: 20px;
    padding: 0.5rem 0;
    font-weight: var(--font-weight-link-button);
  }
}
@media (min-width: 768px) {
  .ui-button.md\:ui-button_m.ui-button_only-icon {
    padding: 0.5rem 0.5rem;
  }
  .ui-button.md\:ui-button_m.ui-button_only-icon .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
  .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary {
  }
}
@media (min-width: 768px) and (hover: hover) {
  .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,
  .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active,
  .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 6px;
  }
  .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,
  .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,
  .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 768px) {
  .ui-button.md\:ui-button_m.ui-button_only-icon.ui-button_text-hover:hover {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
  }
  .ui-button.md\:ui-button_m.ui-button_special-demo {
    padding: 0.75rem 44px;
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s);
  }
  .ui-button.md\:ui-button_l {
    padding: var(--padding-horizontal-button-l) var(--padding-vertical-button-l);
    border-radius: var(--border-radius-button);
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-l);
    line-height: var(--line-height-button-l);
    font-weight: var(--font-weight-button-l);
  }
  .ui-button.md\:ui-button_l .ui-icon + span {
    margin-left: 0.5rem;
  }
  .ui-button.md\:ui-button_l .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .ui-button.md\:ui-button_l.ui-button_secondary {
    padding: var(--button-secondary-l-padding);
  }
  .ui-button.md\:ui-button_l.ui-button_tertiary,
  .ui-button.md\:ui-button_l.ui-button_tertiary-accent,
  .ui-button.md\:ui-button_l.ui-button_tertiary-animation {
    padding: var(--button-tertiary-l-padding);
  }
  .ui-button.md\:ui-button_l.ui-button_quaternary {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-l);
    line-height: var(--line-height-button-l);
    font-weight: var(--font-weight-button-l);
  }
  .ui-button.md\:ui-button_l.ui-button_quaternary {
    padding: 0.5rem 0;
    line-height: 24px;
  }
  .ui-button.md\:ui-button_l.ui-button_quaternary {
  }
}
@media (min-width: 768px) and (hover: hover) {
  .ui-button.md\:ui-button_l.ui-button_quaternary:not(:disabled):hover,
  .ui-button.md\:ui-button_l.ui-button_quaternary:active,
  .ui-button.md\:ui-button_l.ui-button_quaternary.ui-button_pressed {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
  .ui-button.md\:ui-button_l.ui-button_quaternary:not(:disabled):hover,
  .ui-button.md\:ui-button_l.ui-button_quaternary:active,
  .ui-button.md\:ui-button_l.ui-button_quaternary.ui-button_pressed {
    line-height: 24px;
    padding: 0.5rem 0;
    font-weight: var(--font-weight-link-button);
  }
}
@media (min-width: 768px) {
  .ui-button.md\:ui-button_l.ui-button_only-icon {
    padding: 7px;
  }
  .ui-button.md\:ui-button_l.ui-button_only-icon .ui-icon-svg.m {
    width: 32px;
    height: 32px;
  }
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_tertiary,
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_tertiary-accent,
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_tertiary-animation {
    padding: 0.25rem;
  }
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
    padding: 0.5rem;
  }
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
  }
}
@media (min-width: 768px) and (hover: hover) {
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active,
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 4px;
  }
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,
  .ui-button.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 768px) {
  .ui-button.md\:ui-button_l.ui-button_special-demo {
    padding: 1rem 2rem;
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s);
  }
}
@media (min-width: 1280px) {
  .ui-button.xl\:ui-button_m {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-m);
    line-height: var(--font-size-button-m);
    font-weight: var(--font-weight-button-m);
    padding-top: 0.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
  }
  .ui-button.xl\:ui-button_m {
    border-radius: var(--border-radius-button);
    line-height: 24px;
  }
  .ui-button.xl\:ui-button_m .ui-icon + span {
    margin-left: 0.5rem;
  }
  .ui-button.xl\:ui-button_m .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
  .ui-button.xl\:ui-button_m.ui-button_secondary {
    padding: 0.5rem 1rem;
  }
  .ui-button.xl\:ui-button_m.ui-button_secondary .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .ui-button.xl\:ui-button_m.ui-button_tertiary,
  .ui-button.xl\:ui-button_m.ui-button_tertiary-accent,
  .ui-button.xl\:ui-button_m.ui-button_tertiary-animation {
    padding: 0.5rem var(--button-tertiary-m-gap-horizontal, 1rem);
  }
  .ui-button.xl\:ui-button_m.ui-button_tertiary,
  .ui-button.xl\:ui-button_m.ui-button_tertiary-accent,
  .ui-button.xl\:ui-button_m.ui-button_tertiary-animation {
    font-size: 14px;
    line-height: 24px;
    font-weight: var(--font-weight-button-m);
  }
  .ui-button.xl\:ui-button_m.ui-button_tertiary .ui-icon-svg.m,
  .ui-button.xl\:ui-button_m.ui-button_tertiary-accent .ui-icon-svg.m,
  .ui-button.xl\:ui-button_m.ui-button_tertiary-animation .ui-icon-svg.m {
    width: var(--button-tertiary-m-icon-size);
    height: var(--button-tertiary-m-icon-size);
  }
  .ui-button.xl\:ui-button_m.ui-button_quaternary {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
  .ui-button.xl\:ui-button_m.ui-button_quaternary {
    padding: 0.5rem 0;
    line-height: 20px;
  }
  .ui-button.xl\:ui-button_m.ui-button_quaternary {
  }
}
@media (min-width: 1280px) and (hover: hover) {
  .ui-button.xl\:ui-button_m.ui-button_quaternary:not(:disabled):hover,
  .ui-button.xl\:ui-button_m.ui-button_quaternary:active,
  .ui-button.xl\:ui-button_m.ui-button_quaternary.ui-button_pressed {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
  }
  .ui-button.xl\:ui-button_m.ui-button_quaternary:not(:disabled):hover,
  .ui-button.xl\:ui-button_m.ui-button_quaternary:active,
  .ui-button.xl\:ui-button_m.ui-button_quaternary.ui-button_pressed {
    line-height: 20px;
    padding: 0.5rem 0;
    font-weight: var(--font-weight-link-button);
  }
}
@media (min-width: 1280px) {
  .ui-button.xl\:ui-button_m.ui-button_only-icon {
    padding: 0.5rem 0.5rem;
  }
  .ui-button.xl\:ui-button_m.ui-button_only-icon .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
  .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary {
  }
}
@media (min-width: 1280px) and (hover: hover) {
  .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,
  .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active,
  .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 6px;
  }
  .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,
  .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,
  .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 1280px) {
  .ui-button.xl\:ui-button_m.ui-button_only-icon.ui-button_text-hover:hover {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
  }
  .ui-button.xl\:ui-button_m.ui-button_special-demo {
    padding: 0.75rem 44px;
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s);
  }
  .ui-button.xl\:ui-button_l {
    padding: var(--padding-horizontal-button-l) var(--padding-vertical-button-l);
    border-radius: var(--border-radius-button);
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-l);
    line-height: var(--line-height-button-l);
    font-weight: var(--font-weight-button-l);
  }
  .ui-button.xl\:ui-button_l .ui-icon + span {
    margin-left: 0.5rem;
  }
  .ui-button.xl\:ui-button_l .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .ui-button.xl\:ui-button_l.ui-button_secondary {
    padding: var(--button-secondary-l-padding);
  }
  .ui-button.xl\:ui-button_l.ui-button_tertiary,
  .ui-button.xl\:ui-button_l.ui-button_tertiary-accent,
  .ui-button.xl\:ui-button_l.ui-button_tertiary-animation {
    padding: var(--button-tertiary-l-padding);
  }
  .ui-button.xl\:ui-button_l.ui-button_quaternary {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-l);
    line-height: var(--line-height-button-l);
    font-weight: var(--font-weight-button-l);
  }
  .ui-button.xl\:ui-button_l.ui-button_quaternary {
    padding: 0.5rem 0;
    line-height: 24px;
  }
  .ui-button.xl\:ui-button_l.ui-button_quaternary {
  }
}
@media (min-width: 1280px) and (hover: hover) {
  .ui-button.xl\:ui-button_l.ui-button_quaternary:not(:disabled):hover,
  .ui-button.xl\:ui-button_l.ui-button_quaternary:active,
  .ui-button.xl\:ui-button_l.ui-button_quaternary.ui-button_pressed {
    font-family: var(--font-family-secondary), sans-serif;
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
  .ui-button.xl\:ui-button_l.ui-button_quaternary:not(:disabled):hover,
  .ui-button.xl\:ui-button_l.ui-button_quaternary:active,
  .ui-button.xl\:ui-button_l.ui-button_quaternary.ui-button_pressed {
    line-height: 24px;
    padding: 0.5rem 0;
    font-weight: var(--font-weight-link-button);
  }
}
@media (min-width: 1280px) {
  .ui-button.xl\:ui-button_l.ui-button_only-icon {
    padding: 7px;
  }
  .ui-button.xl\:ui-button_l.ui-button_only-icon .ui-icon-svg.m {
    width: 32px;
    height: 32px;
  }
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_tertiary,
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_tertiary-accent,
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_tertiary-animation {
    padding: 0.25rem;
  }
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
    padding: 0.5rem;
  }
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
  }
}
@media (min-width: 1280px) and (hover: hover) {
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active,
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 4px;
  }
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,
  .ui-button.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1280px) {
  .ui-button.xl\:ui-button_l.ui-button_special-demo {
    padding: 1rem 2rem;
    font-family: var(--font-family-secondary), sans-serif;
    font-size: var(--font-size-button-s);
    line-height: var(--line-height-button-s);
    font-weight: var(--font-weight-button-s);
  }
}
@keyframes button-shine {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}
@keyframes button-pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.7, 0.5);
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  34% {
    transform: translate(-50%, -50%) scale(1);
  }
  38% {
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.ui-menu-list-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.ui-menu-list-item > *,
.ui-menu-list-item > *:before,
.ui-menu-list-item > *:after {
  box-sizing: inherit;
}
.ui-menu-list-item {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
}
.ui-menu-list-item::-moz-focus-inner {
  border: 0;
}
.ui-menu-list-item {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.ui-menu-list-item {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--color-menu-text);
  border-radius: 0.25rem;
}
.ui-menu-list-item + .ui-menu-list-item {
  margin-top: 0.25rem;
}
@media (min-width: 1280px) {
  .ui-menu-list-item:hover {
    color: var(--color-menu-text-hover);
  }
  .ui-menu-list-item:hover > span {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
  }
  .ui-menu-list-item:hover object,
  .ui-menu-list-item:hover img {
    width: 28px;
    height: 28px;
  }
  .ui-menu-list-item:hover .ui-icon {
    color: var(--color-menu-icon-hover);
  }
  .ui-menu-list-item:hover .ui-icon-svg.m {
    width: 28px;
    height: 28px;
  }
  .ui-menu-list-item:hover .ui-icon object,
  .ui-menu-list-item:hover .ui-icon img {
    width: 28px;
    height: 28px;
    min-width: 28px;
  }
}
.ui-menu-list-item > span {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-menu-list-item > span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  text-align: left;
  margin: 0 0.25rem;
  width: auto;
  visibility: visible;
  transition: width 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out 0.2s;
}
.ui-menu-list-item__label {
  position: absolute;
  top: 0;
  left: 44px;
  padding: 0 0.25rem;
  color: var(--color-label-txt);
  border-radius: 2px;
  text-transform: uppercase;
  background-color: var(--color-menu-label-bg);
  display: flex;
  align-items: center;
  height: 10px;
  font-family: var(--font-family-secondary), sans-serif;
  font-size: 0.5rem;
  line-height: 0.5rem;
  font-weight: 500;
}
.ui-menu-list-item__label_centered {
  top: 50%;
  left: auto;
  right: 44px;
  transform: translateY(-50%);
}
.ui-menu-list-item .ui-icon {
  color: var(--color-menu-icon);
  height: 40px;
  width: 40px;
  min-width: 40px;
}
.ui-menu-list-item .ui-icon_hidden {
  display: none;
}
.ui-menu-list-item .ui-icon object,
.ui-menu-list-item .ui-icon img {
  height: 1.5rem;
  width: 1.5rem;
  min-width: 1.5rem;
}
.ui-menu-list-item_active,
.ui-menu-list-item_active:hover {
  color: var(--color-menu-text-active);
  background: var(--menu-list-item-active-bg);
  border-radius: var(--menu-list-item-border-radius);
}
.ui-menu-list-item_active .ui-icon,
.ui-menu-list-item_active:hover .ui-icon {
  color: var(--color-menu-icon-active);
}
.ui-menu-list-item_minified > span {
  width: 0;
  visibility: hidden;
}
.ui-menu-list.vertical .ui-menu-list-item_minified:hover {
  position: absolute;
  background: var(--color-menu-bg-hover-2);
  z-index: 2;
  border-radius: var(--menu-list-item-minified-hover-border-radius);
}
.ui-menu-list-item_live .ui-icon:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 0.5rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: var(--color-brand-primary);
  animation: live-flashing 2s ease-out infinite 0.3s;
}
.ui-menu-list-item_promotion:not(.ui-menu-list-item_active) {
  color: var(--color-brand-primary);
}
.ui-menu-list-item_promotion:not(.ui-menu-list-item_active) .ui-icon {
  color: var(--color-brand-primary);
}
.ui-menu-list-item_server .ui-icon img {
  filter: var(--color-menu-icon-filter);
}
.ui-menu-list.horizontal .ui-menu-list-item {
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
}
.ui-menu-list.horizontal .ui-menu-list-item + .ui-menu-list-item {
  margin-left: 1.5rem;
}
.ui-menu-list.horizontal .ui-menu-list-item > span {
  margin-right: 0;
}
.ui-menu-list.horizontal .ui-menu-list-item:hover > span {
  transform: scale(1.15) translateX(3px);
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.ui-menu-list.horizontal .ui-menu-list-item:hover .ui-menu-list-item__label {
  transform: scale(1.15) translateY(-2px);
}
body {
  font-family: var(--font-family-primary), sans-serif;
  font-size: 16px;
  padding-top: env(safe-area-inset-top);
}
body.pu-touch:not(.pu-android) {
  cursor: pointer;
}
@keyframes slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.pu-swiper-autosize .swiper-slide {
  width: auto;
}
.pu-swiper-equal-height .swiper-slide {
  height: auto;
}
.pu-swiper-centered .swiper-wrapper {
  justify-content: center;
  transform: translate3d(0px, 0, 0) !important;
}
.pu-swiper-centered .swiper-slide:last-child {
  margin-right: 0 !important;
}
.pu-swiper-autosize-full-width-slides .swiper-slide {
  width: 100%;
  flex-shrink: 1;
  padding: 0 0.25rem;
}
.pu-swiper-autosize-full-width-slides .swiper-slide_auto-width {
  width: auto;
}
.pu-swiper-autosize-full-width-slides .swiper-slide:first-child {
  padding-left: 0;
}
.pu-swiper-autosize-full-width-slides .swiper-slide:last-child {
  padding-right: 0;
}
.pu-swiper-partial-width-full-screen-pagination .swiper-pagination {
  width: calc(100vw - 0.5rem);
  justify-content: center;
}
.pu-swiper-partial-width-full-screen-pagination .swiper-pagination-bullet {
  height: 0.25rem;
  width: 1rem;
}
.pu-swiper-partial-width-full-screen-pagination .swiper-pagination-bullet-active {
  width: 4rem;
}
.pu-swiper-without-gaps .swiper-slide:first-child {
  margin-left: -0.5rem;
}
@media (min-width: 768px) {
  .pu-swiper-without-gaps .swiper-slide:first-child {
    margin-left: -0.75rem;
  }
}
.pu-swiper-without-gaps .swiper-slide:last-child {
  margin-right: -0.5rem;
}
@media (min-width: 768px) {
  .pu-swiper-without-gaps .swiper-slide:last-child {
    margin-right: -0.75rem;
  }
}
.pu-swiper-with-side-indentations .swiper-slide:first-child {
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .pu-swiper-with-side-indentations .swiper-slide:first-child {
    padding-left: 1.5rem;
  }
}
.pu-swiper-with-side-indentations .swiper-slide:last-child {
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .pu-swiper-with-side-indentations .swiper-slide:last-child {
    padding-right: 1.5rem;
  }
}
.pu-swiper-prerender .swiper-wrapper {
  flex-wrap: wrap;
}
.container {
  padding-top: 0rem;
  padding-right: 0.5rem;
  padding-bottom: 0rem;
  padding-left: 0.5rem;
}
@media (min-width: 768px) {
  .container {
    padding-top: 0rem;
    padding-right: 1rem;
    padding-bottom: 0rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1280px) {
  .container {
    padding-top: 0rem;
    padding-right: 1.5rem;
    padding-bottom: 0rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 768px) {
  .md\:container {
    padding-top: 0rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
    padding-left: 0.5rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .md\:container {
    padding-top: 0rem;
    padding-right: 1rem;
    padding-bottom: 0rem;
    padding-left: 1rem;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .md\:container {
    padding-top: 0rem;
    padding-right: 1.5rem;
    padding-bottom: 0rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:container {
    padding-top: 0rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
    padding-left: 0.5rem;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .xl\:container {
    padding-top: 0rem;
    padding-right: 1rem;
    padding-bottom: 0rem;
    padding-left: 1rem;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .xl\:container {
    padding-top: 0rem;
    padding-right: 1.5rem;
    padding-bottom: 0rem;
    padding-left: 1.5rem;
  }
}
.swiper-button-disabled,
.swiper-button-lock {
  display: none !important;
}
.swiper-pagination {
  position: absolute;
  z-index: 2;
  display: flex;
  bottom: 0.75rem;
  cursor: pointer;
}
.pu-grouped-elements-widget__items .swiper-pagination {
  bottom: 0.25rem;
}
.swiper-pagination-bullet {
  width: 0.75rem;
  height: 2px;
  background: var(--color-banner-pagination);
  opacity: 0.4;
  border-radius: 2px;
  margin-top: 0rem;
  margin-right: 0.125rem;
  margin-bottom: 0rem;
  margin-left: 0.125rem;
}
.swiper-pagination-bullet-active {
  width: 1.5rem;
  opacity: initial;
}
.search-highlight {
  color: var(--color-search-result-txt-highlight);
}
.search-highlight-alternative {
  color: var(--color-event-card-txt-icon-brand-secondary);
}
.ui-pincoins-cards-slider .swiper-slide,
.ui-pincoins-chips-slider .swiper-slide {
  width: auto;
}
.ui-promo-banner-carousel .swiper-slide {
  margin-right: 1.5rem;
}
a {
  color: var(--color-brand-secondary);
}
a.terms-conditions {
  cursor: pointer;
  text-decoration: none;
}
.grecaptcha-badge {
  visibility: hidden;
}
.pu-promo-ny__wrapper,
.pu-championship__wrapper {
  height: 100%;
}
.pu-promo-ny__slide,
.pu-championship__slide {
  position: relative;
  height: 100%;
}
.pu-promo-ny__slide_active-server,
.pu-championship__slide_active-server {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 2;
}
.pu-promo-ny__slide:not(.pu-promo-ny__slide_active, .pu-championship__slide_active),
.pu-championship__slide:not(.pu-promo-ny__slide_active, .pu-championship__slide_active) {
  pointer-events: none;
}
ngx-simplebar {
  height: 100%;
  overflow: auto;
}
ngx-simplebar .simplebar-track.simplebar-vertical {
  height: 100%;
  width: 0.5rem;
  background-color: var(--color-bg-3);
  border-radius: 0.25rem;
}
ngx-simplebar .simplebar-scrollbar {
  width: 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--color-brand-secondary);
}
ngx-simplebar .simplebar-scrollbar:before {
  content: none;
}
.ui-jackpot-odometer_gradient .odometer.odometer-theme-default {
  font-family: "Banner-Black", sans-serif;
}
.ui-jackpot-odometer_gradient .odometer-value,
.ui-jackpot-odometer_gradient .odometer-formatting-mark {
  background: var(--color-jackpots-txt-icon-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.jackpot-widget-mobile-variation-1 .odometer-value,
.jackpot-widget-mobile-variation-1 .odometer-formatting-mark,
.jackpot-widget-mobile-variation-1 .ui-jackpot-odometer__currency {
  -webkit-text-fill-color: var(--color-txt-icon-white);
}
.pu-multi-menu-tabset .swiper-wrapper {
  justify-content: space-between;
  padding: 0 1rem;
  box-sizing: border-box;
}
.default-content pre {
  font-family: monospace;
}
.default-content strong {
  font-weight: bolder;
}
.default-content em {
  font-style: italic;
}
.default-content video {
  max-width: 100%;
}
.default-content a {
  color: revert;
}
ft-drawer {
  margin: revert-layer;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-clip: content-box !important;
}
.pu-control {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.pu-control input:-webkit-autofill,
.pu-control input:-webkit-autofill:hover,
.pu-control input:-webkit-autofill:focus,
.pu-control input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--color-input-autofill-bg) inset !important;
  -webkit-text-fill-color: var(--color-input-txt-filled) !important;
}
.pu-control[disabled] {
  opacity: 0.3;
}
.pu-control[disabled] .pu-control__icon {
  cursor: initial;
  pointer-events: none;
}
.pu-control__edit-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75rem;
  cursor: pointer;
  color: var(--color-input-list-icon);
}
.pu-control__edit-icon:hover {
  color: var(--color-input-list-icon-hover);
}
.pu-control__edit-icon_view {
  pointer-events: none;
}
.pu-control__edit-icon_view:hover {
  color: var(--color-input-list-icon);
}
.pu-control__content {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: var(--input-border-radius);
}
.pu-control__content_left-aligned {
  flex-direction: row-reverse;
}
.pu-control__content_with-clear-action .pu-control__clear-btn {
  position: absolute;
  top: calc(50% + var(--input-icon-top-gap));
  right: 0.75rem;
  transform: translateY(-50%);
  margin-right: 0;
  cursor: pointer;
}
.pu-control__input {
  font-family: var(--font-family-primary), sans-serif;
  padding: var(--input-padding-top) var(--input-padding-horizontal) var(--input-padding-bottom);
  border: var(--input-border-width) solid transparent;
  border-radius: var(--input-border-radius);
  color: var(--color-input-txt-filled);
  background: transparent;
  margin-top: var(--input-margin-top);
  width: 100%;
  box-shadow: var(--box-shadow-input);
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  font-weight: 500;
}
.pu-control__input::placeholder {
  color: var(--color-input-txt-placeholder);
  font-weight: 400;
}
.pu-control__input:focus {
  outline: none;
}
.pu-control__input:focus + .pu-control__label {
  color: var(--color-input-txt-label);
  top: var(--input-label-top-position);
  left: 0.5rem;
  padding: 0 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .pu-control__input:focus + .pu-control__label {
    font-size: var(--font-size-input-label-md);
    line-height: var(--line-height-input-label-md);
  }
}
.pu-control__input:focus + .pu-control__label.pu-control__label_small {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
.pu-control__input:focus ~ .pu-control__textarea-grab {
  background: var(--color-input-border-focus);
}
.pu-control__input:focus ~ .pu-control__textarea-grab:after,
.pu-control__input:focus ~ .pu-control__textarea-grab:before {
  background: var(--color-input-border-focus);
}
.pu-control__input:read-only {
  pointer-events: none;
  box-shadow: none;
}
.pu-control__input:read-only ~ .pu-control__textarea-grab {
  background: var(--color-input-border-uneditable);
}
.pu-control__input:read-only ~ .pu-control__textarea-grab:after,
.pu-control__input:read-only ~ .pu-control__textarea-grab:before {
  background: var(--color-input-border-uneditable);
}
.pu-control__input_invalid {
  box-shadow: none;
}
.pu-control__input_invalid ~ .pu-control__textarea-grab,
.pu-control__input_invalid:focus ~ .pu-control__textarea-grab,
.pu-control__input_invalid.pu-control__input:read-only ~ .pu-control__textarea-grab {
  background: var(--color-additionals-danger);
}
.pu-control__input_invalid ~ .pu-control__textarea-grab:after,
.pu-control__input_invalid ~ .pu-control__textarea-grab:before,
.pu-control__input_invalid:focus ~ .pu-control__textarea-grab:after,
.pu-control__input_invalid:focus ~ .pu-control__textarea-grab:before,
.pu-control__input_invalid.pu-control__input:read-only ~ .pu-control__textarea-grab:after,
.pu-control__input_invalid.pu-control__input:read-only ~ .pu-control__textarea-grab:before {
  background: var(--color-additionals-danger);
}
.pu-control__input_invalid:focus + .pu-control__label,
.pu-control__input_invalid.pu-control__input:read-only + .pu-control__label {
  color: var(--color-additionals-danger);
}
.pu-control__input_padding {
  padding-right: var(--input-padding-right);
}
.pu-control__input_sum {
  padding: var(--input-sum-padding-top) var(--input-sum-padding-right) var(--input-sum-padding-bottom) var(--input-sum-padding-left);
  width: 100%;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
}
.pu-control__input_sum {
  font-size: var(--input-sum-font-size);
  line-height: var(--input-sum-line-height);
}
.pu-control__input_sum::placeholder {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.pu-control__input_sum::placeholder {
  font-weight: 400;
}
.pu-control__input_textarea {
  resize: vertical;
  min-height: var(--input-textarea-min-height);
}
.pu-control__input_textarea::-webkit-resizer {
  display: none;
}
.pu-control__input_right {
  padding-top: var(--input-right-padding-top);
  padding-bottom: var(--input-right-padding-bottom);
  text-align: right;
  padding-right: 7px;
}
.pu-control__input_right + .pu-control__label,
.pu-control__input_right:focus + .pu-control__label {
  top: var(--input-right-label-top-position);
}
.pu-control_promocode .pu-control__content {
  overflow: var(--promocode-form-input-content-overflow);
  background: var(--promocode-form-input-content-bg);
  border: var(--promocode-form-input-content-border);
  border-radius: var(--promocode-form-input-content-border-radius);
  box-shadow: var(--promocode-form-input-content-box-shadow);
}
.pu-control_promocode .pu-control__content:focus-within {
  border-color: var(--promocode-form-input-content-border-focus-color);
}
.pu-control_promocode .pu-control__content:has(.pu-control__input_invalid) {
  border-color: var(--color-additionals-danger);
  box-shadow: none;
}
.pu-control_promocode .pu-control__input {
  border-width: var(--promocode-form-input-field-border-width);
  box-shadow: var(--promocode-form-input-field-box-shadow);
}
.pu-control_promocode .pu-control__input_invalid::placeholder {
  color: var(--color-additionals-danger);
}
.pu-control_promocode .pu-control__label_invalid {
  color: var(--color-additionals-danger);
}
.pu-control__label {
  color: var(--color-input-txt-placeholder);
  position: absolute;
  transition: 0.1s linear;
  left: var(--input-padding-horizontal);
  top: var(--input-label-top);
  pointer-events: none;
  width: calc(100% - 1rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.pu-control__label_active {
  color: var(--color-input-txt-label);
  top: var(--input-label-top-position);
  left: 0.5rem;
  padding: 0 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .pu-control__label_active {
    font-size: var(--font-size-input-label-md);
    line-height: var(--line-height-input-label-md);
  }
}
.pu-control__label_active.pu-control__label_small {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
.pu-control__label_invalid:is(.pu-control__label_active) {
  color: var(--color-additionals-danger);
}
.pu-control__icon {
  position: absolute;
  right: 0.75rem;
  top: calc(50% + var(--input-icon-top-gap));
  transform: translateY(-50%);
  color: var(--color-input-txt-placeholder);
}
.pu-control__icon_tooltip {
  cursor: pointer;
}
.pu-control__currency {
  position: relative;
  top: var(--input-sum-currency-top-gap);
  padding-right: 15px;
  text-align: center;
  color: var(--color-input-currency-txt);
}
.pu-control__currency:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -11px;
  width: 1px;
  height: calc(100% + 4px);
  background: var(--color-input-sum-currency-divider);
  pointer-events: none;
}
.pu-control__currency_right:before {
  display: none;
}
.pu-control__currency_right {
  top: var(--input-right-currency-top-gap);
}
.pu-control__currency_left-aligned {
  top: var(--input-sum-currency-left-aligned-top-gap);
  padding-right: 0;
  padding-left: var(--input-sum-currency-left-aligned-padding-left);
  width: var(--input-sum-currency-left-aligned-width);
}
.pu-control__currency_left-aligned:before {
  display: var(--input-sum-currency-left-aligned-display-before);
  left: 40px;
}
.pu-control__hint {
  color: var(--color-input-hint-txt);
  position: absolute;
  bottom: -20px;
  padding-left: 0.75rem;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
.pu-control__hint:before {
  background: var(--color-input-hint-txt);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
}
.pu-control__hint_invalid {
  color: var(--color-additionals-danger);
}
.pu-control__hint_invalid:before {
  background: var(--color-additionals-danger);
}
.pu-control__hint_input {
  margin: 0.5rem 0;
  position: relative;
  bottom: 0;
}
.pu-control__hint_input:before {
  transform: none;
  top: 6px;
}
.pu-control__clear-btn {
  color: var(--color-input-txt-placeholder);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.pu-control__clear-btn > *,
.pu-control__clear-btn > *:before,
.pu-control__clear-btn > *:after {
  box-sizing: inherit;
}
.pu-control__clear-btn {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
}
.pu-control__clear-btn::-moz-focus-inner {
  border: 0;
}
.pu-control__textarea-grab {
  position: absolute;
  bottom: 10px;
  right: 1px;
  height: 1px;
  width: 19px;
  border-radius: 2px;
  transform:
    matrix(
      -0.71, 0.7,
      -0.71, -0.71,
      0, 0);
  background: var(--color-input-border-active);
  pointer-events: none;
}
.pu-control__textarea-grab:before,
.pu-control__textarea-grab:after {
  content: "";
  position: absolute;
  height: 1px;
  border-radius: 2px;
  background: var(--color-input-border-active);
}
.pu-control__textarea-grab:before {
  left: 3px;
  top: -3px;
  width: 13px;
}
.pu-control__textarea-grab:after {
  left: 6px;
  top: -6px;
  width: 7px;
}
.pu-control__textarea-grab_invalid {
  background: var(--color-additionals-danger);
}
.pu-control__textarea-grab_invalid:after,
.pu-control__textarea-grab_invalid:before {
  background: var(--color-additionals-danger);
}
.odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
}
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s;
  transform: translateY(0);
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
  text-align: center;
}
.odometer.odometer-theme-default {
  line-height: inherit;
  font-family: inherit;
}
.odometer.odometer-theme-default .odometer-digit {
  vertical-align: baseline;
}
.odometer.odometer-theme-default,
.odometer-digit,
.odometer-inside {
  height: 100%;
}
:not(.default-scrollbar)::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}
:not(.default-scrollbar)::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-4);
  border-radius: 0.5rem;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-BDCXCOWC.css.map */