:root {
    --sf-img-24: url("../../img/green-light.png");
    --sf-img-26: url("../../img/red-light.png");
    --sf-img-8: url("../../img/widget-box-bg_dark.svg");
    --sf-img-9: url("../../img/box-bg-mobile_dark.svg");
    --sf-img-6: url("../../img/exchange-bg_dark.svg");
    --sf-img-10: url("../../img/box-bg-desktop_dark.svg");
    --sf-img-11: url("../../img/dots_dark.svg");
    --sf-img-13: url("../../img/summary-chevron-light.svg");
    --sf-img-12: url("../../img/dots-middle_dark.svg");
    --sf-img-25: url("../../img/green-light@2x.png");
    --sf-img-27: url("../../img/red-light@2x.png")
}
@keyframes pulse-1 {
           0% {
               transform: scale(.3)
           }
           70% {
               transform: scale(1)
           }
       }

@keyframes pulse-2 {
    0% {
        transform: scale(.3)
    }
    90% {
        transform: scale(1)
    }
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --swiper-theme-color: #007aff
}

html, body, div {
    -webkit-text-size-adjust: 100%
}
.cdk-overlay-container:empty {
     display: none
 }

html, body, div, span, h3, p, a, img, b, ul, li, details, footer, header, summary {
    -webkit-text-size-adjust: 100%
}

summary::-webkit-details-marker {
    content: "";
    display: none
}

.ui-button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none
}

.ui-button > *, .ui-button > *:before, .ui-button > *:after {
    box-sizing: inherit
}

.ui-button.ui-button_primary-animation:after {
    width: calc(100% + 24px);
    height: calc(100% + 24px)
}

.ui-button_primary:active, .ui-button_primary-animation:active {
    color: var(--color-button-primary-txt-pressed);
    background: var(--color-button-primary-bg-pressed)
}

.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: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)
}

.ui-button_secondary:active {
    background: var(--color-button-secondary-bg-pressed);
    color: var(--color-button-secondary-txt-pressed)
}

.ui-button_secondary:active:before {
    background: var(--color-button-secondary-bg-pressed)
}

.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)
}

@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_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)
}

.ui-button_tertiary:active {
    background: var(--color-button-tertiary-bg-pressed);
    color: var(--color-button-tertiary-txt-pressed)
}

.ui-button_tertiary:active:before {
    background: var(--color-button-tertiary-strk-pressed)
}

.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:disabled {
    pointer-events: none;
    opacity: .3
}

@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_m {
        font-size: 1rem;
        font-weight: 500;
        padding: .5rem 1.5rem;
        line-height: 24px
    }

    .md\:ui-button_m.ui-button_secondary {
        padding: .5rem 1rem
    }
}

.ui-menu-list-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none
}

.ui-menu-list-item > *, .ui-menu-list-item > *:before, .ui-menu-list-item > *:after {
    box-sizing: inherit
}

@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 .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_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.horizontal .ui-menu-list-item:hover > span {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    transform: scale(1.15) translate(3px)
}

@keyframes live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.cdk-overlay-container {
     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-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

: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
}

.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-horizontal {
    touch-action: pan-y
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

@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-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, .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-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, .7);
    --color-pop-up-bg-gradient: linear-gradient(270deg, #1B1F28 0%, rgba(27, 31, 40, 0) 86.76%);
    --pincoins-exchange-bg: var(--sf-img-6);
    --gift-box-bg: url("../../img/gift-box-bg_dark.svg");
    --gift-box-widget-bg: var(--sf-img-8);
    --gift-box-card-bg-mobile: var(--sf-img-9);
    --gift-box-card-bg-desktop: var(--sf-img-10);
    --gift-box-card-dots: var(--sf-img-11);
    --gift-box-history-card-dots: var(--sf-img-12);
    --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-gam-card-content-bg: rgba(255, 255, 255, .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, .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: var(--sf-img-13);
    --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, h3, p, a, img, b, ul, li, details, footer, header, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    font: inherit;
    vertical-align: baseline
}

button {
    border-radius: 0
}

details {
    display: block
}

body {
    line-height: 1
}

ul {
    list-style: none
}

* {
    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.woff2") format("woff2");
    font-weight: 700;
    font-style: normal
}


.ui-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.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-button {
    box-sizing: border-box;
    margin: 0;
    font-family: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    border: 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.ui-button_primary-animation:after {
    width: calc(100% + 24px);
    height: calc(100% + 24px)
}

.ui-button_m {
    font-size: 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_tertiary {
    font-size: .875rem;
    font-weight: 500;
    padding: .5rem 1rem;
    line-height: 24px
}

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

.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;
    font-weight: 500;
    padding: .6875rem 2rem;
    line-height: 24px
}

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

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

.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: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: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: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)
}

@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_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)
}

.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: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_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
}

.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: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_m {
        font-size: 1rem;
        font-weight: 500;
        padding: .5rem 1.5rem;
        line-height: 24px
    }

    .md\:ui-button_m.ui-button_secondary {
        padding: .5rem 1rem
    }
}

@media (min-width: 1280px) {
    .xl\:ui-button_m {
        font-size: 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_special-demo {
        font-size: .875rem;
        line-height: .875rem;
        font-weight: 500;
        padding: .75rem 44px
    }
}

.ui-menu-list-item {
    box-sizing: border-box;
    margin: 0;
    font-family: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    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
}

@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 .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 > span {
    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 .ui-icon {
    color: var(--color-menu-icon);
    height: 40px;
    width: 40px;
    min-width: 40px
}

.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.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)
}

body {
    font-family: Roboto, sans-serif;
    font-size: 16px
}

@keyframes slide-up {
    0% {
        transform: translateY(100%)
    }
    to {
        transform: translateY(0)
    }
}

.pu-swiper-autosize .swiper-slide {
    width: auto
}

a {
    color: var(--color-brand-secondary)
}

@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
    }
}

::-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
}

* {
    box-sizing: border-box;
    font-family: Roboto, sans-serif
}

p:has(>.markdown_link,.markdown_link_span) {
    margin: 0;
    padding: 0
}

@keyframes _ngcontent-ng-c2185723158_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2185723158_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2185723158_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c2185723158] {
    display: flex
}

.pu-shell__main[_ngcontent-ng-c2185723158] {
    width: 100%;
    transition: padding-left .2s ease-in-out;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (min-width: 1280px) {
    .pu-shell__main[_ngcontent-ng-c2185723158] {
        padding-left: 210px
    }
}

.pu-shell__main_navbar[_ngcontent-ng-c2185723158] {
    padding-bottom: 56px
}

@media (min-width: 768px) {
    .pu-shell__main_navbar[_ngcontent-ng-c2185723158] {
        padding-bottom: 66px
    }
}

@media (min-width: 1280px) {
    .pu-shell__main_navbar[_ngcontent-ng-c2185723158] {
        padding-bottom: 0
    }
}

@keyframes _ngcontent-ng-c3466579256_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3466579256_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3466579256_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c3466579256] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 auto;
    background-color: var(--color-headers-bg);
    position: -webkit-sticky;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    padding: 0 .5rem;
    height: 40px;
    box-sizing: border-box;
    z-index: 600;
    transition: top .6s
}

[_nghost-ng-c3466579256]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: var(--shadow-headers);
    pointer-events: none
}

@media (min-width: 1280px) {
    [_nghost-ng-c3466579256]:before {
        display: none
    }
}

@media (min-width: 768px) {
    [_nghost-ng-c3466579256] {
        height: 64px;
        padding: .75rem 1rem
    }
}

@media (min-width: 1280px) {
    [_nghost-ng-c3466579256] {
        height: 72px;
        padding: 1rem 1.5rem;
        box-shadow: none;
        overflow: initial
    }
}

.pu-header__menu-list[_ngcontent-ng-c3466579256] {
    display: none
}

@media (min-width: 1280px) {
    .pu-header__menu-list[_ngcontent-ng-c3466579256] {
        display: flex
    }
}

.pu-header__menu-list__img[_ngcontent-ng-c3466579256] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem
}

.pu-header__actions[_ngcontent-ng-c3466579256] {
    display: flex;
    align-items: center
}

.pu-header__user-bonus[_ngcontent-ng-c3466579256] {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 500;
    display: none;
    align-items: center;
    margin-right: 1rem;
    padding-left: 1rem;
    color: var(--color-txt-icon-1)
}

@media (min-width: 768px) {
    .pu-header__user-bonus[_ngcontent-ng-c3466579256] {
        display: flex
    }
}

@media (min-width: 1280px) {
    .pu-header__user-bonus[_ngcontent-ng-c3466579256] {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500
    }
}

.pu-header__login[_ngcontent-ng-c3466579256] {
    margin-top: 6px;
    margin-left: .5rem;
    white-space: nowrap
}

@media (min-width: 768px) {
    .pu-header__login[_ngcontent-ng-c3466579256] {
        margin-top: 0
    }
}
@keyframes _ngcontent-ng-c4238044941_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c4238044941_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c4238044941_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.logo[_ngcontent-ng-c4238044941] {
    display: flex;
    width: 80px;
    height: 24px;
    margin: 0 auto;
    transition: .2s ease-in-out
}

@media (min-width: 768px) {
    .logo[_ngcontent-ng-c4238044941] {
        width: 120px;
        height: 36px
    }
}

@media (min-width: 1280px) {
    .logo[_ngcontent-ng-c4238044941] {
        width: 142px;
        height: 41px;
        margin-bottom: 37px
    }
}

.logo__image[_ngcontent-ng-c4238044941] {
    display: block;
    width: 100%;
    height: 100%
}
@keyframes _ngcontent-ng-c2152865757_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2152865757_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2152865757_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c2152865757] {
    display: flex;
    flex-direction: column
}

@media (min-width: 1280px) {
    [_nghost-ng-c2152865757] {
        margin-bottom: 0;
        display: grid;
        grid-gap: .25rem
    }
}

