html {
scroll-behavior:smooth
}
[id] {
scroll-margin-top:80px
}
.modal__wrapper {
display:flex;
justify-content:center;
align-items:center;
min-height:100%;
position:fixed;
width:100%;
left:0;
top:0;
bottom:0;
right:0;
box-sizing:border-box
}
@media (min-width: 754px) {
.modal__wrapper {
align-items:center
}
}
.modal__wrapper--mobile-friendly {
padding:0;
align-items:flex-end
}
.modal__wrapper--mobile-friendly .modal__container {
min-height:auto
}
@media (min-width: 754px) {
.modal__wrapper--mobile-friendly {
align-items:center
}
}
.modal__wrapper--bottom {
padding:0;
align-items:flex-end
}
.modal__wrapper.modal__wrapper--full-screen-mobile {
height:100%
}
.modal__container {
width:100%;
max-width:27rem;
background:var(--color-layer-alt-1);
border-radius:var(--border-radius-m) var(--border-radius-m) 0 0;
margin:0;
padding:1rem;
box-sizing:border-box;
position:relative;
overflow:auto;
transition:all .3s ease;
box-shadow:0 0 1rem 0 var(--color-tertiary-6)
}
.modal__container--has-overflow-visible {
overflow:visible
}
@media (min-width: 754px) {
.modal__container {
border-radius:var(--border-radius-m);
width:27rem;
padding:1.5rem
}
}
.modal__wrapper--full-screen-mobile .modal__container {
border-radius:unset;
height:100%
}
.modal__wrapper--full-screen .modal__container {
max-width:100vw;
width:100%;
border-radius:0;
height:100%
}
.modal__wrapper--full-screen .modal__container .modal-common {
max-height:initial;
height:100%
}
.modal__header {
padding:20px
}
.modal__body {
padding:20px;
margin:20px 0
}
.modal__footer {
padding:20px
}
.modal__close {
position:absolute;
top:1rem;
right:1rem
}
@media (min-width: 754px) {
.modal__close {
top:1.5rem;
right:1.5rem
}
}
.modal__close-btn {
color:var(--color-text-alt);
width:1.5rem;
height:1.5rem;
cursor:pointer
}
.modal__close-btn:hover {
opacity:1
}
.modal__close svg g {
stroke:#0091ff
}
.modal__title {
font-size:2rem;
color:var(--color-layer-alt-4);
text-transform:initial
}
.modal__desc {
font-size:1.5rem;
color:var(--color-primary-1)
}
.modal__title,
.modal__desc {
font-weight:900;
padding:0
}
.modal__row {
margin-bottom:10px
}
@media (min-width: 1200px) {
.modal__row {
margin-bottom:10px
}
}
.modal__thumb {
max-width:100%;
max-height:180px
}
@media (min-width: 508px) {
.modal__thumb-wrapper {
min-width:348px;
min-height:180px
}
}
.modal__btn {
display:flex;
font-size:1rem;
font-family:Roboto Slab,Rubik,sans-serif;
font-weight:700;
line-height:normal;
outline:none;
padding:10px 2rem 8px;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
border-radius:3rem;
color:var(--color-text-alt);
border:0;
align-items:center;
box-sizing:border-box;
position:relative;
text-align:center;
justify-content:center;
color:var(--color-layer-alt-1);
background:var(--color-primary-gradient);
display:inline-block
}
.modal__btn[disabled] {
opacity:.5;
pointer-events:none
}
.modal__btn:hover {
background:var(--color-primary-3);
opacity:.5
}
.modal__btn:active {
background:var(--color-primary-3);
opacity:.4
}
.modal__btn-link {
display:flex;
font-family:Roboto Slab,Rubik,sans-serif;
line-height:normal;
outline:none;
padding:10px 2rem 8px;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
border-radius:3rem;
color:var(--color-text-alt);
border:0;
align-items:center;
box-sizing:border-box;
position:relative;
text-align:center;
justify-content:center;
text-transform:initial;
background:transparent;
font-size:1.17rem;
color:var(--color-primary-1);
display:inline-block;
font-weight:700
}
.modal__btn-link:hover {
color:var(--color-primary-3)
}
.modal__btn-link:active {
color:var(--color-primary-5)
}
.modal {
width:100%;
height:100%;
background-color:var(--color-tertiary-6);
display:table;
transition:opacity .3s ease;
pointer-events:all;
overflow:scroll;
position:fixed;
left:0;
top:0;
bottom:0;
right:0;
z-index:9998
}
.scroll-stop {
overflow:hidden
}
.modal-enter,
.modal-leave-to {
opacity:0
}
.modal-enter-active,
.modal-leave-active,
.modal-mobile-enter-active,
.modal-mobile-leave-active {
transition:all .5s
}
.modal-mobile-enter,
.modal-mobile-leave-to {
opacity:0;
-webkit-transform:translateY(450px);
transform:translateY(450px)
}
.global-loader[data-v-85582a7b] {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:var(--color-layer-alt-1);
pointer-events:all;
z-index:9999
}
.vs-notify {
position:fixed;
width:21rem;
max-width:calc(100% - 2rem);
z-index:9999;
top:1rem;
right:1rem
}
.vs-notify .toast {
background:var(--color-layer-alt-2);
color:var(--color-text-alt);
box-sizing:border-box;
box-shadow:0 8px 16px var(--color-tertiary-5);
border-radius:var(--border-radius-xs);
padding:1rem;
margin:0 0 .75rem;
cursor:pointer;
display:flex;
align-items:flex-start
}
@media (min-width: 754px) {
.vs-notify .toast {
margin:0 0 .75rem
}
}
.vs-notify .toast__thumb {
width:1.5rem;
flex:0 0 1.5rem
}
.vs-notify .toast__content {
max-width:15rem;
margin:0 .5rem
}
.vs-notify .toast__close {
width:1.5rem;
height:1.5rem;
margin-left:auto
}
.vs-notify .toast__close svg {
display:block
}
.vs-notify .toast__title {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-bottom:.5rem
}
.vs-notify .toast__text {
font-size:1rem;
line-height:normal;
font-weight:400;
overflow:hidden
}
@media (min-width: 320px) {
.vs-notify .toast__text {
font-size:1rem;
line-height:150%
}
}
.vs-notify .toast.warning,
.vs-notify .toast.error {
background:var(--color-error)
}
.vs-notify .toast.successfully,
.vs-notify .toast.success {
background:var(--color-secondary-3)
}
.vs-notify .ntf-left-enter-active,
.vs-notify .ntf-left-leave-active,
.vs-notify .ntf-right-enter-active,
.vs-notify .ntf-right-leave-active,
.vs-notify .ntf-top-enter-active,
.vs-notify .ntf-top-leave-active,
.vs-notify .ntf-bottom-enter-active,
.vs-notify .ntf-bottom-leave-active {
transition:all .3s
}
.vs-notify .ntf-left-enter,
.vs-notify .ntf-left-leave-to {
opacity:0;
-webkit-transform:translateX(-300px);
transform:translate(-300px)
}
.vs-notify .ntf-right-enter,
.vs-notify .ntf-right-leave-to {
opacity:0;
-webkit-transform:translateX(300px);
transform:translate(300px)
}
.vs-notify .ntf-fade-enter-active,
.vs-notify .ntf-fade-leave-active {
transition:opacity .5s
}
.vs-notify .ntf-fade-enter,
.vs-notify .ntf-fade-leave-to {
opacity:0
}
.vs-notify .ntf-top-enter,
.vs-notify .ntf-top-leave-to {
opacity:0;
-webkit-transform:translateY(-120px);
transform:translateY(-120px)
}
.vs-notify .ntf-bottom-enter,
.vs-notify .ntf-bottom-leave-to {
opacity:0;
-webkit-transform:translateY(120px);
transform:translateY(120px)
}
.emp-error-page[data-v-936f5c4a] .emp-error-page__link a {
color:var(--color-primary-1);
font-size:1rem;
line-height:normal;
font-weight:400;
text-decoration:underline
}
@media (min-width: 320px) {
.emp-error-page[data-v-936f5c4a] .emp-error-page__link a {
font-size:1rem;
line-height:150%
}
}
.emp-error-page h1[data-v-936f5c4a] {
margin-bottom:2rem
}
.confirm-emp__actions a[data-v-936f5c4a] {
font-size:1rem;
line-height:normal;
font-weight:400
}
@media (min-width: 320px) {
.confirm-emp__actions a[data-v-936f5c4a] {
font-size:1rem;
line-height:150%
}
}
.confirm-emp p[data-v-936f5c4a] {
margin:0
}
.confirm-emp__message[data-v-936f5c4a] {
padding-bottom:.5rem
}
.confirm-emp__container[data-v-936f5c4a] {
width:100%;
max-width:27rem;
text-align:center
}
.confirm-emp__actions a[data-v-936f5c4a] {
display:inline-block;
width:-webkit-max-content;
width:max-content;
margin:0 auto;
color:var(--color-text-link-default);
text-decoration:none
}
.confirm-emp img[data-v-936f5c4a] {
display:none;
width:5rem
}
@media (min-width: 754px) {
.confirm-emp img[data-v-936f5c4a] {
display:block;
margin:0 auto
}
}
.inline-notification[data-v-67f103ca] {
font-size:1rem;
line-height:normal;
font-weight:400;
background:var(--color-layer-alt-2);
border-radius:var(--border-radius-xs);
width:100%;
box-sizing:border-box
}
@media (min-width: 320px) {
.inline-notification[data-v-67f103ca] {
font-size:1rem;
line-height:150%
}
}
.inline-notification__container[data-v-67f103ca] {
width:100%;
justify-content:flex-start;
display:grid;
grid-template-columns:auto 1fr
}
@media (min-width: 754px) {
.inline-notification__container[data-v-67f103ca] {
grid-template-columns:auto 1fr
}
}
.inline-notification__icon[data-v-67f103ca] {
width:2rem;
height:2rem
}
.inline-notification__title[data-v-67f103ca] {
margin-bottom:.5rem
}
.inline-notification__content[data-v-67f103ca] {
width:100%;
grid-auto-flow:row;
align-items:center;
grid-auto-rows:-webkit-min-content;
grid-auto-rows:min-content
}
@media (min-width: 754px) {
.inline-notification__content[data-v-67f103ca] {
grid-auto-flow:column;
align-items:center;
grid-auto-rows:-webkit-min-content;
grid-auto-rows:min-content
}
}
.inline-notification__actions[data-v-67f103ca] {
align-items:center
}
@media (min-width: 754px) {
.inline-notification__actions[data-v-67f103ca] {
justify-content:end
}
}
.inline-notification__actions[data-v-67f103ca]>button {
width:100%;
min-width:-webkit-max-content;
min-width:max-content
}
.inline-notification--medium[data-v-67f103ca] {
padding:1rem
}
.inline-notification--small[data-v-67f103ca] {
font-size:.75rem;
line-height:140%;
font-weight:400;
padding:.5rem;
text-align:center
}
@media (min-width: 320px) {
.inline-notification--small[data-v-67f103ca] {
font-size:.75rem;
line-height:140%
}
}
.inline-notification--small .inline-notification__message[data-v-67f103ca] {
text-align:center
}
.inline-notification--small .inline-notification__content[data-v-67f103ca] {
justify-content:center
}
.inline-notification--small .inline-notification__icon[data-v-67f103ca] {
width:1rem;
height:1rem
}
.inline-notification--small .inline-notification__icon+.inline-notification__content[data-v-67f103ca] {
justify-content:start
}
.inline-notification--small .inline-notification__icon+.inline-notification__content .inline-notification__message[data-v-67f103ca] {
text-align:left
}
.inline-notification--error[data-v-67f103ca] {
background:var(--color-error)
}
.inline-notification--success[data-v-67f103ca] {
background:var(--color-secondary-3)
}
.cookies-accepted[data-v-93f74ae4] {
width:100%
}
.cookies-accepted a[data-v-93f74ae4] {
color:var(--color-primary-1);
font-size:1rem;
line-height:normal;
font-weight:700;
text-decoration:underline
}
@media (min-width: 320px) {
.cookies-accepted a[data-v-93f74ae4] {
font-size:1rem;
line-height:150%
}
}
.cookies-accepted__text[data-v-93f74ae4] {
display:flex;
align-items:center;
justify-content:center;
margin:.5rem 1rem
}
.cookies-accepted__icon[data-v-93f74ae4] {
width:2rem;
height:2rem
}
.cookies-accepted[data-v-93f74ae4] .inline-notification {
border-radius:var(--border-radius-xs)
}
@media (min-width: 754px) {
.cookies-accepted[data-v-93f74ae4] .inline-notification {
border-radius:var(--border-radius-xs) var(--border-radius-xs) 0 0
}
}
.cookies-accepted[data-v-93f74ae4] .inline-notification .inline-notification__container {
grid-template-columns:1fr;
width:100%
}
@media (min-width: 754px) {
.cookies-accepted[data-v-93f74ae4] .inline-notification .inline-notification__container {
margin:0 auto;
width:auto
}
}
.cookies-accepted__wrapper[data-v-93f74ae4] {
padding:1rem
}
@media (min-width: 754px) {
.cookies-accepted__wrapper[data-v-93f74ae4] {
padding:0
}
}
.message-container[data-v-31a5899a] {
position:fixed;
top:0;
z-index:9997;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
box-sizing:border-box;
padding:0
}
@media (min-width: 754px) {
.message-container[data-v-31a5899a] {
top:unset;
bottom:0
}
}
.message-container[data-v-31a5899a] .message-container .confirm-emp-card {
margin-bottom:1.5rem;
order:1
}
.message-container[data-v-31a5899a] .message-container .cookies-accepted {
order:0;
margin-bottom:1.5rem
}
@media (min-width: 754px) {
.message-container[data-v-31a5899a] .message-container .cookies-accepted {
order:2;
margin-bottom:0
}
}
.message-container-slide-enter-active[data-v-31a5899a],
.message-container-slide-leave-active[data-v-31a5899a] {
transition:all .25s ease
}
.message-container-slide-enter-from[data-v-31a5899a],
.message-container-slide-leave-to[data-v-31a5899a] {
opacity:0;
-webkit-transform:translateY(-10rem);
transform:translateY(-10rem)
}
@media (min-width: 754px) {
.message-container-slide-enter-from[data-v-31a5899a],
.message-container-slide-leave-to[data-v-31a5899a] {
-webkit-transform:translateY(10rem);
transform:translateY(10rem)
}
}
.logo {
display:flex;
flex-direction:column;
cursor:pointer;
height:3rem;
width:8.5rem;
justify-content:center;
align-items:flex-start;
position:relative
}
.logo__img {
height:100%;
width:100%
}
.logo--mobile {
width:3rem
}
.modal-common[data-v-3e109989] {
max-height:calc(80vh - 2rem);
min-height:calc(40vh - 2rem)
}
@media (min-width: 754px) {
.modal-common[data-v-3e109989] {
overflow:hidden;
max-height:calc(60vh - 2rem);
min-height:calc(25vh - 2rem)
}
}
@media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 998px) {
.modal-common[data-v-3e109989] {
max-height:calc(100vh - 2rem);
height:calc(100vh - 2rem)
}
}
.modal__wrapper--full-screen-mobile .modal-common[data-v-3e109989] {
height:100%;
max-height:unset
}
.modal-common__animation[data-v-3e109989] {
background-image:url(/dist/jackpot_animation_win-DGt-gz_p.svg)
}
.modal__wrapper--full-screen-mobile .modal-common__body[data-v-3e109989] {
height:auto
}
.modal-common__under-scroll .grid[data-v-3e109989] {
grid-auto-columns:auto
}
.new-provider-popup__banner[data-v-7a77b6d3] {
width:100%;
height:6rem;
background-image:var(--ed7976d8);
border-radius:var(--border-radius-xs);
padding:.5rem 0 .5rem 1rem;
align-items:center;
justify-content:space-between
}
.new-provider-popup__banner-logo[data-v-7a77b6d3] {
height:4rem
}
.new-provider-popup__banner-thumbs[data-v-7a77b6d3] {
height:5rem
}
.new-provider-popup__banner-btn[data-v-7a77b6d3] {
margin:0 auto
}
.user-buttons {
display:flex
}
.user-buttons__gift {
position:relative;
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:-webkit-transform .1s ease;
transition:transform .1s ease;
transition:transform .1s ease,-webkit-transform .1s ease;
padding:.5rem;
background:transparent;
border:none;
color:var(--color-text-body)
}
.user-buttons__gift-icon {
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1)
}
.user-buttons__gift:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
.user-buttons__gift-counter {
min-width:1rem;
height:1rem;
box-sizing:border-box;
border-radius:50px;
border:0;
background-color:var(--color-primary-1);
color:var(--color-layer-body);
text-align:center;
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em;
position:absolute;
right:-.5rem;
top:-.25rem
}
@media (min-width: 320px) {
.user-buttons__gift-counter {
font-size:.5625rem;
line-height:180%
}
}
.user-buttons__gift-counter--pulsing {
box-shadow:0 0 0 4px var(--color-error);
-webkit-animation:pin-pulse 1s infinite;
animation:pin-pulse 1s infinite
}
@-webkit-keyframes pin-pulse {
0% {
box-shadow:0 0 0 3.2px var(--color-error)
}
25% {
box-shadow:0 0 0 .8px var(--color-error)
}
50% {
box-shadow:0 0 0 6px var(--color-error)
}
75% {
box-shadow:0 0 0 3.2px var(--color-error)
}
to {
box-shadow:0 0 0 4.8px var(--color-error)
}
}
@keyframes pin-pulse {
0% {
box-shadow:0 0 0 3.2px var(--color-error)
}
25% {
box-shadow:0 0 0 .8px var(--color-error)
}
50% {
box-shadow:0 0 0 6px var(--color-error)
}
75% {
box-shadow:0 0 0 3.2px var(--color-error)
}
to {
box-shadow:0 0 0 4.8px var(--color-error)
}
}
.fe-popup-transition-fade-enter-active,
.fe-popup-transition-fade-leave-active {
transition:opacity .25s ease-out
}
.fe-popup-transition-fade-enter,
.fe-popup-transition-fade-leave-to {
opacity:0
}
.nav-roll-item[data-v-f43a56b5] {
text-decoration:none;
position:relative;
display:flex;
align-items:center;
height:100%;
transition:color .2s ease;
cursor:pointer;
padding:0;
margin:0;
white-space:nowrap
}
.nav-roll-item.item-hidden[data-v-f43a56b5] {
visibility:hidden;
order:999;
overflow:hidden;
}
.nav-roll-item--soon[data-v-f43a56b5] {
opacity:.5
}
.nav-roll-item--soon-label[data-v-f43a56b5] {
opacity:1;
font-weight:700
}
.nav-roll-item__badge[data-v-f43a56b5] {
margin-left:.25rem
}
.nav-roll-item__img[data-v-f43a56b5] {
margin-right:.5rem;
width:1.5rem;
height:1.5rem
}
.nav-roll[data-v-f45163af] .nav-roll-item {
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.nav-roll[data-v-f45163af] .nav-roll-item {
font-size:.875rem;
line-height:170%
}
}
.nav-roll__dropdown[data-v-f45163af] {
box-shadow:0 0 1rem var(--color-tertiary-6)
}
.nav-roll[data-v-f45163af] .fe-popup {
display:flex;
justify-content:center
}
.nav-roll[data-v-f45163af] .fe-popup__content {
padding-top:.25rem
}
.nav-roll[data-v-f45163af] .fe-popup__wrapper {
left:calc(-100% + 4rem)
}
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll-item {
cursor:pointer;
color:var(--color-text-alt);
position:relative;
color:var(--color-text-body);
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700
}
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll-item.active {
color:var(--color-primary-1)
}
@media (min-width: 1200px) {
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll-item:hover {
color:var(--color-primary-1)
}
}
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll-item:after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background:var(--color-primary-1);
-webkit-transform:scale(0,1);
transform:scaleX(0);
-webkit-transform-origin:center;
transform-origin:center;
transition:-webkit-transform .2s ease;
transition:transform .2s ease;
transition:transform .2s ease,-webkit-transform .2s ease
}
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll-item.active {
opacity:1
}
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll-item.active:after {
-webkit-transform:scale(1,1);
transform:scale(1)
}
@media (min-width: 754px) {
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll-item:hover {
opacity:1
}
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll-item:hover:after {
-webkit-transform:scale(1,1);
transform:scale(1)
}
}
@media (min-width: 320px) {
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll-item {
font-size:.875rem;
line-height:170%
}
}
@media (min-width: 754px) {
.header-nav-menu[data-v-87d52827] .nav-roll .nav-roll__wrapper {
margin-right:6rem
}
}
.header-nav-menu[data-v-87d52827] .nav-roll .fe-popup__wrapper {
left:calc(100% + 1em)
}
.header-nav-menu[data-v-87d52827] .nav-roll .fe-popup__content {
width:auto;
top:unset;
left:unset;
will-change:transform;
position:fixed
}
.games-list-toolbar-search__text.fe-text {
line-height:2rem;
font-weight:700
}
.games-list-toolbar-search {
position:relative;
display:grid;
align-content:center;
align-items:center;
grid-template-columns:-webkit-min-content -webkit-max-content;
grid-template-columns:min-content max-content;
height:100%;
text-align:right;
cursor:pointer;
transition:background-color .2s;
justify-content:center
}
.games-list-toolbar-search:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
@media (min-width: 754px) {
.games-list-toolbar-search {
border-radius:0 var(--border-radius-s) var(--border-radius-s) 0
}
}
.games-list-toolbar-search--open {
padding-left:0;
background-color:var(--color-layer-alt-4);
border:1px solid rgba(28,119,237,.55);
box-shadow:0 4px 8px var(--color-secondary-5)
}
@media (min-width: 754px) {
.games-list-toolbar-search--open {
border-radius:var(--border-radius-s)
}
}
.games-list-toolbar-search__main {
height:100%;
display:flex;
align-items:center;
justify-content:flex-end
}
.games-list-toolbar-search__input {
display:none;
width:100%;
height:100%;
border:none;
border-radius:0 var(--border-radius-xs) var(--border-radius-xs) 0;
font-size:1.17rem;
font-weight:400;
color:var(--color-text-alt);
background:transparent;
outline:none;
cursor:pointer
}
@media (min-width: 754px) {
.games-list-toolbar-search__input {
border-radius:0 var(--border-radius-xs) var(--border-radius-xs) 0
}
}
.games-list-toolbar-search__input::-webkit-input-placeholder {
color:var(--color-text-alt);
font-weight:400
}
.games-list-toolbar-search__input::-moz-placeholder {
color:var(--color-text-alt);
font-weight:400
}
.games-list-toolbar-search__input:-moz-placeholder {
color:var(--color-text-alt);
font-weight:400
}
.games-list-toolbar-search__input:-ms-input-placeholder {
color:var(--color-text-alt);
font-weight:400
}
@media (min-width: 1200px) {
.games-list-toolbar-search__input {
display:block;
font-size:1.17rem
}
}
.games-list-toolbar-search--open .games-list-toolbar-search__input {
display:block;
cursor:text
}
.games-list-toolbar-search--open .games-list-toolbar-search__input::-webkit-input-placeholder {
color:var(--color-text-body)
}
.games-list-toolbar-search--open .games-list-toolbar-search__input::-moz-placeholder {
color:var(--color-text-body)
}
.games-list-toolbar-search--open .games-list-toolbar-search__input:-moz-placeholder {
color:var(--color-text-body)
}
.games-list-toolbar-search--open .games-list-toolbar-search__input:-ms-input-placeholder {
color:var(--color-text-body)
}
.games-list-toolbar-search__activator {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%
}
.games-list-toolbar-search__icon,
.games-list-toolbar-search__icon.fe-icon {
border-radius:0 var(--border-radius-xs) var(--border-radius-xs) 0;
cursor:pointer;
width:2.5rem;
height:2.5rem;
padding:.5rem
}
.search__clear[data-v-9484353c] {
margin-right:.5rem
}
@media (min-width: 754px) {
.game-item:hover img {
-webkit-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)
}
}
.game-item__thumb {
transition:all .5s ease
}
.game-item__jackpot__game {
color:var(--color-text-menu-active)
}
.game-item--large .game-item__jackpot {
background:var(--color-secondary-gradient)
}
.game-item__favorite-btn {
border-radius:0 0 0 2rem;
color:var(--color-text-alt)
}
.game-item__preview-container {
padding-top:140%
}
.game-item__preview-bottom {
border:.125rem solid var(--color-text-link-default);
border-bottom:none;
width:100%
}
.game-item__preview-bottom .preview-text {
width:101%;
background:var(--color-text-link-default);
color:var(--color-text-on-opposite-back)
}
.game-item__special-badge {
border-radius:0 0 2.5rem;
background:var(--color-layer-body)
}
.game-item__special-badge.exclusive {
background:var(--color-primary-gradient)
}
.overlay-animation-leave-active[data-v-b9f1bc52] {
transition:all .1s
}
.overlay-animation-enter-active[data-v-b9f1bc52] {
transition:all .2s
}
.overlay-animation-enter-from[data-v-b9f1bc52],
.overlay-animation-leave-to[data-v-b9f1bc52] {
top:100%
}
.game-item__random[data-v-1806b9a1] {
position:relative;
padding-bottom:140%;
height:100%
}
.game-item__random-body[data-v-1806b9a1] {
display:grid;
grid-template-rows:1fr auto;
align-items:center;
justify-items:center;
width:100%;
position:absolute;
margin:0;
border-radius:var(--border-radius-s);
background:var(--color-layer-alt-2);
height:calc(100% - 2.5rem);
box-sizing:border-box;
text-decoration:none;
color:var(--color-layer-alt-1)
}
.game-item__random-container[data-v-1806b9a1] {
margin:auto 0
}
.game-item__random-wrapper[data-v-1806b9a1] {
height:100%;
position:absolute;
display:grid;
grid-template-rows:1fr auto;
padding:1rem;
grid-row-gap:.5rem
}
.game-item__random-img[data-v-1806b9a1] {
width:4rem;
height:4rem;
margin:0 auto;
color:var(--color-text-body)
}
.game-item__random-img.animation[data-v-1806b9a1] {
-webkit-animation:rotatingDice-1806b9a1 5s infinite;
animation:rotatingDice-1806b9a1 5s infinite;
-webkit-animation-timing-function:cubic-bezier(.1,.7,1,.1);
animation-timing-function:cubic-bezier(.1,.7,1,.1);
animation-direction:reverse
}
.game-item__random-text[data-v-1806b9a1] {
font-size:.75rem;
line-height:140%;
font-weight:400;
text-align:center;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.game-item__random-text[data-v-1806b9a1] {
font-size:.75rem;
line-height:140%
}
}
.game-item__random-action[data-v-1806b9a1] {
width:100%
}
@-webkit-keyframes rotatingDice-1806b9a1 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(900deg);
transform:rotate(900deg)
}
to {
-webkit-transform:rotate(0deg);
transform:rotate(0)
}
}
@keyframes rotatingDice-1806b9a1 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(900deg);
transform:rotate(900deg)
}
to {
-webkit-transform:rotate(0deg);
transform:rotate(0)
}
}
.cashback-card[data-v-d1402d59] {
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:1rem;
width:100%;
height:100%;
background:var(--color-secondary-gradient);
border-radius:var(--border-radius-s);
grid-column-start:1;
grid-column-end:3;
grid-row-start:5;
grid-row-end:6
}
@media (min-width: 754px) {
.cashback-card[data-v-d1402d59] {
grid-column-start:3;
grid-column-end:5;
grid-row-start:2;
grid-row-end:3
}
}
@media (min-width: 1300px) {
.cashback-card[data-v-d1402d59] {
grid-column-start:4;
grid-column-end:6
}
}
.cashback-card__info-wrap[data-v-d1402d59] {
height:100%;
margin-bottom:.5rem
}
.cashback-card__img[data-v-d1402d59] {
width:100%;
margin-bottom:.25rem;
border-radius:var(--border-radius-xs);
position:absolute;
left:0;
top:0
}
.cashback-card__img-wrap[data-v-d1402d59] {
position:relative;
width:100%;
padding-top:33%
}
.cashback-card__des[data-v-d1402d59] {
font-size:1rem;
line-height:normal;
font-weight:700;
text-align:center
}
@media (min-width: 320px) {
.cashback-card__des[data-v-d1402d59] {
font-size:1rem;
line-height:150%
}
}
.games-list {
width:100%;
display:grid;
grid-gap:1rem;
grid-template-columns:repeat(2,1fr);
align-self:baseline
}
@media (min-width: 508px) {
.games-list {
grid-template-columns:repeat(3,1fr)
}
}
@media (min-width: 754px) {
.games-list {
grid-gap:1.25rem;
grid-template-columns:repeat(4,1fr)
}
}
@media (min-width: 1300px) {
.games-list {
grid-gap:1.25rem;
grid-template-columns:repeat(6,1fr)
}
}
.games-list--full-width {
max-width:var(--main-layout-width);
margin:0 auto
}
.games-list--gap {
grid-row-gap:1.25rem
}
.search-popup {
max-width:1300px;
width:100%;
max-height:80vh;
padding:1rem;
display:grid;
grid-template-rows:-webkit-min-content 1fr;
grid-template-rows:min-content 1fr;
background-color:var(--color-layer-alt-1);
border-radius:var(--border-radius-s)
}
.search-popup+.modal__close {
display:none
}
.search-popup .game-hall__empty-title {
font-size:2rem;
margin:2rem 0
}
.search-popup__input {
display:flex;
align-items:center
}
.search-popup__input-close-popup {
padding:.5rem 0 .5rem .5rem
}
.search-popup.open .search-popup__list {
padding:1rem
}
.search-popup__empty-title {
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700;
text-align:center
}
@media (min-width: 320px) {
.search-popup__empty-title {
font-size:.875rem;
line-height:170%
}
}
.search-popup__empty-description {
font-size:1rem;
line-height:normal;
font-weight:400;
color:var(--color-text-body);
text-align:center
}
@media (min-width: 320px) {
.search-popup__empty-description {
font-size:1rem;
line-height:150%
}
}
.search-popup__list {
overflow-y:auto
}
.search-popup__list .h2 {
line-height:135%
}
.search-popup__list-body {
gap:1rem;
padding-top:1.5rem
}
.search-popup__list-empty {
width:100%;
display:flex;
flex-direction:column;
grid-template-rows:-webkit-max-content;
grid-template-rows:max-content
}
.search-popup__list-empty p {
font-weight:700
}
.search-popup__list-empty .game-row {
width:100%
}
.search-list {
max-width:1300px;
box-sizing:border-box;
height:80vh;
align-content:flex-start
}
.search-list.error .search-list__input input {
border-color:var(--color-primary-1)
}
.search-list+.modal__close {
display:none
}
.search-list .game-hall__empty-title {
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700
}
@media (min-width: 320px) {
.search-list .game-hall__empty-title {
font-size:.875rem;
line-height:170%
}
}
.search-list .game-hall__empty-description {
font-size:1rem;
line-height:normal;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.search-list .game-hall__empty-description {
font-size:1rem;
line-height:150%
}
}
.search-list__no-results {
margin-bottom:1rem
}
.search-list__input {
display:flex;
align-items:center
}
.search-list__input-close-popup {
padding:.5rem 0 .5rem .5rem
}
.search-list__list-body {
max-height:calc(80vh - 6rem);
overflow-y:scroll;
overflow-x:hidden
}
@media (min-width: 754px) {
.search-list__list-body {
max-height:unset
}
}
.search-list__list-empty {
overflow:hidden;
display:flex;
flex-direction:column
}
.search-list__list-empty .game-row {
width:100%
}
.search-list__list-title {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em
}
@media (min-width: 320px) {
.search-list__list-title {
font-size:.5625rem;
line-height:180%
}
}
.games-list-toolbar {
position:relative;
display:grid;
grid-template-columns:auto auto 1fr;
grid-template-rows:100%;
height:100%
}
.games-list-toolbar__producers {
display:flex;
justify-content:center;
align-items:center
}
@media (min-width: 1200px) {
.games-list-toolbar__producers {
border-left:none
}
}
.games-list-toolbar__search {
box-sizing:border-box;
display:flex;
align-items:center;
right:0;
height:100%;
border:none;
transition:all .2s
}
.games-list-toolbar--search-open .games-list-toolbar__search {
width:100%
}
.search-in-header {
position:fixed;
left:0;
right:0;
z-index:1001;
width:var(--main-layout-width);
top:1rem;
margin:auto;
height:auto;
max-height:80vh
}
@media (min-width: 754px) {
.search-in-header {
min-height:44rem
}
}
.promo-timer {
display:flex;
align-items:center;
color:var(--color-text-alt);
background-color:var(--color-error);
padding:0;
border-radius:var(--border-radius-s);
border-top:none;
position:relative
}
.promo-timer__text {
font-size:1rem;
white-space:nowrap;
margin-right:6px
}
.promo-timer__timer {
width:36px;
font-size:1.17rem;
font-weight:400;
line-height:19px
}
.promo-banner {
width:100%;
margin:auto 0;
position:relative;
border-radius:var(--border-radius-s);
box-sizing:border-box
}
@media (min-width: 754px) {
.promo-banner {
display:block
}
}
.promo-banner--side {
display:none;
margin:0 0 0 30px
}
@media (min-width: 754px) {
.promo-banner--side {
display:block
}
}
.promo-banner__timer {
position:absolute;
top:0;
display:flex;
justify-content:center;
width:100%
}
.promo-banner--side .promo-banner__timer {
top:0
}
.promo-banner img {
width:100%
}
.promo-banner-timer {
background-color:var(--color-error);
width:7rem;
padding:0;
justify-content:center;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.promo-banner-timer .promo-timer__timer {
width:auto;
font-size:1rem;
line-height:normal;
font-weight:700
}
@media (min-width: 320px) {
.promo-banner-timer .promo-timer__timer {
font-size:1rem;
line-height:150%
}
}
.promo-banner .promo-banner__container {
display:flex;
align-items:center
}
.promo-banner .promo-banner__icon {
width:5rem;
height:5rem;
margin-right:.5rem
}
.promo-banner__title {
font-size:1rem;
line-height:normal;
font-weight:700;
color:var(--color-text-menu-active)
}
@media (min-width: 320px) {
.promo-banner__title {
font-size:1rem;
line-height:150%
}
}
.promo-banner__desc {
font-size:.75rem;
line-height:140%;
font-weight:700
}
@media (min-width: 320px) {
.promo-banner__desc {
font-size:.75rem;
line-height:140%
}
}
.promo-banner__txt {
white-space:pre-line
}
.promo-banner.promo-banner--large {
padding:0
}
.promo-banner.promo-banner--large .promo-banner__container {
flex-direction:column;
height:auto
}
.promo-banner.promo-banner--large .promo-banner__icon {
width:auto;
max-width:100%;
height:10rem;
margin-bottom:1rem
}
.promo-banner.promo-banner--large .promo-banner__txt {
white-space:unset;
margin-bottom:1rem;
text-align:center;
padding:0;
max-width:unset
}
.promo-banner.promo-banner--secondary {
background:var(--color-secondary-gradient);
box-shadow:0 2rem 2rem #00000040
}
.promo-banner.promo-banner--outline {
background:var(--color-layer-alt-2);
border:1px solid var(--color-primary-3)
}
.enter-btns {
flex-direction:row;
flex:1 1 100%;
display:flex;
align-items:center;
justify-content:center;
position:relative;
margin-right:.5rem
}
@media (min-width: 754px) {
.enter-btns {
flex:1 1 auto
}
}
.enter-btns-log {
margin-right:1rem
}
.enter-btns__promo-container {
width:100%;
max-width:25rem;
position:absolute;
left:0;
right:0;
margin:0 auto;
bottom:calc(100% + 2rem)
}
@media (min-width: 754px) {
.enter-btns__promo-container {
top:calc(100% + 2rem);
width:30rem;
max-width:unset;
left:unset
}
}
.enter-btns__promo-container .promo-banner {
margin:0 auto;
position:relative
}
@media (min-width: 754px) {
.enter-btns__promo-container .promo-banner {
position:absolute;
right:0
}
}
.enter-btns__close_promo {
position:absolute;
right:1rem;
top:1rem
}
.header .header__bottom-nav-item[data-v-d807f655] {
position:relative;
color:var(--color-text-body);
padding:.5rem 0
}
.header .header__bottom-nav-item[data-v-d807f655]:after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background:var(--color-primary-1);
-webkit-transform:scale(0,1);
transform:scaleX(0);
-webkit-transform-origin:center;
transform-origin:center;
transition:-webkit-transform .2s ease;
transition:transform .2s ease;
transition:transform .2s ease,-webkit-transform .2s ease
}
.header .header__bottom-nav-item.active[data-v-d807f655] {
opacity:1
}
.header .header__bottom-nav-item.active[data-v-d807f655]:after {
-webkit-transform:scale(1,1);
transform:scale(1)
}
@media (min-width: 754px) {
.header .header__bottom-nav-item[data-v-d807f655]:hover {
opacity:1
}
.header .header__bottom-nav-item[data-v-d807f655]:hover:after {
-webkit-transform:scale(1,1);
transform:scale(1)
}
}
.header__bottom-nav[data-v-d807f655] .header__bottom-nav-item {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:400;
letter-spacing:.06em;
display:flex;
justify-content:center;
flex-direction:column;
align-items:center;
padding:.5rem .25rem;
flex-grow:1;
cursor:pointer
}
@media (min-width: 320px) {
.header__bottom-nav[data-v-d807f655] .header__bottom-nav-item {
font-size:.5625rem;
line-height:180%
}
}
.header__bottom[data-v-d807f655] {
background:var(--color-layer-alt-1);
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:column;
padding:0 .5rem;
position:fixed;
bottom:0;
width:100%;
border-radius:var(--border-radius-m) var(--border-radius-m) 0 0;
box-shadow:0 3px 5px #424c571f,0 2px 4px 2px #2f3a4130;
padding-bottom:env(safe-area-inset-bottom);
z-index:1000;
}
@media (min-width: 754px) {
.header__bottom[data-v-d807f655] {
display:none
}
}
.header__bottom--top[data-v-d807f655] {
margin:.5rem 0;
width:100%
}
.header__bottom-nav[data-v-d807f655] {
display:flex;
width:100%;
justify-content:space-between
}
.header__bottom-nav-item[data-v-d807f655] {
text-decoration:none
}
.header__bottom-nav-icon[data-v-d807f655] {
background:transparent;
border-radius:50%;
display:inline-block;
padding:6px;
width:36px;
height:36px;
box-sizing:border-box
}
.header__bottom-nav-badge[data-v-d807f655] {
position:absolute;
right:-.5rem;
top:.5rem
}
.header__bottom-nav__bottom[data-v-d807f655] {
color:var(--color-text-alt);
display:flex;
justify-content:center;
flex-direction:column;
align-items:center;
padding:.5rem .25rem;
flex-grow:1;
cursor:pointer
}
.header__bottom-nav__bottom.active[data-v-d807f655] {
color:var(--color-primary-1)
}
@media (min-width: 1200px) {
.header__bottom-nav__bottom[data-v-d807f655]:hover {
color:var(--color-primary-1)
}
}
.header__bottom-nav__bottom.active img[data-v-d807f655] {
-webkit-filter:none;
filter:none
}
.header__bottom-nav__bottom.active path[data-v-d807f655] {
fill:var(--color-primary-1)
}
@media (min-width: 1200px) {
.header__bottom-nav__bottom:hover img[data-v-d807f655] {
-webkit-filter:none;
filter:none
}
.header__bottom-nav__bottom:hover path[data-v-d807f655] {
fill:var(--color-primary-1)
}
}
.header__bottom-nav__bottom img[data-v-d807f655] {
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1)
}
@media (min-width: 508px) {
.header__bottom-nav__bottom[data-v-d807f655] {
padding:.5rem
}
}
.header__bottom-nav__bottom-counter[data-v-d807f655] {
min-width:1rem;
height:1rem;
box-sizing:border-box;
border-radius:50px;
border:0;
background-color:var(--color-primary-1);
color:var(--color-layer-body);
text-align:center;
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em;
right:0;
top:1px;
position:absolute
}
@media (min-width: 320px) {
.header__bottom-nav__bottom-counter[data-v-d807f655] {
font-size:.5625rem;
line-height:180%
}
}
.header__bottom-nav__bottom-counter.active[data-v-d807f655] {
-webkit-animation:shadow-pulse 1s infinite;
animation:shadow-pulse 1s infinite
}
.header__bottom-nav-cashbox[data-v-d807f655] {
display:flex;
align-items:center
}
.tooltip[data-v-aa379694] {
display:inline-block
}
.tooltip__activator[data-v-aa379694] {
cursor:pointer
}
.tooltip__body[data-v-aa379694] {
background-color:var(--color-secondary-3);
border-radius:var(--border-radius-xs);
box-shadow:0 1px 3px 0 var(--color-tertiary-5);
color:var(--color-text-alt);
padding:.5rem;
z-index:100
}
.tooltip__arrow[data-v-aa379694] {
background:var(--color-secondary-3);
height:10px;
position:absolute;
-webkit-transform:rotateZ(45deg);
transform:rotate(45deg);
width:10px
}
.progressbar_wrapper {
position:relative;
width:100%
}
.progressbar__main {
height:.5rem;
width:100%;
border-radius:1rem;
background:var(--color-layer-alt-4);
position:relative;
margin:0;
overflow:hidden
}
.progressbar--big .progressbar__main {
height:1.5rem
}
.progressbar__active {
position:absolute;
left:0;
top:0;
bottom:0;
background:var(--color-additional-gradient);
border-radius:var(--border-radius-xs)
}
.progressbar__insade {
z-index:10;
position:relative;
color:var(--color-text-alt);
font-weight:700;
font-size:.75rem;
line-height:1.5rem
}
.user-balance__label[data-v-37ce4d67],
.user-balance__title[data-v-37ce4d67],
.user-balance__progressbar-text[data-v-37ce4d67] {
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.user-balance__label[data-v-37ce4d67],
.user-balance__title[data-v-37ce4d67],
.user-balance__progressbar-text[data-v-37ce4d67] {
font-size:.75rem;
line-height:140%
}
}
.user-balance__value[data-v-37ce4d67],
.user-balance__progressbar-wagering[data-v-37ce4d67] {
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700;
text-transform:inherit
}
@media (min-width: 320px) {
.user-balance__value[data-v-37ce4d67],
.user-balance__progressbar-wagering[data-v-37ce4d67] {
font-size:.875rem;
line-height:170%
}
}
.user-balance__tooltip-info[data-v-37ce4d67] {
width:1rem;
height:1rem
}
.user-balance[data-v-37ce4d67] {
text-align:left;
font-size:1rem;
line-height:170%
}
.user-balance[data-v-37ce4d67] .user-balance__tooltip {
position:relative;
margin-left:.5rem
}
.user-balance .tooltip__content[data-v-37ce4d67] {
color:initial
}
.user-balance .tooltip__body[data-v-37ce4d67]:after,
.user-balance .tooltip__body[data-v-37ce4d67]:before {
display:none
}
.user-balance__common[data-v-37ce4d67] {
box-sizing:border-box;
display:flex;
justify-content:space-between;
align-items:center;
padding-bottom:0
}
.user-balance__detailed[data-v-37ce4d67] {
display:flex;
flex-wrap:wrap;
padding-bottom:0
}
.user-balance__detailed-real[data-v-37ce4d67] {
flex:1 50%;
border-right:unset
}
.user-balance__detailed-bonus[data-v-37ce4d67] {
flex:1 50%;
padding-left:0;
text-align:right
}
.user-balance__tooltip-info[data-v-37ce4d67],
.user-balance__tooltip-info[data-v-37ce4d67] .cashbox-withdraw__balance {
color:var(--color-text-alt)
}
.user-balance__tooltip-info svg[data-v-37ce4d67] {
width:1.75rem
}
.user-balance__progressbar[data-v-37ce4d67] {
box-sizing:border-box;
padding-bottom:0
}
.user-balance__progressbar .progressbar__main[data-v-37ce4d67] {
margin:0
}
.user-balance__progressbar-text[data-v-37ce4d67] {
color:var(--color-text-body)
}
.user-balance__progressbar-description[data-v-37ce4d67] {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center
}
.user-balance__label[data-v-37ce4d67] {
margin:0
}
@media (min-width: 508px) {
.header .dropdown-balance {
left:0
}
}
@media (min-width: 754px) {
.header .dropdown-balance {
left:50%;
-webkit-transform:translateX(-50%);
transform:translate(-50%)
}
.header .fe-popup__content--width-auto .dropdown-balance {
left:-50%;
-webkit-transform:none;
transform:none
}
}
.dropdown-balance {
width:100vw;
background:var(--color-layer-alt-1);
color:inherit;
display:grid;
flex-direction:column;
border-radius:0 0 var(--border-radius-s) var(--border-radius-s);
top:.5rem;
position:relative;
padding:1rem;
left:-5rem;
box-sizing:border-box
}
@media (min-width: 508px) {
.dropdown-balance {
width:25rem;
left:calc(-50% + 5rem);
top:.75rem
}
}
@media (min-width: 754px) {
.dropdown-balance {
top:0;
left:-50%
}
}
@media (min-width: 1200px) {
.dropdown-balance {
left:-50%;
top:0
}
}
.ticket-balance__wrapper[data-v-07c0a06d] {
display:flex;
align-items:center;
justify-content:space-between
}
.ticket-balance__icon-info[data-v-07c0a06d] {
display:flex
}
.ticket-balance__icon-info[data-v-07c0a06d],
.ticket-balance__icon[data-v-07c0a06d] {
width:1rem;
height:1rem
}
.ticket-balance__title[data-v-07c0a06d] {
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.ticket-balance__title[data-v-07c0a06d] {
font-size:.75rem;
line-height:140%
}
}
.ticket-balance__count[data-v-07c0a06d] {
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700
}
@media (min-width: 320px) {
.ticket-balance__count[data-v-07c0a06d] {
font-size:.875rem;
line-height:170%
}
}
.ticket-balance__tooltip[data-v-07c0a06d] {
position:relative
}
.header-notice[data-v-224f214e] {
font-size:.75rem;
line-height:140%;
font-weight:400;
background:var(--color-secondary-3);
color:var(--color-text-alt)
}
@media (min-width: 320px) {
.header-notice[data-v-224f214e] {
font-size:.75rem;
line-height:140%
}
}
.header-notice__content[data-v-224f214e] {
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin:0 auto;
padding:.5rem 0;
box-sizing:border-box
}
.header-notice__icon[data-v-224f214e] {
width:1rem;
height:1rem;
margin-right:.5rem;
display:flex
}
.header-notice__link[data-v-224f214e] a {
margin-left:.25rem;
font-size:.75rem;
line-height:140%;
font-weight:700
}
@media (min-width: 320px) {
.header-notice__link[data-v-224f214e] a {
font-size:.75rem;
line-height:140%
}
}
.session-time[data-v-8b9744bb] {
min-width:3rem;
font-variant-numeric:tabular-nums;
padding-left:.25rem
}
.astro-coin-balance[data-v-3967a2db] {
cursor:pointer
}
.astro-coin-balance__title[data-v-3967a2db] {
color:var(--color-text-body)
}
.astro-coin-balance__icon-info[data-v-3967a2db] {
display:flex
}
.astro-coin-balance__icon-info[data-v-3967a2db],
.astro-coin-balance__icon[data-v-3967a2db] {
width:1rem;
height:1rem
}
.astro-coin-balance__tooltip[data-v-3967a2db] {
position:relative
}
.header {
color:var(--color-text-alt)
}
.header__wrapper {
box-shadow:0 0 1rem var(--color-tertiary-6)
}
.header__center {
grid-template-columns:-webkit-max-content minmax(4rem,1fr) auto;
grid-template-columns:max-content minmax(4rem,1fr) auto;
grid-template-rows:100%
}
.notify-button[data-v-754df5ad] {
padding:.5rem
}
.notify-button__icon[data-v-754df5ad] {
width:1.5rem;
height:1.5rem
}
.notify-button__counter[data-v-754df5ad] {
width:1rem;
height:1rem;
border-radius:5rem;
border:0;
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em;
background-color:var(--color-primary-1);
color:var(--color-layer-body);
text-align:center;
position:absolute;
right:-.5rem;
top:-.25rem
}
@media (min-width: 320px) {
.notify-button__counter[data-v-754df5ad] {
font-size:.5625rem;
line-height:180%
}
}
.close-button[data-v-86b6a89d] {
transition:color .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out;
display:block;
cursor:pointer;
position:relative;
border-radius:50%;
height:100%
}
.close-button svg[data-v-86b6a89d] {
display:block
}
.close-button[data-v-86b6a89d]:hover {
color:var(--color-primary-1)
}
.close-button[data-v-86b6a89d]:active {
color:var(--color-text-alt)
}
.notify-message[data-v-6759636b] {
grid-template-columns:2rem 1fr 1.5rem;
padding:1rem;
border-bottom:1px solid var(--color-layer-alt-4);
-webkit-column-gap:1rem;
-moz-column-gap:1rem;
column-gap:1rem
}
.notify-message__icon-trash[data-v-6759636b] {
display:flex;
width:1.5rem;
height:1.5rem;
padding:.25rem;
color:var(--color-text-body);
cursor:pointer
}
.notify-message__icon-trash[data-v-6759636b]:hover {
color:var(--color-text-alt)
}
.notify-message__icon[data-v-6759636b] {
width:2rem;
height:2rem
}
.notify-message__icon img[data-v-6759636b] {
display:block;
width:100%
}
.notify-message[data-v-6759636b] a {
cursor:pointer;
color:var(--color-primary-1);
text-decoration:none
}
.notify-message[data-v-6759636b] a.active {
color:var(--color-primary-1)
}
@media (min-width: 1200px) {
.notify-message[data-v-6759636b] a:hover {
color:var(--color-primary-1)
}
}
.notify-bar[data-v-82f9e8fd] {
display:flex;
flex-direction:column;
position:fixed;
background-color:var(--color-layer-alt-1);
height:100vh;
width:80vw;
max-width:24rem;
left:100%;
top:0;
overflow:hidden;
-webkit-transform:translateX(0px);
transform:translate(0);
transition:all .25s;
border-radius:var(--border-radius-s) 0 0 var(--border-radius-s);
padding-bottom:1rem
}
.notify-bar--opened[data-v-82f9e8fd] {
-webkit-transform:translateX(-100%);
transform:translate(-100%)
}
.notify-bar__header[data-v-82f9e8fd] {
display:flex;
justify-content:space-between;
padding:1rem
}
@media (min-width: 754px) {
.notify-bar[data-v-82f9e8fd] {
border-radius:var(--border-radius-m) 0 0 var(--border-radius-m)
}
}
.notify-bar__icon-empty[data-v-82f9e8fd] {
width:4rem;
height:4rem
}
.notify-bar__container[data-v-82f9e8fd] {
overflow-y:auto
}
.notify-bar__container .notify-message.last-message[data-v-82f9e8fd] {
border-bottom:none
}
.iti-flag-wrapper {
font-size:2.2px;
width:10em;
height:7em;
overflow:hidden
}
.iti-flag {
width:100em;
height:100%;
background-size:cover;
background-image:url(/img/flags/flags-BYkXxwB7.svg);
background-repeat:no-repeat
}
.iti-flag.balearic-islands {
background-position:0 0
}
.iti-flag.ad {
background-position:-10em 0
}
.iti-flag.bi {
background-position:-20em 0
}
.iti-flag.ag {
background-position:-30em 0
}
.iti-flag.ax {
background-position:-40em 0
}
.iti-flag.cm {
background-position:-50em 0
}
.iti-flag.bn {
background-position:-60em 0
}
.iti-flag.pl {
background-position:-70em 0
}
.iti-flag.bq {
background-position:-80em 0
}
.iti-flag.by {
background-position:-90em 0
}
.iti-flag.bb {
background-position:0 -10em
}
.iti-flag.vg {
background-position:-10em -10em
}
.iti-flag.ba {
background-position:-20em -10em
}
.iti-flag.bm {
background-position:-30em -10em
}
.iti-flag.bz {
background-position:-40em -10em
}
.iti-flag.bh {
background-position:-50em -10em
}
.iti-flag.al {
background-position:-60em -10em
}
.iti-flag.bf {
background-position:-70em -10em
}
.iti-flag.tr {
background-position:-80em -10em
}
.iti-flag.basque-country {
background-position:-90em -10em
}
.iti-flag.am {
background-position:0 -20em
}
.iti-flag.af {
background-position:-10em -20em
}
.iti-flag.british-columbia {
background-position:-20em -20em
}
.iti-flag.ao {
background-position:-30em -20em
}
.iti-flag.az {
background-position:-40em -20em
}
.iti-flag.dz {
background-position:-50em -20em
}
.iti-flag.bw {
background-position:-60em -20em
}
.iti-flag.bd {
background-position:-70em -20em
}
.iti-flag.cu {
background-position:-80em -20em
}
.iti-flag.au {
background-position:-90em -20em
}
.iti-flag.cr {
background-position:0 -30em
}
.iti-flag.kh {
background-position:-10em -30em
}
.iti-flag.bo {
background-position:-20em -30em
}
.iti-flag.hr {
background-position:-30em -30em
}
.iti-flag.bg {
background-position:-40em -30em
}
.iti-flag.galapagos-islands {
background-position:-50em -30em
}
.iti-flag.mq {
background-position:-60em -30em
}
.iti-flag.to {
background-position:-70em -30em
}
.iti-flag.lc {
background-position:-80em -30em
}
.iti-flag.rapa-nui {
background-position:-90em -30em
}
.iti-flag.sg {
background-position:0 -40em
}
.iti-flag.pw {
background-position:-10em -40em
}
.iti-flag.nu {
background-position:-20em -40em
}
.iti-flag.mo {
background-position:-30em -40em
}
.iti-flag.fj {
background-position:-40em -40em
}
.iti-flag.faroe-islands {
background-position:-50em -40em
}
.iti-flag.dm {
background-position:-60em -40em
}
.iti-flag.vu {
background-position:-70em -40em
}
.iti-flag.sl {
background-position:-80em -40em
}
.iti-flag.sc {
background-position:-90em -40em
}
.iti-flag.kosovo {
background-position:0 -50em
}
.iti-flag.england {
background-position:-10em -50em
}
.iti-flag.us {
background-position:-20em -50em
}
.iti-flag.gh {
background-position:-30em -50em
}
.iti-flag.orkney-islands {
background-position:-40em -50em
}
.iti-flag.tc {
background-position:-50em -50em
}
.iti-flag.transnistria {
background-position:-60em -50em
}
.iti-flag.tk {
background-position:-70em -50em
}
.iti-flag.gm {
background-position:-80em -50em
}
.iti-flag.vc {
background-position:-90em -50em
}
.iti-flag.ss {
background-position:0 -60em
}
.iti-flag.somaliland {
background-position:-10em -60em
}
.iti-flag.sb {
background-position:-20em -60em
}
.iti-flag.vn {
background-position:-30em -60em
}
.iti-flag.sx {
background-position:-40em -60em
}
.iti-flag.sint-eustatius {
background-position:-50em -60em
}
.iti-flag.kn {
background-position:-60em -60em
}
.iti-flag.saba-island {
background-position:-70em -60em
}
.iti-flag.pn {
background-position:-80em -60em
}
.iti-flag.ps {
background-position:-90em -60em
}
.iti-flag.ossetia {
background-position:0 -70em
}
.iti-flag.mp {
background-position:-10em -70em
}
.iti-flag.nr {
background-position:-20em -70em
}
.iti-flag.pt {
background-position:-30em -70em
}
.iti-flag.ms {
background-position:-40em -70em
}
.iti-flag.melilla {
background-position:-50em -70em
}
.iti-flag.mr {
background-position:-60em -70em
}
.iti-flag.kw {
background-position:-70em -70em
}
.iti-flag.gg {
background-position:-80em -70em
}
.iti-flag.gu {
background-position:-90em -70em
}
.iti-flag.gd {
background-position:0 -80em
}
.iti-flag.gl {
background-position:-10em -80em
}
.iti-flag.th {
background-position:-20em -80em
}
.iti-flag.gi {
background-position:-30em -80em
}
.iti-flag.ga {
background-position:-40em -80em
}
.iti-flag.fo {
background-position:-50em -80em
}
.iti-flag.vi {
background-position:-60em -80em
}
.iti-flag.at {
background-position:-70em -80em
}
.iti-flag.vatican-city {
background-position:-80em -80em
}
.iti-flag.tubalu {
background-position:-90em -80em
}
.iti-flag.tm {
background-position:0 -90em
}
.iti-flag.tg {
background-position:-10em -90em
}
.iti-flag.bs {
background-position:-20em -90em
}
.iti-flag.nl {
background-position:-30em -90em
}
.iti-flag.azores-islands {
background-position:-40em -90em
}
.iti-flag.sr {
background-position:-50em -90em
}
.iti-flag.so {
background-position:-60em -90em
}
.iti-flag.sicily {
background-position:-70em -90em
}
.iti-flag.sardinia {
background-position:-80em -90em
}
.iti-flag.st {
background-position:-90em -90em
}
.iti-flag.nf {
background-position:0 -100em
}
.iti-flag.ne {
background-position:-10em -100em
}
.iti-flag.fm {
background-position:-20em -100em
}
.iti-flag.mh {
background-position:-30em -100em
}
.iti-flag.ca {
background-position:-40em -100em
}
.iti-flag.ml {
background-position:-50em -100em
}
.iti-flag.kg {
background-position:-60em -100em
}
.iti-flag.gw {
background-position:-70em -100em
}
.iti-flag.er {
background-position:-80em -100em
}
.iti-flag.dj {
background-position:-90em -100em
}
.iti-flag.cw {
background-position:0 -110em
}
.iti-flag.st-barts {
background-position:-10em -110em
}
.iti-flag.sm {
background-position:-20em -110em
}
.iti-flag.northen-cyprus {
background-position:-30em -110em
}
.iti-flag.li {
background-position:-40em -110em
}
.iti-flag.in {
background-position:-50em -110em
}
.iti-flag.lr {
background-position:-60em -110em
}
.iti-flag.ye {
background-position:-70em -110em
}
.iti-flag.uz {
background-position:-80em -110em
}
.iti-flag.sd {
background-position:-90em -110em
}
.iti-flag.sahrawi-arab-democratic-republic {
background-position:0 -120em
}
.iti-flag.mk {
background-position:-10em -120em
}
.iti-flag.otan {
background-position:-20em -120em
}
.iti-flag.ly {
background-position:-30em -120em
}
.iti-flag.tl {
background-position:-40em -120em
}
.iti-flag.tibet {
background-position:-50em -120em
}
.iti-flag.ru {
background-position:-60em -120em
}
.iti-flag.pg {
background-position:-70em -120em
}
.iti-flag.me {
background-position:-80em -120em
}
.iti-flag.md {
background-position:-90em -120em
}
.iti-flag.mv {
background-position:0 -130em
}
.iti-flag.madeira {
background-position:-10em -130em
}
.iti-flag.pf {
background-position:-20em -130em
}
.iti-flag.tt {
background-position:-30em -130em
}
.iti-flag.tj {
background-position:-40em -130em
}
.iti-flag.lk {
background-position:-50em -130em
}
.iti-flag.mx {
background-position:-60em -130em
}
.iti-flag.cg {
background-position:-70em -130em
}
.iti-flag.gq {
background-position:-80em -130em
}
.iti-flag.zw {
background-position:-90em -130em
}
.iti-flag.rw {
background-position:0 -140em
}
.iti-flag.ls {
background-position:-10em -140em
}
.iti-flag.ivory-coast {
background-position:-20em -140em
}
.iti-flag.im {
background-position:-30em -140em
}
.iti-flag.ht {
background-position:-40em -140em
}
.iti-flag.as {
background-position:-50em -140em
}
.iti-flag.np {
background-position:-60em -140em
}
.iti-flag.br {
background-position:-70em -140em
}
.iti-flag.mn {
background-position:-80em -140em
}
.iti-flag.mw {
background-position:-90em -140em
}
.iti-flag.mg {
background-position:0 -150em
}
.iti-flag.je {
background-position:-10em -150em
}
.iti-flag.gh {
background-position:-20em -150em
}
.iti-flag.ge {
background-position:-30em -150em
}
.iti-flag.et,
.iti-flag.ee {
background-position:-40em -150em
}
.iti-flag.cd {
background-position:-50em -150em
}
.iti-flag.sn {
background-position:-60em -150em
}
.iti-flag.py {
background-position:-70em -150em
}
.iti-flag.ch {
background-position:-80em -150em
}
.iti-flag.gb,
.iti-flag.en {
background-position:-90em -150em
}
.iti-flag.et-deprecated {
background-position:0 -160em
}
.iti-flag.om {
background-position:-10em -160em
}
.iti-flag.tz {
background-position:-20em -160em
}
.iti-flag.si {
background-position:-30em -160em
}
.iti-flag.pr {
background-position:-40em -160em
}
.iti-flag.mz {
background-position:-50em -160em
}
.iti-flag.iq {
background-position:-60em -160em
}
.iti-flag.lb {
background-position:-70em -160em
}
.iti-flag.ug {
background-position:-80em -160em
}
.iti-flag.ng {
background-position:-90em -160em
}
.iti-flag.it {
background-position:0 -170em
}
.iti-flag.mt {
background-position:-10em -170em
}
.iti-flag.tn {
background-position:-20em -170em
}
.iti-flag.ni {
background-position:-30em -170em
}
.iti-flag.sl {
background-position:-40em -170em
}
.iti-flag.zm {
background-position:-50em -170em
}
.iti-flag.wales {
background-position:-60em -170em
}
.iti-flag.do {
background-position:-70em -170em
}
.iti-flag.qa {
background-position:-80em -170em
}
.iti-flag.na {
background-position:-90em -170em
}
.iti-flag.mu {
background-position:0 -180em
}
.iti-flag.european-union {
background-position:-10em -180em
}
.iti-flag.lu {
background-position:-20em -180em
}
.iti-flag.hawaii {
background-position:-30em -180em
}
.iti-flag.lt {
background-position:-40em -180em
}
.iti-flag.jm {
background-position:-50em -180em
}
.iti-flag.hn {
background-position:-60em -180em
}
.iti-flag.mm {
background-position:-70em -180em
}
.iti-flag.ke {
background-position:-80em -180em
}
.iti-flag.cy {
background-position:-90em -180em
}
.iti-flag.pk {
background-position:0 -190em
}
.iti-flag.lv {
background-position:-10em -190em
}
.iti-flag.jp,
.iti-flag.ja {
background-position:-20em -190em
}
.iti-flag.kz {
background-position:-30em -190em
}
.iti-flag.rs {
background-position:-40em -190em
}
.iti-flag.scotland {
background-position:-50em -190em
}
.iti-flag.kp {
background-position:-60em -190em
}
.iti-flag.uy {
background-position:-70em -190em
}
.iti-flag.sy {
background-position:-80em -190em
}
.iti-flag.gt {
background-position:-90em -190em
}
.iti-flag.is {
background-position:0 -200em
}
.iti-flag.jo {
background-position:-10em -200em
}
.iti-flag.mc {
background-position:-20em -200em
}
.iti-flag.es {
background-position:-30em -200em
}
.iti-flag.sk {
background-position:-40em -200em
}
.iti-flag.united-nations {
background-position:-50em -200em
}
.iti-flag.pa {
background-position:-60em -200em
}
.iti-flag.nz {
background-position:-70em -200em
}
.iti-flag.ec {
background-position:-80em -200em
}
.iti-flag.ro {
background-position:-90em -200em
}
.iti-flag.cl {
background-position:0 -210em
}
.iti-flag.fi {
background-position:-10em -210em
}
.iti-flag.hu {
background-position:-20em -210em
}
.iti-flag.be {
background-position:-30em -210em
}
.iti-flag.kr {
background-position:-40em -210em
}
.iti-flag.my {
background-position:-50em -210em
}
.iti-flag.ve {
background-position:-60em -210em
}
.iti-flag.no {
background-position:-70em -210em
}
.iti-flag.sa {
background-position:-80em -210em
}
.iti-flag.il {
background-position:-90em -210em
}
.iti-flag.cz {
background-position:0 -220em
}
.iti-flag.co {
background-position:-10em -220em
}
.iti-flag.ir {
background-position:-20em -220em
}
.iti-flag.ar {
background-position:-30em -220em
}
.iti-flag.ua {
background-position:-40em -220em
}
.iti-flag.de {
background-position:-50em -220em
}
.iti-flag.hk {
background-position:-60em -220em
}
.iti-flag.ae {
background-position:-70em -220em
}
.iti-flag.laos {
background-position:-80em -220em
}
.iti-flag.ie {
background-position:-90em -220em
}
.iti-flag.gr {
background-position:0 -230em
}
.iti-flag.dk {
background-position:-10em -230em
}
.iti-flag.se {
background-position:-20em -230em
}
.iti-flag.pe {
background-position:-30em -230em
}
.iti-flag.za {
background-position:-40em -230em
}
.iti-flag.ph {
background-position:-50em -230em
}
.iti-flag.fr {
background-position:-60em -230em
}
.iti-flag.id {
background-position:-70em -230em
}
.iti-flag.eg {
background-position:-80em -230em
}
.iti-flag.tw {
background-position:-90em -230em
}
.iti-flag.ck {
background-position:0 -240em
}
.iti-flag.cc {
background-position:-10em -240em
}
.iti-flag.cx {
background-position:-20em -240em
}
.iti-flag.ceuta {
background-position:-30em -240em
}
.iti-flag.ws {
background-position:-40em -240em
}
.iti-flag.ma {
background-position:-50em -240em
}
.iti-flag.ai {
background-position:-60em -240em
}
.iti-flag.corsica {
background-position:-70em -240em
}
.iti-flag.canary-islands {
background-position:-80em -240em
}
.iti-flag.km {
background-position:-90em -240em
}
.iti-flag.cf {
background-position:0 -250em
}
.iti-flag.ky {
background-position:-10em -250em
}
.iti-flag.io {
background-position:-20em -250em
}
.iti-flag.bt {
background-position:-30em -250em
}
.iti-flag.td {
background-position:-40em -250em
}
.iti-flag.cv {
background-position:-50em -250em
}
.iti-flag.ch {
background-position:-60em -250em
}
.iti-flag.bj {
background-position:-70em -250em
}
.iti-flag.aw {
background-position:-80em -250em
}
.iti-flag.abkhazia {
background-position:-90em -250em
}
.language-select[data-v-511a5bae]:not(:has(.fe-select--value-hidden)) {
min-width:8rem;
text-decoration:none;
color:var(--color-tertiary-1);
}
.user-buttons {
display:flex;
margin-left:auto
}
.user-buttons__support {
position:relative;
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:-webkit-transform .1s ease;
transition:transform .1s ease;
transition:transform .1s ease,-webkit-transform .1s ease;
padding:.5rem;
background:transparent;
border:none
}
.user-buttons__support:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
.user-buttons__support-counter {
position:absolute;
right:-.5rem;
top:-.25rem;
min-width:1rem;
height:1rem;
box-sizing:border-box;
border-radius:50px;
border:0;
background-color:var(--color-primary-1);
color:var(--color-layer-body);
text-align:center;
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em
}
@media (min-width: 320px) {
.user-buttons__support-counter {
font-size:.5625rem;
line-height:180%
}
}
.promo-item-status {
color:var(--color-text-alt);
-webkit-backdrop-filter:blur(var(--filter-blur-xs));
backdrop-filter:blur(var(--filter-blur-xs))
}
.promo-item-status .timer {
color:var(--color-text-alt);
margin:0 0 0 .25rem;
padding:0
}
.promo-item-status .timer__item.day {
min-width:unset
}
.promo-item-status .timer__item.day .timer__count {
min-width:.25rem
}
.promo-item-status .timer__item {
padding:0
}
.promo-item-status .timer__count {
text-align:center
}
.promo-item-status .timer__dots {
width:.25rem;
text-align:center
}
.promo-item-status .timer__dots.day {
display:none
}
.promo-labels[data-v-c32bd942] {
gap:.25rem
}
.promo-labels__item[data-v-c32bd942] {
padding:.125rem .5rem;
background:var(--color-tertiary-6);
-webkit-backdrop-filter:blur(var(--filter-blur-xs));
backdrop-filter:blur(var(--filter-blur-xs));
border-radius:var(--border-radius-s);
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content
}
.promo-labels__item--accent[data-v-c32bd942] {
background:var(--color-additional-gradient)
}
.promo-labels__item--ghost[data-v-c32bd942] {
background:var(--color-tertiary-3);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px)
}
.promo-labels__dot[data-v-c32bd942] {
display:inline-block;
width:.5rem;
height:.5rem;
border-radius:.5rem;
margin-right:.25rem
}
.promo-labels__dot--alert[data-v-c32bd942] {
background:var(--color-error)
}
.banner-wrapper--accent {
border:3px solid var(--color-text-menu-active)
}
.home-banner .home-banner__slide-title,
.promo-item .home-banner__slide-title {
margin:0;
text-align:center;
letter-spacing:unset;
font-weight:700
}
@media (min-width: 754px) {
.home-banner .home-banner__slide-title,
.promo-item .home-banner__slide-title {
text-align:left
}
}
.home-banner .fe-carousel-navigation {
display:none
}
.home-banner:hover .fe-carousel-navigation {
display:unset
}
.home-banner .VueCarousel-wrapper {
margin:0;
padding:0
}
.home-banner .VueCarousel-pagination {
background:transparent;
position:absolute;
bottom:0
}
.home-banner .VueCarousel-dot {
margin:0;
background-color:var(--color-primary-1)
}
.home-banner .VueCarousel-dot-container {
margin:0
}
.home-banner {
box-sizing:border-box;
position:relative;
width:var(--main-layout-width)!important;
margin:1.5rem auto 0;
overflow:hidden;
transition:all .5s;
border-radius:0;
--carousel-item-width: 19rem;
--carousel-gap: 1rem
}
@media (min-width: 754px) {
.home-banner {
--carousel-item-width: 30rem;
--carousel-gap: 1rem
}
}
.home-banner__body {
display:flex;
position:relative;
min-width:auto;
align-items:stretch;
transition:all .2s;
margin:auto
}
.home-banner__title {
font-size:.75rem
}
@media (min-width: 1300px) {
.home-banner__title {
font-size:1.17rem
}
}
.home-banner__control {
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
display:flex;
justify-content:center;
padding-right:0;
flex-direction:row
}
.home-banner__control-next,
.home-banner__control-prev {
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
display:none
}
@media (min-width: 754px) {
.home-banner:hover .home-banner__control-next,
.home-banner:hover .home-banner__control-prev {
display:block
}
}
.home-banner__control-next:before,
.home-banner__control-prev:before {
top:16px
}
.home-banner__control-next:after,
.home-banner__control-prev:after {
bottom:16px
}
.home-banner__control-prev {
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
width:4rem;
height:4rem;
background:var(--color-primary-gradient);
position:absolute;
border:0;
border-radius:50px;
left:10px
}
.home-banner__control-prev:after,
.home-banner__control-prev:before {
content:"";
position:absolute;
width:10px;
height:2px
}
.home-banner__control-prev:after {
bottom:20px;
left:18px
}
.home-banner__control-prev:before {
top:20px;
left:18px
}
.home-banner__control-prev:focus {
outline:none
}
.home-banner__control-prev:after,
.home-banner__control-prev:before {
background-color:var(--color-layer-alt-1)
}
.home-banner__control-prev:hover {
background:var(--color-primary-3)
}
.home-banner__control-prev:active {
background:var(--color-primary-4)
}
.home-banner__control-prev:after {
bottom:20px;
left:19px
}
.home-banner__control-prev:before {
top:20px;
left:19px
}
.home-banner__control-prev:after {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
left:17px
}
.home-banner__control-prev:before {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
left:17px
}
@media (min-width: 1300px) {
.home-banner__control-prev {
left:calc(50% - 640px)
}
}
.home-banner__control-next {
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
width:4rem;
height:4rem;
background:var(--color-primary-gradient);
position:absolute;
border:0;
border-radius:50px;
right:10px
}
.home-banner__control-next:after,
.home-banner__control-next:before {
content:"";
position:absolute;
width:10px;
height:2px
}
.home-banner__control-next:after {
bottom:20px;
left:18px
}
.home-banner__control-next:before {
top:20px;
left:18px
}
.home-banner__control-next:focus {
outline:none
}
.home-banner__control-next:after,
.home-banner__control-next:before {
background-color:var(--color-layer-alt-1)
}
.home-banner__control-next:hover {
background:var(--color-primary-3)
}
.home-banner__control-next:active {
background:var(--color-primary-4)
}
.home-banner__control-next:after {
bottom:20px;
left:19px
}
.home-banner__control-next:before {
top:20px;
left:19px
}
.home-banner__control-next:after {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.home-banner__control-next:before {
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
@media (min-width: 1300px) {
.home-banner__control-next {
right:calc(50% - 640px)
}
}
.home-banner__dots {
display:flex;
justify-content:center;
width:100%;
box-sizing:border-box;
position:absolute;
bottom:0;
left:0;
max-width:1300px;
margin:0 auto;
padding:0 12px
}
@media (min-width: 754px) {
.home-banner__dots {
bottom:0;
right:0
}
}
@media (min-width: 1300px) {
.home-banner__dots {
bottom:0
}
}
.home-banner__dots-item {
width:8px;
height:8px;
border-radius:50%;
background-color:var(--color-successfully);
margin:0 .5rem 1rem
}
.home-banner__dots-item:after {
content:" ";
height:100%;
width:0;
background-color:transparent;
display:none;
opacity:1
}
.home-banner__dots-item.active {
background-color:var(--color-primary-1)
}
.home-banner__dots-item.active.animate:after {
transition:unset;
width:100%;
background-color:var(--color-primary-1)
}
@media (min-width: 754px) {
.home-banner__dots-item {
width:8px;
height:8px
}
}
.home-banner-enter-active,
.home-banner-leave-active {
transition:all .4s
}
.home-banner-enter,
.home-banner-leave-active {
opacity:0
}
.footer-social {
display:grid;
grid-gap:.5rem;
justify-content:center
}
@media (min-width: 980px) {
.footer-social {
justify-content:flex-start
}
}
.footer-social__list {
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content
}
.footer-social__item {
box-sizing:border-box;
height:2.5rem;
width:2.5rem;
border:0;
display:flex;
justify-content:center;
align-items:center;
outline:none;
cursor:pointer;
color:var(--color-text-alt)
}
.footer-social__item:hover .footer-social__item-icon {
background:transparent;
color:var(--color-primary-1)
}
.footer-social__item-icon {
height:100%;
width:100%;
pointer-events:none;
border-radius:50%;
background:var(--color-layer-alt-4);
padding:.5rem;
box-sizing:border-box;
transition:background-color .15s ease
}
.footer-social .footer-social-description {
font-size:1rem;
line-height:normal;
font-weight:400;
text-transform:unset
}
@media (min-width: 320px) {
.footer-social .footer-social-description {
font-size:1rem;
line-height:150%
}
}
.footer-menu-links {
margin:0;
padding:0;
list-style:none;
grid-auto-rows:-webkit-max-content;
grid-auto-rows:max-content;
display:grid;
grid-gap:.5rem;
text-align:left
}
@media (min-width: 754px) {
.footer-menu-links {
grid-gap:1rem;
grid-template-columns:1fr;
grid-column-gap:1.5rem
}
}
.footer-menu-links--two-colum {
display:grid;
grid-template-columns:repeat(2,1fr);
grid-column-gap:1.5rem
}
.footer-menu-links__title {
font-size:1rem;
line-height:normal;
font-weight:700;
margin-bottom:1rem
}
@media (min-width: 320px) {
.footer-menu-links__title {
font-size:1rem;
line-height:150%
}
}
.footer-menu-links ul {
padding:0
}
.footer-menu-links li {
list-style:none;
margin-bottom:1rem
}
.footer-menu-links li a {
cursor:pointer;
color:var(--color-text-alt);
color:var(--color-text-body);
font-size:1rem;
line-height:normal;
font-weight:700;
text-decoration:none
}
.footer-menu-links li a.active {
color:var(--color-primary-1)
}
@media (min-width: 1200px) {
.footer-menu-links li a:hover {
color:var(--color-primary-1)
}
}
@media (min-width: 320px) {
.footer-menu-links li a {
font-size:1rem;
line-height:150%
}
}
.footer-menu-links .router-link-exact-active {
color:var(--color-text-menu-active)
}
.payments-logo {
width:6em;
height:3em;
font-size:1rem
}
.payments-logo .payments-logo__image {
display:block;
width:100%;
height:100%
}
.footer-payments {
margin:0 auto;
overflow:hidden
}
.footer-payments .carousel-scroll {
max-width:100vw
}
@media (min-width: 754px) {
.footer-payments .carousel-scroll {
max-width:var(--main-layout-width)
}
}
.footer-payments .carousel-scroll__list {
--carousel-gap: .5rem;
--carousel-item-width: 8rem
}
@media (min-width: 508px) {
.footer-payments .carousel-scroll__list {
--carousel-gap: 1rem
}
}
.footer-payments__list {
display:flex;
flex-wrap:wrap;
justify-content:center;
max-width:1300px;
margin:0 auto;
font-size:11px
}
.footer-payments__list a {
margin:.5rem 1.5rem;
display:flex;
justify-content:center;
align-items:center
}
@media (min-width: 508px) {
.footer-payments__list a {
margin:.5rem 2rem
}
}
.footer-payments__title {
margin-bottom:1rem
}
.footer__copyright {
color:var(--color-text-body)
}
.footer__copyright,
.footer__copyright a.link {
font-size:.75rem;
line-height:140%;
font-weight:400;
max-width:var(--main-layout-width);
margin:0 auto;
padding-bottom:10rem;
white-space:pre-line
}
@media (min-width: 320px) {
.footer__copyright,
.footer__copyright a.link {
font-size:.75rem;
line-height:140%
}
}
@media (min-width: 754px) {
.footer__copyright,
.footer__copyright a.link {
padding-bottom:3rem
}
}
.producers-block[data-v-67e7fe68] {
margin-top:1rem;
--carousel-gap: .5rem;
--carousel-item-width: 8rem
}
@media (min-width: 508px) {
.producers-block[data-v-67e7fe68] {
--carousel-gap: 1rem
}
}
.producers-block__item[data-v-67e7fe68] {
width:100%;
height:3rem;
overflow:hidden;
font-size:.75rem
}
.producers-block[data-v-8407864f] {
margin:0 auto;
overflow:hidden;
display:flex;
flex-direction:column
}
.producers-block__providers-list[data-v-8407864f] {
max-width:100vw
}
@media (min-width: 754px) {
.producers-block__providers-list[data-v-8407864f] {
max-width:var(--main-layout-width)
}
}
.producers-block__link[data-v-8407864f] {
display:flex;
align-items:center
}
.producers-block__link-wrapper[data-v-8407864f],
.producers-block__link-wrapper-inactive[data-v-8407864f] {
width:100%;
display:flex;
justify-content:center;
border-radius:var(--border-radius-m);
height:3rem;
overflow:hidden;
font-size:.75rem;
padding:0;
box-sizing:content-box
}
.producers-block__link-wrapper[data-v-8407864f]:hover,
.producers-block__link-wrapper-inactive[data-v-8407864f]:hover {
background-color:var(--color-layer-alt-4)
}
.producers-block__link-wrapper-inactive[data-v-8407864f]:hover {
background-color:transparent
}
.dmca-badge[data-v-fc021e4d] {
display:flex;
width:7rem;
height:4rem;
align-content:center;
justify-content:center
}
.dmca-badge img[data-v-fc021e4d] {
height:4rem
}
.trust-block-icon[data-v-6187331f] {
display:block
}
.trust-block-icon img[data-v-6187331f] {
max-width:8rem;
height:100%;
width:auto;
justify-content:center;
overflow:hidden;
-o-object-fit:contain;
object-fit:contain
}
.trust-block[data-v-88091085] {
max-width:100vw;
margin:0 auto;
padding-top:.5rem
}
@media (min-width: 508px) {
.trust-block[data-v-88091085] {
max-width:var(--main-layout-width)
}
}
.trust-block__list[data-v-88091085] {
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:center;
max-width:var(--main-layout-width);
row-gap:2rem;
-webkit-column-gap:1rem;
-moz-column-gap:1rem;
column-gap:1rem;
margin-bottom:1rem
}
@media (min-width: 754px) {
.trust-block__list[data-v-88091085] {
row-gap:1rem
}
}
@media (min-width: 1200px) {
.trust-block__list[data-v-88091085] {
margin:0 1rem
}
}
.trust-block__carousel[data-v-88091085] {
margin:0 auto;
grid-auto-flow:column
}
.trust-block__carousel[data-v-88091085] .carousel-scroll__list {
--carousel-item-width: 8rem;
--carousel-gap: 1rem;
grid-template-columns:unset
}
.trust-block__carousel[data-v-88091085] .carousel-scroll__list .carousel-scroll__item {
padding:0 var(--carousel-gap)
}
.partner-media[data-v-f9915616] {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center
}
@media (min-width: 980px) {
.partner-media[data-v-f9915616] {
align-items:start
}
}
.logo-block[data-v-367df57d] {
width:3rem;
height:3rem;
background-color:var(--color-layer-body);
border-radius:var(--border-radius-xs);
padding:.25rem;
flex-shrink:0
}
.logo-block--large[data-v-367df57d] {
width:6rem;
height:6rem;
padding:.75rem;
border-radius:var(--border-radius-s)
}
.logo-block__img[data-v-367df57d] {
width:100%
}
.pwa-installer[data-v-d0c8e540] {
width:100%;
text-align:left
}
.pwa-installer__content[data-v-d0c8e540] {
flex-direction:column
}
@media (min-width: 754px) {
.pwa-installer__content[data-v-d0c8e540] {
flex-direction:row
}
}
.awards-block__carousel[data-v-c901178c] .carousel-scroll__list {
--carousel-item-width: 8rem;
--carousel-gap: 1rem;
grid-template-columns:unset
}
.awards-block__carousel[data-v-c901178c] .carousel-scroll__list .carousel-scroll__item {
padding:0 var(--carousel-gap)
}
.footer .link {
color:var(--color-primary-1);
font-size:1rem;
line-height:normal;
font-weight:400;
text-decoration:underline
}
@media (min-width: 320px) {
.footer .link {
font-size:1rem;
line-height:150%
}
}
.footer {
color:var(--color-text-alt)
}
.footer-contact__title {
font-size:1rem;
line-height:normal;
font-weight:400;
text-transform:unset
}
@media (min-width: 320px) {
.footer-contact__title {
font-size:1rem;
line-height:150%
}
}
.time-wrapper[data-v-bd980867] {
color:var(--color-text-alt);
background:var(--color-tertiary-6);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
width:-webkit-max-content;
width:max-content;
padding:.5rem 1rem;
border-radius:var(--border-radius-s) var(--border-radius-s) 0 0;
display:flex;
flex-direction:column
}
.local-time[data-v-bd980867],
.session-time[data-v-bd980867] {
font-size:.75rem;
line-height:140%;
font-weight:400
}
@media (min-width: 320px) {
.local-time[data-v-bd980867],
.session-time[data-v-bd980867] {
font-size:.75rem;
line-height:140%
}
}
.vip-manager__title[data-v-7877e21d] {
margin-bottom:.5rem
}
.vip-manager__info[data-v-7877e21d] {
display:flex;
gap:1rem;
justify-content:start;
margin-bottom:1rem
}
.vip-manager__avatar[data-v-7877e21d] {
border-radius:50%;
overflow:hidden;
width:3rem;
aspect-ratio:1/1
}
.vip-manager__contacts[data-v-7877e21d] {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:.5rem
}
.vip-manager__contact[data-v-7877e21d],
.vip-manager__contact[data-v-7877e21d] .fe-button {
width:100%
}
.vip-manager__contact-link[data-v-7877e21d] {
text-decoration:none
}
.sidebar__submenu .menu-item[data-v-2970274e] {
text-transform:uppercase;
}
.menu-item[data-v-2970274e]:hover,
.menu-item.active[data-v-2970274e] {
opacity:1
}
.sidebar[data-v-2970274e] {
width:100vw;
height:100%;
flex-direction:column;
background:var(--color-layer-alt-1);
border-left:1px solid var(--color-layer-alt-4);
box-sizing:border-box;
display:grid;
grid-template-rows:-webkit-min-content -webkit-min-content 1fr;
grid-template-rows:min-content min-content 1fr
}
.sidebar-wrapper[data-v-2970274e] {
width:100%;
height:100dvh;
position:fixed;
z-index:4000;
top:0;
right:0;
bottom:0;
left:100%;
transition:all .3s;
overflow:hidden;
-webkit-transform:translateX(0px);
transform:translate(0);
display:flex;
justify-content:flex-end
}
.sidebar-wrapper--open[data-v-2970274e] {
-webkit-transform:translateX(-100%);
transform:translate(-100%)
}
@media (min-width: 320px) {
.sidebar[data-v-2970274e] {
width:20rem
}
}
@media (min-width: 754px) {
.sidebar .enter-btns[data-v-2970274e] {
display:none
}
}
.sidebar__header[data-v-2970274e] {
display:flex;
flex-direction:row;
justify-content:space-between;
background:var(--color-layer-alt-1);
padding:1rem;
position:relative;
align-items:center;
cursor:pointer
}
@media (min-width: 754px) {
.sidebar__header[data-v-2970274e] {
min-height:60px
}
}
.sidebar__header-title[data-v-2970274e] {
font-size:1rem;
line-height:normal;
font-weight:400;
color:var(--color-text-alt)
}
@media (min-width: 320px) {
.sidebar__header-title[data-v-2970274e] {
font-size:1rem;
line-height:150%
}
}
.sidebar .user-balance+.sidebar__scroll[data-v-2970274e] {
overflow-x:auto
}
.sidebar__menu[data-v-2970274e] {
color:#fff;
display:flex;
flex-direction:column;
position:relative;
z-index:1
}
.sidebar__menu-notice[data-v-2970274e] {
width:100%;
background:var(--color-layer-alt-1);
max-height:240px;
overflow:hidden;
border-bottom:1px solid var(--color-text-body);
position:relative;
display:flex;
flex-direction:column
}
.sidebar__menu-notice .notification__list[data-v-2970274e] {
background-color:var(--color-layer-alt-4)
}
.sidebar__menu-notice-empty[data-v-2970274e] {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.sidebar__menu-item[data-v-2970274e] {
text-align:left;
position:relative;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
color:var(--color-text-alt)
}
.sidebar__menu-item--marker[data-v-2970274e] {
min-width:1rem;
height:1rem;
box-sizing:border-box;
border-radius:50px;
border:0;
background-color:var(--color-primary-1);
color:var(--color-layer-body);
text-align:center;
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em;
position:absolute;
top:12px;
left:70px
}
@media (min-width: 320px) {
.sidebar__menu-item--marker[data-v-2970274e] {
font-size:.5625rem;
line-height:180%
}
}
.sidebar__menu-item--notice[data-v-2970274e] {
border-top:1px solid var(--color-text-body);
border-bottom:1px solid var(--color-text-body)
}
.sidebar__menu-item--active[data-v-2970274e] {
background:transparent
}
.sidebar__menu-item--vip-manager[data-v-2970274e] {
padding:0 1rem
}
.sidebar__menu__separator[data-v-2970274e] {
border:0;
border-top:1px solid var(--color-layer-alt-4);
margin:1rem 0
}
.sidebar__lang[data-v-2970274e] {
padding:.5rem 1rem;
justify-content:space-between;
align-items:center
}
.sidebar__lang-text[data-v-2970274e] {
color:var(--color-text-body)
}
.sidebar__submenu[data-v-2970274e] {
background:var(--color-layer-alt-1)
}
.sidebar__footer[data-v-2970274e] {
padding:20px;
background:var(--color-layer-alt-1);
display:flex;
flex-direction:column;
gap:0.75rem
}
.sidebar__footer--logged[data-v-2970274e] {
display:flex;
width:100%;
flex-direction:row;
justify-content:space-evenly;
color:var(--color-text-alt);
font-size:1.17rem;
align-items:baseline
}
.sidebar__footer--button[data-v-2970274e] {
background:transparent;
border:none;
text-transform:uppercase;
color:var(--color-text-alt);
font-weight:700;
font-size:1.17rem
}
.sidebar__widget[data-v-2970274e] {
text-decoration:none
}
.sidebar__bottom[data-v-2970274e] {
text-align:center;
padding:1rem .5rem .5rem;
display:flex;
align-items:flex-end
}
.sidebar__bottom-balance[data-v-2970274e] {
text-align:center;
text-transform:unset;
font-weight:700;
font-size:1.17rem;
margin-bottom:.5rem
}
.sidebar__bottom__add-currency[data-v-2970274e] {
margin-bottom:1rem
}
.sidebar__scroll[data-v-2970274e] {
max-height:calc(100dvh - 10rem);
overflow-y:auto
}
.sidebar__user-balance[data-v-2970274e] {
background:var(--color-layer-alt-1);
color:var(--color-text-alt);
padding:1rem 1rem 0
}
.sidebar__user-balance[data-v-2970274e]:after {
content:"";
display:block;
border-bottom:1px solid var(--color-layer-alt-2);
margin-bottom:1rem
}
.sidebar__pwa-installer[data-v-2970274e] {
padding:0 1rem
}
.sidebar .local-time[data-v-2970274e] {
width:100%;
position:-webkit-sticky;
position:sticky;
bottom:0
}
.fade-enter-active[data-v-2970274e],
.fade-leave-active[data-v-2970274e] {
transition:opacity .5s
}
.fade-enter[data-v-2970274e],
.fade-leave-to[data-v-2970274e] {
opacity:0
}
.sidebar__menu-item--notice .menu-item__pin[data-v-2970274e] {
background-color:var(--color-error);
border:none;
font-weight:400
}
.menu-item[data-v-2970274e] {
font-size:1rem;
line-height:normal;
font-weight:700;
color:var(--color-text-alt);
color:var(--color-text-body);
background:transparent;
border:none;
outline:none;
display:grid;
grid-template-columns:1fr -webkit-min-content;
grid-template-columns:1fr min-content;
align-items:center;
width:100%;
padding:1rem;
position:relative;
transition:color .2s ease;
cursor:pointer;
box-sizing:border-box;
text-decoration:none;
}
@media (min-width: 320px) {
.menu-item[data-v-2970274e] {
font-size:1rem;
line-height:150%
}
}
.menu-item.active[data-v-2970274e] {
color:var(--color-primary-1)
}
@media (min-width: 1200px) {
.menu-item[data-v-2970274e]:hover {
color:var(--color-primary-1)
}
}
.menu-item.active img[data-v-2970274e] {
-webkit-filter:none;
filter:none
}
.menu-item.active path[data-v-2970274e] {
fill:var(--color-primary-1)
}
@media (min-width: 1200px) {
.menu-item:hover img[data-v-2970274e] {
-webkit-filter:none;
filter:none
}
.menu-item:hover path[data-v-2970274e] {
fill:var(--color-primary-1)
}
}
.menu-item img[data-v-2970274e] {
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1)
}
.menu-item.active[data-v-2970274e] {
background:var(--color-layer-alt-4)
}
.menu-item__content[data-v-2970274e] {
display:grid;
grid-template-columns:auto 1fr auto
}
.menu-item__text[data-v-2970274e] {
position:relative
}
.sidebar__submenu .menu-item[data-v-2970274e] {
text-transform:none;
font-weight:700;
font-size:1.17rem;
padding:9px 10px 9px 35px;
transition:color .2s ease
}
.menu-item__icon[data-v-2970274e] {
margin-right:1rem
}
.menu-item__pin[data-v-2970274e] {
box-sizing:border-box;
border-radius:50px;
border:0;
background-color:var(--color-primary-1);
color:var(--color-layer-body);
text-align:center;
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em;
background:var(--color-primary-1);
height:1rem;
min-width:1rem;
display:flex;
align-items:center;
justify-content:center
}
@media (min-width: 320px) {
.menu-item__pin[data-v-2970274e] {
font-size:.5625rem;
line-height:180%
}
}
.menu-item__badge[data-v-2970274e] {
align-self:center
}
.menu-item__arrow[data-v-2970274e] {
width:24px;
height:auto;
transition:-webkit-transform .2s ease-in-out;
transition:transform .2s ease-in-out;
transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
color:#fff
}
.menu-item__arrow--rotated[data-v-2970274e] {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.sidebar__submenu .menu-item {
text-transform:uppercase
}
.menu-item:hover,
.menu-item.active {
opacity:1
}
.sidebar {
width:100vw;
height:100%;
flex-direction:column;
background:var(--color-layer-alt-1);
border-left:1px solid var(--color-layer-alt-4);
box-sizing:border-box;
display:grid;
grid-template-rows:-webkit-min-content -webkit-min-content 1fr;
grid-template-rows:min-content min-content 1fr
}
.sidebar-wrapper {
width:100%;
height:100dvh;
position:fixed;
z-index:4000;
top:0;
right:0;
bottom:0;
left:100%;
transition:all .3s;
overflow:hidden;
-webkit-transform:translateX(0px);
transform:translate(0);
display:flex;
justify-content:flex-end
}
.sidebar-wrapper--open {
-webkit-transform:translateX(-100%);
transform:translate(-100%)
}
@media (min-width: 320px) {
.sidebar {
width:20rem
}
}
@media (min-width: 754px) {
.sidebar .enter-btns {
display:none
}
}
.sidebar__header {
display:flex;
flex-direction:row;
justify-content:space-between;
background:var(--color-layer-alt-1);
padding:1rem;
position:relative;
align-items:center;
cursor:pointer
}
@media (min-width: 754px) {
.sidebar__header {
min-height:60px
}
}
.sidebar__header-title {
font-size:1rem;
line-height:normal;
font-weight:400;
color:var(--color-text-alt)
}
@media (min-width: 320px) {
.sidebar__header-title {
font-size:1rem;
line-height:150%
}
}
.sidebar .user-balance+.sidebar__scroll {
overflow-x:auto
}
.sidebar__menu {
color:#fff;
display:flex;
flex-direction:column;
position:relative;
z-index:1
}
.sidebar__menu-notice {
width:100%;
background:var(--color-layer-alt-1);
max-height:240px;
overflow:hidden;
border-bottom:1px solid var(--color-text-body);
position:relative;
display:flex;
flex-direction:column
}
.sidebar__menu-notice .notification__list {
background-color:var(--color-layer-alt-4)
}
.sidebar__menu-notice-empty {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.sidebar__menu-item {
text-align:left;
position:relative;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
color:var(--color-text-alt)
}
.sidebar__menu-item--marker {
min-width:1rem;
height:1rem;
box-sizing:border-box;
border-radius:50px;
border:0;
background-color:var(--color-primary-1);
color:var(--color-layer-body);
text-align:center;
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em;
position:absolute;
top:12px;
left:70px
}
@media (min-width: 320px) {
.sidebar__menu-item--marker {
font-size:.5625rem;
line-height:180%
}
}
.sidebar__menu-item--notice {
border-top:1px solid var(--color-text-body);
border-bottom:1px solid var(--color-text-body)
}
.sidebar__menu-item--active {
background:transparent
}
.sidebar__menu-item--vip-manager {
padding:0 1rem
}
.sidebar__menu__separator {
border:0;
border-top:1px solid var(--color-layer-alt-4);
margin:1rem 0
}
.sidebar__lang {
padding:.5rem 1rem;
justify-content:space-between;
align-items:center
}
.sidebar__lang-text {
color:var(--color-text-body)
}
.sidebar__submenu {
background:var(--color-layer-alt-1)
}
.sidebar__footer {
padding:20px;
background:var(--color-layer-alt-1);
display:flex
}
.sidebar__footer--logged {
display:flex;
width:100%;
flex-direction:row;
justify-content:space-evenly;
color:var(--color-text-alt);
font-size:1.17rem;
align-items:baseline
}
.sidebar__footer--button {
background:transparent;
border:none;
text-transform:uppercase;
color:var(--color-text-alt);
font-weight:700;
font-size:1.17rem
}
.sidebar__widget {
text-decoration:none
}
.sidebar__bottom {
text-align:center;
padding:1rem .5rem .5rem;
display:flex;
align-items:flex-end
}
.sidebar__bottom-balance {
text-align:center;
text-transform:unset;
font-weight:700;
font-size:1.17rem;
margin-bottom:.5rem
}
.sidebar__bottom__add-currency {
margin-bottom:1rem
}
.sidebar__scroll {
max-height:calc(100dvh - 10rem);
overflow-y:auto
}
.sidebar__user-balance {
background:var(--color-layer-alt-1);
color:var(--color-text-alt);
padding:1rem 1rem 0
}
.sidebar__user-balance:after {
content:"";
display:block;
border-bottom:1px solid var(--color-layer-alt-2);
margin-bottom:1rem
}
.sidebar__pwa-installer {
padding:0 1rem
}
.sidebar .local-time {
width:100%;
position:-webkit-sticky;
position:sticky;
bottom:0
}
.fade-enter-active,
.fade-leave-active {
transition:opacity .5s
}
.fade-enter,
.fade-leave-to {
opacity:0
}
.sidebar__menu-item--notice .menu-item__pin {
background-color:var(--color-error);
border:none;
font-weight:400
}
.feature-flags-wrapper[data-v-1dcf9bd2] {
max-width:400px;
min-width:300px;
width:80vw;
margin:auto;
padding:2rem 0;
display:grid;
grid-gap:2rem
}
.feature-flags[data-v-1dcf9bd2] {
display:grid;
grid-gap:1rem
}
.feature-flags-action[data-v-1dcf9bd2] {
background:#fff;
border:0;
padding:.5rem 0
}
.feature-flag[data-v-1dcf9bd2] {
display:flex;
align-items:center;
justify-content:space-between;
cursor:pointer
}
.feature-flag__name[data-v-1dcf9bd2] {
margin-right:.5rem
}
.feature-flag__value[data-v-1dcf9bd2] {
display:flex;
border:1px solid white
}
.feature-flag__value-option[data-v-1dcf9bd2] {
padding:.2rem;
position:relative
}
.feature-flag__value-option-active[data-v-1dcf9bd2] {
background:#1b861b
}
.support-widget[data-v-48135c12] {
display:flex;
align-items:center;
justify-content:center
}
.support-widget__separator[data-v-48135c12] {
border:0;
border-top:1px solid var(--color-layer-alt-4)
}
.support-widget__content-block[data-v-48135c12] {
width:20rem;
border-radius:var(--border-radius-m);
background:var(--color-layer-alt-2);
position:relative;
bottom:.5rem;
right:-3rem
}
.support-widget__content[data-v-48135c12] {
padding:1rem
}
.support-widget__title[data-v-48135c12] {
margin-bottom:.5rem
}
.support-widget__contacts[data-v-48135c12] {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:.5rem
}
.support-widget__contact-link[data-v-48135c12] {
text-decoration:none
}
.support-widget__contact[data-v-48135c12],
.support-widget__contact[data-v-48135c12] .fe-button {
width:100%
}
.main-widget__button[data-v-5a3f8814] .fe-button.secondary {
background:var(--color-secondary-gradient);
transition:border-color .15s ease-in-out
}
.main-widget__button[data-v-5a3f8814] .fe-button.secondary .border-block {
transition:border-color .15s ease-in-out
}
.main-widget__button[data-v-5a3f8814] .fe-button.secondary:hover {
background:var(--color-secondary-gradient)
}
.main-widget__button[data-v-5a3f8814] .fe-button.secondary:not(.icon) {
display:flex;
height:3rem;
width:3rem;
align-items:center;
justify-content:center;
border-radius:9999px
}
.main-widget__button[data-v-5a3f8814] .fe-button.secondary:not(.icon):before {
display:none
}
.main-widget__button-counter[data-v-5a3f8814] {
min-width:1rem;
height:1rem;
box-sizing:border-box;
border-radius:50px;
border:0;
background-color:var(--color-primary-1);
color:var(--color-layer-body);
text-align:center;
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em
}
@media (min-width: 320px) {
.main-widget__button-counter[data-v-5a3f8814] {
font-size:.5625rem;
line-height:180%
}
}
.main-widget__card[data-v-f922ae32] {
background:var(--color-secondary-gradient);
direction:ltr
}
.main-widget__card .border-block[data-v-f922ae32] {
transition:border-color .15s ease-in-out
}
.main-widget__card-new[data-v-f922ae32] {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em
}
@media (min-width: 320px) {
.main-widget__card-new[data-v-f922ae32] {
font-size:.5625rem;
line-height:180%
}
}
.main-widget__card-counter[data-v-f922ae32] {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em
}
@media (min-width: 320px) {
.main-widget__card-counter[data-v-f922ae32] {
font-size:.5625rem;
line-height:180%
}
}
.main-widget__card-name[data-v-f922ae32] {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em
}
@media (min-width: 320px) {
.main-widget__card-name[data-v-f922ae32] {
font-size:.5625rem;
line-height:180%
}
}
.main-widget__card.pressed[data-v-f922ae32] {
background:var(--color-secondary-2)
}
.main-widget__container[data-v-2351e023] {
direction:rtl
}
@media ((max-width: 754px) andorientation: landscape) {
.main-widget__container[data-v-2351e023] {
flex-direction:row-reverse;
flex-wrap:nowrap;
min-width:10rem;
max-width:100vw;
overflow:auto
}
}
.main-widget__button-close .fe-button[data-v-2351e023] {
transition:background-color .15s ease-in-out
}
.main-widget[data-v-2351e023] .main-widget__button-close.fe-button-wrapper {
position:absolute;
bottom:0;
right:0
}
.bookmark__list[data-v-0a9e116a] {
position:fixed;
right:0;
width:4rem;
z-index:10000;
bottom:5rem;
display:flex;
flex-direction:column;
gap:.5rem;
padding-bottom:env(safe-area-inset-bottom)
}
@media (min-width: 980px) {
.bookmark__list[data-v-0a9e116a] {
width:6rem;
gap:1.5rem
}
}
.bookmark__list.bookmark__list--logout[data-v-0a9e116a] {
bottom:9rem;
padding-bottom:env(safe-area-inset-bottom)
}
@media (min-width: 754px) {
.bookmark__list.bookmark__list--logout[data-v-0a9e116a] {
bottom:5rem
}
}
.child-view {
position:absolute;
transition:all .5s cubic-bezier(.55,0,.1,1)
}
.slide-left-enter,
.slide-right-leave-active {
opacity:0;
-webkit-transform:translate(30px,0);
transform:translate(30px)
}
.slide-left-leave-active,
.slide-right-enter {
opacity:0;
-webkit-transform:translate(-30px,0);
transform:translate(-30px)
}
.main {
min-height:calc(100vh - 60px);
width:100%;
max-width:100vw;
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
background-color:var(--color-layer-body)
}
@media (min-width: 754px) {
.main {
min-height:100vh;
padding-bottom:0
}
}
.body {
justify-self:stretch;
display:flex;
flex-direction:column;
flex-grow:1
}
.body__wrapper {
width:100%;
margin:auto;
display:flex;
flex-direction:column;
flex-grow:1;
z-index:999;
min-height:calc(100vh - 17rem);
position:relative
}
@media (min-width: 754px) {
.body__wrapper {
width:var(--main-layout-width)
}
}
.body__wrapper--full-width {
width:100%;
max-width:unset
}
.body__wrapper--auto-height {
min-height:auto
}
.body__wrapper .time-wrapper {
position:-webkit-sticky;
position:sticky;
bottom:0;
right:0;
z-index:9999;
margin-left:auto;
margin-top:-2rem
}
.component-fade-enter-active,
.component-fade-leave-active {
transition:opacity .2s ease
}
.component-fade-enter,
.component-fade-leave-to {
opacity:0
}
.fe-menu-round {
display:grid;
grid-auto-flow:column;
gap:16px;
overflow-x:auto;
overflow-y:auto;
margin:0 auto;
width:calc(100% + 2rem);
margin-left:-1rem;
padding:0 1rem;
max-width:100vw
}
.fe-menu-round::-webkit-scrollbar {
display:none
}
@media (min-width: 754px) {
.fe-menu-round {
margin:0 auto
}
}
.fe-menu-round.fe-menu-round.is-sticky {
top:4rem;
-webkit-transform:translate3d(0,0,0);
transform:translateZ(0);
z-index:200
}
.fe-menu-round.fe-menu-round--sticky {
position:-webkit-sticky;
position:sticky;
top:-56px;
transition:top .4s ease-out;
background:var(--color-layer-body)
}
.fe-menu-round__item {
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700;
text-decoration:none;
padding:.5rem 1rem;
color:var(--color-text-menu-default);
border-radius:var(--border-radius-s);
box-sizing:border-box;
display:inline-flex;
align-items:center;
justify-content:center;
transition:background-color .15s;
word-break:keep-all;
white-space:nowrap
}
@media (min-width: 320px) {
.fe-menu-round__item {
font-size:.875rem;
line-height:170%
}
}
.fe-menu-round__item:hover {
background:var(--color-tertiary-2);
color:var(--color-text-alt)
}
.fe-menu-round__item.active {
background:var(--color-tertiary-4);
color:var(--color-primary-2)
}
.fe-menu-round__item--accent:before {
content:"";
display:inline-block;
width:.5rem;
height:.5rem;
background:var(--accent-color, var(--color-error));
border-radius:1rem;
margin-right:.5rem
}
.modal-comp-points-info-modal[data-v-48be15b7] .modal-common__body .grid {
flex:1 1 auto
}
.comp-point-head[data-v-b304863a] {
display:flex;
flex-direction:column;
align-items:center;
margin-bottom:0
}
.comp-point-head[data-v-b304863a] .promo-item-status,
.comp-point-head[data-v-b304863a] .promo-item-status .timer {
font-size:.75rem
}
.comp-point-head__banner[data-v-b304863a] {
max-width:20rem;
width:100%
}
.comp-point-head__description[data-v-b304863a] {
font-size:1rem;
line-height:normal;
font-weight:400;
color:var(--color-text-body);
text-transform:none;
max-width:34rem;
width:100%;
text-align:center;
padding:0 1rem
}
@media (min-width: 320px) {
.comp-point-head__description[data-v-b304863a] {
font-size:1rem;
line-height:150%
}
}
.comp-point-head .user-balance[data-v-b304863a] {
border-radius:var(--border-radius-s);
background:var(--color-tertiary-4);
padding:1rem;
width:100%
}
@media (min-width: 508px) {
.comp-point-head .user-balance[data-v-b304863a] {
max-width:20rem
}
}
.comp-point-head .user-balance__info[data-v-b304863a] {
flex:0 0 70%
}
.comp-point-head .user-balance__title[data-v-b304863a] {
font-size:.75rem;
line-height:140%;
font-weight:400;
margin-bottom:.25rem
}
@media (min-width: 320px) {
.comp-point-head .user-balance__title[data-v-b304863a] {
font-size:.75rem;
line-height:140%
}
}
.comp-point-head .user-balance__earn-balance[data-v-b304863a] {
font-size:.75rem;
line-height:140%;
font-weight:700;
color:var(--color-text-link-default);
text-decoration:underline;
cursor:pointer
}
.comp-point-head .user-balance__count[data-v-b304863a] {
font-size:1rem;
line-height:125%;
font-weight:700;
letter-spacing:.03em;
color:var(--color-primary-1);
margin-left:auto;
margin-right:.25rem
}
.comp-point-head .user-balance__image[data-v-b304863a] {
width:1.5rem;
height:1.5rem
}
.comp-point-page[data-v-5554946f] {
display:flex;
flex-direction:column;
padding:0 1rem;
max-width:55rem;
width:100%;
margin:0 auto 1.5rem
}
.comp-point-page__content[data-v-5554946f] {
margin:0 auto;
max-width:55rem;
width:100%;
position:relative;
z-index:1
}
#app-layout.CompPoints,
#app-layout.compPointsDiscounts,
#app-layout.compPointsMoney,
#app-layout.compPointsSpecial,
#app-layout.compPointsFreeSpins {
--color-layer-body: var(--comp-point-bg)
}
.comp-point-card__stand-alone[data-v-0cf20303] {
border-radius:var(--border-radius-s)
}
.comp-point-card__stand-alone[data-v-0cf20303]:before {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:0;
opacity:.3;
background:var(--comp-point-card-bg)
}
.comp-point-card__stand-alone--active[data-v-0cf20303]:before {
opacity:.9
}
.comp-point-card__image-container[data-v-0cf20303] {
position:relative;
width:6rem;
height:6rem;
background-size:contain;
background-repeat:no-repeat;
padding:1rem;
border-radius:var(--border-radius-xs);
overflow:hidden;
flex-grow:0;
flex-shrink:0
}
@media (min-width: 754px) {
.comp-point-card__image-container[data-v-0cf20303] {
width:7rem;
height:7rem
}
}
.comp-point-card__image[data-v-0cf20303] {
width:4rem;
height:4rem;
-o-object-fit:cover;
object-fit:cover;
border-radius:var(--border-radius-xs)
}
@media (min-width: 754px) {
.comp-point-card__image[data-v-0cf20303] {
width:5rem;
height:5rem
}
}
.comp-point-card__promo[data-v-0cf20303] {
position:absolute;
top:0;
left:0;
right:0;
text-align:center;
color:var(--color-text-on-opposite-back);
padding:0 .5rem
}
.comp-point-card__promo--POPULAR[data-v-0cf20303] {
background-color:var(--color-primary-2)
}
.comp-point-card__promo--NEW[data-v-0cf20303] {
background-color:var(--color-successfully)
}
.comp-point-card__promo--VIP[data-v-0cf20303] {
background-color:var(--color-primary-1)
}
.comp-point-card__info[data-v-0cf20303] {
flex:1 1 auto
}
.comp-point-card__promo-text[data-v-0cf20303] {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:400;
letter-spacing:.06em
}
@media (min-width: 320px) {
.comp-point-card__promo-text[data-v-0cf20303] {
font-size:.5625rem;
line-height:180%
}
}
.comp-point-card__promo-text--POPULAR[data-v-0cf20303] {
color:var(--color-primary-2)
}
.comp-point-card__promo-text--NEW[data-v-0cf20303] {
color:var(--color-successfully)
}
.comp-point-card__promo-text--VIP[data-v-0cf20303] {
color:var(--color-primary-1)
}
.comp-point-card .cost-difference[data-v-0cf20303] {
-webkit-filter:grayscale(1);
filter:grayscale(1);
color:var(--color-text-body)
}
.comp-point-card .cost-value__image[data-v-0cf20303],
.comp-point-card .cost-difference__image[data-v-0cf20303] {
width:1rem;
height:1rem
}
.comp-points-conditions[data-v-5f0d80a0] {
width:100%
}
.comp-points-condition[data-v-5f0d80a0] {
width:100%;
padding:.5rem 0;
border-top:1px solid var(--color-layer-alt-4)
}
.comp-points-condition__link[data-v-5f0d80a0] {
font-size:.75rem;
line-height:140%;
font-weight:700;
color:var(--color-text-link-default);
text-decoration:underline;
cursor:pointer
}
.comp-points-condition__tooltip[data-v-5f0d80a0] {
position:relative;
color:var(--color-text-alt);
margin-left:.25rem
}
.comp-points-condition__icon-info[data-v-5f0d80a0] {
width:1rem;
height:1rem
}
.comp-points-purchase-total[data-v-4b159208] {
padding:1rem;
gap:1rem;
background-color:var(--color-layer-alt-2);
border-radius:var(--border-radius-s)
}
.comp-points-purchase-total__coin-image[data-v-4b159208] {
margin-left:.25rem;
width:1rem;
height:1rem
}
.comp-points-purchase-total__rest-balance[data-v-4b159208] strong {
color:var(--color-text-alt)
}
.comp-points-purchase-total__total[data-v-4b159208] {
gap:.5rem
}
.modal-comppoints-purchase[data-v-b393edcf] {
display:flex;
flex-direction:column;
height:100%;
min-height:calc(65dvh - 2rem);
max-height:calc(80dvh - 2rem)
}
@media (min-width: 754px) {
.modal-comppoints-purchase[data-v-b393edcf] {
overflow:hidden;
max-height:80rem;
min-height:40rem
}
}
.comp-points-purchase[data-v-b393edcf] {
display:grid;
gap:1.5rem
}
.comp-points-purchase__custom-text[data-v-b393edcf] {
padding:0
}
.comp-points-purchase__custom-text[data-v-b393edcf]>ul {
padding-left:1.5rem
}
.comp-points__title[data-v-06735fad] {
font-size:1.25rem;
line-height:normal;
font-weight:700
}
@media (min-width: 320px) {
.comp-points__title[data-v-06735fad] {
font-size:1.25rem;
line-height:normal
}
}
.comp-points__list[data-v-06735fad] {
display:grid
}
@media (min-width: 754px) {
.comp-points__list[data-v-06735fad] {
grid-template-columns:repeat(2,1fr)
}
}
.comp-points__skeleton[data-v-06735fad] {
height:8rem;
border-radius:var(--border-radius-s);
background:var(--comp-point-card-bg);
background-size:200% 200%;
-webkit-animation:moveBackgroundX-06735fad 10s infinite linear;
animation:moveBackgroundX-06735fad 10s infinite linear;
overflow:hidden;
opacity:.8
}
@-webkit-keyframes moveBackgroundX-06735fad {
0%,
to {
background-position:0 0
}
50% {
background-position:100% 0
}
}
@keyframes moveBackgroundX-06735fad {
0%,
to {
background-position:0 0
}
50% {
background-position:100% 0
}
}
@media (min-width: 754px) {
.comp-points__skeleton[data-v-06735fad] {
height:10rem
}
}
.comp-point-list[data-v-95463bde] {
display:flex;
flex-direction:column
}
.comp-point-list[data-v-95463bde] .promo-item-status {
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.comp-point-list[data-v-95463bde] .promo-item-status {
font-size:.75rem;
line-height:140%
}
}
.articles-list[data-v-f19f2039] {
display:grid;
grid-template-columns:auto;
justify-items:center
}
@media (min-width: 508px) {
.articles-list[data-v-f19f2039] {
grid-template-columns:1fr 1fr
}
}
@media (min-width: 1200px) {
.articles-list[data-v-f19f2039] {
grid-template-columns:1fr 1fr 1fr
}
}
.articles-list--header[data-v-f19f2039] {
margin:1.5rem 0
}
.articles-list .article[data-v-f19f2039] {
background:var(--color-layer-alt-1);
border-radius:var(--border-radius-m);
padding:1rem;
cursor:pointer
}
.articles-list .article .article-header[data-v-f19f2039] {
margin-bottom:1rem;
text-decoration:none;
color:inherit;
font-family:inherit;
display:block
}
.articles-list .article-image[data-v-f19f2039] {
aspect-ratio:auto 392/200
}
.articles-list .article-title[data-v-f19f2039] {
text-transform:none;
color:var(--color-primary-1)
}
.table-preference__row[data-v-bf23bbbc] {
align-items:center;
padding:.5rem 0;
display:flex;
grid-auto-flow:column;
justify-content:space-between;
border-bottom:1px solid var(--color-tertiary-3);
grid-template-columns:-webkit-max-content auto;
grid-template-columns:max-content auto
}
.table-preference__row.last-child[data-v-bf23bbbc] {
border-bottom:none
}
.table-preference__row-data[data-v-bf23bbbc] {
text-align:right
}
.table-preference__row-data.up[data-v-bf23bbbc] {
position:relative;
margin-left:1rem
}
.table-preference__row-data.up[data-v-bf23bbbc]:before {
content:url(/dist/up-DpyvoKak.svg);
-webkit-transform:translate(-.75rem,-1px);
transform:translate(-.75rem,-1px);
position:absolute
}
.table-preference .check[data-v-bf23bbbc] {
min-width:1.5rem;
min-height:1.5rem;
display:inline-block;
margin-right:.5rem;
color:var(--color-successfully)
}
.table-preference__socials-icons[data-v-bf23bbbc] {
display:flex;
flex-wrap:wrap
}
.table-preference .table-preference__icon[data-v-bf23bbbc] {
margin-right:.5rem;
width:1.5rem;
height:1.5rem
}
.table-preference .astrocoin-right[data-v-bf23bbbc] {
margin-left:.25rem
}
.activity-table-slider[data-v-7bdd36d4] {
display:flex;
overflow:scroll
}
.activity-table-slider__item[data-v-7bdd36d4] {
width:16rem;
flex-grow:1;
min-width:16rem;
display:flex;
flex-direction:column;
align-items:center;
background:var(--color-layer-alt-2);
border-radius:var(--border-radius-s);
padding:1rem
}
.activity-table-slider[data-v-7bdd36d4] .table-preference {
padding:1rem 0;
width:100%
}
.activity-table-slider__title[data-v-7bdd36d4] {
font-size:1rem;
line-height:normal;
font-weight:700;
text-align:left;
width:100%
}
@media (min-width: 320px) {
.activity-table-slider__title[data-v-7bdd36d4] {
font-size:1rem;
line-height:150%
}
}
.activity-table-slider__details[data-v-7bdd36d4] {
color:var(--color-text-body);
font-size:.75rem;
line-height:140%;
font-weight:400
}
@media (min-width: 320px) {
.activity-table-slider__details[data-v-7bdd36d4] {
font-size:.75rem;
line-height:140%
}
}
.activity-table-slider__details .details-highlight[data-v-7bdd36d4] {
font-size:.75rem;
line-height:140%;
font-weight:700;
color:var(--color-tertiary-1)
}
@media (min-width: 320px) {
.activity-table-slider__details .details-highlight[data-v-7bdd36d4] {
font-size:.75rem;
line-height:140%
}
}
.jackpot-catch-info[data-v-702c0da0] {
background:var(--color-layer-alt-1);
border-radius:var(--border-radius-s)
}
.jackpot-catch-info h3[data-v-702c0da0] {
font-size:1.25rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:0
}
@media (min-width: 754px) {
.jackpot-catch-info h3[data-v-702c0da0] {
font-size:1.5rem;
line-height:normal
}
}
.jackpot-catch-info__steps-wrap[data-v-702c0da0] {
display:grid;
grid-gap:1rem
}
@media (min-width: 754px) {
.jackpot-catch-info__steps-wrap[data-v-702c0da0] {
grid-auto-flow:column;
justify-content:space-around
}
}
.jackpot-catch-info__step[data-v-702c0da0] {
display:grid;
grid-auto-flow:column;
justify-content:flex-start
}
.jackpot-catch-info__step span[data-v-702c0da0] {
color:var(--color-text-body)
}
@media (min-width: 754px) {
.jackpot-catch-info__step[data-v-702c0da0] {
grid-auto-flow:row;
justify-items:center;
text-align:center
}
}
.jackpot-catch-info .grid-row[data-v-702c0da0] {
display:grid;
grid-auto-columns:100%
}
.jackpot-leaderboard-item[data-v-30192588] {
display:grid;
grid-template-columns:2.5rem 1fr 1fr;
gap:.5rem;
align-items:center;
padding:.5rem 1rem .5rem .5rem;
background:var(--color-tertiary-4);
border-radius:var(--border-radius-xs)
}
.jackpot-leaderboard-item__place[data-v-30192588] {
width:2.5rem;
height:2.5rem;
line-height:2.5rem;
border-radius:50%;
background:var(--color-tertiary-3)
}
.jackpot-leaderboard-item__img[data-v-30192588] {
width:2.5rem;
height:2.5rem
}
.jackpot-leaderboard-item__name[data-v-30192588] {
font-size:.75rem;
line-height:140%;
font-weight:400
}
@media (min-width: 320px) {
.jackpot-leaderboard-item__name[data-v-30192588] {
font-size:.75rem;
line-height:140%
}
}
.jackpot-leaderboard-item__time[data-v-30192588] {
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.jackpot-leaderboard-item__time[data-v-30192588] {
font-size:.75rem;
line-height:140%
}
}
.jackpot-leaderboard-item__win[data-v-30192588] {
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700;
color:var(--color-primary-1)
}
@media (min-width: 320px) {
.jackpot-leaderboard-item__win[data-v-30192588] {
font-size:.875rem;
line-height:170%
}
}
.jackpot-leaderboard-block[data-v-5ed9e7dc] {
padding:0;
background:var(--color-layer-alt-1);
border-radius:var(--border-radius-s)
}
@media (min-width: 754px) {
.jackpot-leaderboard-block[data-v-5ed9e7dc] {
padding:1rem
}
}
@media (min-width: 1200px) {
.jackpot-leaderboard-block[data-v-5ed9e7dc] {
padding:1.5rem
}
}
@media (min-width: 754px) {
.jackpot-leaderboard-block__wrapper[data-v-5ed9e7dc] {
gap:1rem
}
}
.jackpot-leaderboard-block__title[data-v-5ed9e7dc] {
margin-bottom:1rem
}
.jackpot-leaderboard[data-v-1bdb14c8] {
position:relative;
display:grid;
align-items:center
}
.jackpot-leaderboard__title[data-v-1bdb14c8],
.jackpot-leaderboard__tabs[data-v-1bdb14c8] {
margin-bottom:1rem
}
.jackpot-leaderboard__wrapper[data-v-1bdb14c8] {
display:grid;
position:relative;
background:var(--color-layer-alt-1);
border-radius:var(--border-radius-s);
z-index:5
}
@media (min-width: 754px) {
.jackpot-leaderboard__wrapper[data-v-1bdb14c8] {
grid-template-columns:1fr 1fr;
gap:1.5rem;
padding:.5rem 0;
background:transparent
}
}
.jackpot-slider-item[data-v-df6f9eef] {
background:var(--color-tertiary-6);
border-radius:var(--border-radius-s);
color:var(--color-text-body);
display:grid;
grid-auto-columns:100%;
row-gap:1rem;
justify-items:center
}
.jackpot-slider-item__img[data-v-df6f9eef] {
width:6rem;
height:6rem
}
.jackpot-slider-item__prize[data-v-df6f9eef] {
font-size:1.25rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:0;
color:var(--color-primary-1)
}
@media (min-width: 754px) {
.jackpot-slider-item__prize[data-v-df6f9eef] {
font-size:1.5rem;
line-height:normal
}
}
.jackpot-slider-item__conditions[data-v-df6f9eef] {
width:100%;
font-size:.75rem;
line-height:140%;
font-weight:400;
justify-content:space-between
}
@media (min-width: 320px) {
.jackpot-slider-item__conditions[data-v-df6f9eef] {
font-size:.75rem;
line-height:140%
}
}
.jackpot-slider-item__conditions strong[data-v-df6f9eef] {
color:var(--color-text-alt)
}
.jackpot-slider[data-v-c58160bd] {
grid-template-columns:minmax(0,1fr);
--carousel-item-width: 15rem;
background:var(--color-secondary-gradient);
border-radius:var(--border-radius-s)
}
@media (min-width: 754px) {
.jackpot-slider[data-v-c58160bd] {
--carousel-item-width: calc(33.3333333333% - 1rem)
}
}
@media (min-width: 980px) {
.jackpot-slider[data-v-c58160bd] {
--carousel-item-width: 15rem
}
}
@media (min-width: 1200px) {
.jackpot-slider[data-v-c58160bd] {
--carousel-item-width: calc(33.3333333333% - 1rem)
}
}
.jackpot-slider__header[data-v-c58160bd] {
text-align:center
}
@media (min-width: 754px) {
.jackpot-slider__header[data-v-c58160bd] {
text-align:start;
display:grid;
align-items:center;
justify-content:space-between;
grid-auto-flow:column
}
}
.jackpot-slider__header .jackpot-slider__btn[data-v-c58160bd] {
display:none
}
@media (min-width: 754px) {
.jackpot-slider__header .jackpot-slider__btn[data-v-c58160bd] {
display:block
}
}
.jackpot-slider__title[data-v-c58160bd] {
font-size:1.25rem;
line-height:normal;
font-weight:700;
margin-bottom:.5rem;
color:var(--color-text-alt)
}
@media (min-width: 320px) {
.jackpot-slider__title[data-v-c58160bd] {
font-size:1.25rem;
line-height:normal
}
}
.jackpot-slider__prize-pool[data-v-c58160bd] {
font-size:1.5rem;
line-height:125%;
text-transform:uppercase;
font-weight:900;
letter-spacing:0;
color:var(--color-primary-1)
}
@media (min-width: 754px) {
.jackpot-slider__prize-pool[data-v-c58160bd] {
font-size:2rem;
line-height:125%
}
.jackpot-slider>.jackpot-slider__btn[data-v-c58160bd] {
display:none
}
}
.jackpots-perks[data-v-696fbffb] {
display:grid;
gap:1rem
}
@media (min-width: 754px) {
.jackpots-perks[data-v-696fbffb] {
grid-auto-flow:column
}
}
.jackpots-perks .fe-icon[data-v-696fbffb] {
color:var(--color-primary-1);
width:2rem;
height:2rem
}
.jackpots-perks__item[data-v-696fbffb] {
display:grid;
grid-auto-flow:column;
justify-content:flex-start;
align-items:center;
gap:1rem
}
@media (min-width: 754px) {
.jackpots-perks__item[data-v-696fbffb] {
grid-auto-flow:row;
justify-items:center;
align-items:self-start;
text-align:center
}
}
.promo-slider[data-v-32fd7b02] {
--carousel-item-width: 19rem;
--carousel-gap: 1rem
}
@media (min-width: 508px) {
.promo-slider[data-v-32fd7b02] {
--carousel-item-width: 19rem
}
}
@media (min-width: 754px) {
.promo-slider[data-v-32fd7b02] {
--carousel-item-width: 30rem;
--carousel-gap: 1.5rem
}
}
@media (min-width: 980px) {
.promo-slider[data-v-32fd7b02] {
--carousel-item-width: 30rem
}
}
.promo-slider__banner-slide[data-v-32fd7b02] {
height:21rem
}
.promo-slider__banner-slide[data-v-32fd7b02] .banner-slide-description {
font-size:1.5rem;
line-height:125%;
text-transform:uppercase;
font-weight:700;
letter-spacing:0
}
@media (min-width: 754px) {
.promo-slider__banner-slide[data-v-32fd7b02] .banner-slide-description {
font-size:2rem;
line-height:125%
}
}
.promo-slider__banner-slide[data-v-32fd7b02] .banner-slide-description.large {
font-size:1.5rem;
line-height:125%;
text-transform:uppercase;
font-weight:700;
letter-spacing:0
}
@media (min-width: 754px) {
.promo-slider__banner-slide[data-v-32fd7b02] .banner-slide-description.large {
font-size:2rem;
line-height:125%
}
}
.promotion-list__wrap[data-v-74e170e9] {
grid-template-columns:1fr 1fr;
padding:1.5rem 0
}
@media (min-width: 1200px) {
.promotion-list__wrap[data-v-74e170e9] {
padding:2rem 0
}
}
.promotion-list__item[data-v-74e170e9] {
width:100%;
grid-column:1/3
}
.promotion-list__item[data-v-74e170e9] .banner-wrapper {
overflow:hidden;
width:auto
}
@media (min-width: 1200px) {
.promotion-list__item[data-v-74e170e9] {
grid-column:unset
}
}
.promotion-list__item.large[data-v-74e170e9] {
grid-column:1/3
}
.terms-download[data-v-04f51394] {
font-size:1rem;
line-height:normal;
font-weight:400;
color:var(--color-text-body);
grid-auto-flow:row
}
@media (min-width: 320px) {
.terms-download[data-v-04f51394] {
font-size:1rem;
line-height:150%
}
}
@media (min-width: 508px) {
.terms-download[data-v-04f51394] {
justify-content:space-between;
flex-direction:row;
grid-auto-flow:column
}
}
.vip-status-goals--wrapper[data-v-494198b9] {
display:grid;
grid-template-rows:1fr 1fr;
grid-template-columns:1fr 1fr;
padding:.5rem 1rem;
border-radius:.5rem;
border:1px solid var(--color-tertiary-3);
color:var(--color-text-body)
}
.vip-status-goals--wrapper .dep-current[data-v-494198b9],
.vip-status-goals--wrapper .bets-current[data-v-494198b9] {
color:var(--color-tertiary-1)
}
.vip-status-goals--deposit-goal[data-v-494198b9],
.vip-status-goals--bets-goal[data-v-494198b9] {
display:flex;
flex-direction:column
}
@media (min-width: 1200px) {
.vip-status-goals--deposit-goal[data-v-494198b9],
.vip-status-goals--bets-goal[data-v-494198b9] {
flex-direction:row
}
}
.vip-status__block[data-v-0f82c343] {
min-height:4rem;
position:relative;
overflow:hidden
}
.vip-status__block .status-image[data-v-0f82c343] {
background:var(--color-tertiary-4);
padding:.25rem;
border-radius:var(--border-radius-xs);
width:2.5rem;
height:2.5rem;
margin-right:1rem;
z-index:9999;
position:relative
}
.vip-status__block .status-image-current[data-v-0f82c343] {
border:2px solid var(--color-additional-gradient)
}
.vip-status__block .vip-status-name[data-v-0f82c343] {
font-size:1rem;
line-height:normal;
font-weight:700;
align-self:start;
min-width:30%
}
@media (min-width: 320px) {
.vip-status__block .vip-status-name[data-v-0f82c343] {
font-size:1rem;
line-height:150%
}
}
.vip-status--progress-bar[data-v-0f82c343] {
width:.25rem;
height:100%;
position:absolute;
left:calc(1.25rem - 2px)
}
.vip-status--progress-bar-backing[data-v-0f82c343] {
background:var(--color-tertiary-3)
}
.vip-status--progress-bar.status-current[data-v-0f82c343] {
background:var(--color-additional-gradient);
height:25%;
border-bottom-left-radius:2.5rem;
border-bottom-right-radius:2.5rem
}
.vip-status--progress-bar.status-achieved[data-v-0f82c343] {
background:var(--color-additional-gradient)
}
.vip-status--progress-bar.hidden[data-v-0f82c343] {
display:none
}
.vip-status--active-details[data-v-0f82c343] {
padding-bottom:1rem
}
.vip-status--next-details[data-v-0f82c343] {
text-transform:uppercase;
width:100%
}
.vip-status--instructions[data-v-0f82c343] {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:400;
letter-spacing:.06em;
color:var(--color-text-body);
text-transform:none
}
@media (min-width: 320px) {
.vip-status--instructions[data-v-0f82c343] {
font-size:.5625rem;
line-height:180%
}
}
.vip-status--progress-header[data-v-0f82c343] {
width:100%
}
.vip-status--progress-header .status-locked[data-v-0f82c343] {
color:var(--color-text-body)
}
.vip-status--achieved[data-v-0f82c343] {
color:var(--color-successfully);
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em
}
@media (min-width: 320px) {
.vip-status--achieved[data-v-0f82c343] {
font-size:.5625rem;
line-height:180%
}
}
.vip-status--next[data-v-0f82c343] {
color:var(--color-warning);
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em
}
@media (min-width: 320px) {
.vip-status--next[data-v-0f82c343] {
font-size:.5625rem;
line-height:180%
}
}
.vip-status--progress-block .status-image--wrapper[data-v-0f82c343] {
display:contents
}
.vip-status--progress-block .status-image--wrapper.shown[data-v-0f82c343] {
background:var(--color-tertiary-4);
z-index:1;
display:block;
position:relative;
border-radius:var(--border-radius-xs);
max-width:2.5rem;
margin-right:1rem
}
.vip-status--progress-block .status-image--wrapper.shown[data-v-0f82c343]:before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:inherit;
padding:2px;
background:var(--color-additional-gradient);
-webkit-mask:var(--color-gradient-mask);
mask:var(--color-gradient-mask);
-webkit-mask-composite:destination-out;
mask-composite:exclude;
z-index:-1
}
.life-long-status[data-v-0f82c343] {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:400;
letter-spacing:.06em;
color:var(--color-text-body);
width:100%
}
@media (min-width: 320px) {
.life-long-status[data-v-0f82c343] {
font-size:.5625rem;
line-height:180%
}
}
.vip-club-status[data-v-0c649e62] {
grid-auto-flow:row;
grid-template-rows:auto -webkit-max-content;
grid-template-rows:auto max-content;
border:1px solid var(--color-tertiary-2);
margin:0 auto;
width:-webkit-fill-available;
width:-moz-available;
width:stretch;
display:flex;
align-items:center;
justify-content:center
}
@media (min-width: 754px) {
.vip-club-status[data-v-0c649e62] {
grid-auto-flow:column;
grid-template-columns:auto -webkit-max-content;
grid-template-columns:auto max-content;
grid-template-rows:unset
}
}
.vip-club-status.card-block[data-v-0c649e62] {
margin:-1rem -1rem .5rem;
display:flex;
justify-content:left;
padding:0 1rem
}
@media (min-width: 754px) {
.vip-club-status.card-block[data-v-0c649e62] {
margin:0;
justify-content:center;
padding:0
}
}
.vip-club-status__user-level[data-v-0c649e62] {
padding:1rem;
display:grid;
grid-gap:1rem;
grid-auto-flow:column;
grid-auto-columns:-webkit-max-content;
grid-auto-columns:max-content;
position:relative
}
@media (min-width: 1200px) {
.vip-club-status__user-level[data-v-0c649e62] {
height:100%;
grid-auto-flow:row;
align-content:center;
justify-items:center;
text-align:center
}
}
.vip-club-status__user-img[data-v-0c649e62] {
width:4rem;
height:4rem
}
@media (min-width: 754px) {
.vip-club-status__user-img[data-v-0c649e62] {
width:6rem;
height:6rem
}
}
.vip-club-status__card[data-v-0c649e62] {
display:block;
width:100%;
grid-gap:1.5rem;
grid-template-columns:1fr 1fr;
grid-template-rows:repeat(2,auto);
grid-template-areas:"top-left top-right" "bottom bottom"
}
@media (min-width: 754px) {
.vip-club-status__card[data-v-0c649e62] {
display:grid;
grid-gap:2rem
}
}
.vip-club-status__card[data-v-0c649e62] .promo-item-status {
background:var(--color-tertiary-4);
font-size:.75rem;
line-height:140%;
font-weight:400
}
@media (min-width: 320px) {
.vip-club-status__card[data-v-0c649e62] .promo-item-status {
font-size:.75rem;
line-height:140%
}
}
.vip-club-status__main-block[data-v-0c649e62] {
display:grid;
grid-area:top-left;
margin-bottom:1rem
}
@media (min-width: 1200px) {
.vip-club-status__main-block[data-v-0c649e62] {
margin-bottom:0;
grid-auto-flow:column
}
}
.vip-club-status__vip-progress[data-v-0c649e62] {
display:grid;
grid-area:top-right
}
.vip-club-status__bottom-section[data-v-0c649e62] {
grid-area:bottom
}
.vip-club-status--info[data-v-0c649e62] {
grid-gap:.5rem;
align-content:center
}
.vip-club-status--info-text[data-v-0c649e62] {
font-size:.75rem;
line-height:140%;
font-weight:400;
display:grid;
grid-auto-flow:column;
align-items:center;
gap:.25rem
}
@media (min-width: 320px) {
.vip-club-status--info-text[data-v-0c649e62] {
font-size:.75rem;
line-height:140%
}
}
.vip-club-status--info-text span[data-v-0c649e62] {
color:var(--color-tertiary-1)
}
.vip-club-status--info-text[data-v-0c649e62] .tooltip {
position:relative
}
.vip-club-status--wrapper[data-v-0c649e62] {
display:flex;
align-items:start;
justify-content:start;
gap:.5rem;
flex-direction:column
}
@media (min-width: 754px) {
.vip-club-status--wrapper[data-v-0c649e62] {
justify-content:center
}
}
.vip-club-status--wrapper .life-long[data-v-0c649e62] {
color:var(--color-text-body)
}
.vip-club-status--status-details[data-v-0c649e62] {
display:flex;
gap:.5rem;
align-items:center
}
.vip-club-status__next-info[data-v-0c649e62] {
display:grid;
grid-gap:1rem;
align-content:baseline
}
.vip-club-status__next-info ul[data-v-0c649e62] {
padding-left:1.75rem
}
.vip-club-status__next-info .label__days-left[data-v-0c649e62] {
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.vip-club-status__next-info .label__days-left[data-v-0c649e62] {
font-size:.75rem;
line-height:140%
}
}
.vip-club-status__diamond-info[data-v-0c649e62] {
display:flex;
gap:1rem;
flex-direction:column
}
.vip-club-status__diamond-info .diamond-info--caption[data-v-0c649e62] {
max-width:20rem
}
.vip-club-status__my-status[data-v-0c649e62] {
border-radius:.5rem;
background:var(--color-additional-gradient);
display:flex;
padding:0 .5rem;
align-items:center;
color:var(--color-text-on-opposite-back);
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em;
height:-webkit-max-content;
height:max-content
}
@media (min-width: 320px) {
.vip-club-status__my-status[data-v-0c649e62] {
font-size:.5625rem;
line-height:180%
}
}
.banner-block-status[data-v-0787c586] {
max-width:26rem
}
.banner-button-action[data-v-0787c586] {
width:-webkit-max-content;
width:max-content;
margin:0 auto
}
@media (min-width: 754px) {
.banner-button-action[data-v-0787c586] {
margin:0
}
}
.status-prefer-item[data-v-a758c3b8] {
display:grid;
grid-gap:1.5rem;
align-content:baseline;
width:100%;
max-width:21rem;
height:100%;
border-radius:1rem;
background:var(--color-tertiary-4)
}
.status-prefer-item--lock[data-v-a758c3b8] {
background:transparent;
border-radius:1rem;
border:1px solid var(--color-layer-alt-4)
}
.status-prefer-item__top-s-info[data-v-a758c3b8] {
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
height:1.5rem
}
.status-prefer-item__top-s-info-date[data-v-a758c3b8] {
display:grid;
grid-auto-flow:column;
grid-gap:.25rem;
align-items:center
}
.status-prefer-item__my-status[data-v-a758c3b8] {
border-radius:.25rem;
background:var(--color-additional-gradient);
display:flex;
padding:0 .5rem;
align-items:center;
color:var(--color-text-on-opposite-back);
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em
}
@media (min-width: 320px) {
.status-prefer-item__my-status[data-v-a758c3b8] {
font-size:.5625rem;
line-height:180%
}
}
.status-prefer-item__img-status[data-v-a758c3b8] {
display:block;
width:5rem;
height:5rem;
margin:0 auto
}
@media (min-width: 1200px) {
.status-prefer-item__img-status[data-v-a758c3b8] {
width:7rem;
height:7rem
}
}
.status-prefer-item--before[data-v-a758c3b8] .table-preference .check,
.status-prefer-item--future[data-v-a758c3b8] .table-preference .check {
color:var(--color-layer-alt-3)
}
.status-prefer-item--future[data-v-a758c3b8] .table-preference__row-data {
position:relative
}
.status-prefer-item--future[data-v-a758c3b8] .table-preference__row-data.up:before {
content:"";
position:absolute;
border:.25rem solid transparent;
border-bottom:.5rem solid var(--color-successfully)
}
.status-prefer-item--future .status-prefer-item__my-status[data-v-a758c3b8] {
background:var(--color-secondary-2);
color:var(--color-text-alt)
}
.vip-club-carousel-statuses[data-v-0464edf5] {
--carousel-item-width: 18rem;
--carousel-gap: 1rem
}
@media (min-width: 1200px) {
.vip-club-carousel-statuses[data-v-0464edf5] {
--carousel-item-width: 21rem
}
}
.vip-club-carousel-statuses[data-v-0464edf5] .carousel-scroll__item {
height:100%
}
.conditions-block[data-v-58985977] {
grid-auto-flow:row;
align-items:center
}
@media (min-width: 754px) {
.conditions-block[data-v-58985977] {
grid-auto-flow:column
}
}
.bonus-card__container[data-v-66434361] {
display:flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
max-width:100%;
margin:0 auto
}
.bonus-card__wrapper[data-v-66434361] {
width:calc(100vw - 2rem);
margin:0 0 1rem
}
@media (min-width: 508px) {
.bonus-card__wrapper[data-v-66434361] {
width:25rem
}
}
@media (min-width: 754px) {
.bonus-card__wrapper[data-v-66434361] {
margin:0 1rem 1rem 0
}
}
.bonus-card__title[data-v-66434361] {
font-size:1.17rem;
line-height:1.5rem;
font-weight:700;
letter-spacing:.06rem
}
.bonus-card__description[data-v-66434361] {
font-size:1.17rem;
line-height:1.5rem;
text-transform:uppercase;
font-weight:700
}
@media (min-width: 320px) {
.bonus-card__description[data-v-66434361] {
font-size:1.5rem;
line-height:2rem
}
}
.bonus-card__parameter[data-v-66434361] {
font-size:1.17rem;
line-height:1.5rem;
font-weight:400
}
.bonus-card__circles[data-v-66434361] {
position:absolute;
display:flex;
width:calc(100% + 2rem);
justify-content:space-between;
align-items:center;
background:transparent;
margin:-1rem -1rem 0
}
.bonus-card__coupon[data-v-66434361] {
display:flex;
align-items:center;
background:var(--color-text-alt);
padding:1rem
}
.bonus-card__coupon-icon[data-v-66434361] {
margin-right:.75rem
}
.bonus-card__coupon-icon--used[data-v-66434361] {
display:none
}
.bonus-card__coupon-description p[data-v-66434361] {
font-size:1rem;
line-height:1.5rem;
text-align-last:left
}
.bonus-card__coupon-title[data-v-66434361] {
font-weight:700
}
.profile-level a {
color:var(--color-primary-1);
font-size:1rem;
line-height:normal;
font-weight:400;
text-decoration:underline
}
@media (min-width: 320px) {
.profile-level a {
font-size:1rem;
line-height:150%
}
}
.profile-level {
min-width:12rem;
width:100%;
max-width:100%;
height:18rem;
color:var(--color-text-body)
}
@media (min-width: 754px) {
.profile-level {
margin-right:0
}
}
.profile-level__reward {
display:flex;
align-items:center
}
.profile-level__reward-image {
height:1rem;
width:1rem;
-o-object-fit:contain;
object-fit:contain;
display:flex
}
.profile-level__reward-desc {
padding:0 0 0 .5rem;
width:100%;
position:relative;
font-size:.75rem;
line-height:140%;
font-weight:700
}
@media (min-width: 320px) {
.profile-level__reward-desc {
font-size:.75rem;
line-height:140%
}
}
.profile-level__reward-desc:before,
.profile-level__reward-desc:after {
content:none;
position:absolute;
border:1px solid #fff;
border-radius:25px
}
.profile-level__reward-desc:before {
width:13px;
height:13px;
top:0;
left:0
}
.profile-level__reward-desc:after {
width:7px;
height:7px;
top:3px;
left:3px
}
.profile-level__image {
height:100px;
width:auto;
-o-object-fit:contain;
object-fit:contain;
flex:1 100%;
display:block;
margin:auto
}
.profile-level__image-info,
.profile-level__image-exit {
width:24px;
position:absolute;
top:8px;
right:8px;
-webkit-filter:none;
filter:none
}
.profile-level__name {
flex:1 100%;
text-align:center
}
.profile-level__front,
.profile-level__back {
display:grid;
position:relative;
width:100%;
height:100%;
border-radius:var(--border-radius-s);
padding:1rem;
background:var(--color-layer-alt-2);
box-sizing:border-box;
overflow:hidden;
cursor:pointer;
justify-content:stretch;
align-content:center
}
.profile-level__front svg,
.profile-level__back svg {
color:inherit
}
.profile-level__back {
color:var(--color-text-alt)
}
.profile-level__back-content {
margin-top:1rem
}
.profile-level__back-content p {
font-size:1rem;
line-height:18px;
text-align:center
}
.profile-level__rewards {
width:100%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
flex-direction:column
}
.profile-level--accent .profile-level__front,
.profile-level--accent .profile-level__back {
background:var(--color-additional-gradient);
color:var(--color-text-alt)
}
.level-progress {
width:100%;
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700
}
@media (min-width: 320px) {
.level-progress {
font-size:.875rem;
line-height:170%
}
}
.level-progress__info {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
box-sizing:border-box
}
.level-progress__info-value {
font-weight:700;
text-transform:uppercase;
font-size:inherit
}
.level-progress__progress-bar [main] {
background:var(--color-text-body);
height:.5rem;
border-radius:3px;
padding:0
}
.level-progress__progress-bar [active] {
background:var(--color-additional-gradient);
border-radius:3px
}
.level-progress__exp {
font-size:1.2em;
color:var(--color-primary-1)
}
.level-progress__exp span {
color:initial;
font-weight:700
}
.level-progress__current-level,
.level-progress__next-level {
color:var(--color-layer-alt-4)
}
.bonus-page__slider[data-v-c693407c] {
grid-template-columns:minmax(0,1fr);
width:auto;
padding:1rem;
box-sizing:border-box;
align-self:center;
background:var(--color-layer-alt-1);
border-radius:var(--border-radius-s);
overflow:hidden
}
.bonus-page__slider-title[data-v-c693407c] {
color:var(--color-text-body);
text-align:center
}
.bonus-page__slider-title span[data-v-c693407c] {
color:var(--color-primary-1)
}
.bonus-page__slider .slider[data-v-c693407c] {
box-sizing:border-box;
padding:2rem 4rem 3rem
}
.bonus-page__slider .slider__item--second .profile-level__front[data-v-c693407c] {
background:var(--color-layer-alt-4)
}
.bonus-page__slider .slider__controls[data-v-c693407c] {
display:none
}
.lobby-row {
position:relative;
--carousel-item-width: 7.5rem
}
@media (min-width: 754px) {
.lobby-row {
--carousel-item-width: 10rem
}
}
.lobby-row__icon {
display:inline-grid;
width:1.5rem;
height:1.5rem
}
.lobby-row__cover {
display:flex;
align-items:center;
flex-wrap:wrap;
flex:1 100%;
position:relative;
justify-content:space-between;
box-sizing:border-box;
overflow:hidden
}
.lobby-row__cover-title {
font-size:1.25rem;
line-height:normal;
font-weight:700;
text-decoration:none;
color:var(--color-text-alt);
text-transform:unset;
display:grid;
grid-auto-flow:column;
align-items:center;
-webkit-column-gap:1rem;
-moz-column-gap:1rem;
column-gap:1rem
}
@media (min-width: 320px) {
.lobby-row__cover-title {
font-size:1.25rem;
line-height:normal
}
}
.lobby-row__cover-link {
position:relative
}
.lobby-row.gifts-row {
min-height:unset
}
.lobby-row__gift-item {
width:100%
}
.lobby-row__carousel {
margin-top:1rem
}
.lobby-row a:not(.game-item--open-demo) {
text-decoration:none
}
.lobby-row .h2 {
color:var(--color-text-alt)
}
.game-item__empty {
position:relative;
padding-bottom:140%;
display:block
}
.game-item__empty-body {
display:grid;
grid-template-rows:1fr auto;
align-items:center;
justify-items:center;
width:100%;
position:absolute;
margin:0;
border-radius:var(--border-radius-s);
background:var(--color-layer-alt-2);
height:100%;
box-sizing:border-box;
text-decoration:none;
color:var(--color-layer-alt-1)
}
.game-item__empty-container {
margin:auto 0
}
.game-item__empty-wrapper {
height:100%;
position:absolute;
display:grid;
grid-template-rows:1fr auto;
padding:1rem
}
.game-item__empty-img {
width:3rem;
height:3rem;
margin:0 auto;
background:transparent;
border-radius:50%
}
@media (min-width: 754px) {
.game-item__empty-img {
width:3rem;
height:3rem
}
}
.game-item__empty-img svg {
color:var(--color-text-body)
}
.game-item__empty-text {
font-size:.75rem;
line-height:140%;
font-weight:400;
text-align:center;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.game-item__empty-text {
font-size:.75rem;
line-height:140%
}
}
.game-item__empty-action.fe-button-wrapper .fe-button {
width:-webkit-max-content;
width:max-content
}
@media (min-width: 754px) {
.game-item__empty-action.fe-button-wrapper .fe-button {
width:100%
}
}
.payment-item[data-v-cee2a622] {
max-width:100%;
align-content:space-between
}
.payment-item__info__row[data-v-cee2a622] {
font-size:.75rem;
line-height:140%;
font-weight:700;
display:flex;
align-items:center;
justify-content:space-between
}
@media (min-width: 320px) {
.payment-item__info__row[data-v-cee2a622] {
font-size:.75rem;
line-height:140%
}
}
.payment-item__info__row span[data-v-cee2a622]:first-child {
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.payment-item__info__row span[data-v-cee2a622]:first-child {
font-size:.75rem;
line-height:140%
}
}
.payment-item__action[data-v-cee2a622] {
display:flex;
justify-content:center
}
.payment-item__logo[data-v-cee2a622] {
margin:0 auto
}
.payments-methods__list[data-v-da3da5e4] {
display:grid;
grid-template-columns:1fr
}
@media (min-width: 508px) {
.payments-methods__list[data-v-da3da5e4] {
grid-template-columns:1fr 1fr
}
}
.tournament-terms[data-v-cf129705] {
display:grid
}
.tournament-terms__title[data-v-cf129705] {
font-size:1.25rem;
line-height:normal;
font-weight:700;
color:var(--color-text-alt);
margin:0
}
@media (min-width: 320px) {
.tournament-terms__title[data-v-cf129705] {
font-size:1.25rem;
line-height:normal
}
}
.tournament-terms__description[data-v-cf129705] {
font-size:1rem;
line-height:normal;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.tournament-terms__description[data-v-cf129705] {
font-size:1rem;
line-height:150%
}
}
.tournament-terms__row[data-v-cf129705] {
display:grid;
gap:1rem;
grid-template-columns:auto
}
@media (min-width: 754px) {
.tournament-terms__row[data-v-cf129705] {
grid-template-columns:repeat(3,1fr)
}
}
.tournament-terms__item[data-v-cf129705] {
display:flex;
flex:1
}
.tournament-terms__item__icon[data-v-cf129705] {
width:1.5rem;
height:1.5rem;
margin-right:1rem
}
.tournament-terms__item__title[data-v-cf129705] {
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700;
margin:0
}
@media (min-width: 320px) {
.tournament-terms__item__title[data-v-cf129705] {
font-size:.875rem;
line-height:170%
}
}
.tournament-terms__item__content[data-v-cf129705] {
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.tournament-terms__item__content[data-v-cf129705] {
font-size:.75rem;
line-height:140%
}
}
.tournament-terms__button-popup[data-v-cf129705] {
margin:0 auto;
display:block;
width:100%;
text-align:center
}
@media (min-width: 754px) {
.tournament-terms__button-popup[data-v-cf129705] {
width:auto;
text-align:unset
}
}
.vip-adv__tags[data-v-18902bea] {
display:grid;
gap:.5rem;
grid-auto-flow:column;
grid-auto-columns:-webkit-max-content;
grid-auto-columns:max-content
}
.vip-adv__labels[data-v-18902bea] {
justify-content:center
}
@media (min-width: 754px) {
.vip-adv__labels[data-v-18902bea] {
justify-content:flex-start
}
}
.vip-adv__banner[data-v-9068c0e6] {
grid-auto-flow:row;
text-align:center;
justify-items:center
}
.vip-adv__banner p[data-v-9068c0e6] {
color:var(--color-text-alt)
}
.vip-adv__banner-img[data-v-9068c0e6] {
width:10rem;
grid-row:1/2
}
@media (min-width: 754px) {
.vip-adv__banner-img[data-v-9068c0e6] {
width:19rem
}
.vip-adv__banner[data-v-9068c0e6] {
grid-auto-flow:column;
text-align:start
}
.vip-adv__banner h1[data-v-9068c0e6] {
text-align:start
}
}
.vip-adv__banner--is-finish[data-v-9068c0e6] {
padding:1rem;
border-radius:1rem;
background:var(--color-secondary-gradient)
}
.vip-adv__banner--is-finish .fe-button[data-v-9068c0e6] {
margin:0 auto
}
@media (min-width: 754px) {
.vip-adv__banner--is-finish[data-v-9068c0e6] {
border-radius:1.5rem;
padding:1.5rem
}
.vip-adv__banner--is-finish .fe-button[data-v-9068c0e6] {
margin:0
}
}
.calendar-item[data-v-eead13a5] {
display:flex;
width:4rem;
height:4rem;
padding:.5rem 1rem;
flex-direction:column;
justify-content:center;
align-items:center;
border-radius:1rem;
background-color:var(--color-tertiary-3);
position:relative;
cursor:pointer;
text-transform:uppercase;
text-wrap:nowrap
}
.calendar-item span[data-v-eead13a5] {
white-space:normal;
word-break:normal
}
.calendar-item__active[data-v-eead13a5],
.calendar-item[data-v-eead13a5]:hover {
background-color:var(--color-tertiary-2)
}
.calendar-item__completed[data-v-eead13a5] {
color:var(--color-primary-1)
}
.calendar-item__completed-status[data-v-eead13a5] {
color:var(--color-successfully);
position:absolute;
right:-.125rem;
top:-.125rem;
border:1px solid var(--color-layer-body);
border-radius:var(--border-radius-m);
width:1rem;
height:1rem;
background-color:var(--color-layer-body)
}
.calendar-item__completed-status .fe-icon[data-v-eead13a5] {
width:100%;
height:100%;
line-height:0
}
.calendar-item__today[data-v-eead13a5] {
color:var(--color-primary-1)
}
.calendar-item__today:not(.calendar-item__active) .calendar-item__icon-secret-prize[data-v-eead13a5] svg path {
fill:url(#a)
}
.calendar-item__today.calendar-item__active[data-v-eead13a5] {
background:var(--color-primary-gradient);
color:var(--color-button-text-primary)
}
.calendar-item__today.calendar-item__active .calendar-item__icon-secret-prize[data-v-eead13a5] {
color:var(--color-layer-body)
}
.calendar-item__month[data-v-eead13a5] {
margin-bottom:.5rem;
text-transform:capitalize
}
.calendar-item__first-day-month .calendar-item__month[data-v-eead13a5] {
opacity:1!important
}
.calendar-item__icon-secret-prize[data-v-eead13a5] {
width:2rem;
height:2rem;
color:var(--color-primary-1)
}
.month-hidden .calendar-item__month[data-v-eead13a5] {
opacity:0;
transition:opacity .2s
}
.calendar-item[data-v-3a511cfd] {
display:flex;
width:4rem;
height:4rem;
padding:.5rem 1rem;
flex-direction:column;
justify-content:center;
align-items:center;
border-radius:1rem;
background-color:var(--color-tertiary-3);
position:relative;
cursor:pointer;
text-transform:uppercase;
text-wrap:nowrap
}
.calendar-item span[data-v-3a511cfd] {
white-space:normal;
word-break:normal
}
.calendar-item__active[data-v-3a511cfd],
.calendar-item[data-v-3a511cfd]:hover {
background-color:var(--color-tertiary-2)
}
.calendar-item__completed[data-v-3a511cfd] {
color:var(--color-primary-1)
}
.calendar-item__completed-status[data-v-3a511cfd] {
color:var(--color-successfully);
position:absolute;
right:-.125rem;
top:-.125rem;
border:1px solid var(--color-layer-body);
border-radius:var(--border-radius-m);
width:1rem;
height:1rem;
background-color:var(--color-layer-body)
}
.calendar-item__completed-status .fe-icon[data-v-3a511cfd] {
width:100%;
height:100%;
line-height:0
}
.calendar-item__today[data-v-3a511cfd] {
color:var(--color-primary-1)
}
.calendar-item__today:not(.calendar-item__active) .calendar-item__icon-secret-prize[data-v-3a511cfd] svg path {
fill:url(#a)
}
.calendar-item__today.calendar-item__active[data-v-3a511cfd] {
background:var(--color-primary-gradient);
color:var(--color-button-text-primary)
}
.calendar-item__today.calendar-item__active .calendar-item__icon-secret-prize[data-v-3a511cfd] {
color:var(--color-layer-body)
}
.calendar-item__month[data-v-3a511cfd] {
color:transparent;
margin-bottom:.5rem;
text-transform:capitalize
}
.calendar-item__first-day-month .calendar-item__month[data-v-3a511cfd] {
opacity:1!important
}
.calendar-item__icon-secret-prize[data-v-3a511cfd] {
width:2rem;
height:2rem;
color:var(--color-primary-1)
}
.month-hidden .calendar-item__month[data-v-3a511cfd] {
opacity:0;
transition:opacity .2s
}
.calendar-row[data-v-f34e7ccf] {
--carousel-item-width: 4rem;
--carousel-gap: .5rem
}
.adv-card[data-v-728480dd] {
border-radius:1rem;
background:var(--color-layer-alt-1);
width:16rem;
height:19rem;
flex-direction:column;
grid-template-rows:auto 1fr auto;
justify-items:stretch
}
.adv-card--lost .adv-card__condition-text[data-v-728480dd] {
font-size:1rem;
line-height:normal;
font-weight:700;
color:var(--color-error)
}
@media (min-width: 320px) {
.adv-card--lost .adv-card__condition-text[data-v-728480dd] {
font-size:1rem;
line-height:150%
}
}
.adv-card .adv-card__top-day-info[data-v-728480dd] {
justify-content:center
}
.adv-card--with-timer .adv-card__top-day-info[data-v-728480dd] {
justify-content:space-between
}
.adv-card--completed[data-v-728480dd] {
border:2px solid var(--color-primary-1)
}
.adv-card--completed .adv-card__condition-text[data-v-728480dd] {
font-size:1rem;
line-height:normal;
font-weight:700;
color:var(--color-successfully)
}
@media (min-width: 320px) {
.adv-card--completed .adv-card__condition-text[data-v-728480dd] {
font-size:1rem;
line-height:150%
}
}
.adv-card--active[data-v-728480dd] {
background:var(--color-secondary-gradient)
}
.adv-card--future .adv-card__top-day-info[data-v-728480dd],
.adv-card--superPrize .adv-card__top-day-info[data-v-728480dd] {
justify-content:center
}
.adv-card--future .adv-card__condition-text[data-v-728480dd],
.adv-card--superPrize .adv-card__condition-text[data-v-728480dd] {
font-size:1rem;
line-height:normal;
font-weight:700;
color:var(--color-primary-2)
}
@media (min-width: 320px) {
.adv-card--future .adv-card__condition-text[data-v-728480dd],
.adv-card--superPrize .adv-card__condition-text[data-v-728480dd] {
font-size:1rem;
line-height:150%
}
}
.adv-card--superPrize[data-v-728480dd] svg path {
fill:url(#a)
}
@media (min-width: 1200px) {
.adv-card[data-v-728480dd] {
width:19rem;
height:24rem
}
}
.adv-card__top-day-info[data-v-728480dd] {
display:flex;
align-items:center;
justify-content:space-between;
width:100%
}
.adv-card__timer[data-v-728480dd] {
background:transparent;
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body);
padding:0
}
@media (min-width: 320px) {
.adv-card__timer[data-v-728480dd] {
font-size:.75rem;
line-height:140%
}
}
.adv-card__timer[data-v-728480dd] .promo-item-status .timer {
margin:0 0 0 .25rem
}
.adv-card__img[data-v-728480dd] {
display:block;
width:4rem;
height:4rem;
margin:0 auto 1rem
}
@media (min-width: 1200px) {
.adv-card__img[data-v-728480dd] {
width:6rem;
height:6rem
}
}
.adv-card__actions[data-v-728480dd] {
display:grid;
grid-column-gap:.5rem
}
.adv-cards__carousel[data-v-ce670dbd] {
--carousel-item-width: 16rem;
--carousel-gap: 1rem
}
@media (min-width: 1200px) {
.adv-cards__carousel[data-v-ce670dbd] {
--carousel-item-width: 19rem;
--carousel-gap: 1.5rem
}
}
.survey-monkey-embed[data-v-a618e3f7] {
width:100%;
min-height:900px;
border:none
}
.bonus-page a {
color:var(--color-primary-1);
font-size:1rem;
line-height:normal;
font-weight:400;
text-decoration:underline
}
@media (min-width: 320px) {
.bonus-page a {
font-size:1rem;
line-height:150%
}
}
.bonus-page__cashback .level-progress-wrap {
padding:0 2rem 0 1rem
}
.bonus-page {
color:var(--color-text-alt)
}
.bonus-page__small-title {
font-size:1.25rem;
line-height:normal;
font-weight:700;
text-align:center;
margin-bottom:1rem
}
@media (min-width: 320px) {
.bonus-page__small-title {
font-size:1.25rem;
line-height:normal
}
}
.bonus-page__wrapper {
padding-top:1rem
}
@media (min-width: 754px) {
.bonus-page__wrapper {
padding-top:1.5rem
}
}
.bonus-page__subtitle {
color:var(--color-text-alt);
text-align:center;
font-size:1.5rem;
line-height:125%;
text-transform:uppercase;
font-weight:700;
letter-spacing:0;
margin:0
}
@media (min-width: 754px) {
.bonus-page__subtitle {
font-size:2rem;
line-height:125%
}
}
@media (min-width: 508px) {
.bonus-page__subtitle br {
display:inline
}
}
.bonus-page__subtitle__description {
color:var(--color-text-body);
font-size:1rem;
line-height:normal;
font-weight:400;
margin:0
}
@media (min-width: 320px) {
.bonus-page__subtitle__description {
font-size:1rem;
line-height:150%
}
}
.bonus-page__substrate {
background-color:var(--color-layer-alt-1);
border-radius:var(--border-radius-s);
padding:1rem
}
@media (min-width: 754px) {
.bonus-page__substrate {
padding:1.5rem
}
}
.bonus-page__substrate h2 {
margin-bottom:1.5rem
}
.bonus-page__default-text {
color:var(--color-text-body);
font-size:1rem;
line-height:normal;
font-weight:400
}
@media (min-width: 320px) {
.bonus-page__default-text {
font-size:1rem;
line-height:150%
}
}
.bonus-page__default-text h3 {
color:var(--color-text-alt)
}
.bonus-page__banner {
width:8rem;
height:8rem;
margin:0 auto;
display:block
}
.bonus-page__button {
display:block;
margin:2rem auto 1rem
}
.bonus-page__link,
.bonus-page__link.active {
color:var(--color-primary-1)
}
@media (min-width: 1200px) {
.bonus-page__link:hover {
color:var(--color-primary-1)
}
}
.bonus-page__steps {
max-width:30rem;
margin:0 auto 1rem;
text-align:center
}
.bonus-page__steps-title {
text-align:center;
font-weight:700;
line-height:2rem;
text-transform:uppercase
}
@media (min-width: 1200px) {
.bonus-page__steps-title {
font-size:1.5rem
}
.bonus-page__carousel .VueCarousel-wrapper {
padding:0
}
}
.bonus-page__carousel .VueCarousel-wrapper .VueCarousel-inner {
box-sizing:border-box;
padding:1rem 0;
margin:0 1rem;
align-items:center
}
@media (min-width: 1200px) {
.bonus-page__carousel .VueCarousel-wrapper .VueCarousel-inner {
padding:2.5rem 0
}
}
.bonus-page__carousel .VueCarousel-wrapper .VueCarousel-slide.active .bonus-card__wrapper-body {
background:linear-gradient(180deg,#0b1d45,#003a8c);
color:var(--color-text-alt)
}
.bonus-page__carousel .VueCarousel-wrapper .VueCarousel-slide.active .bonus-card__wrapper .bonus-page__button {
display:block
}
.bonus-page__carousel .VueCarousel-wrapper .VueCarousel-slide.used .bonus-card__wrapper-body,
.bonus-page__carousel .VueCarousel-wrapper .VueCarousel-slide.used .bonus-card__coupon {
color:var(--color-layer-alt-1)
}
.bonus-page__carousel .VueCarousel-wrapper .VueCarousel-slide.used .bonus-card__coupon-icon {
display:none
}
.bonus-page__carousel .VueCarousel-wrapper .VueCarousel-slide.used .bonus-card__coupon-icon--used {
display:block
}
.bonus-page .bonus-card__container {
display:flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
margin:0 auto;
-webkit-column-gap:1rem;
-moz-column-gap:1rem;
column-gap:1rem
}
.bonus-page .bonus-card__title {
font-size:1.17rem;
line-height:1.5rem;
font-weight:700;
letter-spacing:.06rem
}
.bonus-page .bonus-card__description {
font-size:1.17rem;
line-height:1.5rem;
text-transform:uppercase;
font-weight:700
}
@media (min-width: 320px) {
.bonus-page .bonus-card__description {
font-size:1.5rem;
line-height:2rem
}
}
.bonus-page .bonus-card__parameter {
font-size:1.17rem;
line-height:1.5rem;
font-weight:400
}
.bonus-page .bonus-card__circles {
position:absolute;
display:flex;
width:calc(100% + 2rem);
justify-content:space-between;
align-items:center;
background:transparent;
margin:-1rem -1rem 0
}
.bonus-page .bonus-card__circle {
display:block;
height:.75rem;
width:.75rem;
border-radius:50%;
background-color:var(--color-text-alt);
box-shadow:inset 0 12px 24px rgba(var(--color-secondary-5),.25)
}
.bonus-page .bonus-card__coupon {
display:flex;
align-items:center;
background:var(--color-text-alt);
color:var(--color-layer-alt-2);
padding:1rem
}
.bonus-page .bonus-card__coupon-icon {
margin-right:.75rem
}
.bonus-page .bonus-card__coupon-icon--used {
display:none
}
.bonus-page .bonus-card__coupon-description p {
font-size:1rem;
line-height:1.5rem;
text-align-last:left
}
.bonus-page .bonus-card__coupon-title {
font-weight:700
}
.bonus-page__cashback {
background:transparent;
color:var(--color-text-alt)
}
@media (min-width: 1200px) {
.bonus-page__cashback {
border-radius:var(--border-radius-s)
}
}
@media (min-width: 1300px) {
.bonus-page__cashback {
padding-left:0;
padding-right:0
}
}
.bonus-page__cashback .bonus-page__cashback__title {
font-size:1.5rem;
line-height:125%;
font-weight:700;
letter-spacing:0;
text-align:center;
text-transform:uppercase
}
@media (min-width: 754px) {
.bonus-page__cashback .bonus-page__cashback__title {
font-size:2rem;
line-height:125%
}
}
.bonus-page__slider {
width:auto;
padding:1rem;
box-sizing:border-box;
align-self:center;
background:var(--color-layer-alt-1);
border-radius:var(--border-radius-s);
overflow:hidden
}
.bonus-page__slider .slider {
box-sizing:border-box;
padding:2rem 4rem 3rem
}
.bonus-page__slider .slider__item--second .profile-level__front {
background:var(--color-layer-alt-4)
}
@media (min-width: 1200px) {
.bonus-page__slider .slider__item--second .profile-level__front {
background:linear-gradient(180deg,#0b1d45,#003a8c)
}
}
.bonus-page__slider .slider__controls {
display:none
}
.carousel-scroll {
width:100%;
position:relative;
display:flex;
align-items:center;
overflow:hidden
}
.carousel-scroll__list {
width:inherit;
height:inherit;
display:grid;
grid-template-columns:repeat(auto-fill,var(--carousel-item-width));
grid-auto-flow:column;
grid-auto-columns:minmax(var(--carousel-item-width),1fr);
overflow-x:scroll;
overflow-y:hidden;
-ms-scroll-snap-type:x mandatory;
scroll-snap-type:x mandatory;
box-sizing:border-box;
gap:var(--carousel-gap);
-ms-overflow-style:none;
scrollbar-width:none;
position:relative;
z-index:1;
scroll-behavior:smooth
}
.carousel-scroll__list::-webkit-scrollbar {
display:none
}
.carousel-scroll--auto-fill {
grid-template-columns:repeat(auto-fill,minmax(var(--carousel-item-width),1fr))
}
.carousel-scroll__item {
width:100%;
height:-webkit-max-content;
height:max-content;
scroll-snap-align:start;
box-sizing:content-box
}
.carousel-scroll__item--large {
grid-column:1/2
}
.carousel-scroll--transparent-border .carousel-scroll__item {
padding-left:var(--carousel-gap)
}
@media (min-width: 754px) {
.carousel-scroll--transparent-border .carousel-scroll__item {
padding-left:0
}
}
.carousel-scroll--transparent-border .carousel-scroll__item.last-child {
padding-right:var(--carousel-gap);
height:100%
}
@media (min-width: 754px) {
.carousel-scroll--transparent-border .carousel-scroll__item.last-child {
padding-right:0
}
}
.carousel-scroll__navigation {
display:flex;
align-items:center;
opacity:0;
visibility:hidden
}
.carousel-scroll__navigation-button {
margin:auto;
outline:none;
display:flex;
z-index:999;
opacity:1;
visibility:visible;
transition:all .3s ease;
position:absolute;
top:50%;
bottom:auto;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.carousel-scroll__navigation-next {
right:1rem
}
.carousel-scroll__navigation-prev {
left:1rem
}
.carousel-scroll__navigation--hidden {
opacity:0;
visibility:hidden
}
@media (min-width: 754px) {
.carousel-scroll:hover .carousel-scroll__navigation {
opacity:1;
visibility:visible
}
}
.carousel-scroll__pagination {
width:100%;
text-align:center;
position:absolute;
bottom:0;
z-index:999
}
.carousel-scroll__pagination-container {
display:inline-block;
margin:0 auto
}
.carousel-scroll__pagination-dot {
width:.5rem;
height:.5rem;
cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none;
padding:.5rem;
border-radius:50%;
outline:none;
background-clip:content-box;
box-sizing:content-box;
background-color:var(--color-tertiary-2)
}
.carousel-scroll__pagination-dot--active {
background-color:var(--color-primary-1)
}
.static-page {
width:100%;
min-height:75vh;
justify-content:center;
padding-top:1.5rem;
padding-bottom:4rem;
word-break:break-word
}
.static-page:has(.container-custom-page .bonus-page) {
grid-template-columns:100%
}
.static-page .markup-seo-page {
max-width:55rem;
margin:0 auto 2rem;
display:grid;
gap:1rem;
overflow:hidden
}
.static-page .markup-seo-page.full-width {
max-width:100%
}
.static-page .markup-seo-page table {
width:100%;
display:block;
overflow-x:auto
}
.static-page .markup-seo-page table td {
border:2px solid var(--color-layer-alt-3);
padding:.5rem;
text-align:left
}
.static-page .markup-seo-page ol {
list-style-type:decimal
}
.static-page .markup-seo-page h2,
.static-page .markup-seo-page h3,
.static-page .markup-seo-page p {
margin:0
}
.static-page .markup-seo-page img {
max-width:100%;
height:auto;
border-radius:var(--border-radius-s)
}
.static-page .markup-seo-page .fe-button {
color:var(--color-button-text-primary);
text-decoration:none
}
@media (min-width: 754px) {
.static-page .markup-seo-page {
gap:1.5rem
}
}
@media (max-width: 754px) {
.static-page .markup-seo-page table td {
font-size:.75rem;
line-height:140%;
font-weight:700;
border-width:1px;
padding:.25rem
}
}
@media (max-width: 754px) and (min-width: 320px) {
.static-page .markup-seo-page table td {
font-size:.75rem;
line-height:140%
}
}
.static-page .seo-container {
display:grid;
grid-template-columns:1fr;
justify-items:center;
gap:1rem
}
.static-page .seo-container img {
max-width:100%;
height:auto
}
@media (min-width: 754px) {
.static-page .seo-container img {
max-width:19.5rem
}
}
.static-page .seo-card {
background:var(--color-layer-alt-1);
border-radius:var(--border-radius-s)
}
.static-page .seo-container-img-right h3 {
margin-bottom:1rem
}
.static-page .seo-container-info {
display:grid;
grid-template-columns:1.5rem 1fr;
gap:1.5rem;
padding:.5rem 1rem
}
.static-page .seo-container-info p {
font-weight:700;
color:var(--color-text-alt)
}
.static-page .seo-container-info img {
width:1.5rem
}
.static-page .seo-container-icon {
padding:1rem;
gap:1.5rem
}
.static-page .seo-container-icon__inner {
min-width:100%;
display:grid;
grid-template-columns:2rem 1fr;
align-items:center;
gap:1rem
}
.static-page .seo-container-icon__inner img {
width:2rem
}
.static-page .seo-container-icon p {
padding-left:3rem
}
.static-page .seo-container-icon ul {
margin-top:2rem;
padding-left:4rem
}
.static-page .seo-container-title-icon {
min-width:100%;
display:grid;
grid-template-columns:2rem 1fr;
align-items:center;
gap:1rem
}
.static-page .seo-container-title-icon img {
width:2rem
}
.static-page .seo-container-compare {
display:grid;
gap:1rem
}
.static-page .seo-card-compare {
display:flex;
flex-direction:column;
gap:1rem
}
.static-page .seo-card-compare__inner {
display:grid;
grid-template-columns:1fr auto;
align-items:center;
padding:.5rem 1.5rem;
border-top-left-radius:var(--border-radius-s);
border-top-right-radius:var(--border-radius-s)
}
.static-page .seo-card-compare__inner--pros {
background-color:var(--color-successfully)
}
.static-page .seo-card-compare__inner--cons {
background-color:var(--color-error)
}
.static-page .seo-card-compare__inner h3 {
color:var(--color-layer-body)
}
.static-page .seo-card-compare__inner img {
width:2rem
}
.static-page .seo-card-compare__content {
display:grid;
gap:1rem;
padding:1.5rem
}
.static-page .seo-card-compare__content-item {
display:grid;
grid-template-columns:auto 1fr;
gap:1rem
}
.static-page .seo-card-compare__content-item img {
width:1.25rem
}
@media (min-width: 754px) {
.static-page .seo-container-img-right {
grid-template-columns:1fr 19.5rem;
gap:1.5rem
}
.static-page .seo-container-img-right h3 {
margin-bottom:1.5rem
}
.static-page .seo-container-img-left {
grid-template-columns:19.5rem 1fr;
gap:1.5rem
}
.static-page .seo-container-info {
align-items:center;
gap:1.5rem
}
.static-page .seo-container-icon {
padding:2rem;
gap:.5rem
}
.static-page .seo-container-icon p {
padding-left:6rem
}
.static-page .seo-container-icon ul {
padding-left:7rem
}
.static-page .seo-container-icon__inner {
grid-template-columns:4.5rem 1fr;
gap:1.5rem
}
.static-page .seo-container-icon__inner img {
width:4.5rem
}
.static-page .seo-container-title-icon {
grid-template-columns:4.5rem 1fr;
gap:1.5rem
}
.static-page .seo-container-title-icon img {
width:4.5rem
}
.static-page .seo-container-compare {
grid-template-columns:repeat(2,1fr);
gap:1.5rem
}
.static-page .seo-card-compare__content {
padding:2rem 1.5rem 3rem
}
}
.static-page h1 {
text-align:center
}
.static-page img {
display:block;
max-width:100%
}
.static-page__container {
box-sizing:border-box
}
.static-page a {
color:var(--color-primary-1)
}
.static-page a.fe-button {
color:var(--color-text-alt)
}
.static-page a.fe-button--primary {
display:inline-block;
color:var(--color-layer-alt-1);
text-decoration:none
}
.static-page a.link-simple {
text-transform:inherit;
text-decoration:none
}
.static-page p:not([class]),
.static-page li {
color:var(--color-text-body)
}
.static-page__games {
text-align:center;
margin:1rem 0 2rem
}
.static-page .static-title {
font-size:1.25rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:0;
text-align:center;
margin-right:2rem
}
@media (min-width: 754px) {
.static-page .static-title {
font-size:1.5rem;
line-height:normal
}
}
.static-page .color-accent {
color:var(--color-primary-1)
}
.static-page .hr {
border-top:1px solid var(--color-tertiary-6)
}
.static-page .title--secondary {
color:var(--color-tertiary-6);
text-transform:uppercase
}
@media (min-width: 754px) {
.static-page :deep(.fe-button--full-width-mobile) {
width:-webkit-max-content;
width:max-content
}
}
.static-page .text--align-start {
text-align:start
}
.static-page .read-more-block__content {
height:15rem;
overflow:hidden;
position:relative;
transition:all .5s
}
.partners-page {
padding-bottom:20px
}
.partners-page__header {
position:relative
}
.partners-page__header-jackpot {
background:var(--color-layer-alt-1);
border-radius:6px;
font-size:1.17rem;
padding:12px 30px 14px;
display:inline-block;
margin-top:15px;
-webkit-transform:translateX(-50%);
transform:translate(-50%);
right:-50%;
position:relative
}
@media (min-width: 754px) {
.partners-page__header-jackpot {
-webkit-transform:none;
transform:none;
position:absolute;
right:10px;
top:44px
}
}
.partners-page__header-left {
text-align:center
}
@media (min-width: 754px) {
.partners-page__header-left {
float:left;
width:250px;
display:inline-block
}
}
.partners-page__header-right {
margin-top:15px
}
@media (min-width: 754px) {
.partners-page__header-right {
margin-top:140px;
display:inline-block;
width:calc(100% - 250px);
padding-left:10px;
box-sizing:border-box
}
}
.partners-page__header ul {
text-align:left
}
.partners-page__header ul a {
text-decoration:none
}
.partners-page__bonus-content {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center
}
.partners-page__bonus-item {
width:240px;
text-align:center;
border-radius:3px
}
.partners-page__bonus-item:hover {
cursor:pointer
}
.partners-page__bonus-item-image {
height:130px;
width:130px;
margin-top:11px
}
.partners-page__bonus-item-text,
.partners-page__bonus-item-btn {
margin-bottom:26px
}
.partners-page__video iframe {
padding-right:14px;
float:left;
width:250px
}
.partners-page__other-content {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center
}
.partners-page__other-item {
width:128px;
text-align:center;
margin:5px;
border:solid 1px #d8dde6;
border-radius:3px
}
@media (min-width: 754px) {
.partners-page__other-item {
width:200px
}
}
.partners-page__other-item-image {
width:100px;
height:100px
}
@media (min-width: 754px) {
.partners-page__other-item-image {
width:120px;
height:120px
}
}
.partners-page__other-item-link {
background:#d8dde6;
display:block;
text-align:right;
padding:10px
}
.partners-page__other-item-link:hover {
background:#f8991c;
text-decoration:none;
color:#fff
}
.partners-page__bonus-title,
.partners-page__bonus h2,
.partners-page__video-title,
.partners-page__other-title {
font-size:2.5rem;
text-align:center;
margin-top:40px;
margin-bottom:30px
}
.home-slider__jackpot-amount {
color:#f8991c;
display:inline-block;
font-size:2.5rem;
margin-right:10px
}
.all-gifts-content {
padding-top:20px
}
.all-gifts-content-top {
margin-bottom:21px
}
.all-gifts-content-item-title {
font-size:2.5rem;
font-weight:700;
text-align:center;
margin-bottom:23px
}
.all-gifts-content-item-content {
position:relative;
overflow:hidden
}
@media (min-width: 754px) {
.all-gifts-content-item-content-right {
display:inline-block;
float:right;
width:calc(100% - 280px);
box-sizing:border-box
}
}
.all-gifts-content-item-content-right-topic {
font-size:1.5rem;
font-weight:700;
margin-bottom:16px
}
.all-gifts-content-item-content-right-text {
margin-bottom:16px
}
.all-gifts-content-item-content img {
margin:0 auto;
display:block
}
@media (min-width: 754px) {
.all-gifts-content-item-content img {
display:inline-block
}
}
.all-gifts-banner {
height:220px;
background-position-x:center
}
.all-gifts-content-btn {
margin:30px 0 10px 50%;
-webkit-transform:translateX(-50%);
transform:translate(-50%)
}
a.all-gifts-content-btn {
color:#fff
}
.static_banner__banner {
width:100%;
border-radius:var(--border-radius-s);
max-height:340px;
min-height:280px;
-o-object-fit:cover;
object-fit:cover
}
.static_banner__table {
border-collapse:collapse;
margin-bottom:30px;
position:relative;
text-align:left;
width:100%;
padding:20px 0;
box-shadow:0 4px 8px var(--color-secondary-5);
border-radius:var(--border-radius-s);
font-size:1.17rem
}
.static_banner__card-block {
margin:3em 0;
text-align:center
}
.static_banner__card-item {
text-decoration:none;
display:inline-block;
vertical-align:top;
text-align:center;
margin:1em 1em 0 0;
width:256px;
padding:20px;
background-color:var(--color-text-alt);
border-radius:4px
}
.project-versus__compare {
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:stretch;
margin-left:-.5rem;
margin-right:-.5rem
}
@media (min-width: 1200px) {
.project-versus__compare {
flex-direction:row;
margin-left:-.75rem;
margin-right:-.75rem
}
}
.project-versus__compare__item {
padding:1rem;
background:var(--color-layer-alt-1);
border-radius:10px;
flex:1;
margin:.5rem
}
@media (min-width: 754px) {
.project-versus__compare__item {
padding:1.5rem;
margin:.75rem
}
}
.project-versus__compare__item--main {
background:var(--color-secondary-gradient)
}
.project-versus__compare__item__logo {
display:flex;
align-items:center;
justify-content:center;
height:3rem;
margin:0 auto 1rem
}
.project-versus__compare__item__logo img {
max-height:100%;
max-width:100%
}
.project-versus__compare__item__row {
display:flex;
justify-content:space-between;
margin-bottom:1rem;
flex-direction:column
}
@media (min-width: 1200px) {
.project-versus__compare__item__row {
flex-direction:row;
margin-bottom:1rem
}
}
.project-versus__compare__item__row__label {
flex:39%;
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body);
margin-bottom:.5rem
}
@media (min-width: 320px) {
.project-versus__compare__item__row__label {
font-size:.75rem;
line-height:140%
}
}
.project-versus__compare__item__row__data {
font-size:.75rem;
line-height:140%;
font-weight:700;
flex:80%;
display:flex;
flex-wrap:wrap
}
@media (min-width: 320px) {
.project-versus__compare__item__row__data {
font-size:.75rem;
line-height:140%
}
}
@media (min-width: 1200px) {
.project-versus__compare__item__row__data {
text-align:right;
justify-content:flex-end
}
}
.project-versus__compare__item__row__data ul {
padding:0;
display:flex;
flex-wrap:wrap;
list-style:none
}
@media (min-width: 1200px) {
.project-versus__compare__item__row__data ul {
justify-content:flex-end
}
}
.project-versus__compare__item__row__data ul li {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:.06em;
color:var(--color-text-on-opposite-back);
background:var(--color-primary-gradient);
border-radius:var(--border-radius-xs);
display:block;
padding:0 .5rem;
margin-right:.5rem;
margin-bottom:.5rem
}
@media (min-width: 320px) {
.project-versus__compare__item__row__data ul li {
font-size:.5625rem;
line-height:180%
}
}
.project-versus__compare__item__row__data__deposit-method {
-webkit-transform:scale(.6);
transform:scale(.6);
margin-left:-1.5rem
}
@media (min-width: 1200px) {
.project-versus__compare__item__row__data__deposit-method {
margin-left:0;
margin-right:-1.5rem
}
}
.project-versus__compare__item__row__data .producers-block__link {
display:inline-block;
margin:0 .5rem .5rem 0
}
.project-versus__compare__item__row__data .producers-block__link .producers-block__link-wrapper {
font-size:.5rem;
padding:0
}
.project-versus__compare__item__row__data .producers-block__link .producers-block__link-wrapper:hover {
background:var(--color-tertiary-5)
}
.project-versus__compare__item__row.last-child {
flex-direction:column
}
.project-versus__compare__item__row.last-child .producers-block {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
margin:0
}
.project-versus__compare__item--main .project-versus__compare__item__row__data ul li:before {
color:var(--color-successfully);
opacity:1
}
.static-page a {
color:var(--color-primary-1);
font-family:Roboto Slab,Rubik,sans-serif
}
.static-page ol {
list-style:none
}
.static-page .project-versus-table {
padding:0 .75rem;
border-radius:var(--border-radius-s);
background:var(--color-layer-alt-1);
font-size:.875rem;
line-height:170%;
text-transform:uppercase;
font-weight:700
}
@media (min-width: 754px) {
.static-page .project-versus-table {
padding:0 1.5rem
}
}
@media (min-width: 320px) {
.static-page .project-versus-table {
font-size:.875rem;
line-height:170%
}
}
.static-page .project-versus-table__header .project-versus-table__col {
min-height:4rem;
color:var(--color-text-body)
}
.static-page .project-versus-table__row {
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid var(--color-layer-alt-3)
}
.static-page .project-versus-table__row.last-child {
border:0
}
.static-page .project-versus-table__col {
height:3rem;
flex:1;
display:flex;
font-weight:700;
padding:.5rem 0
}
.static-page .project-versus-table__col:first-child {
flex:2
}
.static-page .project-versus-table__logo {
height:4rem;
margin:0 auto
}
.static-page .project-versus-table__logo img {
max-height:100%;
max-width:100%
}
.static-page .flex-item-center {
justify-content:center;
align-items:center
}
.static-page .justify-content-center {
justify-content:center
}
.static-page .align-items-center {
align-items:center
}
.static-page .bug-hunt__page {
display:grid;
gap:2rem;
row-gap:1.5rem
}
@media (min-width: 1200px) {
.static-page .bug-hunt__page {
row-gap:2rem
}
}
.static-page .bug-hunt__page .static-page-banner {
padding-top:0
}
.static-page .bug-hunt__page .static-page-banner__content {
display:grid;
gap:2rem;
row-gap:1.5rem;
justify-items:center
}
@media (min-width: 1200px) {
.static-page .bug-hunt__page .static-page-banner__content {
row-gap:1.5rem;
justify-items:flex-start
}
}
.static-page .bug-hunt__page .static-page-banner__title {
text-align:left
}
.static-page .bug-hunt__page .static-page-banner h4 {
font-size:1.25rem;
line-height:normal;
font-weight:700;
text-transform:none
}
@media (min-width: 320px) {
.static-page .bug-hunt__page .static-page-banner h4 {
font-size:1.25rem;
line-height:normal
}
}
.static-page .bug-hunt__page .static-page-banner__details-title {
font-size:1.25rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:0;
text-transform:none
}
@media (min-width: 754px) {
.static-page .bug-hunt__page .static-page-banner__details-title {
font-size:1.5rem;
line-height:normal
}
}
.static-page .bug-hunt__page .static-page-banner__details-list {
padding-left:1rem
}
.static-page .compare__container {
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap
}
.static-page .compare__card {
display:flex;
align-items:center;
justify-content:center;
border-radius:10px;
margin:.25rem;
width:10rem;
height:7rem;
padding:.5rem
}
@media (min-width: 754px) {
.static-page .compare__card {
width:10rem;
height:7rem;
margin:.5rem
}
}
.static-page .compare__card img {
width:100%
}
.static-page .compare__card:hover {
background:var(--color-layer-alt-1);
cursor:pointer;
transition:opacity .2s
}
.static-page-banner {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
max-width:67rem;
padding:2rem 1rem 0
}
@media (min-width: 1200px) {
.static-page-banner {
flex-wrap:initial;
padding:2rem 0 0
}
}
.static-page-banner__content {
padding:2rem 1rem 0;
order:2;
text-align:center;
display:flex;
align-items:center;
flex-direction:column
}
@media (min-width: 1200px) {
.static-page-banner__content {
padding:0 2rem 0 0;
display:block;
order:unset;
text-align:left
}
}
.static-page-banner__image {
width:19rem;
order:1
}
@media (min-width: 1200px) {
.static-page-banner__image {
order:unset
}
}
.static-page-banner__label {
background:var(--color-tertiary-3);
border-radius:var(--border-radius-xs);
margin-right:1rem;
margin-bottom:1rem;
font-size:.75rem;
line-height:140%;
font-weight:700;
color:var(--color-text-body);
padding:.25rem 1rem
}
@media (min-width: 320px) {
.static-page-banner__label {
font-size:.75rem;
line-height:140%
}
}
.static-page-banner__label-wrapper {
display:flex;
flex-wrap:wrap;
margin-bottom:1rem
}
.static-page-banner__title {
font-size:1.5rem;
line-height:125%;
text-transform:uppercase;
font-weight:900;
letter-spacing:0;
text-align:left
}
@media (min-width: 754px) {
.static-page-banner__title {
font-size:2rem;
line-height:125%
}
}
.static-page-banner__desc {
font-size:1rem;
line-height:normal;
font-weight:400;
color:var(--color-text-body);
text-align:left
}
@media (min-width: 320px) {
.static-page-banner__desc {
font-size:1rem;
line-height:150%
}
}
.static-page .title--secondary {
opacity:.6
}
.static-page__action-block {
display:flex;
align-items:center;
justify-content:center;
padding-top:1rem
}
.checkmark {
display:inline-block;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
height:1.5rem;
width:.75rem;
border-bottom:3px solid #78b13f;
border-right:3px solid #78b13f
}
.minus:before {
display:inline-block;
content:"-";
font-size:1.5rem;
opacity:.35
}
.versus-projects-second {
background:var(--color-layer-alt-1);
border-radius:var(--border-radius-m);
padding:0 3rem
}
.versus-projects-second__header {
display:none;
text-align:center;
font-size:1.25rem;
line-height:normal;
font-weight:700
}
@media (min-width: 320px) {
.versus-projects-second__header {
font-size:1.25rem;
line-height:normal
}
}
.versus-projects-second__header .versus-projects-second__col {
padding-bottom:0
}
@media (min-width: 754px) {
.versus-projects-second__header {
display:block
}
}
.versus-projects-second__row {
display:flex;
flex-direction:column;
border-bottom:1px solid var(--color-text-body)
}
.versus-projects-second__row.last-child {
border-bottom:0
}
@media (min-width: 754px) {
.versus-projects-second__row {
flex-direction:row
}
}
.versus-projects-second__col {
flex:3;
padding:1rem 0
}
.versus-projects-second__col li {
font-size:.75rem;
line-height:140%;
font-weight:400
}
@media (min-width: 320px) {
.versus-projects-second__col li {
font-size:.75rem;
line-height:140%
}
}
.versus-projects-second__col:first-child {
flex:2;
display:flex;
align-items:center;
justify-content:center;
padding:2rem 0
}
.versus-projects-second__col:first-child li {
font-size:.75rem;
line-height:140%;
font-weight:700
}
@media (min-width: 320px) {
.versus-projects-second__col:first-child li {
font-size:.75rem;
line-height:140%
}
}
@media (min-width: 754px) {
.versus-projects-second__col {
padding:1.5rem 0
}
}
.versus-projects-second__logo {
height:5rem
}
.versus-projects-second__logo img {
max-height:100%;
max-width:100%
}
.versus-list {
list-style:none
}
.versus-list li {
position:relative;
color:var(--color-text-alt);
margin-bottom:.5rem
}
@media (min-width: 754px) {
.versus-list li {
margin-bottom:1rem
}
}
.versus-list li:before {
display:inline-block;
position:absolute;
left:-2rem;
top:0;
font-size:1.75rem
}
.versus-list--pros li:before {
content:"+";
color:var(--color-successfully)
}
.versus-list--cons li:before {
content:"-";
color:#e55c2f
}
.adv__accent-block,
.bug-hunt__accent-block {
border-radius:var(--border-radius-s);
padding:1.5rem;
display:grid;
row-gap:1rem
}
@media (min-width: 1200px) {
.adv__accent-block,
.bug-hunt__accent-block {
row-gap:1.5rem;
padding:1.5rem
}
}
.adv__accent-block h1,
.bug-hunt__accent-block h1 {
font-size:1.25rem;
line-height:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:0;
color:var(--color-primary-1)
}
@media (min-width: 754px) {
.adv__accent-block h1,
.bug-hunt__accent-block h1 {
font-size:1.5rem;
line-height:normal
}
}
.adv__accent-block .bug-hunt__step-title,
.bug-hunt__accent-block .bug-hunt__step-title {
text-align:left
}
@media (min-width: 754px) {
.adv__accent-block .bug-hunt__step-title,
.bug-hunt__accent-block .bug-hunt__step-title {
text-align:center
}
}
.adv__step,
.bug-hunt__step {
display:grid;
grid-template-columns:auto 1fr;
gap:1rem;
align-items:center
}
@media (min-width: 754px) {
.adv__step,
.bug-hunt__step {
grid-template-columns:none;
grid-template-rows:auto 1fr;
justify-items:center;
align-items:start
}
}
.adv__step .title--secondary,
.bug-hunt__step .title--secondary {
display:none
}
.adv__step-wrapper,
.bug-hunt__step-wrapper {
display:grid;
gap:1rem
}
@media (min-width: 754px) {
.adv__step-wrapper,
.bug-hunt__step-wrapper {
grid-template-columns:repeat(3,1fr)
}
}
.adv__step-image,
.bug-hunt__step-image {
height:3rem;
width:3rem
}
.adv__step-title,
.bug-hunt__step-title {
font-size:1.25rem;
line-height:normal;
font-weight:700;
margin:0;
text-transform:inherit;
text-align:left
}
@media (min-width: 320px) {
.adv__step-title,
.bug-hunt__step-title {
font-size:1.25rem;
line-height:normal
}
}
@media (min-width: 754px) {
.adv__step-title,
.bug-hunt__step-title {
text-align:center
}
}
.adv__page,
.bug-hunt__page {
max-width:55rem
}
.adv__page p,
.adv__page li,
.bug-hunt__page p,
.bug-hunt__page li {
font-size:.75rem;
line-height:140%;
font-weight:400;
color:var(--color-text-body)
}
@media (min-width: 320px) {
.adv__page p,
.adv__page li,
.bug-hunt__page p,
.bug-hunt__page li {
font-size:.75rem;
line-height:140%
}
}
.adv__accent-block {
border:1px solid var(--color-layer-alt-4)
}
.bug-hunt__accent-block {
background:var(--color-layer-alt-1)
}
.payments-page {
padding-top:1.5rem
}
@media (min-width: 754px) {
.payments-page {
padding-top:2rem
}
}
.payments-page h1 {
text-align:center
}
#mystic-jackpots .static-page {
max-width:55rem;
justify-content:stretch;
grid-template-columns:minmax(0,1fr);
padding-left:1rem;
padding-right:1rem
}
.read-more-block__btn {
color:var(--color-primary-1);
font-size:1rem;
line-height:normal;
font-weight:700;
text-decoration:underline;
margin:2rem auto 0;
cursor:pointer;
display:block
}
@media (min-width: 320px) {
.read-more-block__btn {
font-size:1rem;
line-height:150%
}
}
@media (min-width: 754px) {
.read-more-block__btn {
text-align:center
}
}
.read-more-block__btn-close {
display:none
}
.read-more-block__input-toggle:checked+.read-more-block__content {
height:auto
}
.read-more-block__input-toggle:checked+.read-more-block__content:after {
display:none
}
.read-more-block__input-toggle:not(:checked)+.read-more-block__content:after {
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:var(--color-tertiary-gradient)
}
.read-more-block__input-toggle:checked~.read-more-block__btn-open {
display:none
}
.read-more-block__input-toggle:checked~.read-more-block__btn-close {
display:block
}
.vip-page {
margin-top:-1.5rem
}
.vip-page__container {
max-width:55rem;
margin:0 auto;
width:100%
}
.vip-page__banner {
overflow:hidden;
display:grid;
grid-gap:1rem;
color:var(--color-layer-alt-2);
grid-template-rows:repeat(2,auto);
justify-items:center;
background:radial-gradient(50% 100% at 50% 0%,#101a22,#000a12)
}
@media (min-width: 754px) {
.vip-page__banner {
grid-template-columns:repeat(2,1fr);
grid-template-rows:auto;
align-items:center;
align-content:center;
justify-items:flex-start;
text-align:start
}
}
.vip-page__banner-desc {
text-align:center
}
@media (min-width: 754px) {
.vip-page__banner-desc,
.vip-page__banner h1 {
text-align:start
}
}
.vip-page__banner-content {
justify-items:center
}
@media (min-width: 754px) {
.vip-page__banner-content {
justify-items:flex-start
}
}
.vip-page__banner-img {
width:100%;
height:auto;
align-self:baseline
}
@media (min-width: 754px) {
.vip-page__banner-img {
grid-column:-1/2
}
}
.rate-card,
.status-block {
border-radius:var(--border-radius-s);
background:var(--color-tertiary-4)
}
.status-block__img {
width:5rem;
height:5rem
}
@media (min-width: 754px) {
.status-block__img {
width:14rem;
height:14rem
}
}
.status-block .fe-button {
margin:0 auto
}
.status-table__row {
padding:.5rem 0;
display:grid;
grid-auto-flow:column;
justify-content:space-between;
border-bottom:1px solid var(--color-tertiary-3)
}
.status-table .check {
width:1.5rem;
height:1.5rem;
display:inline-block;
margin-right:.5rem
}
.status-table__socials-icons {
display:flex;
flex-wrap:wrap
}
.conditions {
display:grid;
grid-gap:.5rem
}
@media (min-width: 754px) {
.conditions {
grid-template-columns:1fr auto 1fr
}
}
.conditions__separ {
font-size:.5625rem;
line-height:normal;
text-transform:uppercase;
font-weight:400;
letter-spacing:.06em;
display:grid;
gap:.5rem;
position:relative;
text-align:center;
grid-template-columns:1fr auto 1fr;
align-items:center
}
@media (min-width: 320px) {
.conditions__separ {
font-size:.5625rem;
line-height:180%
}
}
@media (min-width: 754px) {
.conditions__separ {
grid-template-columns:auto;
grid-template-rows:1fr auto 1fr;
align-items:unset;
justify-items:center
}
}
.conditions__separ:before,
.conditions__separ:after {
content:"";
display:block;
height:1px;
background:var(--color-tertiary-4)
}
@media (min-width: 754px) {
.conditions__separ:before,
.conditions__separ:after {
height:auto;
width:1px
}
}
.auth .unlock-block {
display:none
}
.unlock-block .carousel-scroll__list {
--carousel-item-width: 75vw
}
@media (min-width: 508px) {
.unlock-block .carousel-scroll__list {
--carousel-item-width: 70vw
}
}
@media (min-width: 754px) {
.unlock-block .carousel-scroll__list {
--carousel-item-width: 55vw
}
}
@media (min-width: 980px) {
.unlock-block .carousel-scroll__list {
grid-template-columns:repeat(2,1fr);
grid-auto-flow:dense
}
}
.unlock-block .carousel-scroll__item {
height:100%
}
.card-block,
.unlock-card,
.review-card {
border:1px solid var(--color-tertiary-4);
border-radius:var(--border-radius-s)
}
.border-gradient {
position:relative;
border:1px solid transparent;
border-radius:var(--border-radius-s);
overflow:hidden;
background:linear-gradient(to right,#e5e5e5,#6a7e85,#6a7e85,#2a3844) border-box
}
.unlock-card__img {
width:3rem;
height:3rem
}
.unlock-card__top {
grid-template-columns:3rem auto 1.5rem;
align-items:center
}
.unlock-card__top .last-child {
align-self:start
}
.review-card {
height:100%
}
.review-card__top {
display:grid;
justify-content:space-between;
align-content:center
}
.review-card__img {
width:6rem;
height:3rem
}
.review-card__star {
width:1rem;
height:1rem;
color:var(--color-primary-1)
}
.review-card__rate {
display:flex;
align-self:end
}
.review__block.carousel-scroll__list,
.review__block .carousel-scroll__list {
height:100%;
--carousel-item-width: 75vw
}
@media (min-width: 508px) {
.review__block.carousel-scroll__list,
.review__block .carousel-scroll__list {
--carousel-item-width: 65vw
}
}
@media (min-width: 754px) {
.review__block.carousel-scroll__list,
.review__block .carousel-scroll__list {
--carousel-item-width: 35vw
}
}
@media (min-width: 980px) {
.review__block.carousel-scroll__list,
.review__block .carousel-scroll__list {
grid-template-columns:repeat(2,1fr);
grid-auto-flow:dense
}
}
.review__block .carousel-scroll__item {
height:100%
}
.rate__block {
grid-template-columns:repeat(2,1fr)
}
@media (min-width: 754px) {
.rate__block {
grid-template-columns:repeat(4,1fr)
}
}
.rate-card {
padding:1rem;
display:grid;
grid-gap:1rem;
justify-content:center;
text-align:center
}
.rate-card__img {
width:6rem;
height:3rem
}
.rate-card__info {
display:grid;
grid-gap:.5rem
}
.lets-start__block {
justify-items:center
}
.vip .lets-start__block {
display:none
}
.vip-adv {
grid-row-gap:2rem
}
.vip-adv__page {
max-width:55rem;
margin:0 auto
}
.step-task {
text-align:center
}
.step-task__items {
display:grid;
gap:1rem;
text-align:start
}
@media (min-width: 754px) {
.step-task__items {
grid-template-columns:repeat(3,1fr);
text-align:center
}
}
.step-task__item {
display:grid;
grid-template-columns:-webkit-max-content auto;
grid-template-columns:max-content auto;
grid-gap:1rem
}
@media (min-width: 754px) {
.step-task__item {
grid-template-columns:1fr;
justify-items:center
}
}
.step-task__item-icon {
padding:.5rem;
border-radius:var(--border-radius-s);
background:var(--color-tertiary-4)
}
.step-task__item-icon img {
width:3rem;
height:3rem
}
@media (min-width: 754px) {
.step-task__item-icon {
padding:1rem
}
.step-task__item-icon img {
width:4rem;
height:4rem
}
}
.step-task__item-text {
display:flex;
flex-direction:column;
justify-content:space-around
}
.vip-page .live-chat-button {
margin:0 auto;
width:100%
}
@media (min-width: 754px) {
.vip-page .live-chat-button {
width:auto
}
}
.awards-page {
display:flex;
flex-direction:column;
align-items:center;
gap:1rem;
text-align:center
}
@media (min-width: 980px) {
.awards-page {
gap:1.5rem
}
}
.awards-page {
max-width:53rem
}
.awards-page__banner-image {
max-height:9rem;
height:100%;
width:100%
}
.awards-page img.awards-page__banner-image {
max-width:20rem
}
.awards-read-more {
text-align:left;
max-width:53rem
}
@media (min-width: 1200px) {
#rocketwisdom .static-page {
max-width:55rem
}
}
#sitemap .static-page {
justify-content:normal
}
.sitemap {
display:grid;
gap:2rem;
align-content:flex-start
}
.sitemap-block__title {
margin-bottom:1.5rem
}
.sitemap-list {
display:grid;
grid-template-columns:repeat(1,1fr);
grid-gap:1rem;
list-style:none;
margin:0;
padding:0
}
@media (min-width: 508px) {
.sitemap-list {
grid-template-columns:repeat(3,1fr)
}
}
a.fe-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
text-transform: capitalize;
}
.header__bottom-nav .header__bottom-nav-item {
color: var(--color-text-body);
text-decoration: none;
}
.header__bottom-nav .header__bottom-nav-item svg path {
fill: currentColor;
}
.sidebar__header-close {
cursor: pointer;
color: var(--color-text-alt);
}
[data-test="banner-description"] {
color: var(--color-text-alt);
}
.home-banner.carousel-scroll {
overflow: visible;
}
.home-banner .carousel-scroll__list {
display: flex;
width: -webkit-max-content;
width: max-content;
max-width: 100%;
margin: 0 auto;
overflow-x: auto;
-webkit-mask-image: linear-gradient(to right, transparent, black 3rem, black calc(100% - 3rem), transparent);
mask-image: linear-gradient(to right, transparent, black 3rem, black calc(100% - 3rem), transparent);
}
.home-banner .carousel-scroll__item {
flex: 0 0 var(--carousel-item-width);
}
.home-banner .carousel-scroll__navigation {
opacity: 1;
visibility: visible;
}
.home-banner.is-at-start .carousel-scroll__navigation-prev,
.home-banner.is-at-end .carousel-scroll__navigation-next {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.home-banner.is-at-start .carousel-scroll__list {
-webkit-mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent);
mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent);
}
.home-banner.is-at-end .carousel-scroll__list {
-webkit-mask-image: linear-gradient(to right, transparent, black 3rem);
mask-image: linear-gradient(to right, transparent, black 3rem);
}
.home-banner.is-at-start.is-at-end .carousel-scroll__list {
-webkit-mask-image: none;
mask-image: none;
}
.game-item__play-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity .25s ease;
z-index: 15;
}
.game-item__preview:hover .game-item__play-overlay {
opacity: 1;
}
/* Footer carousels — unscoped replacement for Vue data-v-* rules */
.producers-block__providers-list .carousel-scroll,
.footer-payments .carousel-scroll {
width: 100%;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
}
.producers-block__providers-list .carousel-scroll {
--carousel-item-width: 9rem;
--carousel-gap: 1rem;
}
.footer-payments .carousel-scroll {
--carousel-item-width: 7.5rem;
--carousel-gap: 1rem;
}
.producers-block__providers-list .carousel-scroll__list,
.footer-payments .carousel-scroll__list {
width: inherit;
display: grid;
grid-template-columns: repeat(auto-fill, var(--carousel-item-width));
grid-auto-flow: column;
grid-auto-columns: minmax(var(--carousel-item-width), 1fr);
overflow-x: scroll;
overflow-y: hidden;
scroll-snap-type: x mandatory;
box-sizing: border-box;
gap: var(--carousel-gap);
-ms-overflow-style: none;
scrollbar-width: none;
position: relative;
z-index: 1;
scroll-behavior: smooth;
}
.producers-block__providers-list .carousel-scroll__list::-webkit-scrollbar,
.footer-payments .carousel-scroll__list::-webkit-scrollbar {
display: none;
}
.producers-block__providers-list .carousel-scroll__item,
.footer-payments .carousel-scroll__item {
width: 100%;
height: max-content;
scroll-snap-align: start;
box-sizing: content-box;
padding-left: var(--carousel-gap);
}
.producers-block__providers-list .carousel-scroll__navigation,
.footer-payments .carousel-scroll__navigation {
display: flex;
align-items: center;
opacity: 0;
visibility: hidden;
}
.producers-block__providers-list .carousel-scroll__navigation-button,
.footer-payments .carousel-scroll__navigation-button {
margin: auto;
outline: none;
display: flex;
z-index: 999;
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.producers-block__providers-list .carousel-scroll__navigation-next,
.footer-payments .carousel-scroll__navigation-next {
right: 1rem;
}
.producers-block__providers-list .carousel-scroll__navigation-prev,
.footer-payments .carousel-scroll__navigation-prev {
left: 1rem;
}
.producers-block__providers-list .carousel-scroll__navigation--hidden,
.footer-payments .carousel-scroll__navigation--hidden {
opacity: 0;
visibility: hidden;
}
@media (min-width: 754px) {
.producers-block__providers-list .carousel-scroll:hover .carousel-scroll__navigation,
.footer-payments .carousel-scroll:hover .carousel-scroll__navigation {
opacity: 1;
visibility: visible;
}
}
/* game-hall markup-seo-page */
.game-hall .markup-seo-page {
max-width:55rem;
margin:0 auto 2rem;
display:grid;
gap:1rem;
overflow:hidden
}
.game-hall .markup-seo-page.full-width {
max-width:100%
}
.game-hall .markup-seo-page .table-scroll-wrapper {
width:100%;
overflow-x:auto
}
.game-hall .markup-seo-page table {
width:100%;
border-collapse:separate;
border-spacing:0
}
.game-hall .markup-seo-page table td {
border:1px solid var(--color-layer-alt-3);
padding:.5rem .75rem;
text-align:left;
font-size:.875rem
}
.game-hall .markup-seo-page table th:first-child {
border-radius:10px 0 0 0
}
.game-hall .markup-seo-page table th:last-child {
border-radius:0 10px 0 0
}
.game-hall .markup-seo-page table th {
background-color:#fee432;
color:#222;
border:1px solid var(--color-layer-alt-3);
padding:.5rem .75rem;
text-align:left;
font-size:.8rem;
font-weight:700
}
.game-hall .markup-seo-page ol {
list-style-type:decimal
}
.game-hall .markup-seo-page h2,
.game-hall .markup-seo-page h3,
.game-hall .markup-seo-page p {
margin:0
}
.game-hall .markup-seo-page img {
max-width:100%;
height:auto;
border-radius:var(--border-radius-s)
}
.game-hall .markup-seo-page .fe-button {
color:var(--color-button-text-primary);
text-decoration:none
}
@media (min-width: 754px) {
.game-hall .markup-seo-page {
gap:1.5rem
}
}
@media (max-width: 754px) {
.game-hall .markup-seo-page table td {
font-size:.75rem;
line-height:140%;
font-weight:700;
border-width:1px;
padding:.25rem
}
}
/* game-hall__content */
.game-hall__content {
color:var(--color-text-body)
}
@media (min-width: 1300px) {
.game-hall__content {
margin:2rem 0
}
}
.game-hall__content a {
cursor:pointer;
color:var(--color-primary-1)
}
.game-hall__content a.active {
color:var(--color-primary-1)
}
@media (min-width: 1200px) {
.game-hall__content a:hover {
color:var(--color-primary-1)
}
}
.game-hall__content p {
margin-bottom:1rem
}
.game-hall__content h1 {
color:var(--color-text-alt);
text-align:center;
margin:1.5rem
}
.game-hall__content h2,
.game-hall__content h3 {
color:var(--color-text-alt);
margin-bottom:1rem
}
/* promo-slider */
.promo-slider__banner-slide {
background: linear-gradient(to right, rgb(70, 10, 190), rgb(128, 64, 255));
}
.promo-slider__banner-slide .banner-slide__img,
.promo-slider__banner-slide .banner-slide__img img {
width: 100%;
height: auto;
display: block;
}
#promo-slider .carousel-scroll__navigation {
opacity: 1;
visibility: visible;
}
#promo-slider.is-at-start .carousel-scroll__navigation-prev,
#promo-slider.is-at-end .carousel-scroll__navigation-next {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
#promo-slider .carousel-scroll__item {
height: unset;
}
#promo-slider .promo-slider__banner-slide {
height: 100%;
}
#promo-slider .carousel-scroll__list {
--carousel-item-width: 100%;
}
@media (min-width: 768px) {
#promo-slider .carousel-scroll__navigation {
display: none;
}
#promo-slider .carousel-scroll__list {
grid-template-columns: 1fr 1fr;
gap: 1rem;
overflow: visible;
scroll-snap-type: none;
}
}