@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";
.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 .4s cubic-bezier(.25, .8, .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: .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
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) 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);
    -webkit-backface-visibility: hidden;
    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 {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    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 {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    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, .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, .5);
    --color-button-primary-bg-hover: linear-gradient(0deg, rgba(49, 51, 52, .15), rgba(49, 51, 52, .15)), #ff2400;
    --color-button-primary-bg-pressed: linear-gradient(0deg, rgba(13, 16, 22, .2), rgba(13, 16, 22, .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, .2), rgba(13, 16, 22, .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, .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, .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, .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, .3) 59.09%);
    --color-button-tertiary-accent-strk-pressed-2: linear-gradient(136deg, #FFC700 0%, rgba(255, 199, 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, .3) 59.09%);
    --color-button-tertiary-accent-strk-pressed-only-icon: linear-gradient(163deg, rgba(255, 199, 0, 1) 0%, rgba(255, 199, 0, .3) 59.09%);
    --color-button-tertiary-accent-bg-pressed: linear-gradient(95.29deg, rgba(255, 199, 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, .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 .03%, rgba(13, 16, 22, 0) 99.98%);
    --color-button-special-strk-pressed-1: linear-gradient(180.03deg, #00cfa6 .03%, rgba(13, 16, 22, 0) 99.98%);
    --color-button-special-bg-2: transparent;
    --color-button-special-bg-hover-2: rgba(13, 16, 22, .25);
    --color-button-special-bg-pressed-2: rgba(13, 16, 22, .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, .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, .3);
    --shadow-lang-dropdown: 0px 4px 8px rgba(0, 0, 0, .4);
    --shadow-lang-icon: none;
    --shadow-navbar-tabs: 0px -4px 10px rgba(0, 0, 0, .4);
    --shadow-balance-details: 0px 2px 8px rgba(0, 0, 0, .4);
    --shadow-control-tooltip: 0px 4px 8px rgba(0, 0, 0, .4);
    --shadow-control-dropdown: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-news-cta-button: 0px -4px 10px rgba(0, 0, 0, .4);
    --shadow-game-frame: 0px 0px 16px rgba(0, 0, 0, .8);
    --shadow-profile-tooltip: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-tooltip: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-balance-filters-footer: 0px -4px 10px rgba(0, 0, 0, .4);
    --shadow-calendar-dropdown: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-select-list-option: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-fd-bonus: 0px 0px 16px rgba(0, 0, 0, .8);
    --shadow-login: 0px 4px 4px rgba(0, 0, 0, .6);
    --shadow-rules-details: 0px 4px 8px rgba(0, 0, 0, .4);
    --shadow-championship-nav: 3px 0px 6px rgba(0, 0, 0, .4);
    --shadow-championship-nav-item: 3px 2px 2px rgba(0, 0, 0, .2);
    --shadow-taxes-calculator: 0px 0px 4px 0px rgba(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, .35) 27.6%, rgba(0, 207, 166, .7) 52.62%, rgba(0, 207, 166, .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, .35) 27.6%, rgba(0, 207, 166, .7) 52.62%, rgba(0, 207, 166, .35) 74.48%, rgba(0, 207, 166, 0) 100%);
    --gradient-hover: #00cfa6 0%, rgba(13, 16, 22, .2) 59.09%;
    --gradient-divider-horiz: linear-gradient(90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100%);
    --gradient-divider-vert: linear-gradient(0deg, rgba(30, 35, 46, 0) .01%, rgba(128, 133, 143, .252417) 27.61%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .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-selected-point: linear-gradient(98.86deg, #00cfa6 0%, rgba(0, 207, 166, .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 .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, .81) 33.56%, rgba(2, 26, 24, 0) 100%), linear-gradient(360deg, rgba(2, 26, 24, .3) 0%, rgba(2, 26, 24, .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, .81) 33.56%, rgba(2, 31, 30, 0) 100%), linear-gradient(0deg, rgba(2, 31, 30, .3) 0%, rgba(255, 255, 255, .3) 0%, rgba(13, 16, 22, .3) 0%, rgba(2, 31, 30, .243) 33.56%, rgba(2, 31, 30, 0) 100%);
    --gradients-graphics-desktop-cards: linear-gradient(0deg, #031717 0%, rgba(3, 23, 23, .81) 22.77%, rgba(2, 31, 30, 0) 67.86%), linear-gradient(0deg, rgba(3, 23, 23, .3) 0%, rgba(3, 23, 23, .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) .89%, rgba(255, 255, 255, .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, .25) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .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, .2) 54%);
    --gradients-label-exclusive: linear-gradient(136deg, #FFF 0%, rgba(13, 16, 22, .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, .1) 3.75%, rgba(0, 207, 166, 0) 95.24%);
    --shadow-menu-hover: 0px 1px 3px rgba(0, 0, 0, .5);
    --shadow-menu-hover-2: 0px 1px 3px rgba(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, .4);
    --shadow-sidebar-pulling-tag-2: 3px 0px 6px rgba(0, 0, 0, .4);
    --color-headers-bg: #00100e;
    --shadow-headers: 0px 4px 10px rgba(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, .2) 0%, rgba(0, 207, 166, 0) 100%);
    --color-tabs-bg-gradient-right: linear-gradient(225deg, rgba(0, 207, 166, .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, .5);
    --shadow-filters-sorting-list: 0px 4px 8px rgba(0, 0, 0, .4);
    --color-providers-bg: linear-gradient(291.37deg, rgba(13, 16, 22, .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, .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, .2) 54%);
    --shadow-provider-card: 0px 0px 4px rgba(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, .9);
    --color-label-in-bottom-text: #ffffff;
    --color-label-in-bottom-bg: rgba(13, 16, 22, .65);
    --color-label-txt: #ffffff;
    --color-label-game-tile: #c2c4c9;
    --color-label-game-empty-star: #ffffff;
    --color-label-game-darker: rgba(13, 16, 22, .7);
    --color-label-winner-bg: rgba(0, 16, 14, .95);
    --color-label-winner-bg-hover: #00100E;
    --shadow-label-winner-bg-hover: 0px 0px 8px rgba(0, 0, 0, .5);
    --color-label-new-bg: rgba(255, 36, 0, .6);
    --color-label-exclusive-bg: rgba(0, 207, 166, .6);
    --color-label-freespins-bg: rgba(13, 16, 22, .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, .18);
    --shadow-toggle-active: inset 1px 1px 1px rgba(0, 0, 0, .18);
    --shadow-toggle-circle: 1px 1px 1px rgba(0, 0, 0, .18);
    --shadow-toggle-circle-active: -1px 1px 1px rgba(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, .4);
    --shadow-checkbox-icon: drop-shadow(1px 1px 1px rgba(0, 0, 0, .18));
    --shadow-checkbox-active: inset 1px 1px 2px rgba(13, 16, 22, .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, .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, .2) 100%);
    --shadow-radiobutton-circle-strk: 0px 0px 4px rgba(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, .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, .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, .5);
    --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, .7);
    --color-pop-up-bg-gradient: linear-gradient(270deg, #1B1F28 0%, rgba(27, 31, 40, 0) 86.76%);
    --pincoins-exchange-bg: url(./assets/pincoins/exchange-bg_dark.svg);
    --gift-box-bg: url(./assets/gift-box/gift-box-bg_dark.svg);
    --gift-box-widget-bg: url(./assets/gift-box/widget/widget-box-bg_dark.svg);
    --gift-box-card-bg-mobile: url(./assets/gift-box/page/box-bg-mobile_dark.svg);
    --gift-box-card-bg-desktop: url(./assets/gift-box/page/box-bg-desktop_dark.svg);
    --gift-box-card-dots: url(./assets/gift-box/page/dots_dark.svg);
    --gift-box-history-card-dots: url(./assets/gift-box/history/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, .2), rgba(49, 51, 52, .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-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;
    --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;
    --content-summary-chevron: url(./assets/content-page/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, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .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(./fonts/Banner-Bold-It/Banner-Bold-It.eot);
    src: url(./fonts/Banner-Bold-It/Banner-Bold-It.eot?#iefix) format("embedded-opentype"), url(./fonts/Banner-Bold-It/Banner-Bold-It.woff2) format("woff2"), url(./fonts/Banner-Bold-It/Banner-Bold-It.woff) format("woff"), url(./fonts/Banner-Bold-It/Banner-Bold-It.ttf) format("truetype");
    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: .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: .875rem;
    line-height: .875rem;
    font-weight: 500;
    padding: .4375rem 1rem;
    display: flex;
    border-radius: .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: .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: .75rem;
    line-height: .75rem;
    padding: .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: .875rem;
    line-height: .875rem;
    font-weight: 500;
    padding: 6px 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: .75rem;
    line-height: .75rem;
    padding: 7px 28px
}

.ui-button.ui-button_special-go-top {
    padding: .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: .5rem 1.5rem;
    line-height: 24px
}

.ui-button_m .ui-icon+span {
    margin-left: .5rem
}

.ui-button_m .ui-icon-svg.m {
    width: 20px;
    height: 20px
}

.ui-button_m.ui-button_secondary {
    padding: .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: .875rem;
    line-height: .875rem;
    font-weight: 500;
    padding: .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: .875rem;
    line-height: .875rem;
    font-weight: 500;
    padding: .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: .5rem 0
}

.ui-button_m.ui-button_only-icon {
    padding: .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: .5rem 1rem
}

.ui-button_m.ui-button_special-demo {
    font-size: .875rem;
    line-height: .875rem;
    font-weight: 500;
    padding: .75rem 44px
}

.ui-button_l {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    padding: .6875rem 2rem;
    line-height: 24px
}

.ui-button_l .ui-icon+span {
    margin-left: .5rem
}

.ui-button_l .ui-icon-svg.m {
    width: 24px;
    height: 24px
}

.ui-button_l.ui-button_secondary {
    padding: .6875rem 1.5rem
}

.ui-button_l.ui-button_tertiary,
.ui-button_l.ui-button_tertiary-accent {
    padding: .5rem 1.5rem
}

.ui-button_l.ui-button_quaternary {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    padding: .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: .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: .25rem
}

.ui-button_l.ui-button_only-icon.ui-button_quaternary {
    padding: .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: .875rem;
    line-height: .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 .5s;
    position: absolute;
    border-radius: .25rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.7, .5);
    background: var(--color-button-primary-bg-animation);
    z-index: -1;
    transition: transform .5s linear
}

.ui-button_secondary {
    position: relative;
    color: var(--color-button-secondary-txt);
    transition: .3s linear
}

.ui-button_secondary .ui-icon-svg {
    transition: .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: .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: .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: .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: .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: .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: .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 .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 .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: .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: .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;
    -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:disabled,
.ui-button_disabled {
    pointer-events: none;
    opacity: .3
}

.ui-button_full-width {
    width: 100%;
    justify-content: center
}

@keyframes button-pulse {
    0% {
        transform: translate(-50%, -50%) scale(.7, .5);
        opacity: 0;
        border-radius: .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: .5rem
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-radius: .25rem
    }
}

@media (min-width: 768px) {
    .md\:ui-button_s {
        font-size: .875rem;
        line-height: .875rem;
        font-weight: 500;
        padding: .4375rem 1rem
    }
    .md\:ui-button_s .ui-icon+span {
        margin-left: .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: .75rem;
        line-height: .75rem;
        padding: .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: .875rem;
        line-height: .875rem;
        font-weight: 500;
        padding: 6px 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: .75rem;
        line-height: .75rem;
        padding: 7px 28px
    }
    .md\:ui-button_s.ui-button_special-go-top {
        padding: .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: .5rem 1.5rem;
        line-height: 24px
    }
    .md\:ui-button_m .ui-icon+span {
        margin-left: .5rem
    }
    .md\:ui-button_m .ui-icon-svg.m {
        width: 20px;
        height: 20px
    }
    .md\:ui-button_m.ui-button_secondary {
        padding: .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: .875rem;
        line-height: .875rem;
        font-weight: 500;
        padding: .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: .875rem;
        line-height: .875rem;
        font-weight: 500;
        padding: .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: .5rem 0
    }
    .md\:ui-button_m.ui-button_only-icon {
        padding: .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: .5rem 1rem
    }
    .md\:ui-button_m.ui-button_special-demo {
        font-size: .875rem;
        line-height: .875rem;
        font-weight: 500;
        padding: .75rem 44px
    }
    .md\:ui-button_l {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 500;
        padding: .6875rem 2rem;
        line-height: 24px
    }
    .md\:ui-button_l .ui-icon+span {
        margin-left: .5rem
    }
    .md\:ui-button_l .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }
    .md\:ui-button_l.ui-button_secondary {
        padding: .6875rem 1.5rem
    }
    .md\:ui-button_l.ui-button_tertiary,
    .md\:ui-button_l.ui-button_tertiary-accent {
        padding: .5rem 1.5rem
    }
    .md\:ui-button_l.ui-button_quaternary {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 500;
        padding: .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: .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: .25rem
    }
    .md\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
        padding: .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: .875rem;
        line-height: .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: .5rem 1.5rem;
        line-height: 24px
    }
    .xl\:ui-button_m .ui-icon+span {
        margin-left: .5rem
    }
    .xl\:ui-button_m .ui-icon-svg.m {
        width: 20px;
        height: 20px
    }
    .xl\:ui-button_m.ui-button_secondary {
        padding: .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: .875rem;
        line-height: .875rem;
        font-weight: 500;
        padding: .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: .875rem;
        line-height: .875rem;
        font-weight: 500;
        padding: .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: .5rem 0
    }
    .xl\:ui-button_m.ui-button_only-icon {
        padding: .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: .5rem 1rem
    }
    .xl\:ui-button_m.ui-button_special-demo {
        font-size: .875rem;
        line-height: .875rem;
        font-weight: 500;
        padding: .75rem 44px
    }
    .xl\:ui-button_l {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 500;
        padding: .6875rem 2rem;
        line-height: 24px
    }
    .xl\:ui-button_l .ui-icon+span {
        margin-left: .5rem
    }
    .xl\:ui-button_l .ui-icon-svg.m {
        width: 24px;
        height: 24px
    }
    .xl\:ui-button_l.ui-button_secondary {
        padding: .6875rem 1.5rem
    }
    .xl\:ui-button_l.ui-button_tertiary,
    .xl\:ui-button_l.ui-button_tertiary-accent {
        padding: .5rem 1.5rem
    }
    .xl\:ui-button_l.ui-button_quaternary {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 500;
        padding: .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: .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: .25rem
    }
    .xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary {
        padding: .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: .875rem;
        line-height: .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: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-menu-text);
    border-radius: .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: .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 .25rem;
    width: auto;
    visibility: visible;
    transition: width .2s ease-in-out .2s, visibility .2s ease-in-out .2s
}

.ui-menu-list-item__label {
    font-size: .5rem;
    line-height: .5rem;
    font-weight: 500;
    position: absolute;
    top: -.25rem;
    left: 44px;
    padding: 2px .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: .5rem;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background-color: var(--color-brand-primary);
    animation: live-flashing 2s ease-out infinite .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: .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 .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: -.5rem
}

@media (min-width: 768px) {
    .pu-swiper-without-gaps .swiper-slide:first-child {
        margin-left: -.75rem
    }
}

.pu-swiper-without-gaps .swiper-slide:last-child {
    margin-right: -.5rem
}

@media (min-width: 768px) {
    .pu-swiper-without-gaps .swiper-slide:last-child {
        margin-right: -.75rem
    }
}

.pu-swiper-prerender .swiper-wrapper {
    flex-wrap: wrap
}

.container {
    padding: 0rem .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 .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 .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: .75rem;
    cursor: pointer
}

.swiper-pagination-bullet {
    margin: 0rem .125rem;
    width: .75rem;
    height: 2px;
    background: var(--color-banner-txt-icon);
    opacity: .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: .5rem;
    background-color: var(--color-bg-3);
    border-radius: .25rem
}

ngx-simplebar .simplebar-scrollbar {
    width: .5rem;
    border-radius: .25rem;
    background-color: var(--color-brand-secondary)
}

ngx-simplebar .simplebar-scrollbar:before {
    content: none
}

@keyframes shine {
    0% {
        left: -150%
    }
    to {
        left: 150%
    }
}

@keyframes live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        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: .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: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    padding: .75rem 11px .5rem;
    border: 1px solid transparent;
    border-radius: .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: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--color-input-txt-label);
    top: -1px;
    left: .5rem;
    padding: 0 .25rem
}

@media (min-width: 768px) {
    .pu-control__input:focus+.pu-control__label {
        font-size: .875rem;
        line-height: 1.125rem;
        font-weight: 400
    }
}

.pu-control__input:focus+.pu-control__label.pu-control__label_small {
    font-size: .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: .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: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: var(--color-input-txt-placeholder);
    position: absolute;
    transition: .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: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--color-input-txt-label);
    top: -1px;
    left: .5rem;
    padding: 0 .25rem
}

@media (min-width: 768px) {
    .pu-control__label_active {
        font-size: .875rem;
        line-height: 1.125rem;
        font-weight: 400
    }
}

.pu-control__label_active.pu-control__label_small {
    font-size: .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: .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: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--color-input-hint-txt);
    position: absolute;
    bottom: -20px;
    padding-left: .75rem
}

.pu-control__hint:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: .25rem;
    height: .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: .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(-.71, .7, -.71, -.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, .05)
}

::-webkit-scrollbar {
    width: .25rem
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-bg-4);
    border-radius: .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
}

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: .1px;
    display: block;
    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.e1aedec108501e30.css.map*/