.horizontal[_nghost-ng-c2152865757] {
    flex-direction: row;
    margin-bottom: 0;
    grid-gap: 0
}
@keyframes _ngcontent-ng-c2936931015_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2936931015_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2936931015_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@font-face {
    font-family: Banner-Regular-It;
    src: url("../../fonts/Banner-Regular-It.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

[_nghost-ng-c2936931015] {
    display: block;
    padding: 0 .5rem
}

@media (min-width: 768px) {
    [_nghost-ng-c2936931015] {
        padding: 0 1rem
    }
}

@media (min-width: 1280px) {
    [_nghost-ng-c2936931015] {
        padding: 0
    }
}

.pu-home__bonus-list[_ngcontent-ng-c2936931015] {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns:1fr;
    padding: 1rem 0
}

@media (min-width: 375px) {
    .pu-home__bonus-list[_ngcontent-ng-c2936931015] {
        padding: 1.5rem .5rem;
        grid-gap: 1.5rem
    }
}

@media (min-width: 660px) {
    .pu-home__bonus-list[_ngcontent-ng-c2936931015] {
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 768px) {
    .pu-home__bonus-list[_ngcontent-ng-c2936931015] {
        padding: 1.5rem .5rem;
        grid-gap: 1rem
    }
}

@media (min-width: 1024px) {
    .pu-home__bonus-list[_ngcontent-ng-c2936931015] {
        padding: 2.5rem 1.5rem .5rem;
        grid-template-columns:1fr 1fr;
        grid-gap: 1rem
    }
}

@media (min-width: 1280px) {
    .pu-home__bonus-list[_ngcontent-ng-c2936931015] {
        margin: 0 1.5rem;
        padding: 2rem .5rem;
        grid-gap: 3rem
    }
}

@media (min-width: 1920px) {
    .pu-home__bonus-list[_ngcontent-ng-c2936931015] {
        padding: 3rem .5rem 2rem
    }
}

.pu-home__block[_ngcontent-ng-c2936931015] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .75rem
}

@media (min-width: 768px) {
    .pu-home__block[_ngcontent-ng-c2936931015] {
        margin-bottom: 1rem
    }
}

@media (min-width: 1280px) {
    .pu-home__block[_ngcontent-ng-c2936931015] {
        padding: 0 1.5rem
    }
}

.pu-home__block-button[_ngcontent-ng-c2936931015] {
    justify-content: center;
    text-align: center;
    min-width: 132px;
    max-width: 360px;
    margin: .5rem auto 0
}

@media (min-width: 375px) {
    .pu-home__block-button[_ngcontent-ng-c2936931015] {
        min-width: 160px
    }
}

@media (min-width: 768px) {
    .pu-home__block-button[_ngcontent-ng-c2936931015] {
        min-width: auto
    }
}

.pu-home__block-button_sport[_ngcontent-ng-c2936931015] {
    margin-top: 1rem;
    max-width: 359px;
    width: 100%
}

@media (min-width: 768px) {
    .pu-home__block-button_sport[_ngcontent-ng-c2936931015] {
        margin-top: 1.5rem
    }
}

.pu-home__casino-block[_ngcontent-ng-c2936931015] {
    position: relative;
    width: 100%;
    padding: 20px 0 0
}

@media (min-width: 768px) {
    .pu-home__casino-block[_ngcontent-ng-c2936931015] {
        padding: 36px 0 0
    }
}

@media (min-width: 1280px) {
    .pu-home__casino-block[_ngcontent-ng-c2936931015] {
        padding: 1rem 0 0
    }
}

.pu-home__casino-block[_ngcontent-ng-c2936931015] .pu-home__block-button[_ngcontent-ng-c2936931015] {
    margin-top: .5rem;
    z-index: 2
}

@media (min-width: 768px) {
    .pu-home__casino-block[_ngcontent-ng-c2936931015] .pu-home__block-button[_ngcontent-ng-c2936931015] {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 0
    }
}

@media (min-width: 1280px) {
    .pu-home__casino-block[_ngcontent-ng-c2936931015] .pu-home__block-button[_ngcontent-ng-c2936931015] {
        top: -30px
    }
}
@keyframes _ngcontent-ng-c203152021_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c203152021_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c203152021_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c203152021] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: calc(100% + 1rem);
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding: 26px .5rem 21px;
    margin: 0 -.5rem -10px
}

@media (min-width: 375px) {
    [_nghost-ng-c203152021] {
        padding-top: 1.5rem;
        padding-bottom: 19px
    }
}

@media (min-width: 768px) {
    [_nghost-ng-c203152021] {
        width: calc(100% + 2rem);
        padding: 2rem 1rem 22px;
        margin: 0 -1rem -5px
    }
}

@media (min-width: 1280px) {
    [_nghost-ng-c203152021] {
        width: calc(100% + 3rem);
        max-width: 1300px;
        padding: 55px 1.5rem 25px;
        margin: 0 -1.5rem
    }
}

@media (min-width: 1920px) {
    [_nghost-ng-c203152021] {
        padding: 50px 1.5rem 60px
    }
}

.ui-block-title__wrapper[_ngcontent-ng-c203152021] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2
}

.ui-block-title__title[_ngcontent-ng-c203152021] {
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: var(--color-txt-icon-1);
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 375px) {
    .ui-block-title__title[_ngcontent-ng-c203152021] {
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 500
    }
}

@media (min-width: 768px) {
    .ui-block-title__title[_ngcontent-ng-c203152021] {
        font-size: 1.75rem;
        line-height: 2.0625rem;
        font-weight: 500
    }
}

@media (min-width: 1280px) {
    .ui-block-title__title[_ngcontent-ng-c203152021] {
        font-size: 3rem;
        font-weight: 700;
        line-height: 48px;
        margin-bottom: .25rem
    }
}

.ui-block-title__description[_ngcontent-ng-c203152021] {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--color-txt-icon-1);
    margin-top: -2px;
    margin-bottom: 5px
}

@media (min-width: 375px) {
    .ui-block-title__description[_ngcontent-ng-c203152021] {
        font-size: .875rem;
        line-height: 1.125rem;
        font-weight: 400
    }
}

@media (min-width: 768px) {
    .ui-block-title__description[_ngcontent-ng-c203152021] {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 400
    }
}

@media (min-width: 1280px) {
    .ui-block-title__description[_ngcontent-ng-c203152021] {
        margin-top: 0
    }
}

.ui-block-title__highlight[_ngcontent-ng-c203152021] {
    width: calc(100% + 2rem);
    height: 1px
}

@media (min-width: 1280px) {
    .ui-block-title__highlight[_ngcontent-ng-c203152021] {
        min-width: 280px
    }
}

.ui-block-title__highlight[_ngcontent-ng-c203152021]:after, .ui-block-title__highlight[_ngcontent-ng-c203152021]:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%);
    height: 3px;
    width: 88px;
    border-radius: 100px
}

@media (min-width: 1280px) {
    .ui-block-title__highlight[_ngcontent-ng-c203152021]:after, .ui-block-title__highlight[_ngcontent-ng-c203152021]:before {
        width: 112px
    }
}

.ui-block-title__highlight[_ngcontent-ng-c203152021]:before {
    filter: blur(10px)
}

.ui-block-title__highlight_green[_ngcontent-ng-c203152021] {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--color-brand-secondary) 50%, rgba(0, 0, 0, 0) 100%)
}

.ui-block-title__highlight_green[_ngcontent-ng-c203152021]:after, .ui-block-title__highlight_green[_ngcontent-ng-c203152021]:before {
    background-color: var(--color-brand-secondary)
}

.ui-block-title__highlight_red[_ngcontent-ng-c203152021] {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--color-brand-primary) 50%, rgba(0, 0, 0, 0) 100%)
}

.ui-block-title__highlight_red[_ngcontent-ng-c203152021]:after, .ui-block-title__highlight_red[_ngcontent-ng-c203152021]:before {
    background-color: var(--color-brand-primary)
}

.ui-block-title__glow[_ngcontent-ng-c203152021] {
    position: absolute;
    top: 11px;
    height: 56px;
    width: 495px
}

@media (min-width: 768px) {
    .ui-block-title__glow[_ngcontent-ng-c203152021] {
        width: 712px;
        height: 80px;
        top: 9px
    }
}

@media (min-width: 1280px) {
    .ui-block-title__glow[_ngcontent-ng-c203152021] {
        width: 1300px;
        height: 100px;
        top: 27px
    }
}

