@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";
.cdk-overlay-container,.cdk-global-overlay-wrapper{
pointer-events:none;
top:0;
left:0;
height:100%;
width:100%
}
body {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.cdk-overlay-container{
position:fixed;
z-index:1000
}
.cdk-overlay-container:empty{
display:none
}
.cdk-global-overlay-wrapper{
display:flex;
position:absolute;
z-index:1000
}
.cdk-overlay-pane{
position:absolute;
pointer-events:auto;
box-sizing:border-box;
z-index:1000;
display:flex;
max-width:100%;
max-height:100%
}
.cdk-overlay-backdrop{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:1000;
pointer-events:auto;
-webkit-tap-highlight-color:rgba(0,0,0,0);
transition:opacity .4s cubic-bezier(.25,.8,.25,1);
opacity:0
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{
opacity:1
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{
opacity:.6
}
.cdk-overlay-dark-backdrop{
background:rgba(0,0,0,.32)
}
.cdk-overlay-transparent-backdrop{
transition:visibility 1ms linear,opacity 1ms linear;
visibility:hidden;
opacity:1
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{
opacity:0;
visibility:visible
}
.cdk-overlay-backdrop-noop-animation{
transition:none
}
.cdk-overlay-connected-position-bounding-box{
position:absolute;
z-index:1000;
display:flex;
flex-direction:column;
min-width:1px;
min-height:1px
}
.cdk-global-scrollblock{
position:fixed;
width:100%;
overflow-y:scroll
}
.cdk-visually-hidden{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
white-space:nowrap;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
left:0
}
[dir=rtl] .cdk-visually-hidden{
left:auto;
right:0
}
@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");font-weight:400;font-style:normal}
:root{
--swiper-theme-color: #007aff
}
.swiper{
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden;
list-style:none;
padding:0;
z-index:1
}
.swiper-vertical>.swiper-wrapper{
flex-direction:column
}
.swiper-wrapper{
position:relative;
width:100%;
height:100%;
z-index:1;
display:flex;
transition-property:transform;
box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-wrapper{
transform:translateZ(0)
}
.swiper-pointer-events{
touch-action:pan-y
}
.swiper-pointer-events.swiper-vertical{
touch-action:pan-x
}
.swiper-slide{
flex-shrink:0;
width:100%;
height:100%;
position:relative;
transition-property:transform
}
.swiper-slide-invisible-blank{
visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
height:auto
}
.swiper-autoheight .swiper-wrapper{
align-items:flex-start;
transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide{
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{
perspective:1200px
}
.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{
transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
pointer-events:none;
z-index:10
}
.swiper-3d .swiper-slide-shadow{
background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left{
background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right{
background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top{
background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom{
background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper{
overflow:auto;
scrollbar-width:none;
-ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{
scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{
scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper:before{
content:"";
flex-shrink:0;
order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
-webkit-margin-start:var(--swiper-centered-offset-before);
margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before{
height:100%;
width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
-webkit-margin-before:var(--swiper-centered-offset-before);
margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before{
width:100%;
height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide{
scroll-snap-align:center center;
scroll-snap-stop:always
}
:root{
--color-brand-primary: #ff2400;
--color-brand-secondary: #00cfa6;
--color-additionals-danger: #ff2400;
--color-additionals-success: #00cfa6;
--color-additionals-warning: #ffc700;
--color-additionals-favorites: #ffc700;
--color-brand-secondary-light: rgba(0, 207, 166, .15);
--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: #444852;
--color-button-secondary-txt-hover: #444852;
--color-button-secondary-txt-pressed: #c2c4c9;
--color-button-secondary-icon: #ff2400;
--color-button-secondary-icon-hover: #444852;
--color-button-secondary-icon-pressed: #c2c4c9;
--color-button-tertiary-strk: #444852;
--color-button-tertiary-strk-hover: 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: #80858f;
--color-button-tertiary-txt-hover: #c2c4c9;
--color-button-tertiary-txt-pressed: #c2c4c9;
--color-button-link-txt: #80858f;
--color-button-link-txt-pressed: #444852;
--color-button-special-bg-1: rgba(255, 255, 255, 0.85);
--color-button-special-bg-pressed-1: #ddd;
--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: rgb(255, 255, 255);
--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: #444852;
--color-button-special-txt-pressed-2: #c2c4c9;
--color-button-special-strk-2: #444852;
--color-button-special-txt-3: #444852;
--color-button-special-txt-pressed-3: #c2c4c9;
--color-button-special-strk-3: #444852;
--color-button-special-bg-pressed-3: rgba(13, 16, 22, .4);
--color-bg-1: #ffffff;
--color-bg-2: #585858
;
--color-bg-3: #1b1f28;
--color-bg-4: #232834;
--color-bg-5: #80858f;
--color-bg-6: #a7aab1;
--color-bg-7: #c2c4c9;
--color-bg-8: #444852;
--shadow-welcome-banner: 0px 0px 10px rgba(0, 0, 0, .3);
--color-txt-icon-1: #444852;
--color-txt-icon-2: #c2c4c9;
--color-txt-icon-3: #80858f;
--color-txt-icon-4: #444852;
--color-txt-icon-5: #ddd;
--color-txt-icon-banner-1: #444852;
--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-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%, #ddd 81.82%);
--gradient-horiz-tab-scroll: linear-gradient(270deg, #ddd 0%, rgba(13, 16, 22, 0) 86.76%);
--gradient-horiz-tab-scroll-padding-24: linear-gradient(270deg, #ddd 28.47%, rgba(255, 255, 255, 0) 86.76%);
--gradient-horiz-tab-scroll-rotate: linear-gradient(90deg, #ddd 0%, rgba(13, 16, 22, 0) 86.76%);
--gradient-horiz-tab-scroll-padding-24-rotate: linear-gradient(90deg, #ddd 28.47%, rgba(255, 255, 255, 0) 86.76%);
--gradient-progressbar: linear-gradient(90deg, #ffc700 79.95%, rgba(255, 199, 0, 0) 100%);
--gradient-selected-point: linear-gradient(98.86deg, #00cfa6 0%, rgba(0, 207, 166, .2) 100%);
--gradient-sidebar-bottom-down: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, #ddd 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%, #ddd 64.77%);
--gradient-corner-shadow-small: linear-gradient(128.83deg, #ddd 0%, rgba(13, 16, 22, 0) 23.69%);
--gradient-corner-shadow-big: linear-gradient(120.62deg, #ddd 0%, rgba(13, 16, 22, 0) 39.74%);
--gradients-graphics-mobile-cards: linear-gradient( 360deg, rgba(19, 23, 31, .3) 0%, rgba(19, 23, 31, .243) 33.56%, rgba(19, 23, 31, 0) 100% ), linear-gradient(360deg, #585858
 0%, rgba(19, 23, 31, .81) 33.56%, rgba(19, 23, 31, 0) 100%);
--gradients-graphics-desktop-cards: linear-gradient( 0deg, rgba(19, 23, 31, .3) 0%, rgba(19, 23, 31, .243) 22.77%, rgba(19, 23, 31, 0) 67.86% ), linear-gradient(0deg, #585858
 0%, rgba(19, 23, 31, .81) 22.77%, rgba(19, 23, 31, 0) 67.86%);
--gradients-tournaments-sidebar-picture: linear-gradient(180deg, rgba(13, 16, 22, 0) 0%, #ddd 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% );
--color-menu-icon: #80858f;
--color-menu-icon-hover: #444852;
--color-menu-icon-active: #ff2400;
--color-menu-icon-secondary: #80858f;
--color-menu-text: #80858f;
--color-menu-text-hover: #444852;
--color-menu-text-active: #444852;
--color-menu-bg: #232834;
--color-menu-bg-2: #585858
;
--color-menu-bg-hover: #1b1f28;
--color-menu-bg-hover-2: #ddd;
--color-menu-bg-line: #1b1f28;
--color-menu-bg-gradient: linear-gradient(90deg, #1b1f28 0%, rgba(27, 31, 40, 0) 100%);
--shadow-menu-hover: 0px 1px 3px rgba(0, 0, 0, .5);
--shadow-menu-hover-2: 0px 1px 3px rgba(0, 0, 0, .5);
--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-lottery-ticket: 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);
--color-sidebar-icon: #00cfa6;
--color-sidebar-icon-hover: #00cfa6;
--color-sidebar-icon-2: #80858f;
--color-sidebar-icon-hover-2: #80858f;
--color-sidebar-bg: #ddd;
--color-sidebar-bg-secondary: #ddd;
--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: #ddd;
--color-headers-bg-secondary: #585858
;
--color-headers-bg-tertiary: #1b1f28;
--color-headers-bg-quaternary: #232834;
--color-headers-bg-grad: linear-gradient(270deg, #585858
 0%, rgba(19, 23, 31, 0) 86.76%);
--color-headers-txt-icon: #444852;
--color-headers-txt-icon-secondary: #80858f;
--color-headers-txt-icon-tertiary: #444852;
--shadow-headers-bg: 0px 0px 12px 0px rgba(255, 255, 255, .1);
--shadow-headers: 0px 4px 10px rgba(0, 0, 0, .4);
--color-footer-txt-1: #444852;
--color-footer-txt-2: #80858f;
--color-footer-txt-3: #80858f;
--color-breadcrumbs-txt-icon: #444852;
--color-tabs-icon: #80858f;
--color-tabs-icon-hover: #444852;
--color-tabs-icon-active: #ff2400;
--color-tabs-bg: #ddd;
--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: #80858f;
--color-tabs-txt-active-1: #444852;
--color-tabs-txt-hover-1: #444852;
--color-tabs-txt-active-2: #444852;
--color-tabs-tag-txt: #ffc700;
--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: #80858f;
--color-navbar-icon-active: #444852;
--color-navbar-bg: #ddd;
--color-navbar-txt: #80858f;
--color-navbar-txt-active: #444852;
--color-navbar-tag-txt: #ffc700;
--color-filters-sorting-icon: #80858f;
--color-filters-sorting-icon-hover: #c2c4c9;
--color-filters-sorting-icon-active: #444852;
--color-filters-sorting-bg: #232834;
--color-filters-sorting-bg-active: #1b1f28;
--color-filters-sorting-txt-active: #444852;
--color-filters-sorting-txt: #80858f;
--color-filters-search-icon-1: #80858f;
--color-filters-search-icon-2: #80858f;
--color-filters-search-bg: #1b1f28;
--color-filters-search-txt-placeholder: #80858f;
--color-filters-search-txt-filling: #444852;
--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%), #232834;
--color-providers-bg-hover: #2d3443;
--color-providers-bg-active: #ddd;
--color-providers-hover-light: rgba(255, 255, 255, .05);
--color-providers-txt-title: #444852;
--color-providers-tag-txt: #ffc700;
--color-providers-tag-highlight: linear-gradient(135.14deg, #ffc700 0%, rgba(13, 16, 22, .2) 54%);
--color-search-result-txt-title: #80858f;
--color-search-result-txt-placeholder: #444852;
--color-search-result-txt-name: #444852;
--color-search-result-txt-highlight: #00cfa6;
--color-search-result-darker-mob: rgba(13, 16, 22, .9);
--color-label-in-bottom-text: #444852;
--color-label-in-bottom-bg: rgba(13, 16, 22, .65);
--color-label-txt: #444852;
--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);
--color-label-game-tile: #c2c4c9;
--color-label-game-empty-star: #444852;
--color-label-game-darker: rgba(13, 16, 22, .7);
--color-label-winner-bg: rgba(13, 16, 22, .95);
--color-label-winner-bg-hover: #ddd;
--shadow-label-winner-bg-hover: 0px 0px 8px rgba(0, 0, 0, .5);
--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-active: #00cfa6;
--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-bg: linear-gradient(144.73deg, #e3e3e3 15.19%, #444852 56.91%);
--color-toggle-circle-strk: linear-gradient(90deg, #444852 -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-txt: #80858f;
--color-checkbox-point: #444852;
--border-checkbox: 1px solid var(--color-checkbox-strk);
--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-active: #00cfa6;
--color-radiobutton-strk: #444852;
--color-radiobutton-circle-bg: linear-gradient(144.73deg, #e3e3e3 15.19%, #444852 56.91%);
--color-radiobutton-circle-bg-active: linear-gradient(141.95deg, #01cfa6 25.7%, #007e65 100%);
--color-radiobutton-circle-strk: #444852;
--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: #444852;
--shadow-stepper-txt-point: 0px 0px 4px rgba(0, 0, 0, .2);
--shadow-controls-inner-right: -1px 1px 2px 0px #ddd66 inset;
--shadow-controls-inner-left: 1px 1px 2px 0px #ddd66 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: #444852;
--color-input-border-focus: #80858f;
--color-input-border-uneditable: #232834;
--color-input-bg-label-1: #ddd;
--color-input-bg-label-2: #585858
;
--color-input-bg-label-3: #ddd;
--color-input-txt-label: #80858f;
--color-input-txt-label-focus: #80858f;
--color-input-txt-placeholder: #444852;
--color-input-txt-filled: #444852;
--color-input-hint-txt: #80858f;
--color-input-hint-icon: #00cfa6;
--color-input-hint-bg: #585858
;
--color-input-list-bg: #232834;
--color-input-list-bg-hover: #1b1f28;
--color-input-list-bg-active: #1b1f28;
--color-input-list-txt: #80858f;
--color-input-list-txt-hover: #80858f;
--color-input-list-txt-active: #444852;
--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: #232834;
--color-cashbox-switch-ic-passive: #232834;
--color-cashbox-switch-ic-active: #444852;
--color-cashbox-cardholder-bg-1: #1b1f28;
--color-cashbox-cardholder-bg-2: #ddd;
--color-cashbox-cardholder-bg-3: #232834;
--color-cashbox-payment-bg-default: #1b1f28;
--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: #1b1f28;
--color-cashbox-conclusion-status-bg-2: #232834;
--color-cashbox-conclusion-status-txt-1: #80858f;
--color-cashbox-conclusion-status-txt-2: #444852;
--color-cashbox-comment-line: #1b1f28;
--color-cashbox-header-bg-1: #1b1f28;
--color-cashbox-header-bg-2: #232834;
--color-cashbox-header-txt-1: #444852;
--color-cashbox-header-txt-2: #80858f;
--color-cashbox-related-method-bg: #232834;
--color-cashbox-related-method-stroke: transparent;
--color-cashbox-related-method-txt: #444852;
--color-cashbox-related-method-txt-secondary: #80858f;
--color-cashbox-tabs-cdk-bg-1: #1b1f28;
--color-cashbox-tabs-cdk-bg-2: #232834;
--color-cashbox-bg-1: #1b1f28;
--color-cashbox-bg-2: #585858
;
--shadow-front-card: 0px 0px 8px rgba(0, 0, 0, .5);
--color-pop-up-bg-header: #232834;
--color-pop-up-bg-body: #1b1f28;
--color-pop-up-line: #585858
;
--color-pop-up-bg-toast: #232834;
--color-pop-up-txt-header: #444852;
--color-pop-up-txt-body: #c2c4c9;
--color-pop-up-ic-close: #80858f;
--color-pop-up-overlay-darken: rgba(13, 16, 22, .7);
--animation-border-rotation-width: 1px;
--shadow-provider-card: 0px 0px 4px rgba(0, 0, 0, .2);
--color-transparent: transparent;
--color-white: #444852;
--color-overlay-backdrop: var(--color-bg-1);
--pincoins-exchange-bg: url(/assets/pincoins/exchange-bg_dark.svg);
--gift-box-bg: url(/assets/gift-box/gift-box-bg_dark.svg);
--gift-box-widget-bg: url(/assets/gift-box/widget/widget-box-bg_dark.svg);
--gift-box-card-bg-mobile: url(/assets/gift-box/page/box-bg-mobile_dark.svg);
--gift-box-card-bg-desktop: url(/assets/gift-box/page/box-bg-desktop_dark.svg);
--gift-box-card-dots: url(/assets/gift-box/page/dots_dark.svg);
--gift-box-history-card-dots: url(/assets/gift-box/history/dots-middle_dark.svg);
--color-card-bg-1: #585858
;
--color-card-bg-2: #1b1f28;
--color-card-bg-3: #1b1f28;
--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: #444852;
--color-card-txt-2: #80858f;
--color-card-txt-3: #444852;
--color-card-txt-4: #444852;
--color-card-txt-5: #444852;
--color-banner-txt-icon: #444852;
--color-profile-txt-1: #444852;
--color-profile-txt-2: #80858f;
--color-profile-txt-3: #80858f;
--color-profile-txt-4: #444852;
--color-profile-table-bg-1: #585858
;
--color-profile-table-line-1: #1b1f28;
--color-profile-table-txt-header: #444852;
--color-profile-table-txt-1: #c2c4c9;
--color-profile-table-txt-2: #80858f;
--color-progressbar-full: #ffc700;
--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%);
--content-summary-chevron: url(/assets/content-page/summary-chevron_light.svg);
--not-found-page-bg: #000211;
color:#fff;
background:var(--color-bg-1)
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
button,input[type=button],input[type=submit],input[type=reset],input[type=file]{
border-radius:0
}
input[type=text]::-ms-clear{
display:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
body{
line-height:1
}
sup{
vertical-align:super
}
sub{
vertical-align:sub
}
ol,ul{
list-style:none
}
blockquote,q{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
content:"";
content:none
}
table{
border-collapse:collapse;
border-spacing:0
}
*{
box-sizing:border-box;
margin:0;
padding:0
}
img,picture{
display:block;
max-width:100%
}
summary::-webkit-details-marker{
content:"";
display:none
}
@font-face{
font-family:Pinup-Bold-It;
src:url(../fonts/Pinup-Bold-It.eot);
src:url(../fonts/Pinup-Bold-It.eot#iefix) format("embedded-opentype"),url(../fonts/Pinup-Bold-It.woff2) format("woff2"),url(../fonts/Pinup-Bold-It.woff) format("woff"),url(../fonts/Pinup-Bold-It.ttf) format("truetype");
font-weight:700;
font-style:normal;
font-display:swap
}
div.cdk-overlay-container>div.cdk-global-overlay-wrapper>div[id*=cdk-overlay-].cdk-overlay-pane{
display:flex!important
}
.cdk-overlay-backdrop.pu-overlay-backdrop{
background-color:var(--color-pop-up-overlay-darken)
}
.cdk-overlay-backdrop.pu-overlay-backdrop.shadow{
background-color:#000c;
z-index:1001
}
.pu-overlay-panel{
display:flex;
flex-direction:column;
cursor:auto;
height:100%;
justify-content:flex-end
}
@media (min-width: 768px){
.pu-overlay-panel{
justify-content:center
}

}
.pu-overlay-panel_full-width{
width:100%;
display:flex;
justify-content:center;
align-items:center
}
.pu-overlay-panel_full-screen{
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center
}
.pu-overlay-panel_navbar{
display:flex;
flex-direction:column;
height:100%;
justify-content:flex-end
}
.pu-overlay-panel_full-screen-with-header{
display:flex;
align-self:flex-end;
justify-content:center;
align-items:center;
height:calc(100% - 40px);
width:100%
}
@media (min-width: 768px){
.pu-overlay-panel_full-screen-with-header{
height:calc(100% - 64px)
}

}
.pu-overlay-panel-cashbox{
height:100%;
display:flex;
align-items:center
}
.ui-icon{
display:flex;
align-items:center;
justify-content:center
}
.ui-icon-svg.\32xs{
height:12px;
width:12px
}
.ui-icon-svg.xs{
height:16px;
width:16px
}
.ui-icon-svg.s{
height:20px;
width:20px
}
.ui-icon-svg.m{
height:24px;
width:24px
}
.ui-icon-svg.l{
height:32px;
width:32px
}
.ui-icon-svg.xl{
height:40px;
width:40px
}
.ui-icon-svg.\32xl{
height:48px;
width:48px
}
.ui-icon-svg.\34xl{
height:96px;
width:96px
}
@media (min-width: 768px){
.md\:ui-icon_s .ui-icon-svg{
height:20px;
width:20px
}
.md\:ui-icon_l .ui-icon-svg{
height:32px;
width:32px
}
.md\:ui-icon_xl .ui-icon-svg{
height:40px;
width:40px
}
.md\:ui-icon_4xl .ui-icon-svg{
height:96px;
width:96px
}

}
@media (min-width: 1280px){
.xl\:ui-icon_2xl .ui-icon-svg{
height:48px;
width:48px
}

}
@media (min-width: 768px){
.navbar-sheet__close-icon .ui-icon-svg.m{
width:45px;
height:45px
}

}
.ui-language-icon svg{
border-radius:.125rem;
box-shadow:var(--shadow-lang-icon)
}
@media (min-width: 768px){
.ui-dialog-header__close-icon .ui-icon-svg.s{
width:24px;
height:24px
}

}
.pu-casino-search__placeholder .ui-icon-svg{
width:144px;
height:144px
}
@media (min-width: 1280px){
.pu-casino-search__placeholder .ui-icon-svg{
width:268px;
height:268px
}

}
@media (min-width: 768px){
.pu-dialog-body__restricted .ui-icon-svg{
width:96px;
height:96px
}

}
.ui-odds__arrow .ui-icon-svg{
width:8px;
height:8px
}
.ui-button{
box-sizing:border-box;
margin:0;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
display:inline-block;
background:none;
-webkit-appearance:none;
appearance:none;
border:0;
padding:0;
cursor:pointer;
letter-spacing:0;
text-decoration:none;
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.4375rem 1rem;
display:flex;
border-radius:.25rem;
align-items:center
}
.ui-button>*,.ui-button>*:before,.ui-button>*:after{
box-sizing:inherit
}
.ui-button::-moz-focus-inner{
border:0
}
.ui-button .ui-icon+span{
margin-left:.5rem
}
.ui-button .ui-icon-svg.m{
width:12px;
height:12px
}
.ui-button.ui-button_primary-animation:after{
width:calc(100% + 24px);
height:calc(100% + 24px)
}
.ui-button.ui-button_quaternary{
font-size:.75rem;
line-height:.75rem;
padding:.5rem 0;
font-weight:400
}
.ui-button.ui-button_quaternary:not(:disabled):hover,.ui-button.ui-button_quaternary.ui-button_pressed,.ui-button.ui-button_quaternary:active{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:6px 0 .5rem
}
.ui-button.ui-button_only-icon{
padding:6px
}
.ui-button.ui-button_only-icon .ui-icon-svg.m{
width:16px;
height:16px
}
.ui-button.ui-button_only-icon.ui-button_quaternary:hover,.ui-button.ui-button_only-icon.ui-button_quaternary:active,.ui-button.ui-button_only-icon.ui-button_quaternary.ui-button_pressed{
padding:4px
}
.ui-button.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m{
width:20px;
height:20px
}
.ui-button.ui-button_special-demo,.ui-button.ui-button_special-demo-search{
font-size:.75rem;
line-height:.75rem;
padding:7px 28px
}
.ui-button.ui-button_special-go-top{
padding:.5rem
}
.ui-button.ui-button_special-go-top:hover:not(:disabled),.ui-button.ui-button_special-go-top:active,.ui-button.ui-button_special-go-top.ui-button_pressed{
padding-bottom:18px
}
.ui-button.ui-button_special-go-top .ui-icon-svg.m{
width:24px;
height:24px
}
.ui-button_m{
font-size:1rem;
line-height:1rem;
font-weight:500;
padding:.5rem 1.5rem;
line-height:24px
}
.ui-button_m .ui-icon+span{
margin-left:.5rem
}
.ui-button_m .ui-icon-svg.m{
width:20px;
height:20px
}
.ui-button_m.ui-button_secondary{
padding:.5rem 1rem
}
.ui-button_m.ui-button_secondary .ui-icon-svg.m{
width:24px;
height:24px
}
.ui-button_m.ui-button_tertiary{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.5rem 1rem;
line-height:24px
}
.ui-button_m.ui-button_tertiary .ui-icon-svg.m{
width:24px;
height:24px
}
.ui-button_m.ui-button_quaternary{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.5rem 0;
line-height:20px
}
.ui-button_m.ui-button_quaternary:not(:disabled):hover,.ui-button_m.ui-button_quaternary:active,.ui-button_m.ui-button_quaternary.ui-button_pressed{
font-size:1rem;
line-height:1rem;
font-weight:500;
line-height:20px;
padding:.5rem 0
}
.ui-button_m.ui-button_only-icon{
padding:.5rem
}
.ui-button_m.ui-button_only-icon .ui-icon-svg.m{
width:24px;
height:24px
}
.ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m{
width:20px;
height:20px
}
.ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,.ui-button_m.ui-button_only-icon.ui-button_quaternary:active,.ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed{
padding:6px
}
.ui-button_m.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button_m.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m{
width:24px;
height:24px
}
.ui-button_m.ui-button_only-icon.ui-button_text-hover:hover{
padding:.5rem 1rem
}
.ui-button_m.ui-button_special-demo{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.75rem 44px
}
.ui-button_l{
font-size:1rem;
line-height:1rem;
font-weight:500;
padding:.6875rem 2rem;
line-height:24px
}
.ui-button_l .ui-icon+span{
margin-left:.5rem
}
.ui-button_l .ui-icon-svg.m{
width:24px;
height:24px
}
.ui-button_l.ui-button_secondary{
padding:.6875rem 1.5rem
}
.ui-button_l.ui-button_tertiary{
padding:.5rem 1.5rem
}
.ui-button_l.ui-button_quaternary{
font-size:1rem;
line-height:1rem;
font-weight:500;
padding:.5rem 0;
line-height:24px
}
.ui-button_l.ui-button_quaternary:not(:disabled):hover,.ui-button_l.ui-button_quaternary:active,.ui-button_l.ui-button_quaternary.ui-button_pressed{
font-size:1.125rem;
line-height:1.125rem;
font-weight:500;
line-height:24px;
padding:.5rem 0
}
.ui-button_l.ui-button_only-icon{
padding:7px
}
.ui-button_l.ui-button_only-icon .ui-icon-svg.m{
width:32px;
height:32px
}
.ui-button_l.ui-button_only-icon.ui-button_tertiary{
padding:.25rem
}
.ui-button_l.ui-button_only-icon.ui-button_quaternary{
padding:.5rem
}
.ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m{
width:24px;
height:24px
}
.ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,.ui-button_l.ui-button_only-icon.ui-button_quaternary:active,.ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed{
padding:4px
}
.ui-button_l.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.ui-button_l.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m{
width:32px;
height:32px
}
.ui-button_l.ui-button_special-demo{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:1rem 2rem
}
.ui-button_primary,.ui-button_primary-animation{
background:var(--color-button-primary-bg);
color:var(--color-button-primary-txt);
position:relative
}
.ui-button_primary:active,.ui-button_primary.ui-button_pressed,.ui-button_primary-animation:active,.ui-button_primary-animation.ui-button_pressed{
color:var(--color-button-primary-txt-pressed);
background:var(--color-button-primary-bg-pressed)
}
.ui-button_primary:not(.ui-button_pressed):not(:active):hover:not(:disabled),.ui-button_primary-animation:not(.ui-button_pressed):not(:active):hover:not(:disabled){
background:var(--color-button-primary-bg-hover)
}
.ui-button_primary-animation:not(.ui-button_pressed):not(.ui-button_prerender):not(:active):not(:disabled):after{
content:"";
animation:button-pulse 1.6s ease-out infinite .5s;
position:absolute;
border-radius:.25rem;
left:50%;
top:50%;
transform:translate(-50%,-50%) scale(.7,.5);
background:var(--color-button-primary-bg-animation);
z-index:-1;
transition:transform .5s linear
}
.ui-button_secondary{
position:relative;
color:var(--color-button-secondary-txt);
transition:.3s linear
}
.ui-button_secondary .ui-icon-svg{
transition:.3s linear;
color:var(--color-button-secondary-icon)
}
.ui-button_secondary: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: rgb(248, 0, 0)
}
body.pu-old-scss .ui-button_secondary:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:.25rem;
clip-path:polygon(0% 0%,0% 100%,2px 100%,2px 2px,calc(100% - 2px) 2px,calc(100% - 2px) calc(100% - 2px),0 calc(100% - 2px),0 100%,100% 100%,100% 0%);
-webkit-clip-path:polygon(0% 0%,0% 100%,2px 100%,2px 2px,calc(100% - 2px) 2px,calc(100% - 2px) calc(100% - 2px),0 calc(100% - 2px),0 100%,100% 100%,100% 0%)
}
.ui-button_secondary:active,.ui-button_secondary.ui-button_pressed{
background:var(--color-button-secondary-bg-pressed);
color:var(--color-button-secondary-txt-pressed)
}
.ui-button_secondary:active:before,.ui-button_secondary.ui-button_pressed:before{
background:var(--color-button-secondary-bg-pressed)
}
.ui-button_secondary:active .ui-icon-svg,.ui-button_secondary.ui-button_pressed .ui-icon-svg{
color:var(--color-button-secondary-icon-pressed)
}
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover{
background:var(--color-button-secondary-bg-hover);
color:var(--color-button-secondary-txt-hover)
}
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover:before{
background:var(--color-button-secondary-bg-hover)
}
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover .ui-icon-svg{
color:var(--color-button-secondary-icon-hover)
}
@media (pointer: coarse){
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover{
background:none;
color:var(--color-button-secondary-txt)
}
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover:before{
background:var(--color-button-secondary-strk)
}
.ui-button_secondary:not(.ui-button_pressed):not(:active):not(:disabled):hover .ui-icon-svg{
color:var(--color-button-secondary-icon)
}

}
.ui-button_tertiary{
position:relative;
color:var(--color-button-tertiary-txt)
}
.ui-button_tertiary:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:.25rem;
padding:1px;
-webkit-mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
background:var(--color-button-tertiary-strk)
}
body.pu-old-scss .ui-button_tertiary:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:.25rem;
clip-path:polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%);
-webkit-clip-path:polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%)
}
.ui-button_tertiary:active,.ui-button_tertiary.ui-button_pressed{
background:var(--color-button-tertiary-bg-pressed);
color:var(--color-button-tertiary-txt-pressed)
}
.ui-button_tertiary:active:before,.ui-button_tertiary.ui-button_pressed:before{
background:var(--color-button-tertiary-strk-pressed)
}
.ui-button_tertiary:active.ui-button_only-icon:before,.ui-button_tertiary.ui-button_pressed.ui-button_only-icon:before{
background:var(--color-button-tertiary-strk-pressed-only-icon)
}
.ui-button_tertiary:not(.ui-button_pressed):not(:active):not(:disabled):hover{
color:var(--color-button-tertiary-txt-hover)
}
.ui-button_tertiary:not(.ui-button_pressed):not(:active):not(:disabled):hover:before{
background:var(--color-button-tertiary-strk-hover)
}
.ui-button_tertiary:not(.ui-button_pressed):not(:active):not(:disabled):hover.ui-button_only-icon:before{
background:var(--color-button-tertiary-strk-hover-only-icon)
}
.ui-button_quaternary{
color:var(--color-button-link-txt);
transition:font-size .2s ease-in-out
}
.ui-button_quaternary:active,.ui-button_quaternary.ui-button_pressed{
color:var(--color-button-link-txt-pressed);
text-decoration:none
}
.ui-button_quaternary .ui-icon+span{
text-decoration:none;
position:relative
}
.ui-button_quaternary .ui-icon+span:after{
transition:width .2s ease-in-out;
content:"";
position:absolute;
left:0;
bottom:0;
height:1px;
width:0;
background:var(--color-button-link-txt)
}
.ui-button_quaternary:hover:not(.ui-button_pressed):not(:active) .ui-icon+span:after{
width:100%
}
.ui-button_quaternary>span{
-webkit-text-decoration-line:underline;
text-decoration-line:underline;
text-decoration-thickness:1px;
text-underline-offset:4px
}
.ui-button_special-demo{
background:var(--color-button-special-bg-2);
color:var(--color-button-special-txt-2);
border:1px solid var(--color-button-special-strk-2);
text-transform:uppercase;
justify-content:center
}
.ui-button_special-demo:active,.ui-button_special-demo.ui-button_pressed{
color:var(--color-button-special-txt-pressed-2);
background:var(--color-button-special-bg-pressed-2)
}
.ui-button_special-demo:not(.ui-button_pressed):not(:active):not(:disabled):hover{
background:var(--color-button-special-bg-hover-2)
}
.ui-button_special-demo-search{
color:var(--color-button-special-txt-3);
border:1px solid var(--color-button-special-strk-3);
text-transform:uppercase
}
.ui-button_special-demo-search:active,.ui-button_special-demo-search.ui-button_pressed{
color:var(--color-button-special-txt-pressed-3);
background:var(--color-button-special-bg-pressed-3)
}
.ui-button_special-go-top{
position:relative;
background-color:var(--color-button-special-bg-1);
color:var(--color-button-special-txt-1)
}
.ui-button_special-go-top:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:.25rem;
padding:1px;
-webkit-mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
background:var(--color-button-special-strk-1)
}
body.pu-old-scss .ui-button_special-go-top:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:.25rem;
clip-path:polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%);
-webkit-clip-path:polygon(0% 0%,0% 100%,1px 100%,1px 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - 1px),0 calc(100% - 1px),0 100%,100% 100%,100% 0%)
}
.ui-button_special-go-top:active,.ui-button_special-go-top.ui-button_pressed{
color:var(--color-button-special-txt-pressed-1);
background:var(--color-button-special-bg-pressed-1)
}
.ui-button_special-go-top:active:before,.ui-button_special-go-top.ui-button_pressed:before{
background:var(--color-button-special-strk-pressed-1)
}
.ui-button_special-go-top:not(.ui-button_pressed):not(:active):not(:disabled):hover:before{
background:var(--color-button-special-strk-hover-1)
}
.ui-button:disabled,.ui-button_disabled{
pointer-events:none;
opacity:.3
}
.ui-button_full-width{
width:100%;
justify-content:center
}
@keyframes button-pulse{
0%{
transform:translate(-50%,-50%) scale(.7,.5);
opacity:0;
border-radius:.25rem
}
12%{
opacity:1
}
34%{
transform:translate(-50%,-50%) scale(1)
}
38%{
opacity:0
}
40%{
transform:translate(-50%,-50%) scale(1);
opacity:0;
border-radius:.5rem
}
to{
transform:translate(-50%,-50%) scale(1);
opacity:0;
border-radius:.25rem
}

}
@media (min-width: 768px){
.md\:ui-button_s{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.4375rem 1rem
}
.md\:ui-button_s .ui-icon+span{
margin-left:.5rem
}
.md\:ui-button_s .ui-icon-svg.m{
width:12px;
height:12px
}
.md\:ui-button_s.ui-button_primary-animation:after{
width:calc(100% + 24px);
height:calc(100% + 24px)
}
.md\:ui-button_s.ui-button_quaternary{
font-size:.75rem;
line-height:.75rem;
padding:.5rem 0;
font-weight:400
}
.md\:ui-button_s.ui-button_quaternary:not(:disabled):hover,.md\:ui-button_s.ui-button_quaternary.ui-button_pressed,.md\:ui-button_s.ui-button_quaternary:active{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:6px 0 .5rem
}
.md\:ui-button_s.ui-button_only-icon{
padding:6px
}
.md\:ui-button_s.ui-button_only-icon .ui-icon-svg.m{
width:16px;
height:16px
}
.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:hover,.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:active,.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary.ui-button_pressed{
padding:4px
}
.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.md\:ui-button_s.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m{
width:20px;
height:20px
}
.md\:ui-button_s.ui-button_special-demo,.md\:ui-button_s.ui-button_special-demo-search{
font-size:.75rem;
line-height:.75rem;
padding:7px 28px
}
.md\:ui-button_s.ui-button_special-go-top{
padding:.5rem
}
.md\:ui-button_s.ui-button_special-go-top:hover:not(:disabled),.md\:ui-button_s.ui-button_special-go-top:active,.md\:ui-button_s.ui-button_special-go-top.ui-button_pressed{
padding-bottom:18px
}
.md\:ui-button_s.ui-button_special-go-top .ui-icon-svg.m{
width:24px;
height:24px
}
.md\:ui-button_m{
font-size:1rem;
line-height:1rem;
font-weight:500;
padding:.5rem 1.5rem;
line-height:24px
}
.md\:ui-button_m .ui-icon+span{
margin-left:.5rem
}
.md\:ui-button_m .ui-icon-svg.m{
width:20px;
height:20px
}
.md\:ui-button_m.ui-button_secondary{
padding:.5rem 1rem
}
.md\:ui-button_m.ui-button_secondary .ui-icon-svg.m{
width:24px;
height:24px
}
.md\:ui-button_m.ui-button_tertiary{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.5rem 1rem;
line-height:24px
}
.md\:ui-button_m.ui-button_tertiary .ui-icon-svg.m{
width:24px;
height:24px
}
.md\:ui-button_m.ui-button_quaternary{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.5rem 0;
line-height:20px
}
.md\:ui-button_m.ui-button_quaternary:not(:disabled):hover,.md\:ui-button_m.ui-button_quaternary:active,.md\:ui-button_m.ui-button_quaternary.ui-button_pressed{
font-size:1rem;
line-height:1rem;
font-weight:500;
line-height:20px;
padding:.5rem 0
}
.md\:ui-button_m.ui-button_only-icon{
padding:.5rem
}
.md\:ui-button_m.ui-button_only-icon .ui-icon-svg.m{
width:24px;
height:24px
}
.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m{
width:20px;
height:20px
}
.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active,.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed{
padding:6px
}
.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.md\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m{
width:24px;
height:24px
}
.md\:ui-button_m.ui-button_only-icon.ui-button_text-hover:hover{
padding:.5rem 1rem
}
.md\:ui-button_m.ui-button_special-demo{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.75rem 44px
}
.md\:ui-button_l{
font-size:1rem;
line-height:1rem;
font-weight:500;
padding:.6875rem 2rem;
line-height:24px
}
.md\:ui-button_l .ui-icon+span{
margin-left:.5rem
}
.md\:ui-button_l .ui-icon-svg.m{
width:24px;
height:24px
}
.md\:ui-button_l.ui-button_secondary{
padding:.6875rem 1.5rem
}
.md\:ui-button_l.ui-button_tertiary{
padding:.5rem 1.5rem
}
.md\:ui-button_l.ui-button_quaternary{
font-size:1rem;
line-height:1rem;
font-weight:500;
padding:.5rem 0;
line-height:24px
}
.md\:ui-button_l.ui-button_quaternary:not(:disabled):hover,.md\:ui-button_l.ui-button_quaternary:active,.md\:ui-button_l.ui-button_quaternary.ui-button_pressed{
font-size:1.125rem;
line-height:1.125rem;
font-weight:500;
line-height:24px;
padding:.5rem 0
}
.md\:ui-button_l.ui-button_only-icon{
padding:7px
}
.md\:ui-button_l.ui-button_only-icon .ui-icon-svg.m{
width:32px;
height:32px
}
.md\:ui-button_l.ui-button_only-icon.ui-button_tertiary{
padding:.25rem
}
.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary{
padding:.5rem
}
.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m{
width:24px;
height:24px
}
.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active,.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed{
padding:4px
}
.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.md\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m{
width:32px;
height:32px
}
.md\:ui-button_l.ui-button_special-demo{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:1rem 2rem
}

}
@media (min-width: 1280px){
.xl\:ui-button_m{
font-size:1rem;
line-height:1rem;
font-weight:500;
padding:.5rem 1.5rem;
line-height:24px
}
.xl\:ui-button_m .ui-icon+span{
margin-left:.5rem
}
.xl\:ui-button_m .ui-icon-svg.m{
width:20px;
height:20px
}
.xl\:ui-button_m.ui-button_secondary{
padding:.5rem 1rem
}
.xl\:ui-button_m.ui-button_secondary .ui-icon-svg.m{
width:24px;
height:24px
}
.xl\:ui-button_m.ui-button_tertiary{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.5rem 1rem;
line-height:24px
}
.xl\:ui-button_m.ui-button_tertiary .ui-icon-svg.m{
width:24px;
height:24px
}
.xl\:ui-button_m.ui-button_quaternary{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.5rem 0;
line-height:20px
}
.xl\:ui-button_m.ui-button_quaternary:not(:disabled):hover,.xl\:ui-button_m.ui-button_quaternary:active,.xl\:ui-button_m.ui-button_quaternary.ui-button_pressed{
font-size:1rem;
line-height:1rem;
font-weight:500;
line-height:20px;
padding:.5rem 0
}
.xl\:ui-button_m.ui-button_only-icon{
padding:.5rem
}
.xl\:ui-button_m.ui-button_only-icon .ui-icon-svg.m{
width:24px;
height:24px
}
.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m{
width:20px;
height:20px
}
.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover,.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active,.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed{
padding:6px
}
.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.xl\:ui-button_m.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m{
width:24px;
height:24px
}
.xl\:ui-button_m.ui-button_only-icon.ui-button_text-hover:hover{
padding:.5rem 1rem
}
.xl\:ui-button_m.ui-button_special-demo{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:.75rem 44px
}
.xl\:ui-button_l{
font-size:1rem;
line-height:1rem;
font-weight:500;
padding:.6875rem 2rem;
line-height:24px
}
.xl\:ui-button_l .ui-icon+span{
margin-left:.5rem
}
.xl\:ui-button_l .ui-icon-svg.m{
width:24px;
height:24px
}
.xl\:ui-button_l.ui-button_secondary{
padding:.6875rem 1.5rem
}
.xl\:ui-button_l.ui-button_tertiary{
padding:.5rem 1.5rem
}
.xl\:ui-button_l.ui-button_quaternary{
font-size:1rem;
line-height:1rem;
font-weight:500;
padding:.5rem 0;
line-height:24px
}
.xl\:ui-button_l.ui-button_quaternary:not(:disabled):hover,.xl\:ui-button_l.ui-button_quaternary:active,.xl\:ui-button_l.ui-button_quaternary.ui-button_pressed{
font-size:1.125rem;
line-height:1.125rem;
font-weight:500;
line-height:24px;
padding:.5rem 0
}
.xl\:ui-button_l.ui-button_only-icon{
padding:7px
}
.xl\:ui-button_l.ui-button_only-icon .ui-icon-svg.m{
width:32px;
height:32px
}
.xl\:ui-button_l.ui-button_only-icon.ui-button_tertiary{
padding:.25rem
}
.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary{
padding:.5rem
}
.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary .ui-icon-svg.m{
width:24px;
height:24px
}
.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover,.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active,.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed{
padding:4px
}
.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:hover .ui-icon-svg.m,.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary:active .ui-icon-svg.m,.xl\:ui-button_l.ui-button_only-icon.ui-button_quaternary.ui-button_pressed .ui-icon-svg.m{
width:32px;
height:32px
}
.xl\:ui-button_l.ui-button_special-demo{
font-size:.875rem;
line-height:.875rem;
font-weight:500;
padding:1rem 2rem
}

}
.ui-menu-list-item{
box-sizing:border-box;
margin:0;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
display:inline-block;
background:none;
-webkit-appearance:none;
appearance:none;
border:0;
padding:0;
cursor:pointer;
letter-spacing:0;
text-decoration:none;
font-size:.875rem;
line-height:1.125rem;
font-weight:400;
display:flex;
align-items:center;
color:var(--color-menu-text);
border-radius:.25rem
}
.ui-menu-list-item>*,.ui-menu-list-item>*:before,.ui-menu-list-item>*:after{
box-sizing:inherit
}
.ui-menu-list-item::-moz-focus-inner{
border:0
}
.ui-menu-list-item+.ui-menu-list-item{
margin-top:.25rem
}
@media (min-width: 1280px){
.ui-menu-list-item:hover{
color:var(--color-menu-text-hover)
}
.ui-menu-list-item:hover>span{
font-size:1rem;
line-height:1.375rem;
font-weight:400
}
.ui-menu-list-item:hover .ui-icon{
color:var(--color-menu-icon-hover)
}
.ui-menu-list-item:hover .ui-icon-svg.m{
width:28px;
height:28px
}
.ui-menu-list-item:hover .ui-icon object,.ui-menu-list-item:hover .ui-icon img{
width:28px;
height:28px;
min-width:28px
}

}
.ui-menu-list-item>span{
display:block;
overflow-x:hidden;
text-overflow:ellipsis;
white-space:nowrap;
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 .ui-icon_hidden{
display:none
}
.ui-menu-list-item .ui-icon object,.ui-menu-list-item .ui-icon img{
height:1.5rem;
width:1.5rem;
min-width:1.5rem
}
.ui-menu-list-item_active,.ui-menu-list-item_active:hover{
color:var(--color-menu-text-active)
}
.ui-menu-list-item_active .ui-icon,.ui-menu-list-item_active:hover .ui-icon{
color:var(--color-menu-icon-active)
}
.ui-menu-list-item_minified>span{
width:0;
visibility:hidden
}
.ui-menu-list.vertical .ui-menu-list-item_minified:hover{
position:absolute;
background:var(--color-menu-bg-hover-2);
box-shadow:var(--shadow-menu-hover);
z-index:2;
padding-right:.75rem
}
.ui-menu-list.vertical .ui-menu-list-item_minified:hover>span{
visibility:visible;
width:auto;
transition:0s
}
.ui-menu-list-item_live .ui-icon:before{
content:"";
position:absolute;
left:6px;
top:.5rem;
width:.25rem;
height:.25rem;
border-radius:50%;
background-color:var(--color-brand-primary);
animation:live-flashing 2s ease-out infinite .3s
}
.ui-menu-list-item_championship{
color:var(--color-additionals-favorites)
}
@media (min-width: 1280px){
.ui-menu-list-item_championship>span{
max-width:97px;
white-space:normal
}

}
.ui-menu-list-item_championship .ui-icon,.ui-menu-list-item_championship:hover,.ui-menu-list-item_championship:hover .ui-icon{
color:var(--color-additionals-favorites)
}
.ui-menu-list-item_championship.ui-menu-list-item_active,.ui-menu-list-item_championship.ui-menu-list-item_active:hover,.ui-menu-list-item_championship.ui-menu-list-item_active .ui-icon,.ui-menu-list-item_championship.ui-menu-list-item_active:hover .ui-icon{
color:var(--color-brand-primary)
}
.ui-menu-list.horizontal .ui-menu-list-item{
position:relative;
margin-bottom:0;
margin-top:0
}
.ui-menu-list.horizontal .ui-menu-list-item+.ui-menu-list-item{
margin-left:1.5rem
}
.ui-menu-list.horizontal .ui-menu-list-item>span{
margin-right:0
}
.ui-menu-list.horizontal .ui-menu-list-item:hover>span{
font-size:.875rem;
line-height:1.125rem;
font-weight:400;
transform:scale(1.15) translate(3px)
}
body{
font-family:Roboto,sans-serif;
font-size:16px
}
body.pu-touch:not(.pu-android){
cursor:pointer
}
@keyframes slide-up{
0%{
transform:translateY(100%)
}
to{
transform:translateY(0)
}

}
.pu-swiper-autosize .swiper-slide{
width:auto
}
.pu-swiper-equal-height .swiper-slide{
height:auto
}
.pu-swiper-centered .swiper-wrapper{
justify-content:center;
transform:translateZ(0)!important
}
.pu-swiper-centered .swiper-slide:last-child{
margin-right:0!important
}
.pu-swiper-without-gaps .swiper-slide:first-child{
margin-left:-.5rem
}
@media (min-width: 768px){
.pu-swiper-without-gaps .swiper-slide:first-child{
margin-left:-.75rem
}

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

}
.pu-swiper-prerender .swiper-wrapper{
flex-wrap:wrap
}
.container{
padding:0rem .5rem
}
@media (min-width: 768px){
.container{
padding:0rem 1rem
}

}
@media (min-width: 1280px){
.container{
padding:0rem 1.5rem
}

}
@media (min-width: 768px){
.md\:container{
padding:0rem .5rem
}

}
@media (min-width: 768px) and (min-width: 768px){
.md\:container{
padding:0rem 1rem
}

}
@media (min-width: 768px) and (min-width: 1280px){
.md\:container{
padding:0rem 1.5rem
}

}
@media (min-width: 1280px){
.xl\:container{
padding:0rem .5rem
}

}
@media (min-width: 1280px) and (min-width: 768px){
.xl\:container{
padding:0rem 1rem
}

}
@media (min-width: 1280px) and (min-width: 1280px){
.xl\:container{
padding:0rem 1.5rem
}

}
.swiper-button-disabled,.swiper-button-lock{
display:none!important
}
.swiper-pagination{
position:absolute;
z-index:2;
display:flex;
bottom:.75rem;
cursor:pointer
}
.swiper-pagination-bullet{
margin:0rem .125rem;
width:.75rem;
height:2px;
background:var(--color-banner-txt-icon);
opacity:.4;
border-radius:2px
}
.swiper-pagination-bullet-active{
width:1.5rem;
opacity:initial
}
.search-highlight{
color:var(--color-search-result-txt-highlight)
}
.ui-pincoins-cards-slider .swiper-slide,.ui-pincoins-chips-slider .swiper-slide{
width:auto
}
.ui-promo-banner-carousel .swiper-slide{
margin-right:1.5rem
}
a{
color:var(--color-brand-secondary)
}
a.terms-conditions{
cursor:pointer;
text-decoration:none
}
.grecaptcha-badge{
visibility:hidden
}
.pu-promo-ny__wrapper,.pu-championship__wrapper{
height:100%
}
.pu-promo-ny__slide,.pu-championship__slide{
position:relative;
height:100%
}
.pu-promo-ny__slide_active-server,.pu-championship__slide_active-server{
position:absolute;
width:100%;
top:0;
z-index:2
}
.pu-promo-ny__slide:not(.pu-promo-ny__slide_active,.pu-championship__slide_active),.pu-championship__slide:not(.pu-promo-ny__slide_active,.pu-championship__slide_active){
pointer-events:none
}
ngx-simplebar{
height:100%;
overflow:auto
}
ngx-simplebar .simplebar-track.simplebar-vertical{
height:100%;
width:.5rem;
background-color:var(--color-bg-3);
border-radius:.25rem
}
ngx-simplebar .simplebar-scrollbar{
width:.5rem;
border-radius:.25rem;
background-color:var(--color-brand-secondary)
}
ngx-simplebar .simplebar-scrollbar:before{
content:none
}
.pu-com-spa-promo__wrapper{
display:flex
}
.pu-com-spa-promo__slide{
background:var(--color-bg-1);
position:relative;
width:100vw
}
.pu-com-spa-promo__slide:not(.pu-com-spa-promo__slide_active){
pointer-events:none
}
.pu-com-spa-promo__pagination{
left:50%;
transform:translate(-50%);
bottom:1rem
}
.pu-com-spa-promo__pagination .swiper-pagination-bullet{
width:.75rem;
height:2px;
background:var(--color-txt-icon-1);
opacity:.4
}
.pu-com-spa-promo__pagination .swiper-pagination-bullet-active{
width:1.5rem;
opacity:1
}
.pu-swiper-prerender .pu-com-spa-promo__wrapper{
flex-wrap:wrap
}
@keyframes shine{
0%{
left:-150%
}
to{
left:150%
}

}
@keyframes live-flashing{
0%{
opacity:0
}
50%{
opacity:1
}
to{
opacity:0
}

}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{
background-clip:content-box!important
}
.pu-control{
position:relative;
display:flex;
flex-direction:column;
z-index:1
}
.pu-control input:-webkit-autofill,.pu-control input:-webkit-autofill:hover,.pu-control input:-webkit-autofill:focus,.pu-control input:-webkit-autofill:active{
-webkit-box-shadow:0 0 0 1000px var(--color-bg-1) inset!important;
-webkit-text-fill-color:var(--color-input-txt-filled)!important
}
.pu-control[disabled]{
opacity:.3
}
.pu-control[disabled] .pu-control__icon{
cursor:initial;
pointer-events:none
}
.pu-control__content{
position:relative;
display:flex;
flex-direction:row;
align-items:center
}
.pu-control__content_left-aligned{
flex-direction:row-reverse
}
.pu-control__input{
font-size:.875rem;
line-height:1.125rem;
font-weight:400;
font-weight:500;
font-family:Roboto,sans-serif;
padding:.75rem 11px .5rem;
border:1px solid transparent;
border-radius:.25rem;
color:var(--color-input-txt-filled);
background:transparent;
margin-top:6px;
width:100%
}
.pu-control__input::placeholder{
color:var(--color-input-txt-placeholder);
font-weight:400
}
.pu-control__input:focus{
outline:none
}
.pu-control__input:focus+.pu-control__label{
font-size:.75rem;
line-height:1rem;
font-weight:400;
color:var(--color-input-txt-label);
top:-1px;
left:.5rem;
padding:0 .25rem
}
@media (min-width: 768px){
.pu-control__input:focus+.pu-control__label{
font-size:.875rem;
line-height:1.125rem;
font-weight:400
}

}
.pu-control__input:focus+.pu-control__label.pu-control__label_small{
font-size:.75rem;
line-height:1rem;
font-weight:400
}
.pu-control__input:focus~.pu-control__textarea-grab{
background:var(--color-input-border-focus)
}
.pu-control__input:focus~.pu-control__textarea-grab:after,.pu-control__input:focus~.pu-control__textarea-grab:before{
background:var(--color-input-border-focus)
}
.pu-control__input:read-only{
pointer-events:none
}
.pu-control__input:read-only~.pu-control__textarea-grab{
background:var(--color-input-border-uneditable)
}
.pu-control__input:read-only~.pu-control__textarea-grab:after,.pu-control__input:read-only~.pu-control__textarea-grab:before{
background:var(--color-input-border-uneditable)
}
.pu-control__input_invalid~.pu-control__textarea-grab,.pu-control__input_invalid:focus~.pu-control__textarea-grab,.pu-control__input_invalid.pu-control__input:read-only~.pu-control__textarea-grab{
background:var(--color-additionals-danger)
}
.pu-control__input_invalid~.pu-control__textarea-grab:after,.pu-control__input_invalid~.pu-control__textarea-grab:before,.pu-control__input_invalid:focus~.pu-control__textarea-grab:after,.pu-control__input_invalid:focus~.pu-control__textarea-grab:before,.pu-control__input_invalid.pu-control__input:read-only~.pu-control__textarea-grab:after,.pu-control__input_invalid.pu-control__input:read-only~.pu-control__textarea-grab:before{
background:var(--color-additionals-danger)
}
.pu-control__input_invalid:focus+.pu-control__label,.pu-control__input_invalid.pu-control__input:read-only+.pu-control__label{
color:var(--color-additionals-danger)
}
.pu-control__input_padding{
padding-right:42px
}
.pu-control__input_sum{
font-size:1rem;
line-height:1.375rem;
font-weight:400;
font-weight:500;
padding:10px 15px 6px 11px;
width:100%
}
.pu-control__input_sum::placeholder{
font-size:.875rem;
line-height:1.125rem;
font-weight:400
}
.pu-control__input_textarea{
resize:vertical;
min-height:40px
}
.pu-control__input_textarea::-webkit-resizer{
display:none
}
.pu-control__input_right{
text-align:right;
padding-right:7px
}
.pu-control__label{
font-size:.875rem;
line-height:1.125rem;
font-weight:400;
color:var(--color-input-txt-placeholder);
position:absolute;
transition:.1s linear;
left:11px;
top:18px;
pointer-events:none
}
.pu-control__label_active{
font-size:.75rem;
line-height:1rem;
font-weight:400;
color:var(--color-input-txt-label);
top:-1px;
left:.5rem;
padding:0 .25rem
}
@media (min-width: 768px){
.pu-control__label_active{
font-size:.875rem;
line-height:1.125rem;
font-weight:400
}

}
.pu-control__label_active.pu-control__label_small{
font-size:.75rem;
line-height:1rem;
font-weight:400
}
.pu-control__label_invalid:is(.pu-control__label_active){
color:var(--color-additionals-danger)
}
.pu-control__icon{
position:absolute;
right:.75rem;
top:calc(50% + 5px);
transform:translateY(-50%);
color:var(--color-input-txt-placeholder)
}
.pu-control__icon_tooltip{
cursor:pointer
}
.pu-control__currency{
position:relative;
top:5px;
padding-right:15px;
text-align:center;
color:var(--color-input-txt-filled)
}
.pu-control__currency:before{
content:"";
position:absolute;
top:-2px;
left:-11px;
width:1px;
height:calc(100% + 4px);
background:var(--color-input-border-active);
pointer-events:none
}
.pu-control__currency_right:before{
display:none
}
.pu-control__currency_left-aligned{
padding-right:0;
width:50px
}
.pu-control__currency_left-aligned:before{
left:40px
}
.pu-control__hint{
font-size:.75rem;
line-height:1rem;
font-weight:400;
color:var(--color-input-hint-txt);
position:absolute;
bottom:-20px;
padding-left:.75rem
}
.pu-control__hint:before{
content:"";
position:absolute;
top:50%;
transform:translateY(-50%);
left:0;
width:.25rem;
height:.25rem;
border-radius:50%;
background:var(--color-input-hint-txt)
}
.pu-control__hint_invalid{
color:var(--color-additionals-danger)
}
.pu-control__hint_invalid:before{
background:var(--color-additionals-danger)
}
.pu-control__hint_input{
margin:.5rem 0;
position:relative;
bottom:0
}
.pu-control__hint_input:before{
transform:none;
top:6px
}
.pu-control__textarea-grab{
position:absolute;
bottom:10px;
right:1px;
height:1px;
width:19px;
border-radius:2px;
transform:matrix(-.71,.7,-.71,-.71,0,0);
background:var(--color-input-border-active);
pointer-events:none
}
.pu-control__textarea-grab:before,.pu-control__textarea-grab:after{
content:"";
position:absolute;
height:1px;
border-radius:2px;
background:var(--color-input-border-active)
}
.pu-control__textarea-grab:before{
left:3px;
top:-3px;
width:13px
}
.pu-control__textarea-grab:after{
left:6px;
top:-6px;
width:7px
}
.pu-control__textarea-grab_invalid{
background:var(--color-additionals-danger)
}
.pu-control__textarea-grab_invalid:after,.pu-control__textarea-grab_invalid:before{
background:var(--color-additionals-danger)
}
.webim_button,.webim-root.webim-html-button-container{
display:none!important
}
.webim-root.webim-desktop-mode .webim-resizable{
max-width:380px!important;
max-height:370px!important;
height:370px!important
}
.webim-root.webim-desktop-mode.webim-separate-container{
top:unset!important;
left:-10px!important;
bottom:70px!important;
right:unset!important
}
.pu-default-chat-full-screen .webim-root.webim-separate-container{
left:0!important;
bottom:0!important;
width:100%!important;
height:100%!important
}
.pu-default-chat-full-screen .webim-root.webim-separate-container .webim-chat{
margin-left:0!important
}
.pu-default-chat-full-screen .webim-root.webim-separate-container .webim-chat-block{
margin-right:0!important
}
.pu-default-chat-full-screen .webim-root.webim-separate-container .webim-header{
max-width:100%!important;
width:100%!important;
box-sizing:border-box!important
}
.pu-default-chat-full-screen .webim-root.webim-separate-container .webim-resizable{
width:100%!important;
height:calc(100vh - 87px)!important;
max-width:100%!important;
max-height:100%!important
}
.sign-up .webim-root.webim-desktop-mode.webim-separate-container{
left:0!important;
right:0!important;
max-width:396px;
margin:0 auto;
bottom:65px!important
}
@media (min-width: 768px){
.sign-up .webim-root.webim-desktop-mode.webim-separate-container{
bottom:95px!important
}

}
@media (min-width: 1280px){
.sign-up .webim-root.webim-desktop-mode.webim-separate-container{
bottom:70px!important;
left:auto!important
}

}
.password-recovery .webim-root.webim-desktop-mode.webim-separate-container{
left:auto!important;
right:0!important;
bottom:65px!important
}
@media (min-width: 768px){
.password-recovery .webim-root.webim-desktop-mode.webim-separate-container{
bottom:95px!important
}

}
@media (min-width: 1280px){
.password-recovery .webim-root.webim-desktop-mode.webim-separate-container{
display:none!important
}

}
::-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
}
@keyframes championshipBgParallax{
0%{
transform:translate(0)
}
50%{
transform:translate(25px)
}
to{
transform:translate(0)
}

}
@keyframes championshipDecoBrightness{
0%,50%{
filter:brightness(.8)
}
50.01%,to{
filter:brightness(1)
}

}
@keyframes championshipDecoParallax{
0%{
transform:translate(3%)
}
50%{
transform:translate(0)
}
to{
transform:translate(3%)
}

}
@keyframes championshipDeco2Parallax{
0%{
transform:translate(0)
}
50%{
transform:translate(10%)
}
to{
transform:translate(0)
}

}
.ui-swiper-wide-bullets .swiper-pagination-bullet{
position:relative;
overflow:visible
}
.ui-swiper-wide-bullets .swiper-pagination-bullet:before{
content:"";
height:400%;
width:100%;
left:0;
top:50%;
display:block;
position:absolute;
transform:translateY(-50%)
}
@keyframes championshipDeco2MobileParallax{
0%{
transform:translateY(-10%)
}
50%{
transform:translateY(10%)
}
to{
transform:translateY(-10%)
}

}