.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;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: #00000052;
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.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;
}
/* roboto-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v49-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v49-cyrillic_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/roboto-v49-cyrillic_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v49-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/roboto-v49-cyrillic_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/roboto-v49-cyrillic_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: swiper-icons;
  src: url("") format("woff");
  font-weight: 400;
  font-style: normal;
}
: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: translateZ(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-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center 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 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, #00000080, #0000);
}
.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;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.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(0);
  }
  to {
    transform: rotate(360deg);
  }
}
:root,
:root.dark-theme {
  --color-brand-primary: #ff2400;
  --color-brand-secondary: #04cfaa;
  --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-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(13, 16, 22, 0.2),
      rgba(13, 16, 22, 0.2)
    ),
    #ff2400;
  --color-button-primary-txt: #ffffff;
  --color-button-primary-txt-pressed: #c2c4c9;
  --color-button-secondary-strk: #ff2400;
  --color-button-secondary-bg-hover: #ff2400;
  --color-button-secondary-bg-pressed: linear-gradient(
      0deg,
      rgba(13, 16, 22, 0.2),
      rgba(13, 16, 22, 0.2)
    ),
    #ff2400;
  --color-button-secondary-txt: #d2eeed;
  --color-button-secondary-txt-hover: #ffffff;
  --color-button-secondary-txt-pressed: #c2c4c9;
  --color-button-secondary-icon: #ff2400;
  --color-button-secondary-icon-hover: #ffffff;
  --color-button-secondary-icon-pressed: #c2c4c9;
  --color-button-tertiary-strk: #2a4241;
  --color-button-tertiary-strk-hover: linear-gradient(
    163deg,
    #00cfa6 0%,
    #444852 59.09%
  );
  --color-button-tertiary-strk-before: linear-gradient(
    163deg,
    #00cfa6 0%,
    #444852 59.09%
  );
  --color-button-tertiary-strk-pressed: linear-gradient(
    136.34deg,
    #00cfa6 0%,
    rgba(0, 207, 166, 0.3) 59.09%
  );
  --color-button-tertiary-strk-hover-only-icon: linear-gradient(
    136.34deg,
    #00cfa6 0%,
    #444852 59.09%
  );
  --color-button-tertiary-strk-pressed-only-icon: linear-gradient(
    136.34deg,
    #00cfa6 0%,
    #444852 59.09%
  );
  --color-button-tertiary-bg-pressed: linear-gradient(
    95.29deg,
    rgba(0, 207, 166, 0.2) 0%,
    rgba(0, 207, 166, 0) 100%
  );
  --color-button-tertiary-txt: #3b6f6d;
  --color-button-tertiary-txt-hover: #c2c4c9;
  --color-button-tertiary-txt-pressed: #c2c4c9;
  --color-button-tertiary-accent-strk: #444852;
  --color-button-tertiary-accent-strk-hover: linear-gradient(
    163deg,
    rgba(255, 199, 0, 1) 0%,
    rgba(255, 199, 0, 0.3) 59.09%
  );
  --color-button-tertiary-accent-strk-hover-2: linear-gradient(
    136deg,
    #ffc700 0%,
    #444852 59.09%
  );
  --color-button-tertiary-accent-strk-pressed: linear-gradient(
    163deg,
    rgba(255, 199, 0, 1) 0%,
    rgba(255, 199, 0, 0.3) 59.09%
  );
  --color-button-tertiary-accent-strk-pressed-2: linear-gradient(
    136deg,
    #ffc700 0%,
    rgba(255, 199, 0, 0.3) 59.09%
  );
  --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: linear-gradient(
    95.29deg,
    rgba(255, 199, 0, 0.2) 0%,
    rgba(255, 199, 0, 0) 100%
  );
  --color-button-tertiary-accent-txt: #80858f;
  --color-button-tertiary-accent-txt-hover: #c2c4c9;
  --color-button-tertiary-accent-txt-pressed: #ffffff;
  --color-button-link-txt: #3b6f6d;
  --color-button-link-txt-pressed: #444852;
  --color-button-special-bg-1: rgba(13, 16, 22, 0.85);
  --color-button-special-bg-pressed-1: #0d1016;
  --color-button-special-txt-1: #80858f;
  --color-button-special-txt-pressed-1: #444852;
  --color-button-special-strk-1: linear-gradient(
    180deg,
    #80858f 0%,
    rgba(13, 16, 22, 0) 92.5%
  );
  --color-button-special-strk-hover-1: linear-gradient(
    180.03deg,
    #00cfa6 0.03%,
    rgba(13, 16, 22, 0) 99.98%
  );
  --color-button-special-strk-pressed-1: linear-gradient(
    180.03deg,
    #00cfa6 0.03%,
    rgba(13, 16, 22, 0) 99.98%
  );
  --color-button-special-bg-2: transparent;
  --color-button-special-bg-hover-2: rgba(13, 16, 22, 0.25);
  --color-button-special-bg-pressed-2: rgba(13, 16, 22, 0.4);
  --color-button-special-txt-2: #ffffff;
  --color-button-special-txt-pressed-2: #c2c4c9;
  --color-button-special-strk-2: #ffffff;
  --color-button-special-txt-3: #ffffff;
  --color-button-special-txt-pressed-3: #c2c4c9;
  --color-button-special-strk-3: #ffffff;
  --color-button-special-bg-pressed-3: rgba(13, 16, 22, 0.4);
  --color-bg-1: #00100e;
  --color-bg-2: #031717;
  --color-bg-3: #021f1e;
  --color-bg-4: #032423;
  --color-bg-5: #80858f;
  --color-bg-6: #a7aab1;
  --color-bg-7: #c2c4c9;
  --color-bg-8: #ffffff;
  --shadow-welcome-banner: 0px 0px 10px rgba(0, 0, 0, 0.3);
  --shadow-lang-dropdown: 0px 4px 8px rgba(0, 0, 0, 0.4);
  --shadow-lang-icon: none;
  --shadow-navbar-tabs: 0px -4px 10px rgba(0, 0, 0, 0.4);
  --shadow-balance-details: 0px 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-control-tooltip: 0px 4px 8px rgba(0, 0, 0, 0.4);
  --shadow-control-dropdown: 0px 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-news-cta-button: 0px -4px 10px rgba(0, 0, 0, 0.4);
  --shadow-game-frame: 0px 0px 16px rgba(0, 0, 0, 0.8);
  --shadow-profile-tooltip: 0px 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-tooltip: 0px 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-balance-filters-footer: 0px -4px 10px rgba(0, 0, 0, 0.4);
  --shadow-calendar-dropdown: 0px 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-select-list-option: 0px 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-fd-bonus: 0px 0px 16px rgba(0, 0, 0, 0.8);
  --shadow-login: 0px 4px 4px rgba(0, 0, 0, 0.6);
  --shadow-rules-details: 0px 4px 8px rgba(0, 0, 0, 0.4);
  --shadow-championship-nav: 3px 0px 6px rgba(0, 0, 0, 0.4);
  --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);
  --color-txt-icon-1: #d2eeed;
  --color-txt-icon-2: #c2c4c9;
  --color-txt-icon-3: #3b6f6d;
  --color-txt-icon-4: #2a4241;
  --color-txt-icon-5: #0d1016;
  --color-txt-icon-banner-1: #ffffff;
  --color-txt-icon-white: #ffffff;
  --gradient-menu-divider: linear-gradient(
    90deg,
    rgba(0, 207, 166, 0) 0%,
    rgba(0, 207, 166, 0.35) 27.6%,
    rgba(0, 207, 166, 0.7) 52.62%,
    rgba(0, 207, 166, 0.35) 74.48%,
    rgba(0, 207, 166, 0) 100%
  );
  --gradient-menu-divider-2: linear-gradient(
    90deg,
    rgba(0, 207, 166, 0) 0%,
    rgba(0, 207, 166, 0.35) 27.6%,
    rgba(0, 207, 166, 0.7) 52.62%,
    rgba(0, 207, 166, 0.35) 74.48%,
    rgba(0, 207, 166, 0) 100%
  );
  --gradient-hover: #00cfa6 0%, rgba(13, 16, 22, 0.2) 59.09%;
  --gradient-divider-horiz: 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-divider-vert: linear-gradient(
    0deg,
    rgba(30, 35, 46, 0) 0.01%,
    rgba(128, 133, 143, 0.252417) 27.61%,
    rgba(128, 133, 143, 0.5) 52.62%,
    rgba(128, 133, 143, 0.291283) 74.48%,
    rgba(13, 16, 22, 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: transparent;
  --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(128, 133, 143, 0) 17.94%,
    #80858f 40.59%,
    rgba(128, 133, 143, 0) 63.66%
  );
  --gradient-scroll-shadow: linear-gradient(
    180deg,
    rgba(13, 16, 22, 0) 0%,
    #0d1016 81.82%
  );
  --gradient-scroll-shadow-2: linear-gradient(
    180deg,
    rgba(13, 16, 22, 0) 0%,
    #0d1016 81.82%
  );
  --gradient-horiz-tab-scroll: linear-gradient(
    270deg,
    #0d1016 0%,
    rgba(13, 16, 22, 0) 86.76%
  );
  --gradient-horiz-tab-scroll-2: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 14.01%,
    #ffffff 86.76%
  );
  --gradient-horiz-tab-scroll-padding-24: linear-gradient(
    270deg,
    #0d1016 28.47%,
    rgba(255, 255, 255, 0) 86.76%
  );
  --gradient-horiz-tab-scroll-rotate: linear-gradient(
    90deg,
    #0d1016 0%,
    rgba(13, 16, 22, 0) 86.76%
  );
  --gradient-horiz-tab-scroll-padding-24-rotate: linear-gradient(
    90deg,
    #0d1016 28.47%,
    rgba(255, 255, 255, 0) 86.76%
  );
  --gradient-progressbar: linear-gradient(
    90deg,
    #ffc700 79.95%,
    rgba(255, 199, 0, 0) 100%
  );
  --gradient-progressbar-2: linear-gradient(
    90deg,
    #00cfa6 79.95%,
    rgba(0, 207, 166, 0) 100%
  );
  --gradient-progressbar-3: linear-gradient(
    90deg,
    #ff2400 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(13, 16, 22, 0) 0%,
    #0d1016 100%
  );
  --gradient-sidebar-bottom-down-2: linear-gradient(
    180deg,
    #858585 0%,
    rgba(13, 16, 22, 0) 100%
  );
  --gradient-sb-pt-left: linear-gradient(
    90deg,
    rgba(13, 16, 22, 0) 0%,
    #80858f 100%
  );
  --gradient-sb-pt-right: linear-gradient(
    90.05deg,
    #00cfa6 0.04%,
    rgba(13, 16, 22, 0) 99.96%
  );
  --gradient-bottom-bar: linear-gradient(
    180deg,
    rgba(13, 16, 22, 0) 0%,
    #0d1016 64.77%
  );
  --gradient-bottom-bar-2: linear-gradient(
    180deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0) 64.77%
  );
  --gradient-corner-shadow-small: linear-gradient(
    128.83deg,
    #0d1016 0%,
    rgba(13, 16, 22, 0) 23.69%
  );
  --gradient-corner-shadow-big: linear-gradient(
    120.62deg,
    #0d1016 0%,
    rgba(13, 16, 22, 0) 39.74%
  );
  --gradients-graphics-mobile-cards: linear-gradient(
      360deg,
      #021a18 0%,
      rgba(2, 26, 24, 0.81) 33.56%,
      rgba(2, 26, 24, 0) 100%
    ),
    linear-gradient(
      360deg,
      rgba(2, 26, 24, 0.3) 0%,
      rgba(2, 26, 24, 0.243) 33.56%,
      rgba(2, 26, 24, 0) 100%
    );
  --gradients-graphics-mobile-page: linear-gradient(
      0deg,
      #021f1e 0%,
      #ffffff 0%,
      #0d1016 0%,
      rgba(2, 31, 30, 0.81) 33.56%,
      rgba(2, 31, 30, 0) 100%
    ),
    linear-gradient(
      0deg,
      rgba(2, 31, 30, 0.3) 0%,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(13, 16, 22, 0.3) 0%,
      rgba(2, 31, 30, 0.243) 33.56%,
      rgba(2, 31, 30, 0) 100%
    );
  --gradients-graphics-desktop-cards: linear-gradient(
      0deg,
      #031717 0%,
      rgba(3, 23, 23, 0.81) 22.77%,
      rgba(2, 31, 30, 0) 67.86%
    ),
    linear-gradient(
      0deg,
      rgba(3, 23, 23, 0.3) 0%,
      rgba(3, 23, 23, 0.243) 22.77%,
      rgba(3, 23, 23, 0) 67.86%
    );
  --gradients-tournaments-sidebar-picture: linear-gradient(
    180deg,
    rgba(13, 16, 22, 0) 0%,
    #0d1016 100%
  );
  --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%,
    #232834 46.15%,
    rgba(27, 31, 40, 0) 100%
  );
  --gradients-label-new: linear-gradient(
    135deg,
    #ffc700 0%,
    rgba(13, 16, 22, 0.2) 54%
  );
  --gradients-label-exclusive: linear-gradient(
    136deg,
    #fff 0%,
    rgba(13, 16, 22, 0.2) 57.1%
  );
  --gradients-bm-t-bar-highlighting: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #fff 50.52%,
    rgba(255, 255, 255, 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%);
  --color-menu-icon: #3b6f6d;
  --color-menu-icon-hover: #ffffff;
  --color-menu-icon-active: #ff2400;
  --color-menu-icon-secondary: #d2eeed;
  --color-menu-icon-indicator: #00cfa6;
  --color-menu-text: #d2eeed;
  --color-menu-text-hover: #ffffff;
  --color-menu-text-active: #ffffff;
  --color-menu-text-active-2: #ffffff;
  --color-menu-bg: #031717;
  --color-menu-bg-2: #13171f;
  --color-menu-bg-hover: #021f1e;
  --color-menu-bg-hover-2: #0d1016;
  --color-menu-bg-line: #1b1f28;
  --color-menu-bg-gradient: linear-gradient(
    90deg,
    #1b1f28 0%,
    rgba(27, 31, 40, 0) 100%
  );
  --color-menu-bg-gradient-2: linear-gradient(
    84.68deg,
    rgba(0, 207, 166, 0.1) 3.75%,
    rgba(0, 207, 166, 0) 95.24%
  );
  --shadow-menu-hover: 0px 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-menu-hover-2: 0px 1px 3px rgba(0, 0, 0, 0.5);
  --color-sidebar-icon: #00cfa6;
  --color-sidebar-icon-hover: #00cfa6;
  --color-sidebar-icon-2: #80858f;
  --color-sidebar-icon-hover-2: #80858f;
  --color-sidebar-bg: #00100e;
  --color-sidebar-bg-secondary: #0d1016;
  --shadow-sidebar-scrolling-bottom: linear-gradient(
    180deg,
    rgba(13, 16, 22, 0) 0%,
    #0d1016 100%
  );
  --color-sidebar-line: #1b1f28;
  --shadow-sidebar-pulling-tag: 3px 0px 6px rgba(0, 0, 0, 0.4);
  --shadow-sidebar-pulling-tag-2: 3px 0px 6px rgba(0, 0, 0, 0.4);
  --color-headers-bg: #00100e;
  --shadow-headers: 0px 4px 10px rgba(0, 0, 0, 0.4);
  --color-headers-bg-secondary: #031717;
  --color-headers-bg-tertiary: #021f1e;
  --color-headers-bg-quaternary: #032423;
  --color-headers-bg-grad: linear-gradient(
    270deg,
    #13171f 0%,
    rgba(19, 23, 31, 0) 86.76%
  );
  --color-headers-bg-grad-2: linear-gradient(
    270deg,
    #0d1016 0%,
    rgba(13, 16, 22, 0) 86.76%
  );
  --color-headers-bg-grad-3: linear-gradient(
    270deg,
    #0d1016 0%,
    rgba(13, 16, 22, 0) 86.76%
  );
  --color-headers-bg-line: #232834;
  --color-headers-txt-icon: #ffffff;
  --color-headers-txt-icon-secondary: #80858f;
  --color-headers-txt-icon-tertiary: #444852;
  --color-headers-txt-icon-accent: #ffffff;
  --color-footer-txt-1: #d2eeed;
  --color-footer-txt-2: #80858f;
  --color-footer-txt-3: #2a4241;
  --color-breadcrumbs-txt-icon: #444852;
  --color-breadcrumbs-txt-icon-hover: #ffffff;
  --color-tabs-icon: #2a4241;
  --color-tabs-icon-hover: #ffffff;
  --color-tabs-icon-active: #ff2400;
  --color-tabs-bg: #0d1016;
  --color-tabs-bg-gradient-left: linear-gradient(
    135deg,
    rgba(0, 207, 166, 0.2) 0%,
    rgba(0, 207, 166, 0) 100%
  );
  --color-tabs-bg-gradient-right: linear-gradient(
    225deg,
    rgba(0, 207, 166, 0.2) 0%,
    rgba(0, 207, 166, 0) 100%
  );
  --color-tabs-txt: #2a4241;
  --color-tabs-txt-active-1: #d2eeed;
  --color-tabs-txt-hover-1: #ffffff;
  --color-tabs-txt-active-2: #b4dcda;
  --color-tabs-tag-txt: #ffc700;
  --color-tabs-txt-active-3: #ffffff;
  --color-tabs-strk: #444852;
  --color-tabs-strk-gradient-left: linear-gradient(
    135deg,
    #00cfa6 0%,
    #444852 100%
  );
  --color-tabs-strk-gradient-right: linear-gradient(
    225deg,
    #00cfa6 0%,
    #444852 100%
  );
  --color-navbar-icon: #2a4241;
  --color-navbar-icon-active: #ffffff;
  --color-navbar-bg: #0d1016;
  --color-navbar-txt: #2a4241;
  --color-navbar-txt-active: #ffffff;
  --color-navbar-tag-txt: #ffc700;
  --color-filters-sorting-icon: #2a4241;
  --color-filters-sorting-icon-hover: #027860;
  --color-filters-sorting-icon-active: #ffffff;
  --color-filters-sorting-bg: #021f1e;
  --color-filters-sorting-bg-active: #031717;
  --color-filters-sorting-txt-active: #ffffff;
  --color-filters-sorting-txt: #2a4241;
  --color-filters-search-icon-1: #2a4241;
  --color-filters-search-icon-2: #027860;
  --color-filters-search-bg: #021f1e;
  --color-filters-search-txt-placeholder: #2a4241;
  --color-filters-search-txt-filling: #ffffff;
  --shadow-filters-sorting-label: 0px 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-filters-sorting-list: 0px 4px 8px rgba(0, 0, 0, 0.4);
  --color-providers-bg: linear-gradient(
      291.37deg,
      rgba(13, 16, 22, 0.5) 0%,
      rgba(13, 16, 22, 0) 36.07%
    ),
    #021f1e;
  --color-providers-bg-hover: #031717;
  --color-providers-bg-active: #2a4241;
  --color-providers-hover-light: rgba(255, 255, 255, 0.05);
  --color-providers-txt-title: #ffffff;
  --color-providers-tag-txt: #ffc700;
  --color-providers-tag-highlight: linear-gradient(
    135.14deg,
    #ffc700 0%,
    rgba(13, 16, 22, 0.2) 54%
  );
  --shadow-provider-card: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --color-search-result-txt-title: #80858f;
  --color-search-result-txt-placeholder: #ffffff;
  --color-search-result-txt-name: #ffffff;
  --color-search-result-txt-highlight: #00cfa6;
  --color-search-result-darker-mob: rgba(13, 16, 22, 0.9);
  --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: #c2c4c9;
  --color-label-game-empty-star: #ffffff;
  --color-label-game-darker: rgba(13, 16, 22, 0.7);
  --color-label-winner-bg: rgba(0, 16, 14, 0.95);
  --color-label-winner-bg-hover: #00100e;
  --shadow-label-winner-bg-hover: 0px 0px 8px rgba(0, 0, 0, 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);
  --filter-color-tabs-icon: brightness(0) saturate(100%) invert(60%) sepia(3%)
    saturate(1090%) hue-rotate(182deg) brightness(87%) contrast(88%);
  --filter-color-tabs-icon-hover: brightness(0) saturate(100%) invert(100%)
    sepia(100%) saturate(1%) hue-rotate(343deg) brightness(102%) contrast(101%);
  --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%);
  --color-toggle-bg: #80858f;
  --color-toggle-bg-2: #444852;
  --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: transparent;
  --color-checkbox-bg-active: #00cfa6;
  --color-checkbox-strk: #444852;
  --color-checkbox-strk-2: #444852;
  --color-checkbox-txt: #2a4241;
  --color-checkbox-point: #ffffff;
  --border-checkbox: 1px solid var(--color-checkbox-strk);
  --border-checkbox-2: 1px solid var(--color-checkbox-strk-2);
  --shadow-checkbox: inset -1px 1px 2px rgba(13, 16, 22, 0.4);
  --shadow-checkbox-icon: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.18));
  --shadow-checkbox-active: inset 1px 1px 2px rgba(13, 16, 22, 0.4);
  --color-radiobutton-bg: transparent;
  --color-radiobutton-bg-2: #1b1f28;
  --color-radiobutton-bg-active: #00cfa6;
  --color-radiobutton-strk: #444852;
  --color-radiobutton-strk-2: linear-gradient(
    180deg,
    rgba(0, 207, 166, 1) 0%,
    rgba(0, 207, 166, 0.3) 100%
  );
  --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;
  --color-radiobutton-circle-strk-2: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.2) 100%
  );
  --shadow-radiobutton-circle-strk: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --radiobutton-border-width: 1px;
  --color-stepper-strk: #444852;
  --color-stepper-bg: transparent;
  --color-stepper-bg-active: #00cfa6;
  --color-stepper-txt: #80858f;
  --color-stepper-txt-active: #c2c4c9;
  --color-stepper-txt-point: #ffffff;
  --shadow-stepper-txt-point: 0px 0px 4px rgba(0, 0, 0, 0.2);
  --shadow-controls-inner-right: -1px 1px 2px 0px #0d101666 inset;
  --shadow-controls-inner-left: 1px 1px 2px 0px #0d101666 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-border-active: #3b6f6d;
  --color-input-border-focus: #04cfaa;
  --color-input-border-uneditable: #303b39;
  --color-input-bg-label-1: #0d1016;
  --color-input-bg-label-2: #13171f;
  --color-input-bg-label-3: #0d1016;
  --color-input-bg-label-4: #1b1f28;
  --color-input-txt-label: #3b6f6d;
  --color-input-txt-label-focus: #c2c4c9;
  --color-input-txt-placeholder: #2a4241;
  --color-input-txt-filled: #d2eeed;
  --color-input-hint-txt: #2a4241;
  --color-input-hint-icon: #00cfa6;
  --color-input-hint-bg: #13171f;
  --color-input-list-bg: #021f1e;
  --color-input-list-bg-hover: #031717;
  --color-input-list-bg-active: #031717;
  --color-input-list-txt: #80858f;
  --color-input-list-txt-hover: #80858f;
  --color-input-list-txt-active: #ffffff;
  --color-input-list-icon: #444852;
  --color-input-list-icon-hover: #80858f;
  --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);
  --color-cashbox-switch-bg: #2a4241;
  --color-cashbox-switch-ic-passive: #3b6f6d;
  --color-cashbox-switch-ic-active: #ffffff;
  --color-cashbox-cardholder-bg-1: #031717;
  --color-cashbox-cardholder-bg-2: #0d1016;
  --color-cashbox-cardholder-bg-3: #232834;
  --color-cashbox-payment-bg-default: #021f1e;
  --color-cashbox-payment-bg-selected: linear-gradient(
    95.29deg,
    rgba(0, 207, 166, 0.2) 0%,
    rgba(0, 207, 166, 0) 100%
  );
  --color-cashbox-payment-gradient: linear-gradient(
    142deg,
    #00cfa6 0%,
    #444852 59.09%
  );
  --color-cashbox-payment-gradient-row: linear-gradient(
    171deg,
    #00cfa6 0%,
    #444852 59.09%
  );
  --color-cashbox-conclusion-status-bg-1: #031717;
  --color-cashbox-conclusion-status-bg-2: #021f1e;
  --color-cashbox-conclusion-status-txt-1: #80858f;
  --color-cashbox-conclusion-status-txt-2: #ffffff;
  --color-cashbox-conclusion-status-txt-3: #9d9b9b;
  --color-cashbox-comment-line: #1b1f28;
  --color-cashbox-header-bg-1: #031717;
  --color-cashbox-header-bg-2: #232834;
  --color-cashbox-header-txt-1: #ffffff;
  --color-cashbox-header-txt-2: #80858f;
  --color-cashbox-related-method-bg: #232834;
  --color-cashbox-related-method-stroke: transparent;
  --color-cashbox-related-method-txt: #ffffff;
  --color-cashbox-related-method-txt-secondary: #80858f;
  --color-cashbox-tabs-cdk-bg-1: #031717;
  --color-cashbox-tabs-cdk-bg-2: #232834;
  --color-cashbox-bg-1: #0d1016;
  --color-cashbox-bg-2: #031717;
  --shadow-front-card: 0px 0px 8px rgba(0, 0, 0, 0.5);
  --color-cashbox-tech-works-description-txt: #c2c4c9;
  --color-cashbox-tech-works-support-txt: #c2c4c9;
  --color-pop-up-bg-header: #032423;
  --color-pop-up-bg-body: #021f1e;
  --color-pop-up-line: #031717;
  --color-pop-up-bg-toast: #021f1e;
  --color-pop-up-txt-header: #ffffff;
  --color-pop-up-txt-body: #c2c4c9;
  --color-pop-up-txt-currency-counter: #ffc700;
  --color-pop-up-ic-close: #3b6f6d;
  --color-pop-up-overlay-darken: rgba(13, 16, 22, 0.7);
  --color-pop-up-bg-gradient: linear-gradient(
    270deg,
    #1b1f28 0%,
    rgba(27, 31, 40, 0) 86.76%
  );
  --pincoins-exchange-bg: url("exchange-bg_dark.svg");
  --gift-box-bg: url("gift-box-bg_dark.jpg");
  --gift-box-bg-webp: url("gift-box-bg_dark.webp");
  --gift-box-widget-bg: url("widget-box-bg_dark.svg");
  --gift-box-card-bg-mobile: url("box-bg-mobile_dark.svg");
  --gift-box-card-bg-desktop: url("box-bg-desktop_dark.svg");
  --gift-box-card-dots: url("dots_dark.svg");
  --gift-box-history-card-dots: url("dots-middle_dark.svg");
  --color-card-bg-1: #031717;
  --color-card-bg-2: #032423;
  --color-card-bg-3: #021f1e;
  --color-card-bg-4: #444852;
  --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-line-1: #1b1f28;
  --color-card-txt-1: #d2eeed;
  --color-card-txt-2: #3b6f6d;
  --color-card-txt-3: #444852;
  --color-card-txt-4: #444852;
  --color-card-txt-5: #ffffff;
  --color-profile-txt-1: #ffffff;
  --color-profile-txt-2: #d2eeed;
  --color-profile-txt-3: #80858f;
  --color-profile-txt-4: #3b6f6d;
  --color-profile-table-bg-1: #031717;
  --color-profile-table-line-1: #021f1e;
  --color-profile-table-txt-header: #ffffff;
  --color-profile-table-txt-1: #c2c4c9;
  --color-profile-table-txt-2: #d2eeed;
  --color-profile-table-txt-accent: #04cfaa;
  --color-gam-card-content-bg: rgba(255, 255, 255, 0.03);
  --color-gam-card-img-bg-1: #53181f;
  --color-gam-card-img-bg-2: #13312e;
  --color-stage-bg-1: #1b1f28;
  --color-stage-bg-2: #13171f;
  --color-stage-bg-3: #80858f;
  --color-stage-bg-4: #80858f;
  --color-stage-bg-accent: #ff2400;
  --color-stage-txt-ic-1: #444852;
  --color-stage-txt-ic-2: #ffffff;
  --color-stage-txt-ic-3: #13171f;
  --color-stage-txt-ic-accent: #ff2400;
  --color-stage-ic: #13171f;
  --color-countdown-num-1: #ffffff;
  --color-countdown-txt-1: #80858f;
  --color-countdown-num-2: #ffffff;
  --color-countdown-txt-2: #c2c4c9;
  --color-avatar-bg-gradient: linear-gradient(
    180deg,
    rgba(0, 207, 166, 0.52),
    rgba(0, 207, 166, 0)
  );
  --animation-border-rotation-width: 1px;
  --color-transparent: transparent;
  --color-white: #ffffff;
  --color-overlay-backdrop: var(--color-bg-1);
  --color-banner-txt-icon: #ffffff;
  --color-progressbar-full: #ffc700;
  --color-progressbar-full-2: #00cfa6;
  --content-summary-chevron: url("summary-chevron-light.svg");
  --not-found-page-bg: #000211;
  --maintenance-bg: #000211;
  color: #fff;
  background: var(--color-bg-1);
  --sport-dropdown-chevron: #80858f;
  --sport-dropdown-chevron-active: #ffffff;
  --skeleton-shape-bg: #232834;
  --skeleton-shape-bg-gradient: 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%
  );
  --skeleton-top-event-card-bg: linear-gradient(
    180deg,
    #1b1f28 0%,
    #1b1f28 26.04%,
    #000000 100%
  );
}
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;
}
@font-face {
  font-family: Banner-Bold-It;
  src: url("/Banner-Bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
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: #000c;
  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_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;
  height: calc(100% - 40px);
  width: 100%;
}
@media (min-width: 768px) {
  .pu-overlay-panel_full-screen-with-header {
    height: calc(100% - 64px);
  }
}
.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-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.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;
}
@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_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_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;
  }
}
@media (min-width: 768px) {
  .navbar-sheet__close-icon .ui-icon-svg.m {
    width: 45px;
    height: 45px;
  }
}
.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-casino-search__placeholder .ui-icon-svg {
  width: 144px;
  height: 144px;
}
@media (min-width: 1280px) {
  .pu-casino-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-button {
  box-sizing: border-box;
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  -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;
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: 500;
  padding: 0.4375rem 1rem;
  display: flex;
  border-radius: 0.25rem;
  align-items: center;
  touch-action: manipulation;
}
.ui-button > *,
.ui-button > *:before,
.ui-button > *:after {
  box-sizing: inherit;
}
.ui-button::-moz-focus-inner {
  border: 0;
}
.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 {
  font-size: 0.75rem;
  line-height: 0.75rem;
  padding: 0.5rem 0;
  font-weight: 400;
}
.ui-button.ui-button_quaternary:not(:disabled):hover,
.ui-button.ui-button_quaternary.ui-button_pressed,
.ui-button.ui-button_quaternary:active {
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: 500;
  padding: 6px 0 0.5rem;
}
.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.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 {
  font-size: 0.75rem;
  line-height: 0.75rem;
  padding: 7px 28px;
}
.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_m {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  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 {
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  line-height: 24px;
}
.ui-button_m.ui-button_tertiary .ui-icon-svg.m,
.ui-button_m.ui-button_tertiary-accent .ui-icon-svg.m {
  width: 24px;
  height: 24px;
}
.ui-button_m.ui-button_quaternary {
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 0;
  line-height: 20px;
}
.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-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  line-height: 20px;
  padding: 0.5rem 0;
}
.ui-button_m.ui-button_only-icon {
  padding: 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: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: 0.5rem 1rem;
}
.ui-button_m.ui-button_special-demo {
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: 500;
  padding: 0.75rem 44px;
}
.ui-button_l {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  padding: 0.6875rem 2rem;
  line-height: 24px;
}
.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: 0.6875rem 1.5rem;
}
.ui-button_l.ui-button_tertiary,
.ui-button_l.ui-button_tertiary-accent {
  padding: 0.5rem 1.5rem;
}
.ui-button_l.ui-button_quaternary {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  padding: 0.5rem 0;
  line-height: 24px;
}
.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-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 500;
  line-height: 24px;
  padding: 0.5rem 0;
}
.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 {
  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: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 {
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: 500;
  padding: 1rem 2rem;
}
.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: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: 0.25rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.7, 0.5);
  background: var(--color-button-primary-bg-animation);
  z-index: -1;
  transition: transform 0.5s linear;
}
.ui-button_secondary {
  position: relative;
  color: var(--color-button-secondary-txt);
  transition: 0.3s linear;
}
.ui-button_secondary .ui-icon-svg {
  transition: 0.3s linear;
  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: 0.25rem;
  -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;
  padding: 1px;
  background: var(--color-button-secondary-strk);
}
body.pu-old-scss .ui-button_secondary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
  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:active,
.ui-button_secondary.ui-button_pressed {
  background: var(--color-button-secondary-bg-pressed);
  color: var(--color-button-secondary-txt-pressed);
}
.ui-button_secondary:active:before,
.ui-button_secondary.ui-button_pressed:before {
  background: var(--color-button-secondary-bg-pressed);
}
.ui-button_secondary:active .ui-icon-svg,
.ui-button_secondary.ui-button_pressed .ui-icon-svg {
  color: var(--color-button-secondary-icon-pressed);
}
.ui-button_secondary.ui-button_loading:after {
  background: var(--color-button-secondary-strk);
}
.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);
}
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover
  .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-svg {
    color: var(--color-button-secondary-icon);
  }
}
.ui-button_tertiary {
  position: relative;
  color: var(--color-button-tertiary-txt);
}
.ui-button_tertiary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
  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;
  background: var(--color-button-tertiary-strk);
}
body.pu-old-scss .ui-button_tertiary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
  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:active,
.ui-button_tertiary.ui-button_pressed {
  background: var(--color-button-tertiary-bg-pressed);
  color: var(--color-button-tertiary-txt-pressed);
}
.ui-button_tertiary:active:before,
.ui-button_tertiary.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 {
  background: var(--color-button-tertiary-strk-pressed-only-icon);
}
.ui-button_tertiary.ui-button_loading:after {
  background-color: var(--color-button-tertiary-txt);
}
.ui-button_tertiary: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 {
  background: var(--color-button-tertiary-strk-hover);
}
.ui-button_tertiary: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-accent {
  position: relative;
  color: var(--color-button-tertiary-accent-txt);
}
.ui-button_tertiary-accent:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
  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;
  background: var(--color-button-tertiary-accent-strk);
}
body.pu-old-scss .ui-button_tertiary-accent:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
  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:active,
.ui-button_tertiary-accent.ui-button_pressed {
  background: var(--color-button-tertiary-accent-bg-pressed);
  color: var(--color-button-tertiary-accent-txt-pressed);
}
.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_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 .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: 0;
  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 {
  -webkit-text-decoration-line: underline;
  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);
}
.ui-button_special-go-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
  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;
  background: var(--color-button-special-strk-1);
}
body.pu-old-scss .ui-button_special-go-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.25rem;
  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: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;
  mask: url("") no-repeat center;
  -webkit-mask-size: auto 60%;
  mask-size: auto 60%;
}
.ui-button:disabled,
.ui-button_disabled {
  pointer-events: none;
  opacity: 0.3;
}
.ui-button_full-width {
  width: 100%;
  justify-content: center;
}
@keyframes button-pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.7, 0.5);
    opacity: 0;
    border-radius: 0.25rem;
  }
  12% {
    opacity: 1;
  }
  34% {
    transform: translate(-50%, -50%) scale(1);
  }
  38% {
    opacity: 0;
  }
  40% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-radius: 0.5rem;
  }
  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-radius: 0.25rem;
  }
}
@media (min-width: 768px) {
  .md\:ui-button_s {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 0.4375rem 1rem;
  }
  .md\:ui-button_s .ui-icon + span {
    margin-left: 0.5rem;
  }
  .md\:ui-button_s .ui-icon-svg.m {
    width: 12px;
    height: 12px;
  }
  .md\:ui-button_s.ui-button_primary-animation:after {
    width: calc(100% + 24px);
    height: calc(100% + 24px);
  }
  .md\:ui-button_s.ui-button_quaternary {
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding: 0.5rem 0;
    font-weight: 400;
  }
  .md\:ui-button_s.ui-button_quaternary:not(:disabled):hover,
  .md\:ui-button_s.ui-button_quaternary.ui-button_pressed,
  .md\:ui-button_s.ui-button_quaternary:active {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 6px 0 0.5rem;
  }
  .md\:ui-button_s.ui-button_only-icon {
    padding: 6px;
  }
  .md\:ui-button_s.ui-button_only-icon .ui-icon-svg.m {
    width: 16px;
    height: 16px;
  }
  .md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:hover,
  .md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:active,
  .md\:ui-button_s.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 4px;
  }
  .md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:hover
    .ui-icon-svg.m,
  .md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:active
    .ui-icon-svg.m,
  .md\:ui-button_s.ui-button_only-icon.ui-button_quaternary.ui-button_pressed
    .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
  .md\:ui-button_s.ui-button_special-demo,
  .md\:ui-button_s.ui-button_special-demo-search {
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding: 7px 28px;
  }
  .md\:ui-button_s.ui-button_special-go-top {
    padding: 0.5rem;
  }
  .md\:ui-button_s.ui-button_special-go-top:hover:not(:disabled),
  .md\:ui-button_s.ui-button_special-go-top:active,
  .md\:ui-button_s.ui-button_special-go-top.ui-button_pressed {
    padding-bottom: 18px;
  }
  .md\:ui-button_s.ui-button_special-go-top .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .md\:ui-button_m {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    line-height: 24px;
  }
  .md\:ui-button_m .ui-icon + span {
    margin-left: 0.5rem;
  }
  .md\:ui-button_m .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
  .md\:ui-button_m.ui-button_secondary {
    padding: 0.5rem 1rem;
  }
  .md\:ui-button_m.ui-button_secondary .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .md\:ui-button_m.ui-button_tertiary,
  .md\:ui-button_m.ui-button_tertiary-accent {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    line-height: 24px;
  }
  .md\:ui-button_m.ui-button_tertiary .ui-icon-svg.m,
  .md\:ui-button_m.ui-button_tertiary-accent .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .md\:ui-button_m.ui-button_quaternary {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 0;
    line-height: 20px;
  }
  .md\:ui-button_m.ui-button_quaternary:not(:disabled):hover,
  .md\:ui-button_m.ui-button_quaternary:active,
  .md\:ui-button_m.ui-button_quaternary.ui-button_pressed {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 20px;
    padding: 0.5rem 0;
  }
  .md\:ui-button_m.ui-button_only-icon {
    padding: 0.5rem;
  }
  .md\:ui-button_m.ui-button_only-icon .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .md\:ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
  .md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,
  .md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active,
  .md\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 6px;
  }
  .md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover
    .ui-icon-svg.m,
  .md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active
    .ui-icon-svg.m,
  .md\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed
    .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .md\:ui-button_m.ui-button_only-icon.ui-button_text-hover:hover {
    padding: 0.5rem 1rem;
  }
  .md\:ui-button_m.ui-button_special-demo {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 0.75rem 44px;
  }
  .md\:ui-button_l {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    padding: 0.6875rem 2rem;
    line-height: 24px;
  }
  .md\:ui-button_l .ui-icon + span {
    margin-left: 0.5rem;
  }
  .md\:ui-button_l .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .md\:ui-button_l.ui-button_secondary {
    padding: 0.6875rem 1.5rem;
  }
  .md\:ui-button_l.ui-button_tertiary,
  .md\:ui-button_l.ui-button_tertiary-accent {
    padding: 0.5rem 1.5rem;
  }
  .md\:ui-button_l.ui-button_quaternary {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    padding: 0.5rem 0;
    line-height: 24px;
  }
  .md\:ui-button_l.ui-button_quaternary:not(:disabled):hover,
  .md\:ui-button_l.ui-button_quaternary:active,
  .md\:ui-button_l.ui-button_quaternary.ui-button_pressed {
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: 500;
    line-height: 24px;
    padding: 0.5rem 0;
  }
  .md\:ui-button_l.ui-button_only-icon {
    padding: 7px;
  }
  .md\:ui-button_l.ui-button_only-icon .ui-icon-svg.m {
    width: 32px;
    height: 32px;
  }
  .md\:ui-button_l.ui-button_only-icon.ui-button_tertiary,
  .md\:ui-button_l.ui-button_only-icon.ui-button_tertiary-accent {
    padding: 0.25rem;
  }
  .md\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
    padding: 0.5rem;
  }
  .md\:ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,
  .md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active,
  .md\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 4px;
  }
  .md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover
    .ui-icon-svg.m,
  .md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active
    .ui-icon-svg.m,
  .md\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed
    .ui-icon-svg.m {
    width: 32px;
    height: 32px;
  }
  .md\:ui-button_l.ui-button_special-demo {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 1rem 2rem;
  }
}
@media (min-width: 1280px) {
  .xl\:ui-button_m {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    line-height: 24px;
  }
  .xl\:ui-button_m .ui-icon + span {
    margin-left: 0.5rem;
  }
  .xl\:ui-button_m .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
  .xl\:ui-button_m.ui-button_secondary {
    padding: 0.5rem 1rem;
  }
  .xl\:ui-button_m.ui-button_secondary .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .xl\:ui-button_m.ui-button_tertiary,
  .xl\:ui-button_m.ui-button_tertiary-accent {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    line-height: 24px;
  }
  .xl\:ui-button_m.ui-button_tertiary .ui-icon-svg.m,
  .xl\:ui-button_m.ui-button_tertiary-accent .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .xl\:ui-button_m.ui-button_quaternary {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 0;
    line-height: 20px;
  }
  .xl\:ui-button_m.ui-button_quaternary:not(:disabled):hover,
  .xl\:ui-button_m.ui-button_quaternary:active,
  .xl\:ui-button_m.ui-button_quaternary.ui-button_pressed {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 20px;
    padding: 0.5rem 0;
  }
  .xl\:ui-button_m.ui-button_only-icon {
    padding: 0.5rem;
  }
  .xl\:ui-button_m.ui-button_only-icon .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 20px;
    height: 20px;
  }
  .xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,
  .xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active,
  .xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 6px;
  }
  .xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover
    .ui-icon-svg.m,
  .xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active
    .ui-icon-svg.m,
  .xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed
    .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .xl\:ui-button_m.ui-button_only-icon.ui-button_text-hover:hover {
    padding: 0.5rem 1rem;
  }
  .xl\:ui-button_m.ui-button_special-demo {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 0.75rem 44px;
  }
  .xl\:ui-button_l {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    padding: 0.6875rem 2rem;
    line-height: 24px;
  }
  .xl\:ui-button_l .ui-icon + span {
    margin-left: 0.5rem;
  }
  .xl\:ui-button_l .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .xl\:ui-button_l.ui-button_secondary {
    padding: 0.6875rem 1.5rem;
  }
  .xl\:ui-button_l.ui-button_tertiary,
  .xl\:ui-button_l.ui-button_tertiary-accent {
    padding: 0.5rem 1.5rem;
  }
  .xl\:ui-button_l.ui-button_quaternary {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    padding: 0.5rem 0;
    line-height: 24px;
  }
  .xl\:ui-button_l.ui-button_quaternary:not(:disabled):hover,
  .xl\:ui-button_l.ui-button_quaternary:active,
  .xl\:ui-button_l.ui-button_quaternary.ui-button_pressed {
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: 500;
    line-height: 24px;
    padding: 0.5rem 0;
  }
  .xl\:ui-button_l.ui-button_only-icon {
    padding: 7px;
  }
  .xl\:ui-button_l.ui-button_only-icon .ui-icon-svg.m {
    width: 32px;
    height: 32px;
  }
  .xl\:ui-button_l.ui-button_only-icon.ui-button_tertiary,
  .xl\:ui-button_l.ui-button_only-icon.ui-button_tertiary-accent {
    padding: 0.25rem;
  }
  .xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
    padding: 0.5rem;
  }
  .xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m {
    width: 24px;
    height: 24px;
  }
  .xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,
  .xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active,
  .xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed {
    padding: 4px;
  }
  .xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover
    .ui-icon-svg.m,
  .xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active
    .ui-icon-svg.m,
  .xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed
    .ui-icon-svg.m {
    width: 32px;
    height: 32px;
  }
  .xl\:ui-button_l.ui-button_special-demo {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 500;
    padding: 1rem 2rem;
  }
}
.ui-menu-list-item {
  box-sizing: border-box;
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  -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;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  color: var(--color-menu-text);
  border-radius: 0.25rem;
}
.ui-menu-list-item > *,
.ui-menu-list-item > *:before,
.ui-menu-list-item > *:after {
  box-sizing: inherit;
}
.ui-menu-list-item::-moz-focus-inner {
  border: 0;
}
.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;
  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 {
  font-size: 0.5rem;
  line-height: 0.5rem;
  font-weight: 500;
  position: absolute;
  top: -0.25rem;
  left: 44px;
  padding: 2px 0.25rem;
  color: var(--color-label-txt);
  border-radius: 2px;
  text-transform: uppercase;
  background-color: var(--color-brand-primary);
}
.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);
}
.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;
}
.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.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 {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  transform: scale(1.15) translate(3px);
}
.ui-menu-list.horizontal .ui-menu-list-item:hover .ui-menu-list-item__label {
  transform: scale(1.15) translateY(-2px);
}
body {
  font-family: Roboto, sans-serif;
  font-size: 16px;
}
body.pu-touch:not(.pu-android) {
  cursor: pointer;
}
@keyframes slide-up {
  0% {
    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: translateZ(0) !important;
}
.pu-swiper-centered .swiper-slide:last-child {
  margin-right: 0 !important;
}
.pu-swiper-autosize-full-width-slides .swiper-slide {
  flex-shrink: 1;
  padding: 0 0.25rem;
}
.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-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-prerender .swiper-wrapper {
  flex-wrap: wrap;
}
.container {
  padding: 0rem 0.5rem;
}
@media (min-width: 768px) {
  .container {
    padding: 0rem 1rem;
  }
}
@media (min-width: 1280px) {
  .container {
    padding: 0rem 1.5rem;
  }
}
@media (min-width: 768px) {
  .md\:container {
    padding: 0rem 0.5rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .md\:container {
    padding: 0rem 1rem;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .md\:container {
    padding: 0rem 1.5rem;
  }
}
@media (min-width: 1280px) {
  .xl\:container {
    padding: 0rem 0.5rem;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .xl\:container {
    padding: 0rem 1rem;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .xl\:container {
    padding: 0rem 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;
}
.swiper-pagination-bullet {
  margin: 0rem 0.125rem;
  width: 0.75rem;
  height: 2px;
  background: var(--color-banner-txt-icon);
  opacity: 0.4;
  border-radius: 2px;
}
.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;
  -webkit-text-fill-color: transparent;
}
@keyframes shine {
  0% {
    left: -150%;
  }
  to {
    left: 150%;
  }
}
@keyframes live-flashing {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes blink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
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-bg-1) 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__content {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pu-control__content_left-aligned {
  flex-direction: row-reverse;
}
.pu-control__input {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  padding: 0.75rem 11px 0.5rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: var(--color-input-txt-filled);
  background: transparent;
  margin-top: 6px;
  width: 100%;
}
.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 {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: var(--color-input-txt-label);
  top: -1px;
  left: 0.5rem;
  padding: 0 0.25rem;
}
@media (min-width: 768px) {
  .pu-control__input:focus + .pu-control__label {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}
.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;
}
.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 ~ .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: 42px;
}
.pu-control__input_sum {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400;
  font-weight: 500;
  padding: 10px 15px 6px 11px;
  width: 100%;
}
.pu-control__input_sum::placeholder {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.pu-control__input_textarea {
  resize: vertical;
  min-height: 40px;
}
.pu-control__input_textarea::-webkit-resizer {
  display: none;
}
.pu-control__input_right {
  text-align: right;
  padding-right: 7px;
}
.pu-control__label {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: var(--color-input-txt-placeholder);
  position: absolute;
  transition: 0.1s linear;
  left: 11px;
  top: 18px;
  pointer-events: none;
  width: calc(100% - 1rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pu-control__label_active {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: var(--color-input-txt-label);
  top: -1px;
  left: 0.5rem;
  padding: 0 0.25rem;
}
@media (min-width: 768px) {
  .pu-control__label_active {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}
.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% + 5px);
  transform: translateY(-50%);
  color: var(--color-input-txt-placeholder);
}
.pu-control__icon_tooltip {
  cursor: pointer;
}
.pu-control__currency {
  position: relative;
  top: 5px;
  padding-right: 15px;
  text-align: center;
  color: var(--color-input-txt-filled);
}
.pu-control__currency:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -11px;
  width: 1px;
  height: calc(100% + 4px);
  background: var(--color-input-border-active);
  pointer-events: none;
}
.pu-control__currency_right:before {
  display: none;
}
.pu-control__currency_left-aligned {
  padding-right: 0;
  width: 50px;
}
.pu-control__currency_left-aligned:before {
  left: 40px;
}
.pu-control__hint {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: var(--color-input-hint-txt);
  position: absolute;
  bottom: -20px;
  padding-left: 0.75rem;
}
.pu-control__hint:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: var(--color-input-hint-txt);
}
.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__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);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar {
  width: 0.25rem;
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-4);
  border-radius: 0.5rem;
}
.ui-swiper-wide-bullets .swiper-pagination-bullet {
  position: relative;
  overflow: visible;
}
.ui-swiper-wide-bullets .swiper-pagination-bullet:before {
  content: "";
  height: 400%;
  width: 100%;
  left: 0;
  top: 50%;
  display: block;
  position: absolute;
  transform: translateY(-50%);
}
* {
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
}
.ng-resizable-diagonal {
  border: none !important;
}
.sc-scroll {
  overflow: hidden;
}
p:has(> .markdown_link, .markdown_link_span) {
  margin: 0;
  padding: 0;
}
.markdown_link {
  color: #551afb;
}
.ng-resizable {
  position: relative;
}
.ng-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ng-resizable-handle.ng-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  height: 100%;
  top: 0;
}
.ng-resizable-handle.ng-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  height: 100%;
  top: 0;
}
.ng-resizable-handle.ng-resizable-s {
  cursor: s-resize;
  height: 7px;
  bottom: -5px;
  width: 100%;
  left: 0;
}
.ng-resizable-handle.ng-resizable-n {
  cursor: n-resize;
  height: 7px;
  top: -5px;
  width: 100%;
  left: 0;
}
.ng-resizable-handle.ng-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ng-resizable-handle.ng-resizable-sw {
  cursor: sw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  bottom: 1px;
}
.ng-resizable-handle.ng-resizable-ne {
  cursor: ne-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  top: 1px;
}
.ng-resizable-handle.ng-resizable-nw {
  cursor: nw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  top: 1px;
}
.ng-resizable-diagonal {
  box-sizing: border-box;
  width: 0;
  height: 0;
  border-bottom: 12px solid #aaa;
  border-left: 12px solid transparent;
}
/*# sourceMappingURL=styles-QHAMVQYD.css.map */