.ui-block-title__glow[_ngcontent-ng-c203152021]:after {
    content: "";
    position: absolute;
    top: .5rem;
    width: 144px;
    height: 40px;
    left: 50%;
    transform: translate(-50%);
    background: radial-gradient(50% 50% at 50% 50%, #0d1016, #0000)
}

@media (min-width: 768px) {
    .ui-block-title__glow[_ngcontent-ng-c203152021]:after {
        width: 207px;
        height: 57px;
        top: 20px
    }
}

@media (min-width: 1280px) {
    .ui-block-title__glow[_ngcontent-ng-c203152021]:after {
        width: 482px;
        height: 72px;
        top: 14px
    }
}

.ui-block-title__glow[_ngcontent-ng-c203152021]:before {
    content: "";
    position: absolute;
    top: 25px;
    width: 100%;
    height: 5px;
    left: 50%;
    transform: translate(-50%)
}

@media (min-width: 768px) {
    .ui-block-title__glow[_ngcontent-ng-c203152021]:before {
        top: 36px;
        width: 620px;
        height: 7px
    }
}

@media (min-width: 1280px) {
    .ui-block-title__glow[_ngcontent-ng-c203152021]:before {
        top: 45px;
        width: 820px;
        height: 10px
    }
}

.ui-block-title__glow_green[_ngcontent-ng-c203152021] {
    background: radial-gradient(50% 50% at 50% 50%, #00cfa61a, #0000)
}

.ui-block-title__glow_green[_ngcontent-ng-c203152021]:before {
    background: radial-gradient(50% 50% at 50% 50%, #00cfa61a, #00cfa61a 15.45%, #0000)
}

.ui-block-title__glow_red[_ngcontent-ng-c203152021] {
    background: radial-gradient(50% 50% at 50% 50%, #ff24001a, #0000)
}

.ui-block-title__glow_red[_ngcontent-ng-c203152021]:before {
    background: radial-gradient(50% 50% at 50% 50%, #ff24001a, #ff24001a 15.45%, #0000)
}
@keyframes _ngcontent-ng-c1907492542_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c1907492542_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c1907492542_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c1907492542] {
    display: block;
    width: 100%
}

.pu-home-sports[_ngcontent-ng-c1907492542] {
    position: relative;
    height: 220px
}

.pu-home-sports__image[_ngcontent-ng-c1907492542] {
    width: 100%;
    height: 100%
}

.pu-home-sports__image[_ngcontent-ng-c1907492542] img[_ngcontent-ng-c1907492542] {
    object-position: top center;
    object-fit: cover;
    height: 100%;
    width: 100%
}

@media (min-width: 1920px) {
    .pu-home-sports__image[_ngcontent-ng-c1907492542] img[_ngcontent-ng-c1907492542] {
        object-fit: contain
    }
}

.pu-home-sports__text[_ngcontent-ng-c1907492542] {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .pu-home-sports__text[_ngcontent-ng-c1907492542] {
        bottom: -10px
    }
}

.pu-home-sports__text-title[_ngcontent-ng-c1907492542] {
    font-family: Banner-Bold-It, sans-serif;
    line-height: 27px;
    font-size: 27px;
    margin-bottom: .5rem
}

.pu-home-sports__text-subtitle[_ngcontent-ng-c1907492542] {
    line-height: 16px;
    font-size: 16px
}
@keyframes _ngcontent-ng-c3984789336_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3984789336_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3984789336_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2601439749_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2601439749_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2601439749_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c2601439749] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.ui-starshine-green[_nghost-ng-c2601439749] .ui-star[_ngcontent-ng-c2601439749] {
    background-image: -webkit-image-set(var(--sf-img-24) 1x, var(--sf-img-25) 2x);
    background-image: image-set(var(--sf-img-24) 1x, var(--sf-img-25) 2x)
}

.ui-starshine-red[_nghost-ng-c2601439749] .ui-star[_ngcontent-ng-c2601439749] {
    background-image: -webkit-image-set(var(--sf-img-26) 1x, var(--sf-img-27) 2x);
    background-image: image-set(var(--sf-img-26) 1x, var(--sf-img-27) 2x)
}

.ui-starshine-wrapper[_ngcontent-ng-c2601439749] {
    display: block;
    width: 100%;
    height: 100%
}

.ui-star[_ngcontent-ng-c2601439749] {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    z-index: 2;
    opacity: 0;
    animation: _ngcontent-ng-c2601439749_glitter 5s linear 0s infinite normal
}

.ui-star-small[_ngcontent-ng-c2601439749] {
    width: 7px;
    height: 7px
}

@media (min-width: 768px) {
    .ui-star-small[_ngcontent-ng-c2601439749] {
        width: 10px;
        height: 10px
    }
}

@media (min-width: 1280px) {
    .ui-star-small[_ngcontent-ng-c2601439749] {
        width: 24px;
        height: 24px
    }
}

.ui-star-medium[_ngcontent-ng-c2601439749] {
    width: 15px;
    height: 15px
}

@media (min-width: 768px) {
    .ui-star-medium[_ngcontent-ng-c2601439749] {
        width: 30px;
        height: 30px
    }
}

@media (min-width: 1280px) {
    .ui-star-medium[_ngcontent-ng-c2601439749] {
        width: 68px;
        height: 68px
    }
}

.ui-star-large[_ngcontent-ng-c2601439749] {
    width: 35px;
    height: 35px
}

@media (min-width: 768px) {
    .ui-star-large[_ngcontent-ng-c2601439749] {
        width: 50px;
        height: 50px
    }
}

@media (min-width: 1280px) {
    .ui-star-large[_ngcontent-ng-c2601439749] {
        width: 100px;
        height: 100px
    }
}

@keyframes _ngcontent-ng-c2601439749_glitter {
    0% {
        transform: scale(.3);
        opacity: 0
    }
    40% {
        transform: scale(1);
        opacity: 1
    }
    80% {
        transform: scale(.3);
        opacity: 0
    }
    to {
        transform: scale(.3);
        opacity: 0
    }
}
@keyframes _ngcontent-ng-c1130244525_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c1130244525_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c1130244525_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c1130244525] {
    display: grid;
    grid-gap: 1rem;
    padding: 0 1rem 1.5rem
}

@media (min-width: 768px) {
    [_nghost-ng-c1130244525] {
        grid-gap: 1.5rem;
        padding: 0 1.5rem 1.5rem
    }
}

.pu-footer__menu[_ngcontent-ng-c1130244525] {
    padding: 1rem 0;
    display: grid;
    grid-gap: .5rem;
    position: relative;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

@media (min-width: 768px) {
    .pu-footer__menu[_ngcontent-ng-c1130244525] {
        padding: 0;
        grid-auto-flow: column;
        justify-content: space-between;
        border: none
    }

    .pu-footer__menu[_ngcontent-ng-c1130244525]:after, .pu-footer__menu[_ngcontent-ng-c1130244525]:before {
        display: none
    }
}

.pu-footer__menu[_ngcontent-ng-c1130244525]:after, .pu-footer__menu[_ngcontent-ng-c1130244525]:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--gradient-divider-horiz)
}

.pu-footer__menu[_ngcontent-ng-c1130244525]:after {
    top: auto;
    bottom: -1px
}

@media (min-width: 768px) {
    .pu-footer__menu-details_0[_ngcontent-ng-c1130244525] {
        width: 260px
    }

    .pu-footer__menu-details_1[_ngcontent-ng-c1130244525], .pu-footer__menu-details_2[_ngcontent-ng-c1130244525] {
        width: 200px
    }
}

.pu-footer__menu-support[_ngcontent-ng-c1130244525] {
    display: grid;
    grid-gap: 1rem;
    width: 180px
}

@media (min-width: 768px) {
    .pu-footer__bonus[_ngcontent-ng-c1130244525] {
        width: 260px
    }
}

.pu-footer__support-wrapper[_ngcontent-ng-c1130244525], .pu-footer__apps-wrapper[_ngcontent-ng-c1130244525], .pu-footer__logos[_ngcontent-ng-c1130244525] {
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .pu-footer__apps-wrapper[_ngcontent-ng-c1130244525] {
        justify-content: center;
        text-align: center
    }
}

.pu-footer__support-partners[_ngcontent-ng-c1130244525] {
    display: grid;
    grid-auto-flow: column;
    width: 100%
}

@media (min-width: 768px) {
    .pu-footer__support-partners[_ngcontent-ng-c1130244525] {
        grid-auto-rows: max-content;
        grid-auto-flow: row;
        grid-gap: 1rem;
        width: 200px
    }
}

.pu-footer__support-social[_ngcontent-ng-c1130244525] {
    display: grid;
    grid-gap: .5rem;
    width: 200px
}
@keyframes _ngcontent-ng-c1130244525_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c1130244525_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c1130244525_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@media (min-width: 768px) {
    .pu-footer__menu-details_0[_ngcontent-ng-c1130244525] {
        width: 260px
    }
}

@media (min-width: 1280px) {
    .pu-footer__menu-details_0[_ngcontent-ng-c1130244525] {
        width: 180px
    }
}

@media (min-width: 1366px) {
    .pu-footer__menu-details_0[_ngcontent-ng-c1130244525] {
        width: 210px
    }
}

@media (min-width: 1920px) {
    .pu-footer__menu-details_0[_ngcontent-ng-c1130244525] {
        width: 350px
    }
}

@media (min-width: 768px) {
    .pu-footer__menu-details_1[_ngcontent-ng-c1130244525] {
        width: 200px
    }
}

@media (min-width: 1280px) {
    .pu-footer__menu-details_1[_ngcontent-ng-c1130244525] {
        width: 170px
    }
}

@media (min-width: 1366px) {
    .pu-footer__menu-details_1[_ngcontent-ng-c1130244525] {
        width: 220px
    }
}

@media (min-width: 1920px) {
    .pu-footer__menu-details_1[_ngcontent-ng-c1130244525] {
        width: 350px
    }
}

@media (min-width: 768px) {
    .pu-footer__menu-details_2[_ngcontent-ng-c1130244525] {
        width: 200px
    }
}

@media (min-width: 1280px) {
    .pu-footer__menu-details_2[_ngcontent-ng-c1130244525] {
        width: 180px
    }
}

@media (min-width: 1920px) {
    .pu-footer__menu-details_2[_ngcontent-ng-c1130244525] {
        width: 350px
    }
}

.pu-footer__menu-support[_ngcontent-ng-c1130244525] {
    align-items: flex-start
}

@media (min-width: 1280px) {
    .pu-footer__menu-support[_ngcontent-ng-c1130244525] {
        width: 200px
    }
}

@media (min-width: 1920px) {
    .pu-footer__menu-support[_ngcontent-ng-c1130244525] {
        width: 350px
    }
}

@media (min-width: 768px) {
    .pu-footer__bonus[_ngcontent-ng-c1130244525] {
        width: 200px
    }
}

@media (min-width: 1280px) {
    .pu-footer__bonus[_ngcontent-ng-c1130244525] {
        width: 180px
    }
}

@media (min-width: 1366px) {
    .pu-footer__bonus[_ngcontent-ng-c1130244525] {
        width: 210px
    }
}

@media (min-width: 1920px) {
    .pu-footer__bonus[_ngcontent-ng-c1130244525] {
        width: 350px
    }
}

.pu-footer__support-wrapper[_ngcontent-ng-c1130244525] {
    align-items: flex-start
}

@media (min-width: 768px) {
    .pu-footer__support-social[_ngcontent-ng-c1130244525] {
        width: 200px
    }
}

@media (min-width: 1280px) {
    .pu-footer__support-social[_ngcontent-ng-c1130244525] {
        width: 170px
    }
}

@media (min-width: 1366px) {
    .pu-footer__support-social[_ngcontent-ng-c1130244525] {
        width: 220px
    }
}

@media (min-width: 1920px) {
    .pu-footer__support-social[_ngcontent-ng-c1130244525] {
        width: 350px
    }
}

.pu-footer__support-partners[_ngcontent-ng-c1130244525] {
    justify-content: normal;
    padding-bottom: 1rem
}

@media (min-width: 768px) {
    .pu-footer__support-partners[_ngcontent-ng-c1130244525] {
        width: 260px;
        grid-auto-rows: auto;
        padding-bottom: 0
    }
}

@media (min-width: 1280px) {
    .pu-footer__support-partners[_ngcontent-ng-c1130244525] {
        width: 200px
    }
}

@media (min-width: 1920px) {
    .pu-footer__support-partners[_ngcontent-ng-c1130244525] {
        width: 350px
    }
}

@keyframes _ngcontent-ng-c3447366781_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3447366781_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3447366781_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c3447366781] {
    flex-direction: column
}

.pu-footer-logos__swiper[_ngcontent-ng-c3447366781] {
    width: 100%
}

.pu-footer-logos__swiper_providers[_ngcontent-ng-c3447366781], .pu-footer-logos__swiper_payments[_ngcontent-ng-c3447366781] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.pu-footer-logos__swiper_providers[_ngcontent-ng-c3447366781] {
    padding-bottom: .5rem;
    margin-bottom: .5rem
}

@media (min-width: 1280px) {
    .pu-footer-logos__swiper_providers[_ngcontent-ng-c3447366781] {
        padding-bottom: .75rem;
        margin-bottom: .75rem
    }
}

.pu-footer-logos__swiper_providers[_ngcontent-ng-c3447366781]:after {
    content: "";
    position: absolute;
    bottom: 1px;
    display: initial;
    height: 1px;
    background: var(--gradient-divider-horiz);
    left: -1rem;
    right: -1rem
}

@media (min-width: 768px) {
    .pu-footer-logos__swiper_providers[_ngcontent-ng-c3447366781]:after {
        left: -1.5rem;
        right: -1.5rem
    }
}

@media (min-width: 1280px) {
    .pu-footer-logos__swiper_providers[_ngcontent-ng-c3447366781]:after {
        left: -1rem;
        right: -1rem
    }
}

.pu-footer-logos__swiper-slide[_ngcontent-ng-c3447366781] {
    height: 1.5rem;
    width: auto;
    filter: grayscale(100)
}

.pu-footer-logos__swiper-slide[_ngcontent-ng-c3447366781]:hover {
    filter: none
}

@media (min-width: 768px) {
    .pu-footer-logos__swiper-slide[_ngcontent-ng-c3447366781] {
        height: 2rem
    }
}

@media (min-width: 1280px) {
    .pu-footer-logos__swiper-slide[_ngcontent-ng-c3447366781] {
        height: 3rem
    }
}

@keyframes _ngcontent-ng-c3305066215_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3305066215_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3305066215_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c3305066215] {
    display: grid;
    grid-gap: .5rem
}

.pu-footer-apps__title[_ngcontent-ng-c3305066215] {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: var(--color-footer-txt-1)
}

@media (min-width: 768px) {
    .pu-footer-apps__title[_ngcontent-ng-c3305066215] {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500
    }
}

@media (min-width: 1280px) {
    .pu-footer-apps__list[_ngcontent-ng-c3305066215] {
        display: grid;
        grid-auto-flow: column;
        grid-gap: .5rem
    }
}

.pu-footer-apps__list-item[_ngcontent-ng-c3305066215] {
    display: flex;
    align-items: flex-start;
    position: relative;
    justify-content: center
}

.pu-footer-apps__link[_ngcontent-ng-c3305066215] {
    display: flex
}

.pu-footer-apps__link_disabled[_ngcontent-ng-c3305066215] {
    pointer-events: none;
    cursor: none;
    opacity: .3
}

.pu-footer-apps__icon[_ngcontent-ng-c3305066215] {
    width: 120px;
    height: 40px;
    color: var(--color-footer-txt-1);
    border: 1px solid var(--color-bg-8);
    border-radius: .25rem;
    overflow: hidden
}

.pu-footer-apps__icon[_ngcontent-ng-c3305066215]:hover {
    color: var(--color-txt-icon-5);
    background: var(--color-bg-8);
    border-color: var(--color-bg-8)
}
@keyframes _ngcontent-ng-c3476896967_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3476896967_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3476896967_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c3476896967] {
    display: grid;
    grid-auto-flow: column;
    position: relative
}

@media (min-width: 768px) {
    [_nghost-ng-c3476896967] {
        grid-auto-columns: min-content 1fr;
        grid-gap: 1.5rem;
        align-items: center
    }
}

.pu-footer-legal__copyright[_ngcontent-ng-c3476896967] {
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 400;
    color: var(--color-footer-txt-3);
    text-align: center
}

.pu-footer-legal__license[_ngcontent-ng-c3476896967] {
    position: absolute;
    bottom: calc(100% + 1rem);
    right: 0;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    grid-gap: .75rem
}

.pu-footer-legal__license-age[_ngcontent-ng-c3476896967] {
    color: var(--color-footer-txt-2);
    border: 1px solid var(--color-footer-txt-2);
    border-radius: 1.5px;
    padding: 6px .25rem;
    font-size: 13px;
    line-height: 18px
}

@media (min-width: 1280px) {
    .pu-footer-legal__license-age[_ngcontent-ng-c3476896967] {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 700;
        padding: .5rem 5px
    }
}

@media (min-width: 768px) {
    .pu-footer-legal__license[_ngcontent-ng-c3476896967] {
        position: initial
    }
}
[_nghost-ng-c3023915568] {
     display: block
 }
@keyframes _ngcontent-ng-c3060796444_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3060796444_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3060796444_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c3060796444] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.ui-slider-controls_bottom-gap[_nghost-ng-c3060796444] .ui-slider-controls__container[_ngcontent-ng-c3060796444] {
    height: calc(100% - 2px)
}

.pu-footer-logos__swiper-controls[_nghost-ng-c3060796444] .ui-slider-controls__btn[_ngcontent-ng-c3060796444] {
    color: var(--color-footer-txt-3)
}

.ui-slider-controls__btn[_ngcontent-ng-c3060796444] {
    box-sizing: border-box;
    margin: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    letter-spacing: 0;
    text-decoration: none;
    pointer-events: visible;
    display: flex;
    align-items: center;
    width: 50%;
    height: 100%;
    background: transparent
}

.ui-slider-controls__btn[_ngcontent-ng-c3060796444] > *[_ngcontent-ng-c3060796444], .ui-slider-controls__btn[_ngcontent-ng-c3060796444] > *[_ngcontent-ng-c3060796444]:before, .ui-slider-controls__btn[_ngcontent-ng-c3060796444] > *[_ngcontent-ng-c3060796444]:after {
    box-sizing: inherit
}

.ui-slider-controls__btn[_ngcontent-ng-c3060796444]:hover .ui-slider-controls__icon[_ngcontent-ng-c3060796444] {
    transition: .2s ease-in-out;
    transform: scale(1.2)
}

.ui-slider-controls__btn_next[_ngcontent-ng-c3060796444] {
    justify-content: flex-end;
    padding-right: .25rem
}

.ui-slider-controls__container[_ngcontent-ng-c3060796444] {
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
    display: flex;
    width: 44px;
    padding: 0
}

.ui-slider-controls__container_next[_ngcontent-ng-c3060796444] {
    right: 0;
    justify-content: flex-end;
    background: var(--gradient-horiz-tab-scroll)
}

@media (min-width: 768px) {
    .ui-slider-controls__container[_ngcontent-ng-c3060796444] {
        width: 80px
    }
}

@media (min-width: 1280px) {
    .ui-slider-controls__container[_ngcontent-ng-c3060796444] {
        width: 101px
    }
}
@keyframes _ngcontent-ng-c2440473125_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2440473125_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2440473125_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3042007006_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3042007006_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3042007006_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c947985571_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c947985571_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c947985571_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c947985571] {
    position: relative;
    height: 186px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background-color: var(--color-card-bg-1);
    border-radius: 1rem;
    padding: .75rem;
    z-index: 1;
    text-align: left
}

@media (min-width: 375px) {
    [_nghost-ng-c947985571] {
        height: 210px;
        padding: 1rem
    }
}

@media (min-width: 1024px) {
    [_nghost-ng-c947985571] {
        height: 320px;
        padding: 2rem
    }
}

@media (min-width: 1920px) {
    [_nghost-ng-c947985571] {
        height: 480px;
        padding: 3rem
    }
}

[_nghost-ng-c947985571]:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 1rem;
    visibility: visible;
    filter: blur(15px)
}

@media (min-width: 1280px) {
    [_nghost-ng-c947985571]:before {
        visibility: hidden;
        filter: none
    }
}

[_nghost-ng-c947985571]:after {
    content: "";
    position: absolute;
    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;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 1rem;
    z-index: 0;
    visibility: visible
}

@media (min-width: 1280px) {
    [_nghost-ng-c947985571]:after {
        visibility: hidden
    }
}

[_nghost-ng-c947985571]:hover:before {
    visibility: visible;
    filter: blur(15px)
}

[_nghost-ng-c947985571]:hover:after {
    visibility: visible
}

[_nghost-ng-c947985571]:hover .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after, [_nghost-ng-c947985571]:hover .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
    visibility: visible
}

.ui-home-bonus__card-sport[_nghost-ng-c947985571]:before {
    background: linear-gradient(110.74deg, #ff240066, #ff240000)
}

.ui-home-bonus__card-sport[_nghost-ng-c947985571]:after {
    background: linear-gradient(110.74deg, #ff2400cc, #ff240000)
}

.ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
    background-position: bottom 0 right -150px;
    background-size: auto 100%;
    background-image:  url("../../img/bonus-sport-underlay-mob.png")
}

@supports (background-image:url("../../img/bonus-sport-underlay-mob.webp")) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-image: url("../../img/bonus-sport-underlay-mob.webp")
    }
}

@media (min-width: 375px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-position: bottom 0 right -175px
    }
}

@media (min-width: 550px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-position: bottom 0 right -80px
    }
}

@media (min-width: 660px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-position: bottom 0 right -166px
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-position: bottom 0 right -240px;
        background-image: url("../../img/bonus-sport-underlay-desk.png")
    }

    @supports (background-image:url("../../img/bonus-sport-underlay-desk.webp")) {
        .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
            background-image: url("../../img/bonus-sport-underlay-desk.webp")
        }
    }
}

@media (min-width: 1280px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-position: bottom 0 right 50%
    }
}

@media (min-width: 1480px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-position: bottom 0 right 60%
    }
}

@media (min-width: 1680px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-position: bottom 0 right 0
    }
}

.ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571]:after {
    background-image: radial-gradient(84.73% 98.43% at 100% 60.83%, red, #f000);
    z-index: -1
}

.ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after, .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
    background-image: image-set( url("../../img/red-light.png") 1x, url("../../img/red-light@2x.png") 2x)
}

.ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after {
    left: 24px;
    top: -34px
}

@media (min-width: 375px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after {
        left: 37px
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after {
        top: -56px;
        left: 48px
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after {
        top: -84px;
        left: 72px
    }
}

.ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
    bottom: -35px;
    left: 93px
}

@media (min-width: 375px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
        left: 107px
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
        bottom: -56px;
        left: 218px
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
        bottom: -84px;
        left: 343px
    }
}

.ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
    bottom: -1px;
    right: 0;
    width: 170px
}

@media (min-width: 375px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        width: 194px
    }
}

@media (min-width: 550px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        right: 17%
    }
}

@media (min-width: 660px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        right: 0
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        width: 310px
    }
}

@media (min-width: 1280px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        right: 6%
    }
}

@media (min-width: 1480px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        right: 10%
    }
}

@media (min-width: 1680px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        right: 15%
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__card-sport[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        right: 6%;
        width: 465px
    }
}

.ui-home-bonus__card-casino[_nghost-ng-c947985571] {
    align-items: flex-end;
    text-align: right
}

@media (min-width: 1024px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] {
        align-items: flex-start;
        text-align: left
    }
}

.ui-home-bonus__card-casino[_nghost-ng-c947985571]:before {
    background: linear-gradient(110.74deg, #00cfa666, #00cfa600)
}

.ui-home-bonus__card-casino[_nghost-ng-c947985571]:after {
    background: linear-gradient(264.74deg, #00cfa6cc, #00cfa600)
}

@media (min-width: 768px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571]:after {
        background: linear-gradient(110.74deg, #00cfa6cc, #00cfa600)
    }
}

.ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after, .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
    background-image: image-set( url("../../img/green-light.png") 1x, url("../../img/green-light@2x.png") 2x)
}

.ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after {
    right: .25rem;
    top: -34px
}

@media (min-width: 375px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after {
        right: .5rem
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after {
        top: -56px
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after {
        top: -83px;
        right: -14px
    }
}

.ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
    top: 36px;
    left: -34px
}

@media (min-width: 375px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
        top: 44px
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
        top: 83px;
        left: -56px
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
        top: 125px;
        left: -83px
    }
}

.ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
    background-position: bottom left;
    background-size: auto 100%;
    background-image: url("../../img/bonus-casino-underlay-mob.png")
}

@supports (background-image:url("../../img/bonus-casino-underlay-mob.webp")) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-image: url("../../img/bonus-casino-underlay-mob.webp")
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
        background-image: url("../../img/bonus-casino-underlay-desk.png")
    }

    @supports (background-image:url("../../img/bonus-casino-underlay-desk.webp")) {
        .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
            background-image: url("../../img/bonus-casino-underlay-desk.webp")
        }
    }
}

.ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571]:after {
    background-color: unset;
    background-image: radial-gradient(105.93% 112.43% at -14.58% 32.81%, #00ffb2, #00ffd100)
}

@media (min-width: 768px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__underlay[_ngcontent-ng-c947985571]:after {
        background-image: radial-gradient(105.93% 112.43% at 114.58% 68.81%, #00ffb2, #00ffd100)
    }
}

.ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
    bottom: 0;
    left: -.25rem;
    width: 170px
}

@media (min-width: 375px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        width: 218px
    }
}

@media (min-width: 550px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        left: 17%
    }
}

@media (min-width: 660px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        left: 0
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        width: 300px;
        left: auto;
        right: 0
    }
}

@media (min-width: 1280px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        bottom: -1px;
        right: 6%
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__card-casino[_nghost-ng-c947985571] .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        width: 450px
    }
}

.ui-home-bonus__underlay[_ngcontent-ng-c947985571] {
    position: absolute;
    overflow: hidden;
    z-index: unset;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    display: block;
    border-radius: 1rem;
    background-repeat: no-repeat
}

.ui-home-bonus__underlay[_ngcontent-ng-c947985571]:after {
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-card-bg-1);
    position: absolute
}

.ui-home-bonus__lights[_ngcontent-ng-c947985571] {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 1px;
    left: 0;
    right: 1px;
    display: block;
    border-radius: 1rem;
    background-repeat: no-repeat;
    background-size: contain
}

.ui-home-bonus__lights[_ngcontent-ng-c947985571]:after, .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
    content: "";
    position: absolute;
    z-index: 2;
    height: 67px;
    width: 67px;
    background-repeat: no-repeat;
    background-size: contain;
    visibility: visible
}

@media (min-width: 1280px) {
    .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after, .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
        visibility: hidden
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after, .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
        height: 111px;
        width: 111px
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__lights[_ngcontent-ng-c947985571]:after, .ui-home-bonus__lights[_ngcontent-ng-c947985571]:before {
        height: 166px;
        width: 166px
    }
}

.ui-home-bonus__title[_ngcontent-ng-c947985571] {
    position: relative;
    z-index: 2
}

.ui-home-bonus__title-first-line[_ngcontent-ng-c947985571] {
    font-size: 2rem;
    line-height: 2.375rem;
    font-weight: 900
}

@media (min-width: 375px) {
    .ui-home-bonus__title-first-line[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 2.25rem;
        font-weight: 900;
        line-height: 2.25rem
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__title-first-line[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-weight: 900;
        font-size: 3.25rem;
        line-height: 3.25rem
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__title-first-line[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-weight: 900;
        font-size: 5.25rem;
        line-height: 5.25rem
    }
}

.ui-home-bonus__title-second-line[_ngcontent-ng-c947985571] {
    font-family: Banner-Regular-It, sans-serif;
    font-size: 20px;
    line-height: 20px
}

@media (min-width: 375px) {
    .ui-home-bonus__title-second-line[_ngcontent-ng-c947985571] {
        font-size: 24px;
        line-height: 24px
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__title-second-line[_ngcontent-ng-c947985571] {
        font-size: 36px;
        line-height: 36px
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__title-second-line[_ngcontent-ng-c947985571] {
        font-size: 54px;
        line-height: 54px
    }
}

.ui-home-bonus__prize[_ngcontent-ng-c947985571] {
    position: relative;
    z-index: 2
}

.ui-home-bonus__prize-first-line[_ngcontent-ng-c947985571] {
    background: linear-gradient(180deg, #fff 39.5%, #cecece 69.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: Banner-Bold-It, sans-serif;
    font-size: 1.25rem;
    line-height: 1.25rem
}

@media (min-width: 375px) {
    .ui-home-bonus__prize-first-line[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 1.5rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__prize-first-line[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 3rem;
        line-height: 3rem
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__prize-first-line[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 4.5rem;
        line-height: 4.5rem
    }
}

.ui-home-bonus__prize-second-line[_ngcontent-ng-c947985571] {
    background: linear-gradient(180deg, #ffc700 26.48%, #ff8a00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: Banner-Bold-It, sans-serif;
    font-size: 1.875rem;
    line-height: 1.875rem
}

@media (min-width: 375px) {
    .ui-home-bonus__prize-second-line[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 2.25rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__prize-second-line[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 3.5rem;
        line-height: 3.5rem
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__prize-second-line[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 5.25rem;
        line-height: 5.25rem
    }
}

.ui-home-bonus__prize-prefix[_ngcontent-ng-c947985571] {
    background: linear-gradient(180deg, #fff 39.5%, #cecece 69.19%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: Banner-Bold-It, sans-serif;
    font-size: 1rem;
    line-height: 1rem
}

@media (min-width: 375px) {
    .ui-home-bonus__prize-prefix[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 1.25rem;
        line-height: 1.25rem
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__prize-prefix[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 2rem;
        line-height: 2rem
    }
}

@media (min-width: 1920px) {
    .ui-home-bonus__prize-prefix[_ngcontent-ng-c947985571] {
        font-family: Banner-Bold-It, sans-serif;
        font-size: 3rem;
        line-height: 3rem
    }
}

.ui-home-bonus__btn[_ngcontent-ng-c947985571] {
    position: relative;
    z-index: 2
}

@media (min-width: 1920px) {
    .ui-home-bonus__btn[_ngcontent-ng-c947985571] {
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 500;
        height: 69px;
        padding: 0 48px
    }
}

.ui-home-bonus__img[_ngcontent-ng-c947985571] {
    position: absolute;
    z-index: 1;
    height: auto;
    border-radius: 23px;
    overflow: hidden
}

@media (min-width: 768px) {
    .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        border-radius: 22px
    }
}

@media (min-width: 550px) {
    .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        border-radius: 0
    }
}

@media (min-width: 660px) {
    .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        border-radius: 22px
    }
}

@media (min-width: 1024px) {
    .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        border-radius: 16px
    }
}

@media (min-width: 1280px) {
    .ui-home-bonus__img[_ngcontent-ng-c947985571] {
        border-radius: 0
    }
}
@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
    }
}

.pu-footer__seo {
    position: relative
}

.ui-seo-block__summary {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    padding: .5rem 0
}

.ui-seo-block__summary:focus {
    outline: none;
    border: none;
    -moz-outline-style: none
}

@media (min-width: 768px) {
    .ui-seo-block__summary {
        padding: 1rem 0 .5rem
    }
}

.ui-seo-block__summary-wrapper {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    width: 100%
}

.ui-seo-block__summary-wrapper:focus {
    outline: none;
    border: none;
    -moz-outline-style: none
}

.ui-seo-block__chevron {
    color: var(--color-footer-txt-3);
    transform: rotate(90deg);
    transition: .2s ease-in-out
}

.ui-seo-block__content {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    max-height: 224px;
    overflow: auto;
    margin-right: -.75rem;
    padding-right: .75rem;
    padding-bottom: 80px;
    color: var(--color-footer-txt-2)
}

.ui-seo-block__content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: var(--gradient-scroll-shadow);
    pointer-events: none
}
@keyframes _ngcontent-ng-c2822618913_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2822618913_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2822618913_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.pu-footer-details__summary[_ngcontent-ng-c2822618913] {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    width: 100%
}

.pu-footer-details__summary[_ngcontent-ng-c2822618913]:focus {
    outline: none;
    border: none;
    -moz-outline-style: none
}

@media (min-width: 768px) {
    .pu-footer-details__summary[_ngcontent-ng-c2822618913] {
        pointer-events: none
    }
}

.pu-footer-details__title[_ngcontent-ng-c2822618913] {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: var(--color-footer-txt-1)
}

@media (min-width: 768px) {
    .pu-footer-details__title[_ngcontent-ng-c2822618913] {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500
    }
}

.pu-footer-details__list[_ngcontent-ng-c2822618913] {
    padding-top: .25rem
}

@media (min-width: 768px) {
    .pu-footer-details__list[_ngcontent-ng-c2822618913] {
        padding-top: .5rem
    }
}

.pu-footer-details__list-item[_ngcontent-ng-c2822618913] {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    padding-left: .75rem;
    position: relative
}

.pu-footer-details__list-item[_ngcontent-ng-c2822618913]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: var(--color-footer-txt-2)
}

.pu-footer-details__list-item[_ngcontent-ng-c2822618913] + .pu-footer-details__list-item[_ngcontent-ng-c2822618913] {
    margin-top: .25rem
}

.pu-footer-details__list-link[_ngcontent-ng-c2822618913] {
    color: var(--color-footer-txt-2);
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden
}

.pu-footer-details__list-link_hover[_ngcontent-ng-c2822618913] {
    transition: .2s ease-in-out;
    display: block
}

.pu-footer-details__list-link_hover[_ngcontent-ng-c2822618913]:hover {
    transform: scale(1.12) translate(.75rem)
}
@keyframes _ngcontent-ng-c4051505434_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c4051505434_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c4051505434_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c4051505434] {
    display: grid;
    grid-gap: .5rem
}

.pu-footer-support__title[_ngcontent-ng-c4051505434] {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: var(--color-footer-txt-1)
}

@media (min-width: 768px) {
    .pu-footer-support__title[_ngcontent-ng-c4051505434] {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500
    }
}

.pu-footer-support__buttons[_ngcontent-ng-c4051505434] {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: .5rem
}

@media (min-width: 578px) {
    .pu-footer-support__buttons[_ngcontent-ng-c4051505434] {
        grid-auto-flow: column
    }
}

@media (min-width: 768px) {
    .pu-footer-support__buttons[_ngcontent-ng-c4051505434] {
        grid-template-columns:1fr;
        grid-auto-flow: row
    }
}

.pu-footer-support__button[_ngcontent-ng-c4051505434] {
    font-size: .875rem;
    line-height: .875rem;
    font-weight: 500;
    padding-left: .5rem;
    padding-right: .5rem
}

.pu-footer-support__button-icon[_ngcontent-ng-c4051505434] {
    margin-right: .5rem
}
@keyframes _ngcontent-ng-c2538053188_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2538053188_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2538053188_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c2538053188] {
    display: grid;
    grid-auto-rows: min-content 1fr;
    grid-gap: .5rem
}

.pu-footer-bonus__title[_ngcontent-ng-c2538053188] {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: var(--color-footer-txt-1)
}

@media (min-width: 768px) {
    .pu-footer-bonus__title[_ngcontent-ng-c2538053188] {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500
    }
}

.pu-footer-bonus__list[_ngcontent-ng-c2538053188] {
    display: grid;
    grid-gap: 33px;
    grid-auto-flow: column;
    grid-auto-columns: max-content
}

@media (min-width: 768px) {
    .pu-footer-bonus__list[_ngcontent-ng-c2538053188] {
        grid-auto-flow: column;
        grid-gap: 49px
    }
}

.pu-footer-bonus__list-item[_ngcontent-ng-c2538053188] {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    display: grid;
    grid-gap: 2px;
    color: var(--color-footer-txt-3)
}

.pu-footer-bonus__list-item[_ngcontent-ng-c2538053188] + .pu-footer-bonus__list-item[_ngcontent-ng-c2538053188] {
    position: relative
}

.pu-footer-bonus__list-item[_ngcontent-ng-c2538053188] + .pu-footer-bonus__list-item[_ngcontent-ng-c2538053188]:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -1rem;
    height: 1.5rem;
    width: 1px;
    background: var(--color-bg-4)
}

@media (min-width: 768px) {
    .pu-footer-bonus__list-item[_ngcontent-ng-c2538053188] + .pu-footer-bonus__list-item[_ngcontent-ng-c2538053188]:before {
        left: -1.5rem
    }
}
@keyframes _ngcontent-ng-c2995658109_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2995658109_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2995658109_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c2995658109] {
    display: grid;
    grid-gap: .5rem
}

.pu-footer-social_dark[_nghost-ng-c2995658109] .pu-footer-social__icon[_ngcontent-ng-c2995658109] {
    filter: brightness(0) invert(1)
}

.pu-footer-social_dark[_nghost-ng-c2995658109] .pu-footer-social__icon[_ngcontent-ng-c2995658109]:hover {
    filter: none
}

.pu-footer-social__title[_ngcontent-ng-c2995658109] {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: var(--color-footer-txt-1)
}

@media (min-width: 768px) {
    .pu-footer-social__title[_ngcontent-ng-c2995658109] {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 500
    }
}

.pu-footer-social__list[_ngcontent-ng-c2995658109] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-gap: .5rem
}

.pu-footer-social__icon[_ngcontent-ng-c2995658109] {
    width: 40px
}

.pu-footer-social__icon[_ngcontent-ng-c2995658109]:hover {
    filter: none
}

@keyframes _ngcontent-ng-c61637052_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c61637052_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c61637052_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3176171628_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3176171628_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3176171628_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c3176171628] {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: calc(100% + 1rem);
    margin: 0 -.5rem
}

@media (min-width: 1280px) {
    [_nghost-ng-c3176171628] {
        width: auto;
        margin: 0 auto;
        justify-content: center
    }
}

.ui-home-category-tabs[_ngcontent-ng-c3176171628] {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .ui-home-category-tabs[_ngcontent-ng-c3176171628] {
        padding: 0 1rem
    }
}

@media (min-width: 1280px) {
    .ui-home-category-tabs[_ngcontent-ng-c3176171628] {
        padding: 0
    }
}

.ui-home-category-tabs__slide[_ngcontent-ng-c3176171628] {
    min-height: 100%;
    padding-right: .5rem;
    padding-left: .5rem
}

@media (min-width: 768px) {
    .ui-home-category-tabs__slide[_ngcontent-ng-c3176171628] {
        padding-right: .75rem;
        padding-left: .75rem
    }
}
@keyframes _ngcontent-ng-c4258879516_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c4258879516_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c4258879516_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c4258879516] {
    box-sizing: border-box;
    margin: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    letter-spacing: 0;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    padding: .5rem 0 10px;
    min-width: 3rem
}

[_nghost-ng-c4258879516] > *[_ngcontent-ng-c4258879516], [_nghost-ng-c4258879516] > *[_ngcontent-ng-c4258879516]:before, [_nghost-ng-c4258879516] > *[_ngcontent-ng-c4258879516]:after {
    box-sizing: inherit
}

@media (min-width: 375px) {
    [_nghost-ng-c4258879516] {
        padding-bottom: .5rem
    }
}

@media (min-width: 768px) {
    [_nghost-ng-c4258879516] {
        padding: 14px 0 10px
    }
}

@media (min-width: 1280px) {
    [_nghost-ng-c4258879516] {
        padding-bottom: 1rem
    }
}

[_nghost-ng-c4258879516]:not(.ui-category-tab_has-initial-img) .ui-category-tab__img[_ngcontent-ng-c4258879516] {
    filter: var(--filter-color-tabs-icon);
    will-change: filter
}

.ui-category-tab_active[_nghost-ng-c4258879516]:not(.ui-category-tab_has-initial-img) .ui-category-tab__img[_ngcontent-ng-c4258879516] {
    filter: var(--filter-tabs-icon-active)
}

.ui-category-tab_active[_nghost-ng-c4258879516] .ui-category-tab__title[_ngcontent-ng-c4258879516] {
    color: var(--color-tabs-txt-active-1)
}

.ui-category-tab_active[_nghost-ng-c4258879516]:before, .ui-category-tab_active[_nghost-ng-c4258879516]:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translate(-50%)
}

.ui-category-tab_active[_nghost-ng-c4258879516]:before {
    width: 100%;
    height: 1px;
    background: var(--gradient-tab-highlighting)
}

.ui-category-tab_active[_nghost-ng-c4258879516]:after {
    width: 20px;
    height: 3px;
    bottom: 0;
    background: var(--color-brand-primary);
    border-radius: 100px
}

@media (min-width: 1280px) {
    [_nghost-ng-c4258879516]:hover:not(.ui-category-tab_active) {
        transform: scale(1.13)
    }
}

[_nghost-ng-c4258879516]:hover:not(.ui-category-tab_active):not(.ui-category-tab_has-initial-img) .ui-category-tab__img[_ngcontent-ng-c4258879516] {
    filter: var(--filter-color-tabs-icon-hover)
}

[_nghost-ng-c4258879516]:hover:not(.ui-category-tab_active) .ui-category-tab__title[_ngcontent-ng-c4258879516], [_nghost-ng-c4258879516]:hover:not(.ui-category-tab_active) .ui-category-tab__count[_ngcontent-ng-c4258879516] {
    color: var(--color-tabs-txt-hover-1)
}

.ui-category-tab__img[_ngcontent-ng-c4258879516] {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
    object-position: 50% 50%
}

.ui-category-tab__title[_ngcontent-ng-c4258879516] {
    font-size: .625rem;
    line-height: .875rem;
    font-weight: 400;
    white-space: nowrap;
    color: var(--color-tabs-txt)
}

@media (min-width: 375px) {
    .ui-category-tab__title[_ngcontent-ng-c4258879516] {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 400
    }
}

@media (min-width: 768px) {
    .ui-category-tab__title[_ngcontent-ng-c4258879516] {
        font-size: .875rem;
        line-height: 1.125rem;
        font-weight: 400
    }
}
@keyframes _ngcontent-ng-c1270868299_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c1270868299_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c1270868299_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2447560933_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2447560933_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2447560933_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c841188977_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c841188977_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c841188977_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
@keyframes _ngcontent-ng-c2184537721_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c2184537721_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c2184537721_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3120838050_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3120838050_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3120838050_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c3120838050] {
    display: grid;
    grid-gap: .25rem;
    grid-template-columns:1fr 1fr
}

@media (min-width: 609px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 768px) {
    [_nghost-ng-c3120838050] {
        grid-gap: .5rem
    }
}

@media (min-width: 931px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1233px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (min-width: 1280px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1459px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (min-width: 1761px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(6, 1fr)
    }
}

@media (min-width: 2063px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(7, 1fr)
    }
}

@media (min-width: 2365px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(8, 1fr)
    }
}

@media (min-width: 2667px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(9, 1fr)
    }
}

@media (min-width: 2969px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(10, 1fr)
    }
}

@media (min-width: 3271px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(11, 1fr)
    }
}

@media (min-width: 3573px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(12, 1fr)
    }
}

@media (min-width: 3875px) {
    [_nghost-ng-c3120838050] {
        grid-template-columns:repeat(13, 1fr)
    }
}

@keyframes _ngcontent-ng-c822167654_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c822167654_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c822167654_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c822167654] {
    --gradient-angle: 136deg;
    position: relative;
    display: grid;
    border-radius: .25rem;
    transition: transform .3s ease;
    overflow: hidden;
    width: 100%
}

@supports not (aspect-ratio:auto) {
    [_nghost-ng-c822167654] {
        display: flex
    }
}

[_nghost-ng-c822167654]: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;
    display: none;
    z-index: 2;
    width: calc(100% - var(--animation-border-rotation-width) * 2);
    height: calc(100% - var(--animation-border-rotation-width) * 2);
    padding: var(--animation-border-rotation-width);
    pointer-events: none;
    background: linear-gradient(var(--gradient-angle), var(--gradient-hover))
}

[_nghost-ng-c822167654]:hover:not(.ui-game-tile_touch-supported), .ui-game-tile_touched[_nghost-ng-c822167654] {
    transform: scale(1.03);
    z-index: 3
}

[_nghost-ng-c822167654]:hover:not(.ui-game-tile_touch-supported):before, .ui-game-tile_touched[_nghost-ng-c822167654]:before {
    display: block
}

[_nghost-ng-c822167654]:hover:not(.ui-game-tile_touch-supported) .ui-game-tile__bottom[_ngcontent-ng-c822167654], [_nghost-ng-c822167654]:hover:not(.ui-game-tile_touch-supported) .ui-game-tile__labels[_ngcontent-ng-c822167654], .ui-game-tile_touched[_nghost-ng-c822167654] .ui-game-tile__bottom[_ngcontent-ng-c822167654], .ui-game-tile_touched[_nghost-ng-c822167654] .ui-game-tile__labels[_ngcontent-ng-c822167654] {
    opacity: 0
}

[_nghost-ng-c822167654]:hover:not(.ui-game-tile_touch-supported) .ui-game-tile__content[_ngcontent-ng-c822167654], .ui-game-tile_touched[_nghost-ng-c822167654] .ui-game-tile__content[_ngcontent-ng-c822167654] {
    background-color: var(--color-label-game-darker)
}

[_nghost-ng-c822167654]:hover:not(.ui-game-tile_touch-supported) .ui-game-tile__name[_ngcontent-ng-c822167654], [_nghost-ng-c822167654]:hover:not(.ui-game-tile_touch-supported) .ui-game-tile__favorite[_ngcontent-ng-c822167654], .ui-game-tile_touched[_nghost-ng-c822167654] .ui-game-tile__name[_ngcontent-ng-c822167654], .ui-game-tile_touched[_nghost-ng-c822167654] .ui-game-tile__favorite[_ngcontent-ng-c822167654] {
    opacity: 1
}

[_nghost-ng-c822167654]:hover:not(.ui-game-tile_touch-supported) .ui-game-tile__buttons[_ngcontent-ng-c822167654], .ui-game-tile_touched[_nghost-ng-c822167654] .ui-game-tile__buttons[_ngcontent-ng-c822167654] {
    visibility: initial
}

@media (min-width: 1280px) {
    [_nghost-ng-c822167654]:hover:not(.ui-game-tile_touch-supported), .ui-game-tile_touched[_nghost-ng-c822167654] {
        transform: scale(1.08)
    }
}

.ui-game-tile__content[_ngcontent-ng-c822167654] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .5rem;
    z-index: 1;
    border-radius: .25rem;
    overflow: hidden
}

.ui-game-tile__header[_ngcontent-ng-c822167654] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ui-game-tile__name[_ngcontent-ng-c822167654] {
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: var(--color-label-game-tile);
    width: 100%;
    opacity: 0
}

.ui-game-tile__buttons[_ngcontent-ng-c822167654] {
    visibility: hidden;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.ui-game-tile__button[_ngcontent-ng-c822167654] {
    display: flex;
    justify-content: center;
    align-items: center
}

.ui-game-tile__button_demo[_ngcontent-ng-c822167654] {
    margin-top: .5rem
}

.ui-game-tile__picture[_ngcontent-ng-c822167654] {
    grid-area: 1/-1;
    aspect-ratio: 1.3008849558/1;
    position: relative;
    width: 100%
}

@media (min-width: 1280px) {
    .ui-game-tile__picture[_ngcontent-ng-c822167654] {
        aspect-ratio: 1.5154639175/1
    }
}

@supports not (aspect-ratio:auto) {
    .ui-game-tile__picture[_ngcontent-ng-c822167654] {
        padding-bottom: 76.55%
    }

    @media (min-width: 1280px) {
        .ui-game-tile__picture[_ngcontent-ng-c822167654] {
            padding-bottom: 65.52%
        }
    }
}

.ui-game-tile__picture_animated[_ngcontent-ng-c822167654]:not(.pu-img-loaded) {
    background: var(--color-bg-3)
}

.ui-game-tile__picture_animated[_ngcontent-ng-c822167654]:not(.pu-img-loaded):before {
    position: absolute;
    content: "";
    height: 100%;
    width: 90%;
    animation: _ngcontent-ng-c822167654_shine 1.5s linear infinite;
    transform: skew(150deg) translateZ(0);
    background-image: var(--gradients-skeleton-blur)
}

.ui-game-tile__image[_ngcontent-ng-c822167654] {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: .2s linear
}

.ui-game-tile__image.pu-img-loaded[_ngcontent-ng-c822167654] {
    opacity: 1
}

.ui-game-tile__labels[_ngcontent-ng-c822167654] {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .25rem;
    background-image: var(--gradient-corner-shadow-small)
}

.ui-game-tile__label[_ngcontent-ng-c822167654] {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    width: max-content;
    padding: 2px .25rem;
    color: var(--color-label-txt);
    border-radius: 2px;
    text-transform: uppercase
}

.ui-game-tile__label_new[_ngcontent-ng-c822167654] {
    background-color: var(--color-label-new-bg)
}
@keyframes _ngcontent-ng-c289116133_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c289116133_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c289116133_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c289116133] {
    -ms-overflow-style: none;
    scrollbar-width: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    pointer-events: none;
    z-index: 650;
    position: fixed;
    transform: translate(0)
}

[_nghost-ng-c289116133]::-webkit-scrollbar {
    display: none;
    width: 0
}

.pu-sidebar__container[_ngcontent-ng-c289116133] {
    pointer-events: all;
    display: flex;
    background-color: var(--color-sidebar-bg);
    width: 210px;
    height: 100%;
    transition: .2s ease-in-out;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    padding: 1rem 0 0
}

.pu-sidebar__container[_ngcontent-ng-c289116133]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: var(--color-sidebar-line)
}

.pu-sidebar__top[_ngcontent-ng-c289116133] {
    padding: 0 1rem
}

.pu-sidebar__main[_ngcontent-ng-c289116133] {
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 2;
    flex-shrink: 1;
    overflow: auto;
    padding: 0 1rem 112px
}

.pu-sidebar__main[_ngcontent-ng-c289116133]::-webkit-scrollbar {
    display: none;
    width: 0
}

.pu-sidebar__bottom[_ngcontent-ng-c289116133] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
    padding: .75rem 1rem;
    background-color: var(--color-sidebar-bg)
}

.pu-sidebar__bottom[_ngcontent-ng-c289116133]:before {
    content: "";
    width: 100%;
    height: 2.5rem;
    position: absolute;
    left: 0;
    top: -40px;
    z-index: 2;
    background: var(--shadow-sidebar-scrolling-bottom)
}

.pu-sidebar__bottom-btn[_ngcontent-ng-c289116133] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc(50% - .25rem);
    width: 100%;
    transition: .2s ease;
    margin-bottom: .5rem
}

.pu-sidebar__bottom-btn-text[_ngcontent-ng-c289116133] {
    transition: all .2s .2s ease, color 1ms
}

.pu-sidebar__bottom-btn-text_lang[_ngcontent-ng-c289116133] {
    text-transform: uppercase
}

.pu-sidebar__bottom-btn-text_lang-icon[_ngcontent-ng-c289116133] {
    margin-left: .5rem
}

.pu-sidebar__bottom-btn-icon[_ngcontent-ng-c289116133] {
    border-radius: .125rem;
    box-shadow: var(--shadow-lang-icon);
    width: 1.5rem;
    min-width: 1.5rem;
    height: 18px
}

.pu-sidebar__bottom-btn-icon_country[_ngcontent-ng-c289116133] {
    transition: .2s;
    filter: grayscale(1)
}

.pu-sidebar__bottom-btn.ui-button_pressed[_ngcontent-ng-c289116133] .pu-sidebar__bottom-btn-icon_country[_ngcontent-ng-c289116133], .pu-sidebar__bottom-btn[_ngcontent-ng-c289116133]:hover .pu-sidebar__bottom-btn-icon_country[_ngcontent-ng-c289116133] {
    filter: none
}

.pu-sidebar__bottom-dropdowns[_ngcontent-ng-c289116133] {
    width: 100%
}
@keyframes _ngcontent-ng-c682803186_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c682803186_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c682803186_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.pu-sidebar-menu__item[_ngcontent-ng-c682803186] {
    position: relative;
    height: 40px
}

.pu-sidebar-menu__item_divider[_ngcontent-ng-c682803186] {
    margin-top: 5px
}

.pu-sidebar-menu__item_divider[_ngcontent-ng-c682803186]:before {
    position: relative;
    top: -5px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: var(--gradient-menu-divider-2)
}
@keyframes _ngcontent-ng-c1752193816_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c1752193816_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c1752193816_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c1114648187_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c1114648187_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c1114648187_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
@keyframes _ngcontent-ng-c3611666372_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3611666372_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3611666372_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c1490993643_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c1490993643_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c1490993643_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c1490993643] {
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transform: translate(-4px);
    transition: .2s ease-in-out;
    z-index: 1
}

[_nghost-ng-c1490993643]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    opacity: 0;
    transition: .2s ease-in-out;
    transition-delay: .2s;
    background: var(--gradient-accent-menu-highlight)
}

.pu-sidebar:hover[_nghost-ng-c1490993643], .pu-sidebar:hover [_nghost-ng-c1490993643], .ui-right-sidebar_expanded[_nghost-ng-c1490993643], .ui-right-sidebar_expanded [_nghost-ng-c1490993643] {
    opacity: 1;
    transform: translate(0)
}

.pu-sidebar:hover[_nghost-ng-c1490993643]:before, .pu-sidebar:hover [_nghost-ng-c1490993643]:before, .ui-right-sidebar_expanded[_nghost-ng-c1490993643]:before, .ui-right-sidebar_expanded [_nghost-ng-c1490993643]:before {
    opacity: 1
}

.pu-sidebar:hover[_nghost-ng-c1490993643] .ui-sidebar-toggle__wrapper[_ngcontent-ng-c1490993643]:after, .pu-sidebar:hover [_nghost-ng-c1490993643] .ui-sidebar-toggle__wrapper[_ngcontent-ng-c1490993643]:after, .ui-right-sidebar_expanded[_nghost-ng-c1490993643] .ui-sidebar-toggle__wrapper[_ngcontent-ng-c1490993643]:after, .ui-right-sidebar_expanded [_nghost-ng-c1490993643] .ui-sidebar-toggle__wrapper[_ngcontent-ng-c1490993643]:after {
    border-color: var(--color-sidebar-icon)
}

.pu-sidebar:hover[_nghost-ng-c1490993643] .ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:after, .pu-sidebar:hover [_nghost-ng-c1490993643] .ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:after, .pu-sidebar:hover[_nghost-ng-c1490993643] .ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:before, .pu-sidebar:hover [_nghost-ng-c1490993643] .ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:before, .ui-right-sidebar_expanded[_nghost-ng-c1490993643] .ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:after, .ui-right-sidebar_expanded [_nghost-ng-c1490993643] .ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:after, .ui-right-sidebar_expanded[_nghost-ng-c1490993643] .ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:before, .ui-right-sidebar_expanded [_nghost-ng-c1490993643] .ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:before {
    border-color: var(--color-sidebar-icon)
}

.ui-sidebar-toggle__wrapper[_ngcontent-ng-c1490993643] {
    position: absolute;
    top: calc(40.59% - 20px);
    height: 40px;
    width: 40px;
    right: -20px;
    z-index: 1
}

.ui-sidebar-toggle__wrapper[_ngcontent-ng-c1490993643]:before, .ui-sidebar-toggle__wrapper[_ngcontent-ng-c1490993643]:after {
    content: "";
    position: absolute
}

.ui-sidebar-toggle__wrapper[_ngcontent-ng-c1490993643]:before {
    top: -3px;
    bottom: -3px;
    left: calc(50% - 2px);
    background: var(--color-sidebar-bg);
    width: 2px
}

.ui-sidebar-toggle__wrapper[_ngcontent-ng-c1490993643]:after {
    top: -4px;
    left: calc(50% - 1px);
    width: 4px;
    height: 4px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom-left-radius: 3px;
    transition: .2s ease-in-out;
    transition-delay: .2s
}

.ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643] {
    height: 40px;
    width: 40px;
    background-color: var(--color-sidebar-bg);
    border: none;
    border-radius: 4px;
    cursor: pointer
}

.ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:after, .ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:before {
    content: "";
    position: absolute;
    transition: .2s ease-in-out;
    transition-delay: .2s
}

.ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:after {
    top: 0;
    bottom: 0;
    left: calc(50% + 2px);
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid transparent;
    border-left: none
}

.ui-sidebar-toggle__btn[_ngcontent-ng-c1490993643]:before {
    bottom: -4px;
    left: calc(50% - 1px);
    width: 4px;
    height: 4px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-top-left-radius: 3px
}

.ui-sidebar-toggle__content[_ngcontent-ng-c1490993643] {
    z-index: 1;
    position: relative;
    color: var(--color-sidebar-icon);
    transform: rotate(180deg);
    transition: .2s ease-in-out
}
@keyframes _ngcontent-ng-c941384136_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c941384136_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c941384136_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

[_nghost-ng-c941384136] {
    display: flex;
    position: relative
}

.pu-footer-apps__tooltip[_nghost-ng-c941384136] .ui-tooltip__icon[_ngcontent-ng-c941384136] {
    color: var(--color-footer-txt-3)
}

.ui-tooltip__icon[_ngcontent-ng-c941384136] {
    cursor: pointer;
    position: relative
}

.ui-tooltip__template[_ngcontent-ng-c941384136] {
    position: absolute
}

@keyframes _ngcontent-ng-c3947973295_shine {
           0% {
               left: -150%
           }
           to {
               left: 150%
           }
       }

@keyframes _ngcontent-ng-c3947973295_live-flashing {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _ngcontent-ng-c3947973295_blink {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.sf-hidden {
     display: none !important
 }

img[src="data:,"], source[src="data:,"] {
     display: none !important
 }


#wp-admin-bar-aioseo-main .ab-item {
    display: flex !important;
    align-items: center;
}

#wpadminbar #wp-admin-bar-aioseo-main .aioseo-logo.svg {
    height: 21px !important;
}

.description li {
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    line-height: 1rem;
    font-weight: 400;
    padding-left: 0.75rem;
    position: relative;
    color: var(--gray-400);
}

.description li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: var(--color-footer-txt-2);
}

.nav_menu li {
    font-size: 18px;
    list-style: none;
    margin: 0;
}

.description p {
    margin: 10px 0;
    color: var(--gray-400);
    line-height: 22px;
}

.description h2 {
    padding: 8px;
}

.nav_menu, .dropdown_nav_menu {
    margin-left: 0;
    list-style: none;
    padding: 15px;
    border: 1px solid var(--color-sidebar-line);
    box-sizing: border-box;
    white-space: normal;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.nav_menu li, .dropdown_nav_menu li {
    margin-bottom: 10px;
}

.nav_menu a {
    text-decoration:none;
    font-size: 1rem;
}

table td {
    padding: 5px;
    border: 1px solid var(--color-sidebar-line);
    font-size: 14px;
}

.ref_button {
    box-sizing: border-box;
    margin: 0;
    font-family: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    letter-spacing: 0;
    text-decoration: none;
    font-size: .875rem;
    line-height: .875rem;
    font-weight: 500;
    padding: 0.4375rem 1rem;
    display: flex;
    border-radius: 0.25rem;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    line-height: 24px;
    position: relative;
    color: var(--color-button-secondary-txt);
    transition: .3s linear;
    justify-content: center;
    text-align: center;
    min-width: 132px;
    max-width: 360px;
    margin: 1rem auto;
}

.ref_button: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);
}

.ref_button:hover {
    background: var(--color-button-secondary-bg-hover);
    color: var(--color-button-secondary-txt-hover);
}

.pu-footer-seo__summary-wrapper {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
}

.pu-footer-seo__summary {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    padding: .5rem 0;
}

.pu-footer__seo[open] .pu-footer-seo__chevron {
    transform: rotate(-90deg);
}

.pu-footer-seo__chevron {
    color: var(--color-footer-txt-3);
    transition: .2s ease-in-out;
}

.pu-footer-seo__content {
    font-size: 0.9rem;
    line-height: 1rem;
    font-weight: 400;
    max-height: 455px;
    overflow: auto;
    margin-right: -.75rem;
    padding-right: .75rem;
    padding-bottom: 80px;
    color: var(--color-footer-txt-2);
}

[_nghost-ng-c2151911230] {
    display: none;
}

.pu-header__logo.ng-star-inserted {
    display:none;
}

@media (max-width: 1280px) {
    
    .pu-header__logo.ng-star-inserted {
        display:block;
    }
    
    .pu-sidebar__container[_ngcontent-ng-c289116133] {
        display: none;
    }

    [_nghost-ng-c1130244525] {
        display: block;
    }

    .pu-header__logo[_ngcontent-ng-c3466579256] {
        padding-top: .5rem;
    }

    .pu-footer__menu-support[_ngcontent-ng-c1130244525] {
        width: 100%;
    }

    .pu-footer__support-wrapper[_ngcontent-ng-c1130244525] {
        flex-direction: column;
        gap: 10px;
    }

    .pu-footer-bonus__list[_ngcontent-ng-c2538053188] {
        grid-auto-flow: row;
        grid-auto-rows: max-content;
        grid-gap: .5rem;
    }

    .pu-footer-apps__list-item.ng-star-inserted, .ui-slider-controls_bottom-gap[_nghost-ng-c3060796444] .ui-slider-controls__container[_ngcontent-ng-c3060796444] {
        display: none;
    }

    .pu-footer-apps__list-item[_ngcontent-ng-c3305066215] {
        margin-bottom: 12px;
    }

    .pu-footer__menu[_ngcontent-ng-c1130244525]:after {
        bottom: 5px;
    }

    .pu-footer__menu[_ngcontent-ng-c1130244525]:after, .pu-footer__menu[_ngcontent-ng-c1130244525]:before {
        top: 10px;
    }

    .pu-footer-logos__swiper[_ngcontent-ng-c3447366781] .swiper-wrapper {
        overflow-y: auto;
        transform: none !important;
    }

    [_nghost-ng-c2151911230] {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 2px;
        align-items: stretch;
        z-index: 600;
        box-shadow: var(--shadow-navbar-tabs);
        background-color: var(--color-navbar-bg);
        transition: bottom .6s;
        padding-bottom: env(safe-area-inset-bottom, 1rem);
    }

    .navbar-tab[_ngcontent-ng-c1609573616] {
        display: grid;
        text-align: center;
        grid-gap: 2px;
        text-decoration: none;
        padding: .5rem 0;
    }

    .navbar-tab[_ngcontent-ng-c1609573616] {
        grid-gap: 0;
    }

    .navbar-tab__text[_ngcontent-ng-c1609573616], .navbar-tab-btn__text[_ngcontent-ng-c1609573616] {
        font-size: .625rem;
        line-height: .875rem;
        font-weight: 400;
        color: var(--color-navbar-txt);
        white-space: nowrap;
    }

    .navbar-tab__text[_ngcontent-ng-c1609573616], .navbar-tab-btn__text[_ngcontent-ng-c1609573616] {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 400;
    }

    .navbar-tab__icon[_ngcontent-ng-c1609573616] {
        color: var(--color-navbar-icon);
    }

    .navbar-tab-btn[_ngcontent-ng-c1609573616] {
        box-sizing: border-box;
        margin: 0;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background: none;
        -webkit-appearance: none;
        appearance: none;
        border: 0;
        cursor: pointer;
        letter-spacing: 0;
        text-decoration: none;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 6px 0 .5rem;
    }

    .navbar-tab-btn[_ngcontent-ng-c1609573616] {
        padding-top: .25rem;
    }

    .navbar-tab-btn[_ngcontent-ng-c1609573616]>*[_ngcontent-ng-c1609573616], .navbar-tab-btn[_ngcontent-ng-c1609573616]>*[_ngcontent-ng-c1609573616]:before, .navbar-tab-btn[_ngcontent-ng-c1609573616]>*[_ngcontent-ng-c1609573616]:after {
        box-sizing: inherit;
    }
}