.accordion-header{
cursor: pointer;
}
.accordion-content{
display: none;
}
.faqItem.active{
    background-color: var(--bg_secondary__200);
}
.faqItem.active .faqItem__line{
background-color: #78819d;
opacity: 0.8;
}
.faqItem .accordion-header{
font-size: 18px
}
.faqContent > div{
padding-top: 12px;
}
.homeinfo {
border-radius:var(--b-radius); margin-top: 20px;color: var(--color_main__100);
background: var(--bg_primary__100);     padding: 15px;
}
.homeinfo h1{
margin: 0 auto 10px;
}
.homeinfo .app_footer__bottom-desc {
margin-bottom: 5px;
}
.js-select {
font-family: var(--font-family);
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
height: 48px;
border-radius: 5px;
border: 1px solid transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: 600;
color: #b6b0d7;
line-height: 48px;
padding: 0 1.2rem;
font-size: var(--fz-default);
background: #b6b0d7 url(/img/svg/arrow_prev.svg) calc(100% - 13px) center no-repeat;
background-size: 16px;
}
.dark .js-select {
background: #1f2a3d url(/img/svg/arrow_prev.svg) calc(100% - 13px) center no-repeat;
background-size: 16px;
color: #78819d;
}
.spinner {
animation: rotate 2s linear infinite;
z-index: 2
}
.spinner .bg {
fill: transparent
}
.spinner .path {
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite
}
@keyframes rotate {
to {
transform: rotate(360deg)
}
}
/* Стили для кнопки */
#modal-dep1 .btn-gerland {
position: relative;
overflow: hidden;
}
/* Скрываем текст кнопки при загрузке */
#modal-dep1 .btn-gerland.loading .btn-text {
visibility: hidden;
}
/* Стили для анимации загрузки */
#modal-dep1 .btn-loader {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
border: 3px solid #fff;
border-radius: 50%;
border-top-color: transparent;
animation: spin 1s linear infinite;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, .1);
}
/* Анимация вращения */
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
/* Показываем анимацию загрузки при добавлении класса loading */
#modal-dep1 .btn-gerland.loading .btn-loader {
display: block;
}
.v-btn {
border: none;
padding: 0;
outline: none;
border-radius: var(--b-radius);
background: transparent;
font-family: inherit;
font-size: inherit;
font-weight: 600;
line-height: 16px;
color: inherit;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
transition: .3s;
cursor: pointer;
position: relative;
z-index: 1;
overflow: hidden
}
.v-btn .ondesk {
display: block
}
.v-btn .onmob {
display: none
}
@media screen and (max-width: 767px) {
.v-btn .ondesk {
display: none
}
.v-btn .onmob {
display: block
}
}
.v-btn .btn-loader {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .4);
z-index: 1;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.v-btn .btn-loader svg {
height: 60%;
width: auto
}
.v-btn .btn-overlay {
transition: .2s;
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
border-radius: inherit
}
.v-btn.disabled {
pointer-events: none
}
.v-btn:disabled {
cursor: not-allowed
}
.v-btn-white {
background: #ffffff;
color: #b4aed4
}
.v-btn-dark {
background: #e8e5ff;
color: var(--color_secondary__100)
}
@media not all and (pointer: coarse) {
.v-btn-dark:hover {
color: var(--color_primary__100)
}
}
.v-btn-yellow {
background: var(--Linear, linear-gradient(90deg, #FFC658 -18.18%, #F4A100 49.18%, #FFC658 120%));
color: #0c111d
}
.v-btn-yellow:hover {
filter: brightness(1.1)
}
.v-btn-secondary {
background: var(--bg_secondary__100);
color: var(--color_secondary__100)
}
@media not all and (pointer: coarse) {
.v-btn-secondary:hover {
filter: brightness(.98) !important
}
}
.v-btn-primary-200 {
background: var(--bg_primary__200);
color: var(--color_primary__100)
}
.v-btn-primary-300 {
color: var(--color_main__200);
background-color: var(--bg_main__100)
}
:is(.dark .v-btn-primary-300) {
background-color: var(--bg_primary__200)
}
.v-btn-primary-100 {
background: var(--bg_primary__100);
color: var(--color_main__100)
}
.v-btn-primary-100.active {
background: var(--bg_light__100)
}
@media not all and (pointer: coarse) {
.v-btn-primary-100:hover {
background: var(--bg_light__100)
}
}
.v-btn-black {
background: var(--bg_secondary__300);
color: var(--color_secondary__100)
}
@media not all and (pointer: coarse) {
.v-btn-black:hover {
filter: brightness(.98) !important
}
}
.v-btn-light-gradient {
background: var(--bg_light__100);
color: var(--color_secondary__100)
}
.v-btn-light-gradient .btn-overlay {
background: linear-gradient(90deg, #7449e6 .06%, #69a4ff 98.49%)
}
@media not all and (pointer: coarse) {
.v-btn-light-gradient:hover {
color: #fff
}
.v-btn-light-gradient:hover .btn-overlay {
opacity: 1
}
}
.v-btn-light-gradient.active {
color: #fff
}
.v-btn-light-gradient.active .btn-overlay {
opacity: 1
}
.v-btn-primary {
background: linear-gradient(90deg, #7449e6 .06%, #69a4ff 98.49%);
color: #fff;
padding: 12px
}
@media not all and (pointer: coarse) {
.v-btn-primary:hover {
filter: brightness(1.1)
}
}
.v-btn-vk {
background: #246bfd;
color: #fff
}
.v-btn-tg {
background: #0e9ceb;
color: #fff
}
.v-btn-orange {
background: linear-gradient(90deg, #f4a202 0%, #fac257 100%);
color: #2c3034;
font-weight: 700;
padding: 12px
}
.v-btn-orange .btn-overlay {
background: rgba(255, 255, 255, .15)
}
@media not all and (pointer: coarse) {
.v-btn-orange:hover .btn-overlay {
opacity: 1
}
}
.v-btn-transparent {
background: transparent;
color: var(--color_secondary__100);
font-weight: 600;
padding: 0 12px
}
@media not all and (pointer: coarse) {
.v-btn-transparent:hover {
background: var(--bg_secondary__100)
}
}
.v-btn-light-outline {
background: transparent;
color: var(--color_secondary__100);
border: 2px solid var(--bg_secondary__100)
}
.v-btn-light-outline.active {
background: var(--bg_secondary__100)
}
@media not all and (pointer: coarse) {
.v-btn-light-outline:hover {
background: var(--bg_secondary__100)
}
}
.v-btn-light {
background: var(--bg_secondary__200);
color: var(--color_secondary__100);
font-weight: 600;
padding: 0 12px
}
@media not all and (pointer: coarse) {
.v-btn-light:hover {
background: var(--bg_light_hover__100)
}
}
.v-btn-light.active {
background: var(--bg_light_hover__100);
color: var(--color_primary__100)
}
.v-btn-light-hover {
background: var(--bg_light_hover__100);
color: var(--color_secondary__100)
}
@media not all and (pointer: coarse) {
.v-btn-light-hover:hover {
color: var(--color_primary__100)
}
}
.v-btn-light-secondary {
background-color: var(--bg_secondary__100);
color: var(--color_secondary__100)
}
:is(.dark .v-btn-light-secondary) {
background-color: var(--bg_primary__100)
}
.v-btn-light-secondary.active {
background-color: var(--bg_light__100);
color: var(--color_primary__100);
opacity: 1
}
@media not all and (pointer: coarse) {
.v-btn-light-secondary:hover {
background-color: var(--bg_light__100);
color: var(--color_primary__100);
opacity: 1
}
}
.v-btn-main {
background: var(--bg_main__100);
color: var(--color_primary__100)
}
:is(.dark .v-btn-main) {
color: var(--color_main__100)
}
.v-btn-main {
font-weight: 600;
padding: 0 12px
}
@media not all and (pointer: coarse) {
.v-btn-main:hover {
background: var(--bg_light_hover__100)
}
}
.v-btn-main.active {
background: var(--bg_light_hover__100);
color: var(--color_main__100)
}
.v-btn-main2 {
color: var(--color_secondary__100);
font-weight: 600;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
:is(.dark .v-btn-main2) {
background-color: var(--bg_main__100)
}
.v-btn-nav {
padding: 1.2rem 1.6rem;
border-radius: var(--b-radius);
font-weight: var(--fw-bold);
letter-spacing: .02em;
color: var(--color-nav);
display: flex;
align-items: center;
background: transparent
}
@media not all and (pointer: coarse) {
.v-btn-nav:hover {
color: var(--primary-800)
}
}
.v-btn-nav--active {
background: var(--color_secondary__100);
color: var(--primary-800)
}
.v-btn-green {
background: linear-gradient(90deg, #76ac41 3.33%, #97d25b);
color: #fff;
font-weight: var(--fw-semibold);
padding: .8rem 1.2rem
}
.v-btn-red {
background: #ff3030;
color: #fff
}
.v-btn-red-light {
background: rgba(255, 119, 115, .15);
color: #fe605c
}
.v-btn-variant--outline {
background: transparent;
border-style: solid;
border-width: 1px
}
.v-btn-size--lg {
padding: 1.8rem 1.5rem;
font-size: 1.8rem;
height: 52px
}
.v-btn-size--base {
padding: 1rem 1.5rem;
height: 48px
}
.v-btn-size--42 {
padding: 1.2rem;
height: 42px
}
.v-btn-size--40 {
padding: 0 1.2rem;
font-size: 1.4rem;
height: 40px;
gap: 8px
}
.v-btn-size--sm {
padding: 1.1rem 1.4rem;
font-size: 1.4rem;
height: 38px;
gap: 8px
}
.v-btn-size--xs {
padding: .6rem 1rem;
font-size: 1.2rem;
height: 32px;
border-radius: var(--b-radius-sm)
}
.v-btn-size--30 {
padding: 0rem 1.2rem;
font-size: 1.2rem;
height: 30px;
border-radius: 4px
}
.v-btn-size--xxs {
padding: .4rem;
font-size: 1.2rem;
height: 24px;
border-radius: var(--b-radius-sm)
}
html.dark .v-btn-dark, html[data-theme=dark] .v-btn-dark {
background: var(--bg_main__200)
}
@media not all and (pointer: coarse) {
html.dark .v-btn-dark:hover, html[data-theme=dark] .v-btn-dark:hover {
background: var(--bg_main__300)
}
}
html.dark .v-btn-white, html[data-theme=dark] .v-btn-white {
background: var(--bg_main__200);
color: var(--color_secondary__100)
}
@media not all and (pointer: coarse) {
html.dark .v-btn-white:hover, html[data-theme=dark] .v-btn-white:hover {
background: var(--bg_main__100)
}
}
.header-logo {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer
}
.header-logo.blur {
filter: blur(3px)
}
.header-logo_circle {
    display: none;
/* display: flex; */
align-items: center;
justify-content: center;
background: var(--gradient-primary);
width: 4.2rem;
min-width: 4.2rem;
height: 4.2rem;
border-radius: var(--b-radius);
color: #fff;
font-size: 2.5rem;
font-weight: 600;
line-height: 1;
position: relative;
box-shadow: 0 8px 22px #7653ff4d
}
.header-logo_host {
font-style: normal;
letter-spacing: -.01em;
font-weight: var(--fw-bold);
font-size: 2.4rem;
color: var(--primary-800);
margin: 0 .6rem 0 .8rem
}
.header-logo_domain {
background: var(--gradient-yellow);
font-weight: var(--fw-bold);
color: #000;
border-radius: 100px;
font-size: 1.5rem;
padding: .8rem 1.4rem;
box-shadow: 0 8px 22px #dc960e4d
}
/* .header-logo_crown {
display: none;
position: absolute;
z-index: 1;
width: 2.7rem;
height: 2.7rem;
right: -7px;
top: -10px
} */
@media (max-width: 768px) {
.header-logo_circle {
    display: flex;
/* width: 7.4rem; */
width: 13rem;
min-width: 7.4rem;
height: 5.4rem;
border-radius: 4px;
font-size: 2rem;
box-shadow: none
}
.loggedin .header-logo_circle{
     
   width: 7.4rem;
} 
.loggedin .app_footer__bottom-row .header-logo_circle {
   
    width: 13rem;
}
.header-logo_host, .header-logo_domain {
display: none
}
.header-logo_crown {
    display: flex;
/* width: 100px; */
width: 160px;
height: auto;
}
.app_footer__bottom-row .header-logo_crown {

width: 80px;

}
.loggedin .header-logo_crown{
     
    width: 55px;
} 

.loggedin .app_footer__bottom-row .header-logo_crown {
    width: 80px;
}
.header-logo_circle {
    background: transparent;
}
}
@media (max-width: 1024px) {
.header-logo_host, .header-logo_domain {
display: none
}
}
@media screen and (max-width: 660px) {
.header-logo {
/* width: 75px; */
width: 125px;
}
.loggedin .header-logo {
    /* width: 75px; */
    width: 75px;
}
}
.app_footer__mobile {
display: flex;
justify-content: space-evenly;
position: fixed;
bottom: 0;
width: 100vw;
z-index: 40;
background: var(--primary-bg);
color: var(--primary-300)
}
@media screen and (min-width: 980px) {
.app_footer__mobile {
display: none
}
}
.app_footer__mobile:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
background: var(--primary-200)
}
.app_footer__mobile-link {
position: relative;
min-width: 15%;
height: 64px;
font-weight: 600;
font-size: 12px;
line-height: 14px;
color: inherit;
text-align: center;
letter-spacing: .01em;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: transparent;
gap: 0;
}
.app_footer__mobile-link img{
opacity: 0.4;
transition: 0.3s;
}
.app_footer__mobile-link.active img{
opacity: 1;
}
.app_footer__mobile-link span {
padding-top: 4px
}
.app_footer__mobile-link.router-link-active, .app_footer__mobile-link--active, .app_footer__mobile-link.active {
color: var(--primary-600)
}
.app_footer__mobile-link_main {
width: 56px;
height: 56px;
border-radius: 10px;
position: relative;
min-width: 0;
top: -5px;
box-shadow: 0 1px 8px #a598ff99 inset, 0 0 6px #6452c366;
color: #fff !important;
background: radial-gradient(73.33% 73.33% at 50% 50%, #9DB1FF 0%, #6D3EFF 100%);
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.app_footer__mobile-link_main img{
opacity: 1;
}
.app_footer__mobile-link_main:hover, .app_footer__mobile-link_main:active {
box-shadow: 0 0 4px #3f377366 inset, 0 0 6px #6452c300
}
.app_footer__methods {
background: #f4f2ff;
padding: 2rem 0 !important;
z-index: 1;
position: relative
}
.app_footer__methods:after {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
z-index: -1;
background: inherit
}
.app_footer__methods-item {
max-width: 8rem;
height: 3.2rem
}
.app_footer__methods-item.squared {
width: 3.2rem
}
.app_footer__methods-item.w48 {
width: 45px
}
.app_footer__methods-item.w79 {
width: 79px
}
.app_footer__methods-grid {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
gap: 0;
flex-wrap: wrap;
row-gap: 2.4rem
}
@media screen and (min-width: 360px) {
.app_footer__methods-grid {
gap: .6rem
}
}
@media screen and (min-width: 768px) {
.app_footer__methods-grid {
gap: 3.2rem;
row-gap: 1.6rem
}
}
@media screen and (min-width: 102.4rem) {
.app_footer__methods-grid {
gap: 2rem
}
}
@media screen and (min-width: 1440px) {
.app_footer__methods-grid {
gap: 3.2rem
}
}
.validation {
width: 100%
}
.validation-error .border {
border-color: #ff4949b3
}
.v-input {
width: 100%;
transition: color .2s ease-in-out;
position: relative;
text-overflow: ellipsis;
display: flex;
flex-direction: column
}
.v-input__blur {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-bg-opacity: .2
}
:is(.dark .v-input__blur) {
background-color: rgb(40 45 56 / var(--tw-bg-opacity));
--tw-bg-opacity: .2
}
.v-input__blur {
border-radius: var(--b-radius);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
z-index: 1
}
.v-input__wrapper {
display: flex;
position: relative;
align-items: center;
background: var(--bg_secondary__100);
border-radius: var(--b-radius);
overflow: hidden
}
.v-input__wrapper.visible {
overflow: visible
}
.v-input__gradient {
position: absolute;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
border-radius: 4px;
background: linear-gradient(90deg, #7449e6 .06%, #69a4ff 98.49%);
opacity: 0;
transition: .3s
}
.v-input.outline {
outline: none
}
.v-input.outline .v-input__prefix-btn, .v-input.outline .v-input__wrapper {
background: transparent
}
.v-input.outline .v-input__border {
opacity: 1;
border-color: var(--bg_light__100)
}
.v-input.black .v-input__wrapper {
background: var(--bg_primary__200)
}
.v-input.black .v-input__suffix-btn {
color: var(--color_secondary__100)
}
.v-input.transparent .v-input__wrapper {
background: transparent
}
.v-input.transparent .v-input__border {
border-color: transparent !important
}
.v-input__border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--b-radius);
border: 2px solid transparent;
transition: .2s
}
.modal-deposit .amount .v-input__border.error {
border-color:#cf3e3e;
}
.v-input__element {
width: 100%;
color: var(--color_primary__100);
padding: 14.5px 12px;
font-weight: 600;
position: relative;
background: transparent;
text-overflow: ellipsis;
z-index: 1;
transition: .2s;
height: 48px
}
.v-input__element:hover + .v-input__border, .v-input__element:focus + .v-input__border {
border-color: var(--bg_light__100)
}
.v-input__element::-moz-placeholder {
color: var(--color_secondary__100);
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.v-input__element::placeholder {
color: var(--color_secondary__100);
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.v-input__element--sm {
border-radius: 4px;
font-size: 16px;
padding: 10.5px 12px;
font-weight: 600
}
.v-input__element--xl {
border-radius: 6px;
padding: 25px 30px;
font-weight: 600
}
.v-input__element--36 {
height: 36px;
padding: 0
}
.v-input__element--44 {
height: 44px;
padding: 0
}
.v-input__element.plain {
height: auto;
min-height: 48px
}
.v-input__prefix {
position: absolute;
left: 0;
top: 0;
height: 100%;
z-index: 2
}
.v-input__prefix.prefix {
position: relative;
display: contents
}
.v-input__prefix.prefix + .v-input__element {
padding-left: 0
}
.v-input__prefix-btn {
flex-shrink: 0
}
.v-input__suffix {
position: absolute;
right: 0;
top: 0;
z-index: 2;
display: flex;
align-items: center;
gap: 8px;
height: 100%
}
.v-input__suffix.static {
padding: 0 8px
}
.v-input__prefix.static, .v-input__suffix.static {
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.v-input__prefix-btn, .v-input__suffix-btn {
padding: 0;
width: 32px;
height: 32px;
border-radius: var(--b-radius-sm);
background: transparent;
color: var(--color_secondary__100);
display: flex;
align-items: center;
justify-content: center;
transition: .2s
}
.v-input__prefix-btn:hover, .v-input__suffix-btn:hover {
background: var(--bg_light__100)
}
.v-input__prefix-btn {
width: 40px;
height: 48px
}
.v-input__prefix-btn:hover {
background: transparent
}
.v-input__label {
font-weight: 600;
font-size: 14px;
line-height: 17px;
margin-bottom: 8px;
color: var(--color_secondary__100);
display: flex;
align-items: center;
flex-wrap: wrap
}
html.dark .v-input__wrapper, html[data-theme=dark] .v-input__wrapper {
background: var(--bg_secondary__200)
}
.v-select {
width: 100%
}
.v-select__wrapper {
position: relative
}
.v-select .validation {
height: 100%
}
.v-select__label {
color: var(--color_secondary__100);
font-weight: 600;
font-size: 1.4rem;
line-height: 17px;
margin-bottom: .8rem;
z-index: -1
}
.v-select__button {
width: 100%;
text-align: left;
justify-content: space-between;
align-items: center;
display: flex;
background: var(--bg_secondary__100);
border: 1px solid transparent;
border-radius: var(--b-radius);
padding: 1rem 1.2rem;
height: 48px;
color: var(--color_secondary__100);
font-weight: 600
}
.v-select__button .chevron {
margin-left: 8px
}
.v-select__button.light {
background: var(--bg_light__100)
}
.v-select__button:hover, .v-select__button:active, .v-select__button:focus {
border-color: var(--bg_light__100)
}
.v-select__button input {
color: var(--color_primary__100)
}
.v-select__button input::-moz-placeholder {
color: var(--color_secondary__100)
}
.v-select__button input::placeholder {
color: var(--color_secondary__100)
}
.v-select__button.selected span {
color: var(--color_primary__100)
}
.v-select.color-main .v-select__button {
background: var(--bg_primary__200);
color: var(--color_secondary__100)
}
.v-select.color-light .v-select__button {
background: var(--bg_light__100);
color: var(--color_secondary__100)
}
.v-select.color-light-n-dark .v-select__button.selected {
color: var(--color_main__100)
}
.v-select.color-light-n-dark .v-select__dropdown {
background: var(--bg_primary__200);
color: var(--color_main__100);
padding: 12px;
gap: 2px
}
.v-select.color-light-n-dark .v-select__dropdown-item {
color: var(--color_primary__100)
}
.v-select.color-light-n-dark .v-select__dropdown-item.active, .v-select.color-light-n-dark .v-select__dropdown-item:hover {
background: var(--bg_secondary__200);
color: var(--color_primary__100)
}
.v-select__dropdown {
border-radius: var(--b-radius);
padding: 4px;
background: var(--bg_secondary__200);
color: var(--color_secondary__100);
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
z-index: 21;
max-height: 250px;
overflow: auto;
gap: 4px;
display: flex;
flex-direction: column
}
.v-select__dropdown.bottom {
transform: translateY(100%);
box-shadow: 0 4px 8px #00000026
}
.v-select__dropdown.top {
box-shadow: 0 -4px 8px #00000026;
bottom: calc(100% + 10px)
}
.v-select__dropdown-empty {
height: 50px;
transition: .2s;
padding: 0 1.2rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 14px;
font-weight: 600;
color: var(--color_secondary__100);
text-align: center
}
.v-select__dropdown-item {
min-height: 48px;
transition: .2s;
padding: 0 1.2rem;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
font-size: 14px;
font-weight: 600;
color: var(--color_secondary__100);
text-align: left
}
.v-select__dropdown-item.active, .v-select__dropdown-item:hover {
background: var(--bg_primary__100);
color: var(--color_main__100)
}
.v-select.sizex-sm .v-select__button {
padding: 0 1.2rem;
height: 4rem
}
.v-select.sizex-sm .v-select__dropdown-item {
height: 40px
}
.v-select.sizex-42 .v-select__button {
padding: 0 1.2rem;
height: 42px
}
.v-select.sizex-42 .v-select__dropdown-item {
height: 42px
}
.v-select.sizex-44 .v-select__button {
padding: 0 1.2rem;
height: 44px
}
.v-select.sizex-44 .v-select__dropdown-item {
height: 44px
}
.v-select.sizex-48 .v-select__button {
padding: 0 1.2rem;
height: 48px
}
.v-select.sizex-48 .v-select__dropdown-item {
height: 48px
}
html.dark .v-select__button, html[data-theme=dark] .v-select__button {
background: var(--bg_secondary__200)
}
.transform-btn {
transform: translate(100%);
box-shadow: 6px 0 20px #0000001f
}
.app_footer__nav {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
-moz-column-gap: 2.2rem;
column-gap: 2.2rem;
flex-wrap: wrap;
row-gap: 3.2rem;
margin-bottom: 3.2rem !important
}
.app_footer__nav-socials {
display: flex;
gap: 1.2rem
}
.app_footer__nav-social {
display: flex;
align-items: center;
justify-content: center;
background: var(--gradient-primary);
width: 4rem;
min-width: 4rem;
height: 4rem;
border-radius: .6rem;
color: #fff
}
.app_footer__nav-social img{
max-width: 24px;
}
@media screen and (min-width: 360px) {
.app_footer__nav {
-moz-column-gap: .6rem;
column-gap: .6rem
}
}
@media screen and (min-width: 768px) {
.app_footer__nav {
-moz-column-gap: 3.2rem;
column-gap: 3.2rem
}
}
@media screen and (min-width: 102.4rem) {
.app_footer__nav {
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 1.6rem
}
}
@media screen and (min-width: 1440px) {
.app_footer__nav {
-moz-column-gap: 3.2rem;
column-gap: 3.2rem
}
}
.app_footer__nav-lang {
flex: 1;
min-width: 14rem;
max-width: 14rem
}
.app_footer__nav-item {
display: flex;
flex-direction: column;
width: 46%
}
@media screen and (min-width: 768px) {
.app_footer__nav-item {
width: 30%
}
}
@media screen and (min-width: 1024px) {
.app_footer__nav-item {
width: auto
}
}
.app_footer__nav-item:nth-child(1) {
order: 1
}
@media screen and (min-width: 1280px) {
.app_footer__nav-item:nth-child(1) {
order: 1
}
}
.app_footer__nav-item:nth-child(2) {
order: 2
}
@media screen and (min-width: 1280px) {
.app_footer__nav-item:nth-child(2) {
order: 2
}
}
.app_footer__nav-item:nth-child(3) {
order: 3
}
@media screen and (min-width: 768px) {
.app_footer__nav-item:nth-child(3) {
order: 5
}
}
@media screen and (min-width: 1024px) {
.app_footer__nav-item:nth-child(3) {
order: 3
}
}
.app_footer__nav-item:nth-child(4) {
order: 4
}
@media screen and (min-width: 1280px) {
.app_footer__nav-item:nth-child(4) {
order: 4
}
}
.app_footer__nav-item:nth-child(5) {
order: 5
}
@media screen and (min-width: 768px) {
.app_footer__nav-item:nth-child(5) {
order: 3
}
}
@media screen and (min-width: 1024px) {
.app_footer__nav-item:nth-child(5) {
order: 5
}
}
.app_footer__nav-item:nth-child(6) {
order: 6
}
@media screen and (min-width: 1280px) {
.app_footer__nav-item:nth-child(6) {
order: 6
}
}
.app_footer__nav-item-title {
font-weight: var(--fw-bold);
text-transform: uppercase;
color: var(--primary-800);
margin-bottom: 1.6rem
}
.app_footer__nav-item-link {
font-size: 1.4rem;
font-weight: var(--fw-semibold);
color: var(--primary-800);
transition: color .2s
}
.app_footer__nav-item-link + .app_footer__nav-item-link {
margin-top: 1.2rem
}
@media screen and (min-width: 767px) {
.app_footer__nav-item-link:hover {
color: var(--primary-600)
}
}
.app_footer {
background: #e8e5f8;
transition: padding .2s;
padding: 0;
width: 100%;
z-index: 1;
margin-top: auto;
overflow: hidden
}
.app_footer__curacao {
height: 42px;
width: auto;
aspect-ratio: 150/50
}
@media (max-width: 768px) {
.app_footer__curacao {
height: 32px
}
}
.app_footer__curacao.link, .app_footer__curacao.iframe {
width: 50px;
display: flex;
align-items: center;
justify-content: center
}
.app_footer__curacao.link img, .app_footer__curacao.iframe img {
width: 100%;
height: auto;
max-width: -moz-fit-content;
max-width: fit-content
}
@media screen and (max-width: 768px) {
.app_footer__curacao.link, .app_footer__curacao.iframe {
width: 32px
}
}
.app_footer__18plus {
height: 42px;
width: 42px
}
@media (max-width: 768px) {
.app_footer__18plus {
height: 32px;
width: 32px
}
}
@media screen and (min-width: 1350px) and (max-width: 1900px) {
.app_footer {
padding-left: 64px
}
}
@media screen and (min-width: 1350px) and (max-width: 1920px) {
.app_footer.withAside {
padding-left: 29rem
}
}
@media screen and (max-width: 1349px) {
.app_footer {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media (max-width: 768px) {
.app_footer {
padding-bottom: 6rem
}
}
.app_footer_wrap {
padding: 3rem 0
}
.app_footer__bottom {
display: flex;
flex-direction: column;
padding-top: 3.2rem !important
}
.app_footer__bottom-row {
display: flex;
margin: 0 auto;
margin-bottom: 1.6rem;
flex-direction: row;
align-items: center;
padding: 0;
gap: 3.2rem
}
.app_footer__bottom-row-logo {
margin-top: 0
}
.app_footer__bottom-row-logo .v-logo__circle {
box-shadow: 0 .5rem 1.4rem #7653ff4d
}
.app_footer__bottom-row-logo .v-logo__domain {
box-shadow: 0 .5rem 1.4rem #dc960e4d
}
@media screen and (max-width: 1280px) {
.app_footer__bottom-row-logo .v-logo__circle {
height: 3.2rem;
width: 3.2rem;
border-radius: .4rem;
font-size: 1.6rem;
line-height: 1
}
.app_footer__bottom-row-logo .v-logo__host {
font-weight: var(--fw-bold);
font-size: 1.6rem;
line-height: 1.9rem;
letter-spacing: -.01em
}
.app_footer__bottom-row-logo .v-logo__domain {
font-weight: var(--fw-bold);
font-size: 1rem;
line-height: 1.2rem
}
}
.app_footer__bottom-row-curacao {
height: 3.9rem;
width: auto
}
@media screen and (max-width: 1280px) {
.app_footer__bottom-row-curacao {
height: 3.2rem
}
}
.app_footer__bottom-desc {
font-weight: var(--fw-semibold);
font-size: 1.2rem;
line-height: 150%;
text-align: center;
color: var(--primary-800);
margin: 0 auto;
margin-bottom: 1.6rem;
width: 102.4rem;
max-width: 100%
}
.app_footer__bottom-trix {
font-weight: var(--fw-semibold);
text-align: center;
color: var(--primary-800)
}
html.dark .app_footer, html[data-theme=dark] .app_footer {
background: #171f2e
}
html.dark .app_footer__methods, html[data-theme=dark] .app_footer__methods {
background: #1f2a3d
}
@media (max-width: 1899px) {
.header-nav {
margin-left: 30px
}
}
.nav-link {
position: relative
}
.nav-link:after {
content: "";
width: 100%;
height: 3px;
border-radius: 2px 2px 0 0;
background: var(--Linear, linear-gradient(90deg, #FFC658 -18.18%, #F4A100 49.18%, #FFC658 120%));
position: absolute;
bottom: 0;
opacity: 0;
left: 0;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.nav-link:hover:after, .nav-link.active:after {
opacity: 1
}
.nav-link.active {
color: var(--color_main__100)
}
.nav-link img{
filter: hue-rotate(201deg) brightness(0.7);
opacity: 0.7;
transition: 0.1s;
}
.nav-link:hover img, .nav-link.active img{
filter: hue-rotate(0deg);
opacity: 1;
}
.auth-logged {
display: none
}
.auth-unlogged, html.loggedin .auth-logged {
display: flex
}
html.loggedin .auth-unlogged {
display: none
}
.app_header {
height: 6.8rem;
background: var(--bg_primary__100);
border-bottom: 1px solid var(--bg_secondary__100);
display: flex;
align-items: center;
width: 100vw;
position: fixed;
top: 0;
z-index: 22;
padding-right: 2rem
}
@media (min-width: 1900px) {
.app_header {
padding-right: 0
}
}
.app_header__aside {
display: flex;
align-items: center;
min-width: 20rem
}
.app_header__container {
flex-grow: 1
}
.app_header-burger {
margin: 0 1.2rem;
width: 4rem;
min-width: 4rem;
height: 4rem;
display: flex
}
.app_header-burger .app_header-burger__ico{
width: 22px;
height: 22px;
display: block;
flex-shrink: 0;
background: url("/img/svg/burger-black.svg") center no-repeat;
opacity: 0.6;
transition: 0.2s;
}
.app_header-burger.active .app_header-burger__ico{
background: url("/img/svg/burger-black-active.svg") center no-repeat;
}
.dark .app_header-burger .app_header-burger__ico{
background: url("/img/svg/burger.svg") center no-repeat;
opacity: 0.7;
transition: 0.2s;
}
.dark .app_header-burger.active .app_header-burger__ico{
background: url("/img/svg/burger-active.svg") center no-repeat;
}
.app_header-burger:hover .app_header-burger__ico{
opacity: 1;
}
@media (max-width: 768px) {
.app_header-burger {
display: none !important
}
}
button.app_header-sign {
height: 4.2rem;
padding: 1.2rem 3.4rem;
margin-left: auto;
width: auto
}
@media (max-width: 768px) {
button.app_header-sign {
width: 100px;
height: 3.4rem;
padding: .3rem 1.2rem;
min-height: 34px
}
}
@media (min-width: 1900px) {
.app_header__aside {
position: absolute;
left: 0;
top: 0;
bottom: 0
}
.app_header__container {
max-width: var(--container);
padding: 0rem 1.6rem;
margin: auto
}
}
@media (max-width: 768px) {
.app_header {
height: 5.5rem;
padding: 0 1.2rem
}
.app_header__aside {
min-width: initial
}
}
html.dark .app_header, html[data-theme=dark] .app_header {
background: var(--bg_primary__100);
border-color: var(--bg_secondary__400)
}
html.activeModals {
overflow: hidden !important
}
.app {
min-height: 100vh;
display: flex;
flex-wrap: wrap
}
.app_main {
width: 100%;
transition: padding .3s;
margin-top: 6.8rem;
padding-bottom: 3.2rem;
padding-top: var(--padding)
}
@media screen and (min-width: 1299px) {
/*.app_main {
padding-top: 12px;
}*/
}
@media screen and (min-width: 1350px) and (max-width: 1900px) {
.app_main {
padding-left: 6.4rem
}
.app_main.withAside {
padding-left: 29rem
}
}
@media screen and (max-width: 1349px) {
.app_main {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media screen and (max-width: 980px) {
.app_main {
margin-top: 68px
}
}
@media screen and (max-width: 768px) {
.app_main {
margin-top: 55px
}
}
.home-search {
display: block;
padding: 12px 0
}
.home-search .input .v-input__wrapper {
background-color: var(--bg_primary__200)
}
:is(.dark .home-search .input .v-input__wrapper) {
background-color: var(--bg_primary__100)
}
.home-search .input .v-input__border {
border-color: var(--bg_secondary__100)
}
:is(.dark .home-search .input .v-input__border) {
opacity: 0
}
.home-search .input:hover .v-input__border {
border-color: var(--bg_light_hover__100)
}
:is(.dark .home-search .input:hover .v-input__border) {
opacity: 1
}
.home-search .input input:focus + .v-input__border {
border-color: var(--bg_light_hover__100)
}
:is(.dark .home-search .input input:focus+.v-input__border) {
opacity: 1
}
.home-search.sticked {
padding: 20px 0 6px;
}
@media screen and (min-width: 980px) {
.home-search.sticked {
position: sticky;
z-index: 10;
top: 67px;
background: var(--bg_main__300)
}
}
.home-search_btn {
width: 100%;
border-radius: 6px;
background: transparent
}
.home-search_clear {
background: none;
position: absolute;
top: 0;
right: 8px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
transition: .2s
}
.home-search_clear svg {
width: 12px
}
.home-search_clear:hover {
opacity: .5
}
.home-search_icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
color: var(--primary-300)
}
.home-search_wrap {
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
padding: 20px;
background: var(--primary-bg);
border: 1px solid var(--primary-400);
border-radius: 6px;
z-index: 5;
transition: .2s
}
.home-search__inner {
height: 334px;
overflow-y: auto;
padding-right: 8px;
margin-right: -8px
}
.splide.is-initialized {
visibility: visible !important
}
.card-slot__bg {
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
html.dark .card-slot_placeholder, html[data-theme=dark] .card-slot_placeholder {
background: url(/img/svg/placeholder-dark.svg) no-repeat center center;
background-size: cover;
}
.die-bb {
background: #ea249b;
box-shadow: 0 3px 4px #ffffff40 inset, 0 1px 1px #00000026
}
.die-rm {
background: #fc711c;
box-shadow: 0 3px 4px #ffffff40 inset, 0 1px 1px #00000026
}
.card-slot {
border-radius: 8px;
overflow: hidden;
position: relative;
background: var(--bg_primary__100)
}
.card-slot.alter {
background: var(--bg_main__100)
}
.card-slot_placeholder {
background: url(/img/placeholder-light.svg) no-repeat center center;
background-size: cover;
border-radius: 8px;
aspect-ratio: 10 / 6;
}
.card-slot_content {
padding: 8px
}
.card-slot .image {
z-index: 1;
aspect-ratio: 10 / 6;
height: auto;
width: 100%;
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .2s;
transition-timing-function: cubic-bezier(0, 0, .2, 1);
animation-duration: .2s;
animation-timing-function: cubic-bezier(0, 0, .2, 1);
object-fit: contain;
}
.card-slot_favorite {
margin: 0;
padding: 0;
color: transparent
}
.card-slot_favorite img:nth-child(2) {
position: absolute;
margin: auto;
width: 20px;
height: 20px;
opacity: 0;
transition: .2s ease-in-out
}
.card-slot_favorite img {
width: 20px;
height: 20px
}
.card-slot_favorite.active img:nth-child(2), .card-slot_favorite:hover img:nth-child(2) {
opacity: 1
}
.card-slot .die {
position: absolute;
top: 14px;
left: 14px;
opacity: 1;
transition: all .2s ease-out;
z-index: 2
}
.card-slot .die span {
position: relative
}
.card-slot .die_item {
position: relative;
box-shadow: inset 0 2px 5px #fff6;
padding: 0 12px;
height: 22px;
border-radius: 4px;
overflow: hidden;
display: flex;
font-style: italic;
font-weight: 800;
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
color: #fff;
align-items: center;
justify-content: center
}
@media screen and (max-width: 980px) {
.card-slot .die_item {
font-size: 10px;
line-height: 12px
}
}
.card-slot .die--new {
background: linear-gradient(90deg, #64d662 .06%, #16b31d 98.49%)
}
.card-slot img {
width: 100%;
height: 100%;
border-radius: 8px;
overflow: hidden
}
.card-slot_overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(18, 13, 35, .8);
opacity: 0;
z-index: 3;
border-radius: 10px;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: column;
transition: opacity .2s ease-out;
visibility: hidden
}
.card-slot-btns {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px
}
.card-slot-btn {
background: linear-gradient(90deg, #f4a202 0%, #fac257 100%);
color: var(--color_main__100);
height: 48px;
width: 130px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
transition: all .2s linear
}
.card-slot-btn:hover {
transform: scale(1.0769)
}
.card-slot-title {
font-weight: 700;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #fff;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.card-slot_wrapper:hover .card-slot {
border-radius: 9px;
overflow: hidden
}
.card-slot_wrapper:hover .card-slot_overlay {
opacity: 1;
visibility: visible;
border-radius: 8px
}
.card-slot_wrapper:hover .image {
transform: scale(1.5) translateY(16px);
transform-origin: center;
filter: blur(2px)
}
.tippy-box[data-theme~=volatility] .tippy-content {
padding: 0
}
.slots-grid {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
@media screen and (min-width: 640px) {
.slots-grid {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
}
@media screen and (min-width: 768px) {
.slots-grid {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
}
@media screen and (min-width: 1024px) {
.slots-grid {
grid-template-columns:repeat(6, minmax(0, 1fr))
}
}
.slots-grid.rows1 > *:nth-child(n+7) {
display: none
}
@media screen and (max-width: 640px) {
.slots-grid.rows1 > *:nth-child(n+3) {
display: none
}
}
@media screen and (max-width: 768px) {
.slots-grid.rows1 > *:nth-child(n+4) {
display: none
}
}
@media screen and (max-width: 1024px) {
.slots-grid.rows1 > *:nth-child(n+5) {
display: none
}
}
.slots-grid.rows2 > *:nth-child(n+13) {
display: none
}
@media screen and (max-width: 640px) {
.slots-grid.rows2 > *:nth-child(n+5) {
display: none
}
}
@media screen and (max-width: 768px) {
.slots-grid.rows2 > *:nth-child(n+7) {
display: none
}
}
@media screen and (max-width: 1024px) {
.slots-grid.rows2 > *:nth-child(n+9) {
display: none
}
}
.slots-grid.rows3 > *:nth-child(n+19) {
display: none
}
@media screen and (max-width: 640px) {
.slots-grid.rows3 > *:nth-child(n+7) {
display: none
}
}
@media screen and (max-width: 768px) {
.slots-grid.rows3 > *:nth-child(n+10) {
display: none
}
}
@media screen and (max-width: 1024px) {
.slots-grid.rows3 > *:nth-child(n+13) {
display: none
}
}
.slots-grid.trix > *:nth-child(n+7) {
display: none
}
@media screen and (max-width: 640px) {
.slots-grid.trix > *:nth-child(n+5) {
display: none
}
}
@media screen and (max-width: 768px) {
.slots-grid.trix > *:nth-child(n+7) {
display: none
}
}
@media screen and (max-width: 1024px) {
.slots-grid.trix > *:nth-child(n+9) {
display: none
}
}
.bg-timer-tour {
border-radius: 8px;
background: rgba(255, 255, 255, .15);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
height: 48px;
display: flex;
flex: 1 1 0%;
flex-direction: column;
align-items: center;
justify-content: center;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-inset: inset;
--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
--tw-ring-opacity: .8
}
.shadow-dices {
filter: drop-shadow(0px 6.626px 11.391px rgba(95, 35, 2, .25))
}
.slots__banners {
margin-bottom: 22px;
visibility: visible !important;
aspect-ratio: 1244/278;
display: flex !important
}
@media screen and (min-width: 767px) {
.slots__banners:not(.is-active) .splide__list {
gap: 20px
}
.slots__banners:not(.is-active) .splide__list .splide__slide {
width: calc(50% - 10px)
}
}
.slots__banners .splide__slide {
width: 100%
}
.slots__banners .btn-details {
box-shadow: inset 0 0 0 1px #ffffff26;
background: rgba(255, 255, 255, .18);
-webkit-backdrop-filter: blur(6.5px);
backdrop-filter: blur(6.5px);
position: absolute;
bottom: 30px;
left: 5%
}
@media screen and (max-width: 767px) {
.slots__banners {
aspect-ratio: 720/400
}
}
@media screen and (min-width: 980px) {
.slots__banners {
margin-bottom: 24px
}
}
.slots__banners-item {
aspect-ratio: 1244/278;
position: relative;
border-radius: 8px;
overflow: hidden;
z-index: 1;
display: block;
font-size: 2vw
}
@media screen and (max-width: 767px) {
.slots__banners-item {
aspect-ratio: 720/400;
font-size: 5.6vw;
border-radius: 4px
}
}
.slots__banners-item-img {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
aspect-ratio: 720/400;
max-width: none;
min-width: 100%
}
.slots__banners-item-left {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
padding: 20px 0 20px 20px
}
.slots__banners-item-left-text {
font-weight: 700;
font-size: 28px;
color: #fff;
margin-bottom: 30px
}
@media screen and (max-width: 1500px) {
.slots__banners-item-left-text {
font-size: 1em
}
}
@media screen and (max-width: 1100px) {
.slots__banners-item-left-text {
margin-bottom: 12px
}
}
@media screen and (max-width: 480px) {
.slots__banners-item-left-text {
margin-bottom: 20px
}
}
@media screen and (max-width: 360px) {
.slots__banners-item-left-text {
margin-bottom: 12px
}
}
.slots__banners-item-left-text--spaced {
margin-left: 5%;
margin-bottom: 0
}
.slots__banners-item-btn {
background: #ffffff;
border-radius: 4px;
font-weight: 700;
font-size: 14px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: all .2s linear;
color: #574d81;
padding: 14px 64px
}
@media screen and (max-width: 1360px) {
.slots__banners-item-btn {
padding: 14px 48px
}
}
@media screen and (max-width: 980px) {
.slots__banners-item-btn {
padding: 10px 32px
}
}
@media screen and (max-width: 767px) {
.slots__banners-item-btn {
padding: 10px 22px
}
}
.slots__banners-item-btn--center {
position: absolute;
bottom: 6%;
left: 50%;
transform: translate(-50%)
}
.slots__banners-item-btn:hover, .slots__banners-item-btn:active {
background: #f3f3f3
}
@media screen and (max-width: 480px) {
.slots__hm {
display: none
}
}
.splide__track {
width: 100%
}
.splide__list {
will-change: transform
}
.splide__pagination {
bottom: -8px;
transform: translate(-50%, 100%);
position: absolute;
left: 50%
}
.splide__pagination li + li {
margin-left: 4px
}
.splide__pagination__page {
border-radius: 20px;
width: 16px !important;
height: 4px !important;
margin: 0;
transform: unset !important;
transition: all .2s ease-in-out;
background-color: rgb(136 125 255 / var(--tw-bg-opacity));
--tw-bg-opacity: .3
}
:is(.dark .splide__pagination__page) {
background-color: rgb(120 129 157 / var(--tw-bg-opacity));
--tw-bg-opacity: .3
}
.splide__pagination__page.is-active {
background-color: rgb(136 125 255 / var(--tw-bg-opacity));
--tw-bg-opacity: 1
}
:is(.dark .splide__pagination__page.is-active) {
background-color: rgb(120 129 157 / var(--tw-bg-opacity));
--tw-bg-opacity: 1
}
.splide__pagination {
display: flex !important
}
.btn-seed {
border-radius: var(--b-radius-sm);
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px
}
.btn-seed svg {
width: 14px;
height: 16px;
color: var(--color_secondary__100)
}
.container {
width: 100%
}
@media (min-width: 360px) {
.container {
max-width: 360px
}
}
@media (min-width: 390px) {
.container {
max-width: 390px
}
}
@media (min-width: 430px) {
.container {
max-width: 430px
}
}
@media (min-width: 640px) {
.container {
max-width: 640px
}
}
@media (min-width: 768px) {
.container {
max-width: 768px
}
}
@media (min-width: 979px) {
.container {
max-width: 979px
}
}
@media (min-width: 980px) {
.container {
max-width: 980px
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px
}
}
.pointer-events-none {
pointer-events: none
}
.pointer-events-auto {
pointer-events: auto
}
.\!visible {
visibility: visible !important
}
.visible {
visibility: visible
}
.invisible {
visibility: hidden
}
.collapse {
visibility: collapse
}
.\!static {
position: static !important
}
.static {
position: static
}
.fixed {
position: fixed
}
.\!absolute {
position: absolute !important
}
.absolute {
position: absolute
}
.\!relative {
position: relative !important
}
.relative {
position: relative
}
.sticky {
position: sticky
}
.\!top-\[15px\] {
top: 15px !important
}
.-bottom-\[20px\] {
bottom: -20px
}
.-bottom-\[4px\] {
bottom: -4px
}
.-bottom-\[7px\] {
bottom: -7px
}
.-bottom-\[8px\] {
bottom: -8px
}
.-left-\[30\%\] {
left: -30%
}
.-right-\[20px\] {
right: -20px
}
.-right-\[4px\] {
right: -4px
}
.-right-\[6px\] {
right: -6px
}
.-right-\[7px\] {
right: -7px
}
.-right-\[8px\] {
right: -8px
}
.-top-\[5px\] {
top: -5px
}
.-top-\[6px\] {
top: -6px
}
.-top-\[8px\] {
top: -8px
}
.bottom-0 {
bottom: 0
}
.bottom-\[100px\] {
bottom: 100px
}
.bottom-\[115px\] {
bottom: 115px
}
.bottom-\[120px\] {
bottom: 120px
}
.bottom-\[130px\] {
bottom: 130px
}
.bottom-\[20px\] {
bottom: 20px
}
.bottom-\[24px\] {
bottom: 24px
}
.bottom-\[72px\] {
bottom: 72px
}
.bottom-\[96px\] {
bottom: 96px
}
.left-0 {
left: 0
}
.left-1\/2 {
left: 50%
}
.left-2 {
left: .5rem
}
.left-\[50\%\] {
left: 50%
}
.left-\[8px\] {
left: 8px
}
.right-0 {
right: 0
}
.right-2 {
right: .5rem
}
.right-\[-4px\] {
right: -4px
}
.right-\[0px\] {
right: 0
}
.right-\[10\%\] {
right: 10%
}
.right-\[10px\] {
right: 10px
}
.right-\[12px\] {
right: 12px
}
.right-\[14px\] {
right: 14px
}
.right-\[15px\] {
right: 15px
}
.right-\[16px\] {
right: 16px
}
.right-\[20px\] {
right: 20px
}
.right-\[8px\] {
right: 8px
}
.top-0 {
top: 0
}
.top-1\/2 {
top: 50%
}
.top-\[-4px\] {
top: -4px
}
.top-\[10\%\] {
top: 10%
}
.top-\[10px\] {
top: 10px
}
.top-\[12px\] {
top: 12px
}
.top-\[14px\] {
top: 14px
}
.top-\[15px\] {
top: 15px
}
.top-\[16px\] {
top: 16px
}
.top-\[18px\] {
top: 18px
}
.top-\[20px\] {
top: 20px
}
.top-\[26\%\] {
top: 26%
}
.top-\[34px\] {
top: 34px
}
.top-\[50\%\] {
top: 50%
}
.top-\[6\%\] {
top: 6%
}
.top-\[60px\] {
top: 60px
}
.top-\[6px\] {
top: 6px
}
.top-\[8px\] {
top: 8px
}
.-z-1, .-z-\[1\] {
z-index: -1
}
.z-1 {
z-index: 1
}
.z-10 {
z-index: 10
}
.z-20 {
z-index: 20
}
.z-30 {
z-index: 30
}
.z-50 {
z-index: 50
}
.z-\[0\] {
z-index: 0
}
.z-\[100\] {
z-index: 100
}
.z-\[10\] {
z-index: 10
}
.z-\[11\] {
z-index: 11
}
.z-\[12\] {
z-index: 12
}
.z-\[1\] {
z-index: 1
}
.z-\[20\] {
z-index: 20
}
.z-\[2\] {
z-index: 2
}
.z-\[30\] {
z-index: 30
}
.z-\[3\] {
z-index: 3
}
.z-\[4\] {
z-index: 4
}
.z-\[5\] {
z-index: 5
}
.z-\[99\] {
z-index: 99
}
.col-span-full {
grid-column: 1 / -1
}
.float-right {
float: right
}
.float-left {
float: left
}
.\!m-0 {
margin: 0 !important
}
.m-0 {
margin: 0
}
.m-auto {
margin: auto
}
.-mx-\[12px\] {
margin-left: -12px;
margin-right: -12px
}
.-mx-\[18px\] {
margin-left: -18px;
margin-right: -18px
}
.-my-\[10px\] {
margin-top: -10px;
margin-bottom: -10px
}
.mx-10 {
margin-left: 2.5rem;
margin-right: 2.5rem
}
.mx-\[12px\] {
margin-left: 12px;
margin-right: 12px
}
.mx-\[8px\] {
margin-left: 8px;
margin-right: 8px
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-\[20px\] {
margin-top: 20px;
margin-bottom: 20px
}
.my-\[8px\] {
margin-top: 8px;
margin-bottom: 8px
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
.\!-ml-base {
margin-left: calc(var(--padding) * -1) !important
}
.\!mb-0 {
margin-bottom: 0 !important
}
.-mb-\[30px\] {
margin-bottom: -30px
}
.-mb-\[34px\] {
margin-bottom: -34px
}
.-mb-\[60px\] {
margin-bottom: -60px
}
.-ml-\[12px\] {
margin-left: -12px
}
.-ml-\[8px\] {
margin-left: -8px
}
.-ml-base {
margin-left: calc(var(--padding) * -1)
}
.-mr-\[10px\] {
margin-right: -10px
}
.-mr-\[6px\] {
margin-right: -6px
}
.-mr-\[8px\] {
margin-right: -8px
}
.-mr-base {
margin-right: calc(var(--padding) * -1)
}
.-mt-4 {
margin-top: -1rem
}
.-mt-\[156px\] {
margin-top: -156px
}
.-mt-\[2px\] {
margin-top: -2px
}
.-mt-\[30px\] {
margin-top: -30px
}
.-mt-\[8px\] {
margin-top: -8px
}
.-mt-base {
margin-top: calc(var(--padding) * -1)
}
.mb-\[12px\] {
margin-bottom: 12px
}
.mb-\[16px\] {
margin-bottom: 16px
}
.mb-\[185px\] {
margin-bottom: 185px
}
.mb-\[1px\] {
margin-bottom: 1px
}
.mb-\[20px\] {
margin-bottom: 20px
}
.mb-\[24px\] {
margin-bottom: 24px
}
.mb-\[26px\] {
margin-bottom: 26px
}
.mb-\[27px\] {
margin-bottom: 27px
}
.mb-\[28px\] {
margin-bottom: 28px
}
.mb-\[2px\] {
margin-bottom: 2px
}
.mb-\[30px\] {
margin-bottom: 30px
}
.mb-\[40px\] {
margin-bottom: 40px
}
.mb-\[4px\] {
margin-bottom: 4px
}
.mb-\[5px\] {
margin-bottom: 5px
}
.mb-\[6px\] {
margin-bottom: 6px
}
.mb-\[8px\] {
margin-bottom: 8px
}
.mb-\[9px\] {
margin-bottom: 9px
}
.mb-auto {
margin-bottom: auto
}
.mb-base {
margin-bottom: var(--padding)
}
.ml-\[10px\] {
margin-left: 10px
}
.ml-\[12px\] {
margin-left: 12px
}
.ml-\[2px\] {
margin-left: 2px
}
.ml-\[3px\] {
margin-left: 3px
}
.ml-\[4px\] {
margin-left: 4px
}
.ml-\[6px\] {
margin-left: 6px
}
.ml-\[8px\] {
margin-left: 8px
}
.ml-auto {
margin-left: auto
}
.mr-\[12px\] {
margin-right: 12px
}
.mr-\[13px\] {
margin-right: 13px
}
.mr-\[17px\] {
margin-right: 17px
}
.mr-\[20px\] {
margin-right: 20px
}
.mr-\[2px\] {
margin-right: 2px
}
.mr-\[3px\] {
margin-right: 3px
}
.mr-\[4px\] {
margin-right: 4px
}
.mr-\[6px\] {
margin-right: 6px
}
.mr-\[8px\] {
margin-right: 8px
}
.mr-auto {
margin-right: auto
}
.mt-12 {
margin-top: 3rem
}
.mt-4 {
margin-top: 1rem
}
.mt-\[12px\] {
margin-top: 12px
}
.mt-\[20px\] {
margin-top: 20px
}
.mt-\[24px\] {
margin-top: 24px
}
.mt-\[2px\] {
margin-top: 2px
}
.mt-\[30px\] {
margin-top: 30px
}
.mt-\[40px\] {
margin-top: 40px
}
.mt-\[4px\] {
margin-top: 4px
}
.mt-\[5\%\] {
margin-top: 5%
}
.mt-\[55px\] {
margin-top: 55px
}
.mt-\[6px\] {
margin-top: 6px
}
.mt-\[8px\] {
margin-top: 8px
}
.mt-\[auto\], .mt-auto {
margin-top: auto
}
.mt-base {
margin-top: var(--padding)
}
.\!block {
display: block !important
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.\!flex {
display: flex !important
}
.flex {
display: flex
}
.inline-flex {
display: inline-flex
}
.table {
display: table
}
.grid {
display: grid
}
.contents {
display: contents
}
.\!hidden {
display: none !important
}
.hidden {
display: none
}
.aspect-\[1280\/600\] {
aspect-ratio: 1280/600
}
.aspect-\[177\/104\] {
aspect-ratio: 177/104
}
.aspect-\[294\/183\] {
aspect-ratio: 294/183
}
.aspect-\[336\/188\] {
aspect-ratio: 336/188
}
.aspect-\[380\/91\] {
aspect-ratio: 380/91
}
.aspect-\[402\/264\] {
aspect-ratio: 402/264
}
.aspect-\[572\/334\] {
aspect-ratio: 572/334
}
.aspect-\[83\/52\] {
aspect-ratio: 83/52
}
.aspect-square {
aspect-ratio: 1 / 1
}
.\!h-\[30px\] {
height: 30px !important
}
.\!h-\[42px\] {
height: 42px !important
}
.\!h-auto {
height: auto !important
}
.h-8 {
height: 2rem
}
.h-\[100px\] {
height: 100px
}
.h-\[10px\] {
height: 10px
}
.h-\[110px\] {
height: 110px
}
.h-\[13px\] {
height: 13px
}
.h-\[16px\] {
height: 16px
}
.h-\[170px\] {
height: 170px
}
.h-\[18px\] {
height: 18px
}
.h-\[1px\] {
height: 1px
}
.h-\[207px\] {
height: 207px
}
.h-\[20px\] {
height: 20px
}
.h-\[22px\] {
height: 22px
}
.h-\[24px\] {
height: 24px
}
.h-\[26px\] {
height: 26px
}
.h-\[28px\] {
height: 28px
}
.h-\[300px\] {
height: 300px
}
.h-\[30px\] {
height: 30px
}
.h-\[32px\] {
height: 32px
}
.h-\[34px\] {
height: 34px
}
.h-\[36px\] {
height: 36px
}
.h-\[38px\] {
height: 38px
}
.h-\[40px\] {
height: 40px
}
.h-\[41px\] {
height: 41px
}
.h-\[42px\] {
height: 42px
}
.h-\[44px\] {
height: 44px
}
.h-\[46px\] {
height: 46px
}
.h-\[48px\] {
height: 48px
}
.h-\[4px\] {
height: 4px
}
.h-\[50px\] {
height: 50px
}
.h-\[52px\] {
height: 52px
}
.h-\[56px\] {
height: 56px
}
.h-\[60px\] {
height: 60px
}
.h-\[60vh\] {
height: 60vh
}
.h-\[62px\] {
height: 62px
}
.h-\[64px\] {
height: 64px
}
.h-\[65px\] {
height: 65px
}
.h-\[68px\] {
height: 68px
}
.h-\[70px\] {
height: 70px
}
.h-\[72px\] {
height: 72px
}
.h-\[8px\] {
height: 8px
}
.h-auto {
height: auto
}
.h-full {
height: 100%
}
.max-h-\[200px\] {
max-height: 200px
}
.max-h-\[250px\] {
max-height: 250px
}
.max-h-\[270px\] {
max-height: 270px
}
.max-h-\[280px\] {
max-height: 280px
}
.max-h-\[300px\] {
max-height: 300px
}
.max-h-\[395px\] {
max-height: 395px
}
.max-h-\[70vh\] {
max-height: 70vh
}
.max-h-full {
max-height: 100%
}
.max-h-screen {
max-height: 100vh
}
.min-h-\[20px\] {
min-height: 20px
}
.min-h-\[320px\] {
min-height: 320px
}
.min-h-\[42px\] {
min-height: 42px
}
.min-h-full {
min-height: 100%
}
.min-h-screen {
min-height: 100vh
}
.\!w-\[16px\] {
width: 16px !important
}
.\!w-\[30px\] {
width: 30px !important
}
.w-0 {
width: 0px
}
.w-16 {
width: 4rem
}
.w-20 {
width: 5rem
}
.w-8 {
width: 2rem
}
.w-\[100px\] {
width: 100px
}
.w-\[10px\] {
width: 10px
}
.w-\[110px\] {
width: 110px
}
.w-\[112\%\] {
width: 112%
}
.w-\[11px\] {
width: 11px
}
.w-\[120px\] {
width: 120px
}
.w-\[126px\] {
width: 126px
}
.w-\[12px\] {
width: 12px
}
.w-\[130px\] {
width: 130px
}
.w-\[134px\] {
width: 134px
}
.w-\[135px\] {
width: 135px
}
.w-\[136px\] {
width: 136px
}
.w-\[13px\] {
width: 13px
}
.w-\[140px\] {
width: 140px
}
.w-\[144px\] {
width: 144px
}
.w-\[14px\] {
width: 14px
}
.w-\[150px\] {
width: 150px
}
.w-\[156px\] {
width: 156px
}
.w-\[15px\] {
width: 15px
}
.w-\[160px\] {
width: 160px
}
.w-\[164px\] {
width: 164px
}
.w-\[16px\] {
width: 16px
}
.w-\[170px\] {
width: 170px
}
.w-\[180px\] {
width: 180px
}
.w-\[184px\] {
width: 184px
}
.w-\[18px\] {
width: 18px
}
.w-\[1px\] {
width: 1px
}
.w-\[200px\] {
width: 200px
}
.w-\[20px\] {
width: 20px
}
.w-\[220px\] {
width: 220px
}
.w-\[22px\] {
width: 22px
}
.w-\[240px\] {
width: 240px
}
.w-\[24px\] {
width: 24px
}
.w-\[250px\] {
width: 250px
}
.w-\[251px\] {
width: 251px
}
.w-\[260px\] {
width: 260px
}
.w-\[270px\] {
width: 270px
}
.w-\[272px\] {
width: 272px
}
.w-\[273px\] {
width: 273px
}
.w-\[280px\] {
width: 280px
}
.w-\[28px\] {
width: 28px
}
.w-\[2px\] {
width: 2px
}
.w-\[300px\] {
width: 300px
}
.w-\[30px\] {
width: 30px
}
.w-\[320px\] {
width: 320px
}
.w-\[32px\] {
width: 32px
}
.w-\[34\%\] {
width: 34%
}
.w-\[340px\] {
width: 340px
}
.w-\[34px\] {
width: 34px
}
.w-\[360px\] {
width: 360px
}
.w-\[364px\] {
width: 364px
}
.w-\[36px\] {
width: 36px
}
.w-\[380px\] {
width: 380px
}
.w-\[38px\] {
width: 38px
}
.w-\[390px\] {
width: 390px
}
.w-\[3px\] {
width: 3px
}
.w-\[400px\] {
width: 400px
}
.w-\[40px\] {
width: 40px
}
.w-\[425px\] {
width: 425px
}
.w-\[42px\] {
width: 42px
}
.w-\[44px\] {
width: 44px
}
.w-\[48px\] {
width: 48px
}
.w-\[50\%\] {
width: 50%
}
.w-\[500px\] {
width: 500px
}
.w-\[50px\] {
width: 50px
}
.w-\[52px\] {
width: 52px
}
.w-\[550px\] {
width: 550px
}
.w-\[580px\] {
width: 580px
}
.w-\[5px\] {
width: 5px
}
.w-\[600px\] {
width: 600px
}
.w-\[60px\] {
width: 60px
}
.w-\[66px\] {
width: 66px
}
.w-\[680px\] {
width: 680px
}
.w-\[6px\] {
width: 6px
}
.w-\[70\%\] {
width: 70%
}
.w-\[70px\] {
width: 70px
}
.w-\[72px\] {
width: 72px
}
.w-\[76\%\] {
width: 76%
}
.w-\[80px\] {
width: 80px
}
.w-\[80x\] {
width: 80x
}
.w-\[856px\] {
width: 856px
}
.w-\[8px\] {
width: 8px
}
.w-\[90\%\] {
width: 90%
}
.w-\[92px\] {
width: 92px
}
.w-auto {
width: auto
}
.w-full {
width: 100%
}
.w-screen {
width: 100vw
}
.min-w-0 {
min-width: 0px
}
.min-w-\[100\%\] {
min-width: 100%
}
.min-w-\[1600px\] {
min-width: 1600px
}
.min-w-\[16px\] {
min-width: 16px
}
.min-w-\[24px\] {
min-width: 24px
}
.min-w-\[250px\] {
min-width: 250px
}
.min-w-\[600px\] {
min-width: 600px
}
.max-w-\[100vw\] {
max-width: 100vw
}
.max-w-\[200px\] {
max-width: 200px
}
.max-w-\[500px\] {
max-width: 500px
}
.max-w-\[80\%\] {
max-width: 80%
}
.max-w-\[800px\] {
max-width: 800px
}
.max-w-\[85vw\] {
max-width: 85vw
}
.max-w-\[87\%\] {
max-width: 87%
}
.max-w-\[87vw\] {
max-width: 87vw
}
.max-w-\[90\%\] {
max-width: 90%
}
.max-w-full {
max-width: 100%
}
.max-w-none {
max-width: none
}
.flex-1 {
flex: 1 1 0%
}
.flex-shrink {
flex-shrink: 1
}
.flex-shrink-0, .shrink-0 {
flex-shrink: 0
}
.flex-grow {
flex-grow: 1
}
.grow-0 {
flex-grow: 0
}
.basis-1\/2 {
flex-basis: 50%
}
.basis-1\/6 {
flex-basis: 16.666667%
}
.basis-full {
flex-basis: 100%
}
.table-fixed {
table-layout: fixed
}
.border-collapse {
border-collapse: collapse
}
.origin-bottom {
transform-origin: bottom
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-\[10px\] {
--tw-translate-x: -10px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-\[12\.5px\] {
--tw-translate-y: -12.5px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-\[66px\] {
--tw-translate-y: -66px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-\[90\%\] {
--tw-translate-y: -90%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-1\/2 {
--tw-translate-x: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-\[20px\] {
--tw-translate-x: 20px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-\[6px\] {
--tw-translate-y: 6px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-90 {
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-\[1\.02\] {
--tw-scale-x: 1.02;
--tw-scale-y: 1.02;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-scale-x-100 {
--tw-scale-x: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-not-allowed {
cursor: not-allowed
}
.cursor-pointer {
cursor: pointer
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.resize {
resize: both
}
.list-disc {
list-style-type: disc
}
.list-none {
list-style-type: none
}
.columns-2 {
-moz-columns: 2;
columns: 2
}
.grid-cols-1 {
grid-template-columns:repeat(1, minmax(0, 1fr))
}
.grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.grid-cols-3 {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
.grid-cols-6 {
grid-template-columns:repeat(6, minmax(0, 1fr))
}
.flex-row {
flex-direction: row
}
.flex-col {
flex-direction: column
}
.flex-col-reverse {
flex-direction: column-reverse
}
.flex-wrap {
flex-wrap: wrap
}
.flex-nowrap {
flex-wrap: nowrap
}
.\!items-start {
align-items: flex-start !important
}
.items-start {
align-items: flex-start
}
.items-end {
align-items: flex-end
}
.items-center {
align-items: center
}
.\!justify-start {
justify-content: flex-start !important
}
.justify-start {
justify-content: flex-start
}
.\!justify-end {
justify-content: flex-end !important
}
.justify-end {
justify-content: flex-end
}
.\!justify-center {
justify-content: center !important
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.gap-0 {
gap: 0px
}
.gap-2 {
gap: .5rem
}
.gap-3 {
gap: .75rem
}
.gap-4 {
gap: 1rem
}
.gap-5 {
gap: 1.25rem
}
.gap-\[10px\] {
gap: 10px
}
.gap-\[12px\] {
gap: 12px
}
.gap-\[16px\] {
gap: 16px
}
.gap-\[1px\] {
gap: 1px
}
.gap-\[20px\] {
gap: 20px
}
.gap-\[26px\] {
gap: 26px
}
.gap-\[2px\] {
gap: 2px
}
.gap-\[36px\] {
gap: 36px
}
.gap-\[4px\] {
gap: 4px
}
.gap-\[5px\] {
gap: 5px
}
.gap-\[6px\] {
gap: 6px
}
.gap-\[8px\] {
gap: 8px
}
.gap-base {
gap: var(--padding)
}
.gap-x-\[30px\] {
-moz-column-gap: 30px;
column-gap: 30px
}
.gap-y-\[20px\] {
row-gap: 20px
}
.self-stretch {
align-self: stretch
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.overflow-y-auto {
overflow-y: auto
}
.overflow-x-hidden {
overflow-x: hidden
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.whitespace-normal {
white-space: normal
}
.whitespace-nowrap {
white-space: nowrap
}
.whitespace-pre-line {
white-space: pre-line
}
.break-words {
overflow-wrap: break-word
}
.rounded {
border-radius: var(--b-radius)
}
.rounded-\[12p\] {
border-radius: 12 p
}
.rounded-\[12px\] {
border-radius: 12px
}
.rounded-\[16px\] {
border-radius: 16px
}
.rounded-\[3\.33px\] {
border-radius: 3.33px
}
.rounded-\[3px\] {
border-radius: 3px
}
.rounded-\[4px\] {
border-radius: 4px
}
.rounded-\[5px\] {
border-radius: 5px
}
.rounded-\[6px\] {
border-radius: 6px
}
.rounded-\[7\.5px\] {
border-radius: 7.5px
}
.rounded-\[8px\] {
border-radius: 8px
}
.rounded-full {
border-radius: 9999px
}
.rounded-none {
border-radius: 0
}
.rounded-sm {
border-radius: var(--b-radius-sm)
}
.rounded-xl {
border-radius: .75rem
}
.rounded-b-\[12px\] {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px
}
.rounded-b-\[6px\] {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px
}
.rounded-b-xl {
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem
}
.rounded-r-\[8px\] {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px
}
.rounded-t-\[12px\] {
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
.rounded-t-\[6px\] {
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.rounded-bl-\[6px\] {
border-bottom-left-radius: 6px
}
.rounded-br-\[6px\] {
border-bottom-right-radius: 6px
}
.rounded-tl-\[6px\] {
border-top-left-radius: 6px
}
.rounded-tr-\[6px\] {
border-top-right-radius: 6px
}
.border {
border-width: 1px
}
.border-0 {
border-width: 0px
}
.border-\[1px\] {
border-width: 1px
}
.border-\[2px\] {
border-width: 2px
}
.border-\[6px\] {
border-width: 6px
}
.border-x-0 {
border-left-width: 0px;
border-right-width: 0px
}
.border-y-\[1px\] {
border-top-width: 1px;
border-bottom-width: 1px
}
.border-b-\[1px\] {
border-bottom-width: 1px
}
.border-t-0 {
border-top-width: 0px
}
.border-t-\[1px\] {
border-top-width: 1px
}
.border-solid {
border-style: solid
}
.\!border-none {
border-style: none !important
}
.border-none {
border-style: none
}
.border-\[\#DAD3EE\] {
--tw-border-opacity: 1;
border-color: rgb(218 211 238 / var(--tw-border-opacity))
}
.border-\[\#E7E2F9\] {
--tw-border-opacity: 1;
border-color: rgb(231 226 249 / var(--tw-border-opacity))
}
.border-\[\#EBE8F7\] {
--tw-border-opacity: 1;
border-color: rgb(235 232 247 / var(--tw-border-opacity))
}
.border-\[\#F2F0FF\] {
--tw-border-opacity: 1;
border-color: rgb(242 240 255 / var(--tw-border-opacity))
}
.border-\[\#F4A202\] {
--tw-border-opacity: 1;
border-color: rgb(244 162 2 / var(--tw-border-opacity))
}
.border-\[\#F7F5FE\] {
--tw-border-opacity: 1;
border-color: rgb(247 245 254 / var(--tw-border-opacity))
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity))
}
.border-secondary-300 {
border-color: var(--color_secondary__300)
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity))
}
.border-opacity-\[\.2\] {
--tw-border-opacity: .2
}
.\!bg-\[\#1f2a3d\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(31 42 61 / var(--tw-bg-opacity)) !important
}
.\!bg-\[\#28A1E9\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(40 161 233 / var(--tw-bg-opacity)) !important
}
.\!bg-\[\#EA249B\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(234 36 155 / var(--tw-bg-opacity)) !important
}
.\!bg-light {
background-color: var(--bg_light_hover__100) !important
}
.\!bg-main {
background-color: var(--bg_main__100) !important
}
.\!bg-secondary {
background-color: var(--bg_secondary__100) !important
}
.bg-\[\#0E9CEB\] {
--tw-bg-opacity: 1;
background-color: rgb(14 156 235 / var(--tw-bg-opacity))
}
.bg-\[\#0f141c\] {
--tw-bg-opacity: 1;
background-color: rgb(15 20 28 / var(--tw-bg-opacity))
}
.bg-\[\#111519\] {
--tw-bg-opacity: 1;
background-color: rgb(17 21 25 / var(--tw-bg-opacity))
}
.bg-\[\#192232\] {
--tw-bg-opacity: 1;
background-color: rgb(25 34 50 / var(--tw-bg-opacity))
}
.bg-\[\#246BFD\] {
--tw-bg-opacity: 1;
background-color: rgb(36 107 253 / var(--tw-bg-opacity))
}
.bg-\[\#2A2843\] {
--tw-bg-opacity: 1;
background-color: rgb(42 40 67 / var(--tw-bg-opacity))
}
.bg-\[\#2F97FF\] {
--tw-bg-opacity: 1;
background-color: rgb(47 151 255 / var(--tw-bg-opacity))
}
.bg-\[\#33BE49\] {
--tw-bg-opacity: 1;
background-color: rgb(51 190 73 / var(--tw-bg-opacity))
}
.bg-\[\#40B553\] {
--tw-bg-opacity: 1;
background-color: rgb(64 181 83 / var(--tw-bg-opacity))
}
.bg-\[\#4DB34B\] {
--tw-bg-opacity: 1;
background-color: rgb(77 179 75 / var(--tw-bg-opacity))
}
.bg-\[\#50CD64\] {
--tw-bg-opacity: 1;
background-color: rgb(80 205 100 / var(--tw-bg-opacity))
}
.bg-\[\#7E68E4\] {
--tw-bg-opacity: 1;
background-color: rgb(126 104 228 / var(--tw-bg-opacity))
}
.bg-\[\#7F6FC9\] {
--tw-bg-opacity: 1;
background-color: rgb(127 111 201 / var(--tw-bg-opacity))
}
.bg-\[\#7F73FF\] {
--tw-bg-opacity: 1;
background-color: rgb(127 115 255 / var(--tw-bg-opacity))
}
.bg-\[\#83829A\] {
--tw-bg-opacity: 1;
background-color: rgb(131 130 154 / var(--tw-bg-opacity))
}
.bg-\[\#887DFF4D\] {
background-color: #887dff4d
}
.bg-\[\#887DFF\], .bg-\[\#887dff\] {
--tw-bg-opacity: 1;
background-color: rgb(136 125 255 / var(--tw-bg-opacity))
}
.bg-\[\#9482EB\] {
--tw-bg-opacity: 1;
background-color: rgb(148 130 235 / var(--tw-bg-opacity))
}
.bg-\[\#B62525\] {
--tw-bg-opacity: 1;
background-color: rgb(182 37 37 / var(--tw-bg-opacity))
}
.bg-\[\#B6B0D7\] {
--tw-bg-opacity: 1;
background-color: rgb(182 176 215 / var(--tw-bg-opacity))
}
.bg-\[\#B7ADD8\] {
--tw-bg-opacity: 1;
background-color: rgb(183 173 216 / var(--tw-bg-opacity))
}
.bg-\[\#D9D9D9\] {
--tw-bg-opacity: 1;
background-color: rgb(217 217 217 / var(--tw-bg-opacity))
}
.bg-\[\#DAD3EE\] {
--tw-bg-opacity: 1;
background-color: rgb(218 211 238 / var(--tw-bg-opacity))
}
.bg-\[\#DCDAF0\] {
--tw-bg-opacity: 1;
background-color: rgb(220 218 240 / var(--tw-bg-opacity))
}
.bg-\[\#E7E2F9\] {
--tw-bg-opacity: 1;
background-color: rgb(231 226 249 / var(--tw-bg-opacity))
}
.bg-\[\#E8E5FF\] {
--tw-bg-opacity: 1;
background-color: rgb(232 229 255 / var(--tw-bg-opacity))
}
.bg-\[\#ECA824\] {
--tw-bg-opacity: 1;
background-color: rgb(236 168 36 / var(--tw-bg-opacity))
}
.bg-\[\#F24B4B\] {
--tw-bg-opacity: 1;
background-color: rgb(242 75 75 / var(--tw-bg-opacity))
}
.bg-\[\#F5F7FE\] {
--tw-bg-opacity: 1;
background-color: rgb(245 247 254 / var(--tw-bg-opacity))
}
.bg-\[\#F7F5FE\] {
--tw-bg-opacity: 1;
background-color: rgb(247 245 254 / var(--tw-bg-opacity))
}
.bg-\[\#F91717\] {
--tw-bg-opacity: 1;
background-color: rgb(249 23 23 / var(--tw-bg-opacity))
}
.bg-\[\#F9C154\] {
--tw-bg-opacity: 1;
background-color: rgb(249 193 84 / var(--tw-bg-opacity))
}
.bg-\[\#FEAB07\] {
--tw-bg-opacity: 1;
background-color: rgb(254 171 7 / var(--tw-bg-opacity))
}
.bg-\[\#FF0C0C\] {
--tw-bg-opacity: 1;
background-color: rgb(255 12 12 / var(--tw-bg-opacity))
}
.bg-\[\#FF30304D\] {
background-color: #ff30304d
}
.bg-\[\#FFA900\] {
--tw-bg-opacity: 1;
background-color: rgb(255 169 0 / var(--tw-bg-opacity))
}
.bg-\[\#FFB526\] {
--tw-bg-opacity: 1;
background-color: rgb(255 181 38 / var(--tw-bg-opacity))
}
.bg-\[\#FFFFFF\], .bg-\[\#FFF\], .bg-\[\#ffffff\] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-\[var\(--color-card\)\] {
background-color: var(--color-card)
}
.bg-light {
background-color: var(--bg_light_hover__100)
}
.bg-light-200 {
background-color: var(--bg_light_hover__200)
}
.bg-lighten {
background-color: var(--bg_light__100)
}
.bg-link {
background-color: var(--color_link__100)
}
.bg-main {
background-color: var(--bg_main__100)
}
.bg-main-200 {
background-color: var(--bg_main__200)
}
.bg-primary {
background-color: var(--bg_primary__100)
}
.bg-primary-200 {
background-color: var(--bg_primary__200)
}
.bg-red {
--tw-bg-opacity: 1;
background-color: rgb(255 48 48 / var(--tw-bg-opacity))
}
.bg-secondary {
background-color: var(--bg_secondary__100)
}
.bg-secondary-200 {
background-color: var(--bg_secondary__200)
}
.bg-secondary-300 {
background-color: var(--bg_secondary__300)
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-opacity-10 {
--tw-bg-opacity: .1
}
.bg-opacity-100 {
--tw-bg-opacity: 1
}
.bg-opacity-15 {
--tw-bg-opacity: .15
}
.bg-opacity-20 {
--tw-bg-opacity: .2
}
.bg-opacity-25 {
--tw-bg-opacity: .25
}
.bg-opacity-30 {
--tw-bg-opacity: .3
}
.bg-opacity-40 {
--tw-bg-opacity: .4
}
.bg-opacity-5 {
--tw-bg-opacity: .05
}
.bg-opacity-70 {
--tw-bg-opacity: .7
}
.bg-opacity-80 {
--tw-bg-opacity: .8
}
.bg-opacity-\[0\.10\] {
--tw-bg-opacity: .1
}
.bg-opacity-\[0\.15\] {
--tw-bg-opacity: .15
}
.bg-opacity-\[0\.1\] {
--tw-bg-opacity: .1
}
.bg-opacity-\[0\.25\] {
--tw-bg-opacity: .25
}
.bg-opacity-\[0\.2\] {
--tw-bg-opacity: .2
}
.bg-opacity-\[0\.4\] {
--tw-bg-opacity: .4
}
.bg-opacity-\[0\.6\] {
--tw-bg-opacity: .6
}
.bg-opacity-\[0\.75\] {
--tw-bg-opacity: .75
}
.bg-opacity-\[0\.8\] {
--tw-bg-opacity: .8
}
.fill-current {
fill: currentColor
}
.fill-transparent {
fill: transparent
}
.stroke-secondary {
stroke: var(--color_secondary__100)
}
.object-cover {
-o-object-fit: cover;
object-fit: cover
}
.object-top {
-o-object-position: top;
object-position: top
}
.\!p-0 {
padding: 0 !important
}
.p-0 {
padding: 0
}
.p-1 {
padding: .25rem
}
.p-10 {
padding: 2.5rem
}
.p-11 {
padding: 2.75rem
}
.p-12 {
padding: 3rem
}
.p-14 {
padding: 3.5rem
}
.p-16 {
padding: 4rem
}
.p-2 {
padding: .5rem
}
.p-3 {
padding: .75rem
}
.p-4 {
padding: 1rem
}
.p-5 {
padding: 1.25rem
}
.p-6 {
padding: 1.5rem
}
.p-7 {
padding: 1.75rem
}
.p-8 {
padding: 2rem
}
.p-9 {
padding: 2.25rem
}
.p-\[12px\] {
padding: 12px
}
.p-\[15px\] {
padding: 15px
}
.p-\[1px\] {
padding: 1px
}
.p-\[20px\] {
padding: 20px
}
.p-\[2px\] {
padding: 2px
}
.p-\[30px\] {
padding: 30px
}
.p-\[4px\] {
padding: 4px
}
.p-\[6px\] {
padding: 6px
}
.p-\[8px\] {
padding: 8px
}
.p-base {
padding: var(--padding)
}
.\!px-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.px-0 {
padding-left: 0;
padding-right: 0
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.px-\[10px\] {
padding-left: 10px;
padding-right: 10px
}
.px-\[12px\] {
padding-left: 12px;
padding-right: 12px
}
.px-\[14px\] {
padding-left: 14px;
padding-right: 14px
}
.px-\[16px\] {
padding-left: 16px;
padding-right: 16px
}
.px-\[20px\] {
padding-left: 20px;
padding-right: 20px
}
.px-\[24px\] {
padding-left: 24px;
padding-right: 24px
}
.px-\[26px\] {
padding-left: 26px;
padding-right: 26px
}
.px-\[2px\] {
padding-left: 2px;
padding-right: 2px
}
.px-\[30px\] {
padding-left: 30px;
padding-right: 30px
}
.px-\[4px\] {
padding-left: 4px;
padding-right: 4px
}
.px-\[5px\] {
padding-left: 5px;
padding-right: 5px
}
.px-\[6px\] {
padding-left: 6px;
padding-right: 6px
}
.px-\[8px\] {
padding-left: 8px;
padding-right: 8px
}
.px-base {
padding-left: var(--padding);
padding-right: var(--padding)
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.py-\[100px\] {
padding-top: 100px;
padding-bottom: 100px
}
.py-\[12px\] {
padding-top: 12px;
padding-bottom: 12px
}
.py-\[15px\] {
padding-top: 15px;
padding-bottom: 15px
}
.py-\[16px\] {
padding-top: 16px;
padding-bottom: 16px
}
.py-\[20px\] {
padding-top: 20px;
padding-bottom: 20px
}
.py-\[25px\] {
padding-top: 25px;
padding-bottom: 25px
}
.py-\[30px\] {
padding-top: 30px;
padding-bottom: 30px
}
.py-\[47px\] {
padding-top: 47px;
padding-bottom: 47px
}
.py-\[8px\] {
padding-top: 8px;
padding-bottom: 8px
}
.py-\[9px\] {
padding-top: 9px;
padding-bottom: 9px
}
.\!pl-base {
padding-left: var(--padding) !important
}
.\!pr-0 {
padding-right: 0 !important
}
.\!pr-\[60px\] {
padding-right: 60px !important
}
.\!pt-0 {
padding-top: 0 !important
}
.pb-\[0px\] {
padding-bottom: 0
}
.pb-\[12px\] {
padding-bottom: 12px
}
.pb-\[20px\] {
padding-bottom: 20px
}
.pb-\[26px\] {
padding-bottom: 26px
}
.pb-\[30px\] {
padding-bottom: 30px
}
.pb-\[55px\] {
padding-bottom: 55px
}
.pb-\[64px\] {
padding-bottom: 64px
}
.pb-\[6px\] {
padding-bottom: 6px
}
.pb-\[7px\] {
padding-bottom: 7px
}
.pb-\[8px\] {
padding-bottom: 8px
}
.pl-0, .pl-\[0\] {
padding-left: 0
}
.pl-\[12px\] {
padding-left: 12px
}
.pl-\[18px\] {
padding-left: 18px
}
.pl-\[20px\] {
padding-left: 20px
}
.pl-\[25px\] {
padding-left: 25px
}
.pl-\[28px\] {
padding-left: 28px
}
.pl-\[30px\] {
padding-left: 30px
}
.pl-\[8px\] {
padding-left: 8px
}
.pl-base {
padding-left: var(--padding)
}
.pr-\[10px\] {
padding-right: 10px
}
.pr-\[12px\] {
padding-right: 12px
}
.pr-\[15px\] {
padding-right: 15px
}
.pr-\[20px\] {
padding-right: 20px
}
.pr-\[25px\] {
padding-right: 25px
}
.pr-\[30px\] {
padding-right: 30px
}
.pr-\[6px\] {
padding-right: 6px
}
.pr-\[72px\] {
padding-right: 72px
}
.pr-\[8px\] {
padding-right: 8px
}
.pr-base {
padding-right: var(--padding)
}
.pt-0 {
padding-top: 0
}
.pt-12 {
padding-top: 3rem
}
.pt-4 {
padding-top: 1rem
}
.pt-\[0\] {
padding-top: 0
}
.pt-\[12px\] {
padding-top: 12px
}
.pt-\[20px\] {
padding-top: 20px
}
.pt-\[210px\] {
padding-top: 210px
}
.pt-\[55px\] {
padding-top: 55px
}
.pt-\[8px\] {
padding-top: 8px
}
.pt-base {
padding-top: var(--padding)
}
.text-left {
text-align: left
}
.\!text-center {
text-align: center !important
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.align-middle {
vertical-align: middle
}
.\!text-\[12px\] {
font-size: 12px !important
}
.text-7xl {
font-size: 4.5rem;
line-height: 1
}
.text-\[10px\] {
font-size: 10px
}
.text-\[11px\] {
font-size: 11px
}
.text-\[12px\] {
font-size: 12px
}
.text-\[13px\] {
font-size: 13px
}
.text-\[14px\] {
font-size: 14px
}
.text-\[15px\] {
font-size: 15px
}
.text-\[16px\] {
font-size: 16px
}
.text-\[17px\] {
font-size: 17px
}
.text-\[18px\] {
font-size: 18px
}
.text-\[20px\] {
font-size: 20px
}
.text-\[22px\] {
font-size: 22px
}
.text-\[24px\] {
font-size: 24px
}
.text-\[26px\] {
font-size: 26px
}
.text-\[28px\] {
font-size: 28px
}
.text-\[42px\] {
font-size: 42px
}
.text-\[8px\] {
font-size: 8px
}
.text-\[9px\] {
font-size: 9px
}
.text-sm {
font-size: 1.2rem;
line-height: 137%
}
.\!font-bold {
font-weight: 700 !important
}
.font-black {
font-weight: 900
}
.font-bold {
font-weight: 700
}
.font-extrabold {
font-weight: 800
}
.font-medium {
font-weight: 500
}
.font-normal {
font-weight: 400
}
.font-semibold {
font-weight: 600
}
.font-thin {
font-weight: 100
}
.uppercase {
text-transform: uppercase
}
.capitalize {
text-transform: capitalize
}
.italic {
font-style: italic
}
.leading-137 {
line-height: 137%
}
.leading-8 {
line-height: 2rem
}
.leading-\[0\.8\] {
line-height: .8
}
.leading-\[10px\] {
line-height: 10px
}
.leading-\[118\%\] {
line-height: 118%
}
.leading-\[120\%\] {
line-height: 120%
}
.leading-\[124\%\] {
line-height: 124%
}
.leading-\[127\%\] {
line-height: 127%
}
.leading-\[130\%\] {
line-height: 130%
}
.leading-\[137\%\] {
line-height: 137%
}
.leading-\[14px\] {
line-height: 14px
}
.leading-\[16px\] {
line-height: 16px
}
.leading-\[18px\] {
line-height: 18px
}
.leading-\[1px\] {
line-height: 1px
}
.leading-\[20px\] {
line-height: 20px
}
.leading-\[22px\] {
line-height: 22px
}
.leading-\[24px\] {
line-height: 24px
}
.leading-\[normal\] {
line-height: normal
}
.leading-none {
line-height: 1
}
.leading-normal {
line-height: 1.5
}
.-tracking-\[0\.33px\] {
letter-spacing: -.33px
}
.-tracking-\[0\.35px\] {
letter-spacing: -.35px
}
.\!text-\[\#78819d\] {
--tw-text-opacity: 1 !important;
color: rgb(120 129 157 / var(--tw-text-opacity)) !important
}
.\!text-link {
color: var(--color_link__100) !important
}
.\!text-main {
color: var(--color_main__100) !important
}
.\!text-primary {
color: var(--color_primary__100) !important
}
.\!text-secondary {
color: var(--color_secondary__100) !important
}
.text-\[\#192232\] {
--tw-text-opacity: 1;
color: rgb(25 34 50 / var(--tw-text-opacity))
}
.text-\[\#2C3034\] {
--tw-text-opacity: 1;
color: rgb(44 48 52 / var(--tw-text-opacity))
}
.text-\[\#33BE49\] {
--tw-text-opacity: 1;
color: rgb(51 190 73 / var(--tw-text-opacity))
}
.text-\[\#FF0000\] {
color: #ff0000;
}
.text-\[\#40B553\] {
--tw-text-opacity: 1;
color: rgb(64 181 83 / var(--tw-text-opacity))
}
.text-\[\#413B63\] {
--tw-text-opacity: 1;
color: rgb(65 59 99 / var(--tw-text-opacity))
}
.text-\[\#434959\] {
--tw-text-opacity: 1;
color: rgb(67 73 89 / var(--tw-text-opacity))
}
.text-\[\#4DB34B\] {
--tw-text-opacity: 1;
color: rgb(77 179 75 / var(--tw-text-opacity))
}
.text-\[\#4F6080\] {
--tw-text-opacity: 1;
color: rgb(79 96 128 / var(--tw-text-opacity))
}
.text-\[\#50CD64\] {
--tw-text-opacity: 1;
color: rgb(80 205 100 / var(--tw-text-opacity))
}
.text-\[\#574D81\] {
--tw-text-opacity: 1;
color: rgb(87 77 129 / var(--tw-text-opacity))
}
.text-\[\#6D84F7\] {
--tw-text-opacity: 1;
color: rgb(109 132 247 / var(--tw-text-opacity))
}
.text-\[\#72D370\] {
--tw-text-opacity: 1;
color: rgb(114 211 112 / var(--tw-text-opacity))
}
.text-\[\#76AC41\] {
--tw-text-opacity: 1;
color: rgb(118 172 65 / var(--tw-text-opacity))
}
.text-\[\#78819D\] {
--tw-text-opacity: 1;
color: rgb(120 129 157 / var(--tw-text-opacity))
}
.text-\[\#7C879D\] {
--tw-text-opacity: 1;
color: rgb(124 135 157 / var(--tw-text-opacity))
}
.text-\[\#7E68E4\] {
--tw-text-opacity: 1;
color: rgb(126 104 228 / var(--tw-text-opacity))
}
.text-\[\#887DFF\] {
--tw-text-opacity: 1;
color: rgb(136 125 255 / var(--tw-text-opacity))
}
.text-\[\#958EBE\] {
--tw-text-opacity: 1;
color: rgb(149 142 190 / var(--tw-text-opacity))
}
.text-\[\#9e96ba\] {
--tw-text-opacity: 1;
color: rgb(158 150 186 / var(--tw-text-opacity))
}
.text-\[\#A16C03\] {
--tw-text-opacity: 1;
color: rgb(161 108 3 / var(--tw-text-opacity))
}
.text-\[\#A4AEC6\] {
--tw-text-opacity: 1;
color: rgb(164 174 198 / var(--tw-text-opacity))
}
.text-\[\#A8B2D2\] {
--tw-text-opacity: 1;
color: rgb(168 178 210 / var(--tw-text-opacity))
}
.text-\[\#BAB4FF\] {
--tw-text-opacity: 1;
color: rgb(186 180 255 / var(--tw-text-opacity))
}
.text-\[\#D7D3E8\] {
--tw-text-opacity: 1;
color: rgb(215 211 232 / var(--tw-text-opacity))
}
.text-\[\#E9AB0A\] {
--tw-text-opacity: 1;
color: rgb(233 171 10 / var(--tw-text-opacity))
}
.text-\[\#ECA824\] {
--tw-text-opacity: 1;
color: rgb(236 168 36 / var(--tw-text-opacity))
}
.text-\[\#EFA639\] {
--tw-text-opacity: 1;
color: rgb(239 166 57 / var(--tw-text-opacity))
}
.text-\[\#F24B4B\] {
--tw-text-opacity: 1;
color: rgb(242 75 75 / var(--tw-text-opacity))
}
.text-\[\#F2F0FF\] {
--tw-text-opacity: 1;
color: rgb(242 240 255 / var(--tw-text-opacity))
}
.text-\[\#F5A509\] {
--tw-text-opacity: 1;
color: rgb(245 165 9 / var(--tw-text-opacity))
}
.text-\[\#F95C5C\] {
--tw-text-opacity: 1;
color: rgb(249 92 92 / var(--tw-text-opacity))
}
.text-\[\#FCB706\] {
--tw-text-opacity: 1;
color: rgb(252 183 6 / var(--tw-text-opacity))
}
.text-\[\#FEAB07\] {
--tw-text-opacity: 1;
color: rgb(254 171 7 / var(--tw-text-opacity))
}
.text-\[\#FEBC07\] {
--tw-text-opacity: 1;
color: rgb(254 188 7 / var(--tw-text-opacity))
}
.text-\[\#FF3030\] {
--tw-text-opacity: 1;
color: rgb(255 48 48 / var(--tw-text-opacity))
}
.text-\[\#FF3D3D\] {
--tw-text-opacity: 1;
color: rgb(255 61 61 / var(--tw-text-opacity))
}
.text-\[\#FF4E4E\] {
--tw-text-opacity: 1;
color: rgb(255 78 78 / var(--tw-text-opacity))
}
.text-\[\#FF5959\] {
--tw-text-opacity: 1;
color: rgb(255 89 89 / var(--tw-text-opacity))
}
.text-\[\#FFAC0A\] {
--tw-text-opacity: 1;
color: rgb(255 172 10 / var(--tw-text-opacity))
}
.text-\[\#b6b0d7\] {
--tw-text-opacity: 1;
color: rgb(182 176 215 / var(--tw-text-opacity))
}
.text-\[\#ccd2e8\] {
--tw-text-opacity: 1;
color: rgb(204 210 232 / var(--tw-text-opacity))
}
.text-\[\#f2f0ff\] {
--tw-text-opacity: 1;
color: rgb(242 240 255 / var(--tw-text-opacity))
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))
}
.text-green {
--tw-text-opacity: 1;
color: rgb(114 211 112 / var(--tw-text-opacity))
}
.text-link {
color: var(--color_link__100)
}
.text-main {
color: var(--color_main__100)
}
.text-main-300 {
color: var(--color_main__300)
}
.text-orange {
--tw-text-opacity: 1;
color: rgb(233 171 10 / var(--tw-text-opacity))
}
.text-primary {
color: var(--color_primary__100)
}
.text-red {
--tw-text-opacity: 1;
color: rgb(255 48 48 / var(--tw-text-opacity))
}
.text-secondary {
color: var(--color_secondary__100)
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
.text-opacity-\[0\.62\] {
--tw-text-opacity: .62
}
.text-opacity-\[0\.80\] {
--tw-text-opacity: .8
}
.underline {
text-decoration-line: underline
}
.underline-offset-2 {
text-underline-offset: 2px
}
.opacity-0 {
opacity: 0
}
.opacity-100 {
opacity: 1
}
.opacity-50 {
opacity: .5
}
.opacity-60 {
opacity: .6
}
.opacity-75 {
opacity: .75
}
.opacity-80 {
opacity: .8
}
.opacity-\[0\.25\] {
opacity: .25
}
.opacity-\[0\.3\] {
opacity: .3
}
.opacity-\[0\.9\] {
opacity: .9
}
.mix-blend-multiply {
mix-blend-mode: multiply
}
.mix-blend-luminosity {
mix-blend-mode: luminosity
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.outline {
outline-style: solid
}
.ring-\[1px\] {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-white {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))
}
.ring-opacity-\[0\.80\] {
--tw-ring-opacity: .8
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.blur-\[6px\] {
--tw-blur: blur(6px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow {
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.\!filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur-\[20px\] {
--tw-backdrop-blur: blur(20px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-\[3px\] {
--tw-backdrop-blur: blur(3px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-\[5px\] {
--tw-backdrop-blur: blur(5px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-\[6px\] {
--tw-backdrop-blur: blur(6px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-\[7px\] {
--tw-backdrop-blur: blur(7px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.duration-200 {
transition-duration: .2s
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
@keyframes enter {
0% {
opacity: var(--tw-enter-opacity, 1);
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
}
}
@keyframes exit {
to {
opacity: var(--tw-exit-opacity, 1);
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
}
}
.duration-200 {
animation-duration: .2s
}
.ease-in-out {
animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.ease-out {
animation-timing-function: cubic-bezier(0, 0, .2, 1)
}
.theme__snow body {
background-image: url(/img/snow-1/bg.png);
background-size: 1920px 5573px;
background-position: center top;
background-repeat: repeat-y
}
.theme__snow .cashback-current {
position: relative;
overflow: visible
}
.theme__snow .cashback-current:after {
position: absolute;
content: "";
top: 0;
left: -3px;
transform: translateY(-50%);
width: 122px;
height: 36px;
background: url(/img/snow-1/snow/rakeback.svg) no-repeat left bottom;
background-size: cover !important
}
@media (min-width: 768px) {
.theme__snow .cashback-current:after {
width: 230px;
height: 73px
}
}
.theme__snow .cashback-earns .table-main, .theme__snow .cashback-cards .bg-primary:first-child {
position: relative;
overflow: visible
}
.theme__snow .cashback-earns .table-main:after, .theme__snow .cashback-cards .bg-primary:first-child:after {
position: absolute;
content: "";
top: 0;
right: -3px;
transform: translateY(-50%);
width: 66px;
height: 21px;
background: url(/img/snow-1/snow/all/3.svg) no-repeat right bottom;
background-size: cover !important
}
@media (min-width: 768px) {
.theme__snow .cashback-earns .table-main:after, .theme__snow .cashback-cards .bg-primary:first-child:after {
width: 154px;
height: 49px
}
}
.theme__snow .bonus-rangs__title:after {
position: absolute;
content: "";
top: 1px;
left: -3px;
transform: translateY(-50%);
width: 163px;
height: 52px;
background: url(/img/snow-1/snow/search.svg) no-repeat left bottom;
background-size: cover !important
}
@media (min-width: 768px) {
.theme__snow .bonus-rangs__title:after {
width: 260px;
height: 82px
}
}
.theme__snow .bonus-benefits__title:after {
position: absolute;
content: "";
top: 1px;
right: -3px;
transform: translateY(-50%);
width: 129px;
height: 41px;
background: url(/img/snow-1/snow/bonus.svg) no-repeat right bottom;
background-size: cover !important
}
@media (min-width: 768px) {
.theme__snow .bonus-benefits__title:after {
width: 178px;
height: 57px
}
}
.theme__snow .bonus-faq__spolier-last {
position: relative
}
.theme__snow .bonus-faq__spolier-last:after {
position: absolute;
content: "";
top: 1px;
right: 95px;
transform: translateY(-50%);
width: 108px;
height: 34px;
background: url(/img/snow-1/snow/all/1.svg) no-repeat right bottom;
background-size: cover !important;
display: none
}
@media (min-width: 768px) {
.theme__snow .bonus-faq__spolier-last:after {
width: 114px;
height: 36px;
display: block
}
}
.theme__snow .bonus-faq__spolier-first {
position: relative
}
.theme__snow .bonus-faq__spolier-first:after {
position: absolute;
content: "";
top: 1px;
right: 28px;
transform: translateY(-50%);
width: 108px;
height: 34px;
background: url(/img/snow-1/snow/all/1.svg) no-repeat right bottom;
background-size: cover !important
}
@media (min-width: 768px) {
.theme__snow .bonus-faq__spolier-first:after {
width: 114px;
height: 36px;
display: none
}
}
.theme__snow .cahback-faq-last {
position: relative;
overflow: visible;
z-index: 1
}
.theme__snow .cahback-faq-last:before {
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 128px;
height: 42px;
background: url(/img/snow-1/snow/card.svg) no-repeat right bottom;
background-size: contain !important;
transform: translateY(50%);
z-index: -1
}
@media (min-width: 768px) {
.theme__snow .cahback-faq-last:before {
width: 260px;
height: 82px
}
}
.theme__snow .bonus-header__logo {
position: relative;
overflow: visible
}
.theme__snow .bonus-header__logo:after {
position: absolute;
content: "";
top: -9px;
right: -4px;
width: calc(100% + 8px);
height: 100%;
background: url(/img/snow-1/snow/logo2.svg) no-repeat center top;
background-size: contain !important
}
@media (min-width: 768px) {
.theme__snow .bonus-header__logo:after {
top: -9px
}
}
.theme__snow .v-btn-orange:not(.btn_deposit):not(.card-tournament-btn), .theme__snow .card-slot-play {
position: relative;
overflow: visible
}
.theme__snow .v-btn-orange:not(.btn_deposit):not(.card-tournament-btn):after, .theme__snow .card-slot-play:after {
position: absolute;
content: "";
top: -42px;
left: -22px;
width: 102px;
height: 80px;
background: url(/img/snow-1/gerland-l.svg) no-repeat left top;
background-size: cover !important
}
.theme__snow .v-btn-orange:not(.btn_deposit):not(.card-tournament-btn):before, .theme__snow .card-slot-play:before {
position: absolute;
content: "";
bottom: -19px;
right: -22px;
width: 102px;
height: 84px;
background: url(/img/snow-1/gerland-r.svg) no-repeat left top;
background-size: cover !important
}
.theme__snow .app_header-sign:after, .theme__snow .app_header-sign:before {
width: 70px !important;
height: 63px !important
}
@media (min-width: 768px) {
.theme__snow .app_header-sign:after, .theme__snow .app_header-sign:before {
width: 102px !important;
height: 84px !important
}
}
.theme__snow .app_header-sign:before {
right: -15px !important;
bottom: -18px !important
}
@media (min-width: 768px) {
.theme__snow .app_header-sign:before {
bottom: -19px !important;
right: -22px !important
}
}
.theme__snow .app_header-sign:after {
top: -29px !important;
left: -15px !important
}
@media (min-width: 768px) {
.theme__snow .app_header-sign:after {
top: -42px !important;
left: -22px !important
}
}
.theme__snow .card-slot-play:after, .theme__snow .card-slot-play:before {
width: 80px !important
}
@media (min-width: 640px) {
.theme__snow .card-slot-play:after, .theme__snow .card-slot-play:before {
width: 102px !important
}
}
.theme__snow .card-slot-play:before {
bottom: -33px !important;
right: -17px !important
}
@media (min-width: 640px) {
.theme__snow .card-slot-play:before {
bottom: -19px !important;
right: -22px !important
}
}
.theme__snow .card-slot-play:after {
top: -33px !important;
left: -17px !important
}
@media (min-width: 640px) {
.theme__snow .card-slot-play:after {
top: -42px !important;
left: -22px !important
}
}
.theme__snow .home-slider.slots .slider {
margin-bottom: -24px;
padding-bottom: 24px
}
.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper {
position: relative
}
@media screen and (min-width: 1024px) {
.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(15):before {
position: absolute;
content: "";
bottom: 0;
right: 0;
transform: translateY(50%);
width: 133px;
height: 42px;
background: url(/img/snow-1/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
}
@media screen and (max-width: 1024px) {
.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(15):before {
content: none
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(10):before {
position: absolute;
content: "";
bottom: 0;
right: 0;
transform: translateY(50%);
width: 133px;
height: 42px;
background: url(/img/snow-1/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
}
@media screen and (min-width: 640px) and (max-width: 768px) {
.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(8):before {
position: absolute;
content: "";
bottom: 0;
right: 0;
transform: translateY(50%);
width: 133px;
height: 42px;
background: url(/img/snow-1/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
}
@media screen and (max-width: 640px) {
.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(5):before {
position: absolute;
content: "";
bottom: 0;
right: 0;
transform: translateY(50%);
width: 133px;
height: 42px;
background: url(/img/snow-1/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
}
.theme__snow .header-logo_domain {
background: url(/img/snow-1/texture-ice2.png) no-repeat center center;
background-size: 150px 90px;
background-position: center center;
color: #fff;
box-shadow: none
}
.theme__snow .v-btn-primary:not(.unice), .theme__snow .card-tournament .v-btn-orange, .theme__snow .app_footer__mobile-link_main, .theme__snow .ctimer {
background: url(/img/snow-1/texture-ice.png) no-repeat center center !important;
background-size: 800px 84px !important;
background-position: center center !important;
color: #fff !important;
box-shadow: none !important
}
.theme__snow .header-logo_circle {
position: relative;
overflow: visible
}
.theme__snow .header-logo_circle:after {
position: absolute;
content: "";
top: -4px;
right: -2px;
width: calc(100% + 5px);
height: 100%;
background: url(/img/snow-1/snow/logo2.svg) no-repeat center top;
background-size: contain !important
}
@media (min-width: 768px) {
.theme__snow .header-logo_circle:after {
top: -5px
}
}
.theme__snow .switch-mode-pre {
position: relative;
overflow: visible;
z-index: 1
}
.theme__snow .switch-mode-pre:before {
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 133px;
height: 42px;
background: url(/img/snow-1/snow/card.svg) no-repeat right bottom;
background-size: contain !important;
transform: translateY(50%);
z-index: -1
}
.theme__snow .home-search .input .v-input__wrapper {
position: relative;
overflow: visible
}
.theme__snow .home-search .input .v-input__wrapper:after {
position: absolute;
content: "";
top: 0;
left: -3px;
width: 182px;
height: 57px;
transform: translateY(-50%);
background: url(/img/snow-1/snow/search.svg) no-repeat left top;
background-size: cover !important
}
.theme__snow .bg-sf-tournaments-pre {
position: relative;
overflow: visible;
z-index: 10
}
.theme__snow .bg-sf-tournaments-pre:before {
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 100%;
height: 42px;
transform: translateY(50%);
background: url(/img/snow-1/snow/card.svg) no-repeat right bottom;
background-size: cover !important;
z-index: -1
}
.theme__snow .page-tournament-card, .theme__snow .tournament-card-first {
position: relative;
overflow: visible
}
.theme__snow .page-tournament-card:before, .theme__snow .tournament-card-first:before {
position: absolute;
content: "";
top: 0;
right: -3px;
width: 260px;
height: 82px;
transform: translateY(-50%);
background: url(/img/snow-1/snow/tournament.svg) no-repeat right bottom;
background-size: cover !important;
z-index: 1;
pointer-events: none
}
.theme__snow .wrapper-slider-tournament {
padding-top: 30px;
margin-top: -30px
}
.theme__snow .wrapper-slider-tournament div[aria-roledescription=slide]:first-child .slider-tournament {
position: relative;
overflow: visible !important;
border-radius: 8px
}
.theme__snow .wrapper-slider-tournament div[aria-roledescription=slide]:first-child .slider-tournament:before {
position: absolute;
content: "";
top: 0;
right: -3px;
width: 260px;
height: 82px;
transform: translateY(-50%);
background: url(/img/snow-1/snow/tournament.svg) no-repeat right bottom;
background-size: cover !important;
z-index: 1;
pointer-events: none
}
.theme__snow .modal-base__wrapper {
position: relative;
overflow: visible
}
.theme__snow .modal-base__wrapper:before {
position: absolute;
content: "";
top: 0;
left: -5px;
width: 193px;
height: 60px;
transform: translateY(-50%);
background: url(/img/snow-1/snow/modal.svg) no-repeat center top;
background-size: cover !important;
z-index: 9999;
pointer-events: none
}
.theme__snow body .btn_all_slider {
position: relative;
overflow: visible
}
.theme__snow body .btn_all_slider:before {
position: absolute;
content: "";
top: 0;
right: -1px;
width: 100%;
height: 26px;
transform: translateY(-50%);
background-size: cover !important;
z-index: 9999;
pointer-events: none
}
.theme__snow body .btn_all_slider.btn_all_slider_trix:before, .theme__snow body .btn_all_slider.btn_all_slider_instant:before, .theme__snow body .btn_all_slider.btn_all_slider_liveshow:before {
background: url(/img/snow-1/snow/all/1.svg) no-repeat center top;
background-size: cover !important
}
.theme__snow body .btn_all_slider.btn_all_slider_new:before, .theme__snow body .btn_all_slider.btn_all_slider_live:before {
background: url(/img/snow-1/snow/all/2.svg) no-repeat left top;
background-size: cover !important
}
.theme__snow body .btn_all_slider.btn_all_slider_bonusbuy:before, .theme__snow body .btn_all_slider.btn_all_slider_liveblackjack:before {
background: url(/img/snow-1/snow/all/3.svg) no-repeat right top;
background-size: cover !important;
right: 0
}
.theme__snow .grid-static-bonuses > .static-bonus:first-child {
position: relative;
overflow: visible
}
.theme__snow .grid-static-bonuses > .static-bonus:first-child:before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 100%;
height: 42px;
transform: translateY(-50%);
background: url(/img/snow-1/snow/bonus.svg) no-repeat right top;
background-size: contain !important;
z-index: 10;
pointer-events: none
}
html.dark .grid-static-bonuses > .static-bonus:first-child:before, html[data-theme=dark] .grid-static-bonuses > .static-bonus:first-child:before {
background: url(/img/snow-1/dark/snow/bonus.svg) no-repeat right top;
background-size: contain !important
}
html.dark.theme__snow body, html[data-theme=dark].theme__snow body {
background-image: url(/img/snow-1/dark/bg.png)
}
html.dark.theme__snow .cashback-current:after, html[data-theme=dark].theme__snow .cashback-current:after {
background: url(/img/snow-1/dark/snow/rakeback.svg) no-repeat left bottom;
background-size: cover !important
}
html.dark.theme__snow .cashback-earns .table-main:after, html.dark.theme__snow .cashback-cards .bg-primary:first-child:after, html[data-theme=dark].theme__snow .cashback-earns .table-main:after, html[data-theme=dark].theme__snow .cashback-cards .bg-primary:first-child:after {
background: url(/img/snow-1/dark/snow/all/3.svg) no-repeat right bottom;
background-size: cover !important
}
html.dark.theme__snow .cahback-faq-last:before, html[data-theme=dark].theme__snow .cahback-faq-last:before {
background: url(/img/snow-1/dark/snow/card.svg) no-repeat right bottom;
background-size: contain !important
}
html.dark.theme__snow .bonus-rangs__title:after, html[data-theme=dark].theme__snow .bonus-rangs__title:after {
background: url(/img/snow-1/dark/snow/search.svg) no-repeat left bottom;
background-size: cover !important
}
html.dark.theme__snow .bonus-benefits__title:after, html[data-theme=dark].theme__snow .bonus-benefits__title:after {
background: url(/img/snow-1/dark/snow/bonus.svg) no-repeat right bottom;
background-size: cover !important
}
html.dark.theme__snow .bonus-faq__spolier-last:after, html[data-theme=dark].theme__snow .bonus-faq__spolier-last:after {
background: url(/img/snow-1/dark/snow/all/1.svg) no-repeat right bottom;
background-size: cover !important
}
html.dark.theme__snow .bonus-faq__spolier-first:after, html[data-theme=dark].theme__snow .bonus-faq__spolier-first:after {
background: url(/img/snow-1/dark/snow/all/1.svg) no-repeat right bottom;
background-size: cover !important
}
html.dark.theme__snow .cahback-faq-last:before, html[data-theme=dark].theme__snow .cahback-faq-last:before {
background: url(/img/snow-1/dark/snow/card.svg) no-repeat right bottom;
background-size: contain !important
}
html.dark.theme__snow .bonus-header__logo:after, html[data-theme=dark].theme__snow .bonus-header__logo:after {
background: url(/img/snow-1/dark/snow/logo.svg) no-repeat center top;
background-size: contain !important
}
html.dark.theme__snow .v-btn-orange:after, html[data-theme=dark].theme__snow .v-btn-orange:after {
background: url(/img/snow-1/gerland-l.svg) no-repeat left top;
background-size: cover !important
}
html.dark.theme__snow .v-btn-orange:before, html[data-theme=dark].theme__snow .v-btn-orange:before {
background: url(/img/snow-1/gerland-r.svg) no-repeat left top;
background-size: cover !important
}
@media screen and (min-width: 1024px) {
html.dark.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(15):before, html[data-theme=dark].theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(15):before {
background: url(/img/snow-1/dark/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
html.dark.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(10):before, html[data-theme=dark].theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(10):before {
background: url(/img/snow-1/dark/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
}
@media screen and (min-width: 640px) and (max-width: 768px) {
html.dark.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(8):before, html[data-theme=dark].theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(8):before {
background: url(/img/snow-1/dark/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
}
@media screen and (max-width: 640px) {
html.dark.theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(5):before, html[data-theme=dark].theme__snow .home-slider.slots .section-slots.slots .card-slot_wrapper:nth-child(5):before {
background: url(/img/snow-1/dark/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
}
html.dark.theme__snow .header-logo_circle:after, html[data-theme=dark].theme__snow .header-logo_circle:after {
background: url(/img/snow-1/dark/snow/logo.svg) no-repeat center top;
background-size: contain !important
}
html.dark.theme__snow .switch-mode-pre:before, html[data-theme=dark].theme__snow .switch-mode-pre:before {
background: url(/img/snow-1/dark/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
html.dark.theme__snow .home-search .input .v-input__wrapper:after, html[data-theme=dark].theme__snow .home-search .input .v-input__wrapper:after {
background: url(/img/snow-1/dark/snow/search.svg) no-repeat left top;
background-size: cover !important
}
html.dark.theme__snow .bg-sf-tournaments-pre:before, html[data-theme=dark].theme__snow .bg-sf-tournaments-pre:before {
background: url(/img/snow-1/dark/snow/card.svg) no-repeat right bottom;
background-size: cover !important
}
html.dark.theme__snow .tournament-card-first:before, html[data-theme=dark].theme__snow .tournament-card-first:before {
background: url(/img/snow-1/dark/snow/tournament.svg) no-repeat right bottom;
background-size: cover !important
}
html.dark.theme__snow .wrapper-slider-tournament div[aria-roledescription=slide]:first-child .slider-tournament:before, html[data-theme=dark].theme__snow .wrapper-slider-tournament div[aria-roledescription=slide]:first-child .slider-tournament:before {
background: url(/img/snow-1/dark/snow/tournament.svg) no-repeat right bottom;
background-size: cover !important
}
html.dark.theme__snow .modal-base__wrapper:before, html[data-theme=dark].theme__snow .modal-base__wrapper:before {
background: url(/img/snow-1/dark/snow/modal.svg) no-repeat center top;
background-size: cover !important
}
html.dark.theme__snow body .btn_all_slider.btn_all_slider_trix:before, html.dark.theme__snow body .btn_all_slider.btn_all_slider_instant:before, html.dark.theme__snow body .btn_all_slider.btn_all_slider_liveshow:before, html[data-theme=dark].theme__snow body .btn_all_slider.btn_all_slider_trix:before, html[data-theme=dark].theme__snow body .btn_all_slider.btn_all_slider_instant:before, html[data-theme=dark].theme__snow body .btn_all_slider.btn_all_slider_liveshow:before {
background: url(/img/snow-1/dark/snow/all/1.svg) no-repeat center top;
background-size: cover !important
}
html.dark.theme__snow body .btn_all_slider.btn_all_slider_new:before, html.dark.theme__snow body .btn_all_slider.btn_all_slider_live:before, html[data-theme=dark].theme__snow body .btn_all_slider.btn_all_slider_new:before, html[data-theme=dark].theme__snow body .btn_all_slider.btn_all_slider_live:before {
background: url(/img/snow-1/dark/snow/all/2.svg) no-repeat left top;
background-size: cover !important
}
html.dark.theme__snow body .btn_all_slider.btn_all_slider_bonusbuy:before, html.dark.theme__snow body .btn_all_slider.btn_all_slider_liveblackjack:before, html[data-theme=dark].theme__snow body .btn_all_slider.btn_all_slider_bonusbuy:before, html[data-theme=dark].theme__snow body .btn_all_slider.btn_all_slider_liveblackjack:before {
background: url(/img/snow-1/dark/snow/all/3.svg) no-repeat right top;
background-size: cover !important
}
@media screen and (min-width: 990px) {
.hd {
display: none !important
}
}
@media screen and (min-width: 768px) and (max-width: 989px) {
.ht {
display: none !important
}
}
@media screen and (max-width: 767px) {
.hm {
display: none !important
}
}
@media screen and (max-width: 360px) {
.hsm {
display: none !important
}
}
.htitle {
display: none !important
}
.f {
display: flex;
align-items: center;
justify-content: space-between
}
.fi {
display: inline-flex
}
.fc {
justify-content: center
}
.fs {
justify-content: flex-start
}
.fe {
justify-content: flex-end
}
.ft {
align-items: flex-start
}
.fb {
align-items: flex-end
}
.fw {
flex-wrap: wrap
}
.fg {
flex-grow: 1
}
.frr {
flex-direction: row-reverse
}
.fcol {
flex-direction: column
}
.f .left-side, .f .right-side {
position: relative
}
*, *:before, *:after {
box-sizing: border-box;
margin: 0;
outline: none
}
ul.list {
padding: 0;
margin: 0;
list-style: none
}
a {
color: inherit;
text-decoration: none
}
img {
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
color: transarent;
border: 0;
font-size: 0
}
img.contain {
-o-object-fit: contain;
object-fit: contain
}
table {
width: 100%;
vertical-align: middle;
border-collapse: collapse;
border-spacing: 0
}
th {
padding: 0
}
.tac {
text-align: center
}
.tal {
text-align: left
}
.tar {
text-align: right
}
.taj {
text-align: justify
}
.ttu {
text-transform: uppercase
}
.ttc {
text-transform: capitalize
}
.ttl {
text-transform: lowercase
}
.tti {
text-transform: initial
}
.fwl, .fw300 {
font-weight: var(--weight-light)
}
.fwr, .fw400 {
font-weight: 400
}
.fws, .fw500 {
font-weight: 500
}
.fwb, .fw700 {
font-weight: 700
}
.nowrap, .nw, .amount, .price, .price * {
white-space: nowrap
}
.ell {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@keyframes bgPos {
0% {
background-position: -50% 0
}
to {
background-position: -250% 0
}
}
@keyframes rotate360 {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes rotate360f {
0% {
transform: rotate(0)
}
to {
transform: rotate(-360deg)
}
}
@font-face {
font-family: Gilroy;
src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url(/fonts/gbi.woff) format("woff");
font-weight: 700;
font-style: italic;
font-display: swap
}
@font-face {
font-family: Gilroy;
src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url(/fonts/gsb.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Gilroy;
src: local("Gilroy Regular"), local("Gilroy-Regular"), url(/fonts/gr.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Gilroy;
src: local("Gilroy Medium"), local("Gilroy-Medium"), url(/fonts/gm.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Gilroy;
src: local("Gilroy Bold"), local("Gilroy-Bold"), url(/fonts/gb.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap
}
.Vue-Toastification__toast {
min-height: 44px !important;
padding: 13px 12px !important;
font-family: var(--font-family) !important;
font-size: var(--fz-default) !important;
font-weight: var(--fw-base) !important
}
.Vue-Toastification__progress-bar {
height: 4px !important
}
.tippy-box {
background: #3b404f !important;
color: #f2f0ff;
font-weight: 500
}
.tippy-box .tippy-arrow {
color: #3b404f !important
}
html.dark .tippy-box, html[data-theme=dark] .tippy-box {
background: #e8e5ff !important;
color: #413b63
}
html.dark .tippy-box .tippy-arrow, html[data-theme=dark] .tippy-box .tippy-arrow {
color: #e8e5ff !important
}
.tippy-box[data-theme~=purple] {
background: var(--primary-400) !important;
color: var(--primary-800);
font-weight: 600
}
.tippy-box[data-theme~=purple] .tippy-arrow {
color: var(--primary-400) !important
}
.tippy-box[data-theme~=purple] .tippy-content {
white-space: nowrap !important
}
.tippy-box[data-theme~=empty] {
background: transparent !important;
padding: 0 !important
}
.tippy-box[data-theme~=empty] .tippy-content {
padding: 0
}
html.dark .tippy-box[data-theme~=empty], html[data-theme=dark] .tippy-box[data-theme~=empty] {
background: transparent !important
}
.gradient--purple {
background: linear-gradient(90deg, #7449e6 .06%, #69a4ff 98.49%)
}
.gradient--orange {
background: linear-gradient(90deg, #ffc658 -18.18%, #f4a100 49.18%, #ffc658 120%)
}
.gradient--vk {
background: linear-gradient(90deg, #647ae8, #54a3f5 104.25%)
}
.gradient--green {
background: linear-gradient(90deg, #76ac41 3.33%, #97d25b)
}
.gradient-radial--purple {
background: var(--gradient-primary)
}
.text-gradient-primary {
background: linear-gradient(90deg, #7449e6 .06%, #69a4ff 98.49%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-weight: 600
}
.text-gradient-green {
background: linear-gradient(0deg, #16B21D 0%, #16B21D 100%);
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.text-gradient-orange {
background: linear-gradient(90deg, #f4a202, #fac257);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-weight: 600
}
.text-gradient-orange-hover {
position: relative;
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.text-gradient-orange-hover:after {
opacity: 0;
content: attr(data-text);
font-weight: inherit;
font-size: inherit;
background: linear-gradient(90deg, #f4a202, #fac257);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
.text-gradient-orange-hover:hover {
color: transparent
}
.text-gradient-orange-hover:hover:after {
opacity: 1
}
.container {
width: 100%;
max-width: var(--container);
padding: 0rem var(--padding);
margin: 0 auto
}
.heading-1 {
position: relative
}
.heading-1:after {
background: linear-gradient(90deg, #7449e6 .06%, #69a4ff 98.49%);
border-radius: 100px;
bottom: -15px;
content: "";
display: block;
height: 6px;
left: 0;
position: absolute;
right: 0;
width: 30%
}
.heading-1--center:after {
width: 70%;
left: 50%;
transform: translate(-50%)
}
.gradient-hover {
position: relative;
z-index: 1
}
.gradient-hover:after {
transition: all .2s ease-in-out;
z-index: -1;
opacity: 0;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
background: rgba(255, 255, 255, .2)
}
.gradient-hover:hover:after {
opacity: 1
}
.filled {
background-image: linear-gradient(to right, var(--primary-200) 0%, var(--primary-400) 50%, var(--primary-200) 70%, var(--primary-200) 100%);
background-size: 100% 100%;
background-size: 200% 100%;
border-radius: .4rem
}
.filled.light {
background-image: linear-gradient(to right, var(--primary-600) 0%, var(--primary-500) 50%, var(--primary-600) 70%, var(--primary-600) 100%)
}
@keyframes placeholder {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
to {
background-position: 0% 50%
}
}
.placeholder {
background-image: linear-gradient(to right, var(--primary-200) 0%, var(--primary-400) 50%, var(--primary-200) 70%, var(--primary-200) 100%);
background-size: 400% 400%;
animation: placeholder 2.25s ease infinite;
border-radius: var(--b-radius)
}
html {
--primary-bg: #ffffff;
--primary-1: #f7f5fe;
--primary-50: #f7f5fe;
--primary-100: #f4f2ff;
--primary-200: #f2f0ff;
--primary-300: #ccd2e8;
--primary-400: #e8e5ff;
--primary-500: #bab1ed;
--primary-600: #7f6fc9;
--primary-700: #574d81;
--primary-800: #413b63;
--color-nav: #b6b0d7;
--color-dark: #9893b6;
--font-family: "Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--fz-default: 14px;
--fw-light: 300;
--fw-normal: 400;
--fw-semibold: 500;
--fw-bold: 700;
--fw-base: var(--fw-normal);
--transition-fast: .2s;
--transition-slow: .4s;
--b-radius: 8px;
--b-radius-sm: 4px;
--gradient-primary: radial-gradient(73.33% 73.33% at 50% 50%, #9db1ff 0%, #6d3eff 100%, #6d3eff 100%);
--gradient-yellow: linear-gradient(90deg, #f4a202 0%, #fac257 100%);
--gradient-purple: linear-gradient(90deg, #7449e6 .06%, #69a4ff 98.49%);
--gradient-orange: linear-gradient(90deg, #ffc658 -18.18%, #f4a100 49.18%, #ffc658 120%);
--gradient-vk: linear-gradient(90deg, #647ae8, #54a3f5 104.25%);
--container: 128rem;
--offset: 2rem;
--padding: 20px;
--bg_primary__100: #ffffff;
--bg_primary__200: #ffffff;
--bg_secondary__100: #f2f0ff;
--bg_secondary__200: #f2f0ff;
--bg_secondary__300: #f2f0ff;
--bg_secondary__400: #f2f0ff;
--bg_main__100: #f7f5fe;
--bg_main__200: #f7f5fe;
--bg_main__300: #f7f5fe;
--bg_light_hover__100: #e8e5ff;
--bg_light_hover__200: #e8e5ff;
--bg_light__100: #e7e2f9;
--bg_light__100-rgb: 231 226 249;
--color_secondary__100: #b6b0d7;
--color_secondary__300: #F2F0FF;
--color_link_hover__100: #bab1ed;
--color_link__100: #7f6fc9;
--color_primary__100: #413b63;
--color_main__100: #2c3034;
--color_main__200: #958EBE;
--color_main__300: #958EBE;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
html.dark {
--primary-bg: #192232;
--primary-1: #262a34;
--primary-50: #262a34;
--primary-200: #1e232f;
--primary-300: #78819d;
--primary-400: #383e4b;
--primary-800: #f2f0ff;
--color_secondary__100: #78819d;
--color_secondary__300: #282D38;
--color_link_hover__100: #bab1ed;
--color_link__100: #9887E9;
--color_primary__100: #f2f0ff;
--color_main__100: #f2f0ff;
--color_main__200: #f2f0ff;
--color_main__300: #A8B2D2;
--primary-100: #1e2737;
--color-nav: #a8b2d2;
--bg_main__100: #27344b;
--bg_primary__100: #192232;
--bg_primary__200: #1f2a3d;
--bg_secondary__100: #283851;
--bg_secondary__200: #1f2a3d;
--bg_secondary__300: #1f2a3d;
--bg_secondary__400: #192232;
--bg_main__200: #27344b;
--bg_main__300: #0c111d;
--bg_light__100: #283851;
--bg_light_hover__100: #1c283c;
--bg_light_hover__200: #283851;
--bg_light_hover__300: #1f2a3d
}
*::-webkit-scrollbar, .ps__rail-y {
border-radius: 999px;
height: 4px;
width: 4px;
background-color: var(--bg_main__200) !important
}
*::-webkit-scrollbar-track {
border-radius: 10px
}
*::-webkit-scrollbar-thumb, .ps__thumb-y {
background-color: var(--primary-300);
border-radius: 10px;
outline: none;
width: 4px;
right: 0;
opacity: 1 !important;
cursor: pointer
}
.ps__rail-y:hover > .ps__thumb-y {
width: 4px !important;
background-color: var(--primary-300) !important;
right: 0;
opacity: 1 !important
}
.ps:hover .ps__rail-y {
opacity: 1 !important
}
.scroll-hidden::-webkit-scrollbar {
display: none
}
@media screen and (max-width: 979px) {
html {
--offset: 1.2rem;
--padding: 12px
}
}
.scroll-dark::-webkit-scrollbar {
border-radius: 999px;
height: 4px;
width: 4px;
background-color: var(--bg_primary__200)
}
.scroll-dark::-webkit-scrollbar-track {
border-radius: 10px
}
.scroll-dark::-webkit-scrollbar-thumb {
background-color: #1f2a3d;
border-radius: 10px;
outline: none
}
.scroll-dark-2::-webkit-scrollbar {
border-radius: 999px;
height: 4px;
width: 4px;
background-color: var(--primary-bg)
}
.scroll-dark-2::-webkit-scrollbar-track {
border-radius: 10px
}
.scroll-dark-2::-webkit-scrollbar-thumb {
background-color: var(--primary-300);
border-radius: 10px;
outline: none
}
.game_absolute {
width: 100%;
position: relative
}
.game_absolute .game_sidebar-header {
position: absolute;
z-index: 1;
padding: var(--padding)
}
.game_wrap {
border-radius: var(--b-radius);
display: flex;
margin-bottom: var(--padding)
}
@media screen and (max-width: 767px) and (orientation: portrait) {
.game_wrap {
flex-wrap: wrap;
position: relative
}
}
.game_wrap.transparent {
background: transparent
}
.game_wrap.separated {
border-radius: var(--b-radius);
gap: var(--padding)
}
.game_wrap.separated .game_sidebar {
border-top-right-radius: var(--b-radius);
border-bottom-right-radius: var(--b-radius)
}
.game_wrap.separated .game_main {
border-top-left-radius: var(--b-radius);
border-bottom-left-radius: var(--b-radius)
}
.game_sidebar {
border-right: 1px solid var(--bg_main__300);
min-width: 350px;
padding: var(--padding);
width: 350px;
background: var(--bg_primary__100);
border-top-left-radius: var(--b-radius);
border-bottom-left-radius: var(--b-radius)
}
@media screen and (max-width: 767px) and (orientation: portrait) {
.game_sidebar {
display: flex;
flex-wrap: wrap;
min-width: 100%;
order: 1;
width: 100%
}
}
.game_sidebar .btns {
display: flex;
flex-direction: column;
gap: var(--padding)
}
.game_sidebar .btns button {
height: 48px;
font-size: 16px
}
@media screen and (max-width: 767px) and (orientation: portrait) {
.game_sidebar .btns button {
height: 42px;
font-size: 14px
}
}
.game_sidebar-suffix {
display: flex;
gap: 4px
}
.game_sidebar, .game_sidebar > form {
display: flex;
flex-direction: column;
gap: var(--padding)
}
.game_sidebar-header {
align-items: center;
display: flex;
font-weight: 600;
gap: 8px;
width: 100%
}
.game_sidebar-header-left {
display: flex;
align-items: center;
margin-bottom: auto;
margin-right: auto
}
@media screen and (max-width: 767px) and (orientation: portrait) {
.game_sidebar-header {
left: 0;
padding: var(--padding);
position: absolute;
top: 0;
z-index: 1
}
}
@media screen and (max-width: 767px) {
.game_sidebar-header .btn-seed {
width: 28px;
height: 28px
}
}
.game_sidebar-icon {
align-items: center;
background: radial-gradient(73.33% 73.33% at 50% 50%, #9db1ff 0, #6d3eff 100%);
border-radius: var(--b-radius-sm);
color: #fff;
display: flex;
height: 32px;
justify-content: center;
width: 32px;
margin-right: 12px
}
@media screen and (max-width: 767px) and (orientation: portrait) {
.game_sidebar-icon {
width: 24px;
height: 24px;
margin-right: 8px
}
.game_sidebar-icon svg {
transform: scale(.8)
}
}
.game_sidebar-title {
font-weight: 600;
font-size: var(--fz-default);
margin-right: auto
}
.game_main {
display: flex;
flex-grow: 1;
flex-wrap: wrap;
overflow: hidden;
width: 100%;
background: var(--bg_primary__100);
border-top-right-radius: var(--b-radius);
border-bottom-right-radius: var(--b-radius)
}
@media screen and (max-width: 767px) and (orientation: portrait) {
.game_main {
padding-top: 52px
}
}
.game_content {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%
}
.game_footer {
margin-top: auto;
position: relative;
width: 100%;
border-top: 1px solid var(--bg_main__300)
}
.providers-btn {
border-radius: 6px;
display: flex;
align-items: center;
padding: 0 12px;
gap: 8px;
max-width: 100%;
height: 100%;
color: var(--color_primary__100);
border: 2px solid var(--bg_secondary__100);
width: 48px;
cursor: pointer;
justify-content: center;
background-color: var(--bg_primary__200);
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s
}
:is(.dark .providers-btn) {
background-color: var(--bg_primary__100)
}
@media (min-width: 768px) {
.providers-btn {
width: 240px;
justify-content: flex-start
}
}
.providers-btn:hover {
background-color: var(--bg_primary__200)
}
:is(.dark .providers-btn:hover) {
background-color: var(--bg_primary__100)
}
.providers-btn:hover {
border-color: var(--bg_light_hover__100)
}
html.dark .providers-btn, html[data-theme=dark] .providers-btn {
color: var(--color_secondary__100);
border: none
}
html.dark .providers-btn:hover, html[data-theme=dark] .providers-btn:hover {
box-shadow: inset 0 0 0 1.5px var(--bg_light_hover__100)
}
html {
background-color: var(--bg_primary__200);
color: var(--color_primary__100);
font-family: var(--font-family);
font-size: 10px;
font-display: swap;
line-height: 1;
overflow-x: hidden;
width: 100vw
}
body {
font-family: var(--font-family);
font-size: var(--fz-default);
font-weight: var(--fw-base);
background-color: var(--bg_main__300);
overflow-x: hidden
}
a, button, input, textarea {
outline: none;
border: none;
border-radius: var(--b-radius);
background: transparent;
font-family: inherit;
font-size: inherit;
font-weight: 600
}
input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:active, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:active, select:-webkit-autofill:focus, select:-webkit-autofill:hover {
-webkit-transition: background-color 600000s 0s, color 600000s 0s;
transition: background-color 600000s 0s, color 600000s 0s
}
button {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center
}
input, textarea {
font-family: var(--font-family)
}
input::-ms-reveal, input::-ms-clear {
display: none
}
textarea {
resize: none
}
input:disabled {
cursor: not-allowed
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield
}
.btn .onmob, .bt .onmob {
display: none
}
.btn .ondesk, .bt .ondesk {
display: block
}
@media screen and (max-width: 767px) {
.btn .ondesk, .bt .ondesk {
display: none
}
.btn .onmob, .bt .onmob {
display: block
}
}
.modal-base__header-close {
position: absolute;
top: 20px;
right: 20px;
border-radius: 2px
}
.Vue-Toastification__toast {
background: transparent;
border-radius: 8px;
padding: 0 !important;
width: auto !important;
max-width: 100%;
margin-left: auto;
box-shadow: 0 4px 8px #0000001f, 0 -4px 8px #0000001f !important
}
.Vue-Toastification__toast--error .Vue-Toastification__progress-bar {
background-color: #f24b4b
}
.Vue-Toastification__toast--success .Vue-Toastification__progress-bar {
background-color: #40b553
}
.Vue-Toastification__container {
padding: 12px
}
.Vue-Toastification__container.top-right {
top: 55px;
right: -4px
}
@media (min-width: 980px) {
.Vue-Toastification__container.top-right {
top: 76px;
right: 8px
}
}
.scroll-light::-webkit-scrollbar-thumb {
background: var(--bg_light__100)
}
.scroll-light::-webkit-scrollbar, .scroll-light::-webkit-scrollbar-track {
background: transparent !important
}
.fadeIn-enter-active {
opacity: 0;
transition: .2s ease-in-out
}
.fadeIn-enter-to {
opacity: 1
}
.hover\:\!bg-\[\#434959\]:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(67 73 89 / var(--tw-bg-opacity)) !important
}
.hover\:bg-light:hover {
background-color: var(--bg_light_hover__100)
}
.hover\:bg-main:hover {
background-color: var(--bg_main__100)
}
.hover\:bg-secondary:hover {
background-color: var(--bg_secondary__100)
}
.hover\:bg-secondary-200:hover {
background-color: var(--bg_secondary__200)
}
.hover\:bg-opacity-100:hover {
--tw-bg-opacity: 1
}
.hover\:text-main:hover {
color: var(--color_main__100)
}
.hover\:text-primary:hover {
color: var(--color_primary__100)
}
.hover\:text-secondary:hover {
color: var(--color_secondary__100)
}
.hover\:opacity-100:hover {
opacity: 1
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed
}
.group:hover .group-hover\:visible {
visibility: visible
}
.group:hover .group-hover\:bg-main {
background-color: var(--bg_main__100)
}
.group:hover .group-hover\:fill-link {
fill: var(--color_link__100)
}
.group:hover .group-hover\:stroke-link {
stroke: var(--color_link__100)
}
.group:hover .group-hover\:text-\[\#f8b024\] {
--tw-text-opacity: 1;
color: rgb(248 176 36 / var(--tw-text-opacity))
}
.group:hover .group-hover\:text-main {
color: var(--color_main__100)
}
.group:hover .group-hover\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
.group:hover .group-hover\:opacity-0 {
opacity: 0
}
.group:hover .group-hover\:opacity-100 {
opacity: 1
}
.group.active .group-\[\.active\]\:fill-link {
fill: var(--color_link__100)
}
.group.active .group-\[\.active\]\:stroke-link {
stroke: var(--color_link__100)
}
.group.active .group-\[\.active\]\:text-\[\#f8b024\] {
--tw-text-opacity: 1;
color: rgb(248 176 36 / var(--tw-text-opacity))
}
.group.active .group-\[\.active\]\:text-main {
color: var(--color_main__100)
}
:is(.dark .dark\:block) {
display: block
}
:is(.dark .dark\:hidden) {
display: none
}
:is(.dark .dark\:border-\[\#1f2a3d\]) {
--tw-border-opacity: 1;
border-color: rgb(31 42 61 / var(--tw-border-opacity))
}
:is(.dark .dark\:border-\[\#263348\]) {
--tw-border-opacity: 1;
border-color: rgb(38 51 72 / var(--tw-border-opacity))
}
:is(.dark .dark\:border-\[\#282C37\]) {
--tw-border-opacity: 1;
border-color: rgb(40 44 55 / var(--tw-border-opacity))
}
:is(.dark .dark\:border-\[\#282D38\]) {
--tw-border-opacity: 1;
border-color: rgb(40 45 56 / var(--tw-border-opacity))
}
:is(.dark .dark\:border-\[\#38485B\]) {
--tw-border-opacity: 1;
border-color: rgb(56 72 91 / var(--tw-border-opacity))
}
:is(.dark .dark\:border-\[\#434959\]) {
--tw-border-opacity: 1;
border-color: rgb(67 73 89 / var(--tw-border-opacity))
}
:is(.dark .dark\:border-white) {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity))
}
:is(.dark .dark\:border-opacity-5) {
--tw-border-opacity: .05
}
:is(.dark .dark\:\!bg-secondary) {
background-color: var(--bg_secondary__100) !important
}
:is(.dark .dark\:\!bg-secondary-300) {
background-color: var(--bg_secondary__300) !important
}
:is(.dark .dark\:bg-\[\#192232\]) {
--tw-bg-opacity: 1;
background-color: rgb(25 34 50 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#1F2A3D\]) {
--tw-bg-opacity: 1;
background-color: rgb(31 42 61 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#1f2a3d\]) {
--tw-bg-opacity: 1;
background-color: rgb(31 42 61 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#222F44\]) {
--tw-bg-opacity: 1;
background-color: rgb(34 47 68 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#243045\]) {
--tw-bg-opacity: 1;
background-color: rgb(36 48 69 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#27344b\]) {
--tw-bg-opacity: 1;
background-color: rgb(39 52 75 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#282C37\]) {
--tw-bg-opacity: 1;
background-color: rgb(40 44 55 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#282d38\]) {
--tw-bg-opacity: 1;
background-color: rgb(40 45 56 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#3F536A\]) {
--tw-bg-opacity: 1;
background-color: rgb(63 83 106 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#4E5668\]) {
--tw-bg-opacity: 1;
background-color: rgb(78 86 104 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#50576A\]) {
--tw-bg-opacity: 1;
background-color: rgb(80 87 106 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#545d74\]) {
--tw-bg-opacity: 1;
background-color: rgb(84 93 116 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#78819D\]) {
--tw-bg-opacity: 1;
background-color: rgb(120 129 157 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-\[\#B6B0D7\]) {
--tw-bg-opacity: 1;
background-color: rgb(182 176 215 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-black) {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
:is(.dark .dark\:bg-light) {
background-color: var(--bg_light_hover__100)
}
:is(.dark .dark\:bg-light-200) {
background-color: var(--bg_light_hover__200)
}
:is(.dark .dark\:bg-light-300) {
background-color: var(--bg_light_hover__300)
}
:is(.dark .dark\:bg-main) {
background-color: var(--bg_main__100)
}
:is(.dark .dark\:bg-primary-200) {
background-color: var(--bg_primary__200)
}
:is(.dark .dark\:bg-secondary-200) {
background-color: var(--bg_secondary__200)
}
:is(.dark .dark\:bg-secondary-300) {
background-color: var(--bg_secondary__300)
}
:is(.dark .dark\:bg-secondary-400) {
background-color: var(--bg_secondary__400)
}
:is(.dark .dark\:bg-opacity-10) {
--tw-bg-opacity: .1
}
:is(.dark .dark\:bg-opacity-100) {
--tw-bg-opacity: 1
}
:is(.dark .dark\:bg-opacity-15) {
--tw-bg-opacity: .15
}
:is(.dark .dark\:bg-opacity-20) {
--tw-bg-opacity: .2
}
:is(.dark .dark\:bg-opacity-30) {
--tw-bg-opacity: .3
}
:is(.dark .dark\:bg-opacity-\[0\.8\]) {
--tw-bg-opacity: .8
}
:is(.dark .dark\:text-\[\#4F6080\]) {
--tw-text-opacity: 1;
color: rgb(79 96 128 / var(--tw-text-opacity))
}
:is(.dark .dark\:text-\[\#525A70\]) {
--tw-text-opacity: 1;
color: rgb(82 90 112 / var(--tw-text-opacity))
}
:is(.dark .dark\:text-\[\#78819d\]) {
--tw-text-opacity: 1;
color: rgb(120 129 157 / var(--tw-text-opacity))
}
:is(.dark .dark\:text-\[\#A8B2D2\]) {
--tw-text-opacity: 1;
color: rgb(168 178 210 / var(--tw-text-opacity))
}
:is(.dark .dark\:text-\[\#EABE6B\]) {
--tw-text-opacity: 1;
color: rgb(234 190 107 / var(--tw-text-opacity))
}
:is(.dark .dark\:text-\[\#F2F0FF\]) {
--tw-text-opacity: 1;
color: rgb(242 240 255 / var(--tw-text-opacity))
}
:is(.dark .dark\:text-\[\#FFAC0A\]) {
--tw-text-opacity: 1;
color: rgb(255 172 10 / var(--tw-text-opacity))
}
:is(.dark .dark\:text-main) {
color: var(--color_main__100)
}
:is(.dark .dark\:text-primary) {
color: var(--color_primary__100)
}
:is(.dark .dark\:text-secondary) {
color: var(--color_secondary__100)
}
:is(.dark .dark\:mix-blend-soft-light) {
mix-blend-mode: soft-light
}
:is(.dark .dark\:hover\:bg-light:hover) {
background-color: var(--bg_light_hover__100)
}
:is(.dark .hover\:dark\:bg-light):hover {
background-color: var(--bg_light_hover__100)
}
:is(.dark .hover\:dark\:bg-secondary):hover {
background-color: var(--bg_secondary__100)
}
:is(.dark .dark\:hover\:bg-opacity-100:hover) {
--tw-bg-opacity: 1
}
:is(.dark .dark\:hover\:text-secondary:hover) {
color: var(--color_secondary__100)
}
.slid__btn img{
transition: 0.2s;
}
.slid__btn:hover img{
filter: brightness(150%);
}
@media (min-width: 360px) {
.xs\:hidden {
display: none
}
.xs\:w-\[100px\] {
width: 100px
}
.xs\:w-\[25px\] {
width: 25px
}
.xs\:min-w-\[700px\] {
min-width: 700px
}
.xs\:basis-1\/2 {
flex-basis: 50%
}
.xs\:basis-1\/3 {
flex-basis: 33.333333%
}
.xs\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.xs\:pt-\[240px\] {
padding-top: 240px
}
.xs\:text-\[13px\] {
font-size: 13px
}
.xs\:text-\[18px\] {
font-size: 18px
}
}
@media (min-width: 430px) {
.\34 30\:flex {
display: flex
}
.\34 30\:hidden {
display: none
}
}
@media (min-width: 640px) {
.sm\:top-\[12px\] {
top: 12px
}
.sm\:flex {
display: flex
}
.sm\:hidden {
display: none
}
.sm\:h-\[48px\] {
height: 48px
}
.sm\:h-\[63px\] {
height: 63px
}
.sm\:w-\[145px\] {
width: 145px
}
.sm\:w-\[225px\] {
width: 225px
}
.sm\:w-auto {
width: auto
}
.sm\:min-w-\[1068px\] {
min-width: 1068px
}
.sm\:basis-1\/2 {
flex-basis: 50%
}
.sm\:basis-1\/3 {
flex-basis: 33.333333%
}
.sm\:basis-1\/4 {
flex-basis: 25%
}
.sm\:p-\[8px\] {
padding: 8px
}
.sm\:pl-\[30px\] {
padding-left: 30px
}
.sm\:pr-\[30px\] {
padding-right: 30px
}
.sm\:pt-\[380px\] {
padding-top: 380px
}
.sm\:text-\[14px\] {
font-size: 14px
}
.sm\:text-\[16px\] {
font-size: 16px
}
.sm\:text-\[18px\] {
font-size: 18px
}
.sm\:text-\[20px\] {
font-size: 20px
}
.sm\:text-\[32px\] {
font-size: 32px
}
}
@media (min-width: 768px) {
.md\:absolute {
position: absolute
}
.md\:relative {
position: relative
}
.md\:-bottom-\[7px\] {
bottom: -7px
}
.md\:-right-\[7px\] {
right: -7px
}
.md\:left-0 {
left: 0
}
.md\:right-0 {
right: 0
}
.md\:top-1\/2 {
top: 50%
}
.md\:z-10 {
z-index: 10
}
.md\:col-span-2 {
grid-column: span 2 / span 2
}
.md\:col-start-2 {
grid-column-start: 2
}
.md\:-my-\[22px\] {
margin-top: -22px;
margin-bottom: -22px
}
.md\:mb-\[12px\] {
margin-bottom: 12px
}
.md\:mb-\[20px\] {
margin-bottom: 20px
}
.md\:mb-\[24px\] {
margin-bottom: 24px
}
.md\:mb-\[30px\] {
margin-bottom: 30px
}
.md\:mb-\[40px\] {
margin-bottom: 40px
}
.md\:mb-\[6px\] {
margin-bottom: 6px
}
.md\:ml-0 {
margin-left: 0
}
.md\:ml-auto {
margin-left: auto
}
.md\:mr-\[12px\] {
margin-right: 12px
}
.md\:mr-\[20px\] {
margin-right: 20px
}
.md\:mr-\[32px\] {
margin-right: 32px
}
.md\:mr-\[8px\] {
margin-right: 8px
}
.md\:mt-0 {
margin-top: 0
}
.md\:\!block {
display: block !important
}
.md\:block {
display: block
}
.md\:\!flex {
display: flex !important
}
.md\:flex {
display: flex
}
.md\:inline-flex {
display: inline-flex
}
.md\:\!hidden {
display: none !important
}
.md\:hidden {
display: none
}
.md\:aspect-square {
aspect-ratio: 1 / 1
}
.md\:h-\[118px\] {
height: 118px
}
.md\:h-\[16px\] {
height: 16px
}
.md\:h-\[24px\] {
height: 24px
}
.md\:h-\[30px\] {
height: 30px
}
.md\:h-\[32px\] {
height: 32px
}
.md\:h-\[364px\] {
height: 364px
}
.md\:h-\[38px\] {
height: 38px
}
.md\:h-\[408px\] {
height: 408px
}
.md\:h-\[42px\] {
height: 42px
}
.md\:h-\[48px\] {
height: 48px
}
.md\:h-\[69px\] {
height: 69px
}
.md\:h-\[80\%\] {
height: 80%
}
.md\:h-\[90\%\] {
height: 90%
}
.md\:max-h-\[60vh\] {
max-height: 60vh
}
.md\:max-h-none {
max-height: none
}
.md\:min-h-\[134px\] {
min-height: 134px
}
.md\:w-\[110px\] {
width: 110px
}
.md\:w-\[120px\] {
width: 120px
}
.md\:w-\[130px\] {
width: 130px
}
.md\:w-\[155px\] {
width: 155px
}
.md\:w-\[16px\] {
width: 16px
}
.md\:w-\[180px\] {
width: 180px
}
.md\:w-\[190px\] {
width: 190px
}
.md\:w-\[20px\] {
width: 20px
}
.md\:w-\[24px\] {
width: 24px
}
.md\:w-\[270px\] {
width: 270px
}
.md\:w-\[280px\] {
width: 280px
}
.md\:w-\[300px\] {
width: 300px
}
.md\:w-\[327px\] {
width: 327px
}
.md\:w-\[32px\] {
width: 32px
}
.md\:w-\[345px\] {
width: 345px
}
.md\:w-\[35px\] {
width: 35px
}
.md\:w-\[400px\] {
width: 400px
}
.md\:w-\[42px\] {
width: 42px
}
.md\:w-\[430px\] {
width: 430px
}
.md\:w-\[60px\] {
width: 60px
}
.md\:w-\[630px\] {
width: 630px
}
.md\:w-\[80\%\] {
width: 80%
}
.md\:w-\[90px\] {
width: 90px
}
.md\:w-auto {
width: auto
}
.md\:min-w-\[456px\] {
min-width: 456px
}
.md\:max-w-\[300px\] {
max-width: 300px
}
.md\:max-w-\[630px\] {
max-width: 630px
}
.md\:max-w-full {
max-width: 100%
}
.md\:max-w-none {
max-width: none
}
.md\:basis-1\/2 {
flex-basis: 50%
}
.md\:basis-1\/3 {
flex-basis: 33.333333%
}
.md\:basis-1\/4 {
flex-basis: 25%
}
.md\:-translate-y-\[17px\] {
--tw-translate-y: -17px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:-translate-y-\[70\%\] {
--tw-translate-y: -70%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.md\:cursor-auto {
cursor: auto
}
.md\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-4 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
.md\:flex-row {
flex-direction: row
}
.md\:flex-col {
flex-direction: column
}
.md\:flex-nowrap {
flex-wrap: nowrap
}
.md\:items-end {
align-items: flex-end
}
.md\:items-center {
align-items: center
}
.md\:justify-center {
justify-content: center
}
.md\:gap-\[12px\] {
gap: 12px
}
.md\:gap-\[30px\] {
gap: 30px
}
.md\:gap-\[8px\] {
gap: 8px
}
.md\:overflow-visible {
overflow: visible
}
.md\:rounded-\[15px\] {
border-radius: 15px
}
.md\:rounded-\[6px\] {
border-radius: 6px
}
.md\:rounded-none {
border-radius: 0
}
.md\:border-none {
border-style: none
}
.md\:bg-main {
background-color: var(--bg_main__100)
}
.md\:bg-transparent {
background-color: transparent
}
.md\:p-0 {
padding: 0
}
.md\:p-\[11px\] {
padding: 11px
}
.md\:p-\[12px\] {
padding: 12px
}
.md\:p-\[20px\] {
padding: 20px
}
.md\:px-\[10px\] {
padding-left: 10px;
padding-right: 10px
}
.md\:px-\[12px\] {
padding-left: 12px;
padding-right: 12px
}
.md\:px-\[20px\] {
padding-left: 20px;
padding-right: 20px
}
.md\:py-\[12px\] {
padding-top: 12px;
padding-bottom: 12px
}
.md\:pb-\[12px\] {
padding-bottom: 12px
}
.md\:pt-0 {
padding-top: 0
}
.md\:pt-\[260px\] {
padding-top: 260px
}
.md\:text-left {
text-align: left
}
.md\:\!text-\[16px\] {
font-size: 16px !important
}
.md\:text-\[12px\] {
font-size: 12px
}
.md\:text-\[13px\] {
font-size: 13px
}
.md\:text-\[14px\] {
font-size: 14px
}
.md\:text-\[16px\] {
font-size: 16px
}
.md\:text-\[18px\] {
font-size: 18px
}
.md\:text-\[20px\] {
font-size: 20px
}
.md\:text-\[22px\] {
font-size: 22px
}
.md\:text-\[24px\] {
font-size: 24px
}
.md\:text-\[28px\] {
font-size: 28px
}
.md\:text-\[35px\] {
font-size: 35px
}
.md\:text-\[36px\] {
font-size: 36px
}
.md\:text-\[38px\] {
font-size: 38px
}
.md\:\!font-semibold {
font-weight: 600 !important
}
.md\:font-bold {
font-weight: 700
}
.md\:opacity-0 {
opacity: 0
}
.desktop\:bottom-\[48px\] {
bottom: 48px
}
.desktop\:right-\[32px\] {
right: 32px
}
.desktop\:mb-\[30px\] {
margin-bottom: 30px
}
.desktop\:block {
display: block
}
.desktop\:\!flex {
display: flex !important
}
.desktop\:hidden {
display: none
}
.desktop\:min-w-\[180px\] {
min-width: 180px
}
.desktop\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.desktop\:grid-cols-3 {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
.desktop\:text-\[16px\] {
font-size: 16px
}
}
@media (min-width: 979px) {
.\39 79\:mt-0 {
margin-top: 0
}
.\39 79\:block {
display: block
}
.\39 79\:hidden {
display: none
}
.\39 79\:h-\[42px\] {
height: 42px
}
.\39 79\:pb-0 {
padding-bottom: 0
}
}
@media (min-width: 980px) {
.header\:mt-\[68px\] {
margin-top: 68px
}
.header\:block {
display: block
}
.header\:hidden {
display: none
}
.header\:pb-\[68px\] {
padding-bottom: 68px
}
.header\:pt-\[68px\] {
padding-top: 68px
}
}
@media (min-width: 1024px) {
.lg\:absolute {
position: absolute
}
.lg\:bottom-0 {
bottom: 0
}
.lg\:top-auto {
top: auto
}
.lg\:col-span-2 {
grid-column: span 2 / span 2
}
.lg\:-mt-\[80px\] {
margin-top: -80px
}
.lg\:mb-\[12px\] {
margin-bottom: 12px
}
.lg\:mr-\[8px\] {
margin-right: 8px
}
.lg\:flex {
display: flex
}
.lg\:h-\[152px\] {
height: 152px
}
.lg\:max-h-\[260px\] {
max-height: 260px
}
.lg\:max-h-full {
max-height: 100%
}
.lg\:w-\[117px\] {
width: 117px
}
.lg\:w-\[24px\] {
width: 24px
}
.lg\:w-\[30px\] {
width: 30px
}
.lg\:w-\[400px\] {
width: 400px
}
.lg\:min-w-\[2000px\] {
min-width: 2000px
}
.lg\:basis-1\/2 {
flex-basis: 50%
}
.lg\:basis-1\/3 {
flex-basis: 33.333333%
}
.lg\:basis-1\/4 {
flex-basis: 25%
}
.lg\:basis-1\/5 {
flex-basis: 20%
}
.lg\:basis-1\/6 {
flex-basis: 16.666667%
}
.lg\:translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.lg\:grid-cols-2 {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
.lg\:grid-cols-3 {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
.lg\:flex-row {
flex-direction: row
}
.lg\:overflow-auto {
overflow: auto
}
.lg\:pb-\[66px\] {
padding-bottom: 66px
}
.lg\:pt-\[320px\] {
padding-top: 320px
}
.lg\:text-\[16px\] {
font-size: 16px
}
.lg\:text-\[32px\] {
font-size: 32px
}
}
@media (min-width: 1280px) {
.xl\:flex {
display: flex
}
.xl\:w-\[500px\] {
width: 500px
}
.xl\:min-w-\[2800px\] {
min-width: 2800px
}
.xl\:basis-1\/6 {
flex-basis: 16.666667%
}
.xl\:grid-cols-4 {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
.xl\:pt-\[430px\] {
padding-top: 430px
}
}
@media (min-width: 1536px) {
.\32xl\:text-\[24px\] {
font-size: 24px
}
.\32xl\:text-\[38px\] {
font-size: 38px
}
}
.providers_dd__body{
display: none;
}
.providers_dd__body.active{
display: flex;
}
.nav__btn img{
transition: 0.2s;
}
.dark .nav__btn.active img{
filter: brightness(2);
}
.dark .nav__btn:hover img{
filter: brightness(2);
}
.providers_dd__body-list .bbc.hidden{
display: none;
}
.v-select__dropdown{
display: none;
}
.v-select__dropdown.open{
display: block;
}
.sideDropdown{
position: absolute;
top: 0;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.sideDropdown.active{
z-index: 9999;
opacity: 1;
visibility: visible;
}
.sideDropdown__container{
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.sideDropdown.active .sideDropdown__container {
visibility: visible;
opacity: 1;
}
.tippy-box1{
max-width: 350px;
}
.tooltip {
position: absolute;
font-weight: 600;
padding: 5px 10px;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
max-width: 300px;
z-index: 1000;
opacity: 0;
pointer-events: none;
transform: scale(0.9);
background: #e8e5ff;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
will-change: transform;
text-align: center;
}
.tooltip.visible {
opacity: 1;
transform: scale(1);
pointer-events: auto;
}
.tooltip img{
display: inline-block;
vertical-align: bottom;
margin: 4px 0 4px 0;
max-width: 15px;
}
.tooltip::before {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
z-index: 1001;
}
/* Стрелка для каждой позиции */
.tooltip[data-position='top']::before {
border-width: 6px 6px 0 6px;
border-color: #e8e5ff transparent transparent transparent;
bottom: -6px; /* Указание расположения стрелки */
left: 50.5%;
transform: translateX(-50%);
}
.tooltip[data-position='right']::before {
border-width: 6px 6px 6px 0;
border-color: transparent #e8e5ff transparent transparent;
top: 50%;
left: -6px;
transform: translateY(-50%);
}
.tooltip[data-position='bottom']::before {
border-width: 0 6px 6px 6px;
border-color: transparent transparent #e8e5ff transparent;
top: -6px;
left: 50%;
transform: translateX(-50%);
}
.tooltip[data-position='left']::before {
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #e8e5ff;
top: 50%;
right: -6px;
transform: translateY(-50%);
}
.dark .tooltip{
background: #e8e5ff;
color: #413b63;
}
.dark .tooltip[data-position='top']::before{
border-color: #e8e5ff transparent transparent transparent;
}
.dark .tooltip[data-position='right']::before{
border-color: transparent #e8e5ff transparent transparent;
}
.dark .tooltip[data-position='bottom']::before {
border-color: transparent transparent #e8e5ff transparent;
}
.dark .tooltip[data-position='left']::before {
border-color: transparent transparent transparent #e8e5ff;
}
.fsidebar , .ssidebar{
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.app_sidebar .ssidebar{
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.app_sidebar.active .ssidebar{
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
}
.app_sidebar.active .fsidebar{
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.modal-overlay{
display: none;
}
.modal-overlay__wrapper{
display: flex;
}
.password-show__ico{
width: 20px;
height: 20px;
background: url("/img/svg/eye.svg") center no-repeat;
}
.password-show.active .password-show__ico{
background: url("/img/svg/eye-active.svg") center no-repeat;
}
.v-modal__tab{
display: none;
}
.v-modal__tab.active{
display: block;
}
.mobile-burger__ico{
width: 24px;
height: 24px;
background: url("/img/svg/xs_burger.svg") center no-repeat;
opacity: 0.4;
transition: 0.2s;
}
.mobile-burger.active .mobile-burger__ico{
background: url("/img/svg/xs_burger-active.svg") center no-repeat;
opacity: 1;
}
.mobile-search{
opacity: 0;
visibility: hidden;
transform: translateY(100%);
}
.mobile-search.active{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.livefeed__top-btn.active{
}
.livefeed__top-btn img{
filter: brightness(0.7);
transition: 0.3s;
}
.livefeed__top-btn.active img{
filter: brightness(1);
}
.profile_dropdown{
z-index: -1;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.profile_dropdown.active{
z-index: 99;
opacity: 1;
visibility: visible;
}
.profile_dropdown-btn{
}
.profile_dropdown-btn img {
filter: brightness(4) hue-rotate(0);
}
.profile_dropdown-btn.router-link-active img ,
.profile_dropdown-btn:hover img{
filter: brightness(0) hue-rotate(0);
}
.dark .profile_dropdown-btn.router-link-active img ,
.dark  .profile_dropdown-btn:hover img{
filter: brightness(6) hue-rotate(0);
}
.profile__sidebar-link img {
filter: brightness(4) hue-rotate(0);
}
.profile__sidebar-link.active img ,
.profile__sidebar-link:hover img{
filter: brightness(0) hue-rotate(0);
}
.dark .profile__sidebar-link.active img ,
.dark  .profile__sidebar-link:hover img{
filter: brightness(6) hue-rotate(0);
}
.custom-select select{
width: 100%;
}
.custom-select .select2-container--default .select2-selection--single{
background: #f2f0ff;
height: 48px;
border-radius: 6px;
border: 1px solid transparent;
}
.custom-select .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 48px;
padding: 0 1.2rem;
font-weight: 600;
color: #b6b0d7;
}
.custom-select .selected-item  .select2-selection--single .select2-selection__rendered{
color: #000;
}
.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow{
height: 48px;
width: 38px;
display: flex;
justify-content: center;
align-items: center;
}
.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow b{
border: none;
background: url("/img/svg/arrow_prev.svg") center no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
position: static;
transition: 0.3s;
}
.custom-select .select2-container--open .select2-selection--single .select2-selection__arrow b{
transform: rotate(180deg);
}
.select2-dropdown{
background: #f2f0ff;
border: none;
margin: 0;
box-shadow: 0 4px 8px #00000026;
border-radius: 6px;
padding: 4px;
}
.select2-results__option{
color: #b6b0d7;
min-height: 48px;
transition: .2s;
padding: 0 1.2rem;
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
border-radius: 6px;
position: relative;
}
.select2-results__option:not(:last-child){
margin: 0 0 4px 0;
}
.select2-container--default .select2-results__option--selected{
background: #fff;
background-size: 16px;
color: #000;
}
.select2-container--default .select2-results__option--selected:after{
content: "";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 16px;
height: 16px;
background: url("/img/svg/select-check.svg") center no-repeat;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
background: #fff;
color: #000;
}
.ui-widget-content{
border-color: #ddd !important;
border-radius: 6px;
width: 100%;
max-width: 261px;
}
.ui-widget-header{
background: none !important;
border: none !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
border: none !important;
font-weight: 600;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
-ms-appearance: none;
appearance: none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
border-color: transparent !important;
background: none;
width: 35px;
height: 35px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
color: #c0c4cc;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
border-color: #7f6fc9 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
border-color: #7f6fc9 !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
background: url("/img/svg/arrow_prev.svg") center no-repeat;
background-size: 16px;
}
.ui-datepicker .ui-datepicker-prev{
transform: rotate(90deg);
left: 2px !important;
top: 2px !important;
}
.ui-datepicker .ui-datepicker-next{
transform: rotate(-90deg);
right: 2px !important;
top: 2px !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
display: none;
}
.notificationsDropdown{
opacity: 0;
visibility: hidden;
z-index: -1;
transition: 0.3s;
}
.notificationsDropdown.active{
opacity: 1;
visibility: visible;
z-index: inherit;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{
border: none !important;
font-weight: 600;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
-ms-appearance: none;
appearance: none !important;
}
.modal-deposit-tab{
display: none;
}
.modal-deposit-tab.active{
display: block;
}
.modal_payment .modal-close{
position: absolute;
top: 20px;
right: 20px;
max-width: 24px;
}
.modal_payment .modal-close:hover{
filter: brightness(0.95);
}
.dark .modal_payment .modal-close:hover{
filter: brightness(1.2);
}
.deposit__methods , .withdrawal__methods{
display: none;
}
.deposit__methods.active , .withdrawal__methods.active{
display: block;
}
.deposit__tabs , .withdrawal__tabs{
display: none;
}
.deposit__tabs.active , .withdrawal__tabs.active{
display: block;
}
.function-select{
width: 240px;
flex-shrink: 0;
}
.function-select .select2-container--default .select2-selection--single{
border: 2px solid #f2f0ff;
background: #fff;
}
.function-select .select2-container--default .select2-selection--single .select2-selection__rendered{
display: flex;
justify-content: flex-start;
align-items: center;
color: #000;
}
.function-select .select2-container--default .select2-selection--single .select2-selection__rendered:before{
content: "";
background: url("/img/svg/filter.svg") no-repeat;
width: 16px;
height: 16px;
display: block;
margin: 0 8px 0 0;
flex-shrink: 0;
}
.swiper-arrow{
width: 40px;
height: 40px;
background: #f7f5fe;
border: 1px solid #ebe8f7;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-arrow:after{
display: block;
content: "";
background: url("/img/svg/chevron.svg") center no-repeat;
width: 20px;
height: 20px;
}
.swiper-button-prev:after{
transform: rotate(90deg);
}
.swiper-button-next:after{
transform: rotate(-90deg);
}
.dark .custom-select .select2-container--default .select2-selection--single{
background: #1f2a3d;
}
.dark .custom-select .select2-selection--single .select2-selection__rendered{
color: #78819d;
}
.dark .custom-select .selected-item .select2-selection--single .select2-selection__rendered{
color: #fff;
}
.dark .select2-dropdown{
background: #1f2a3d;
}
.dark .select2-results__option{
color: #78819d;
}
.dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
background: var(--bg_primary__100);
color: #fff;
}
.dark .select2-container--default .select2-results__option--selected{
background: var(--bg_primary__100);
color: #fff;
}
.historylimit,
.nohistorytxtg,
.nohistorytxtt,
.nohistorytxtb {
text-align: center;
min-height: 15px;
}
.cancelbut {
height: 30px;
margin: 5px auto 0;
}
.dark .function-select .select2-container--default .select2-selection--single{
border-color: #1f2a3d;
}
.tab-pane{
display: none;
}
.tab-pane.active{
display: block;
}
.game_fav img.filled{
display: none;
}
.game_fav.active img{
display: none;
}
.game_fav.active img.filled{
display: block;
}
.slot__body-header-btns .game_fav.active img.filled{
background: none;
}
.modal-alert{
transform: translateX(100%);
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.modal-alert > div{
display: none;
}
.modal-alert.active{
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.modal-alert.active > div{
display: block;
}
@media (max-width: 1359px) {
.fsidebar, .ssidebar{
transform: none !important;
}
.app_sidebar .fsidebar {
z-index: -1;
}
.app_sidebar.active .fsidebar{
z-index: 21;
}
.app_sidebar .fsidebar_overlay {
z-index: -1;
display: none;
}
.app_sidebar.active .fsidebar_overlay{
z-index: inherit;
display: block;
}
.app_sidebar .ssidebar{
display: none;
}
}
@media (max-width: 979px) {
.profile__sidebar{
display: none;
}
}
@media (max-width: 769px) {
.modal-deposit__sidebar{
display: none;
}
.modal-deposit__sidebar.active{
display: flex;
}
.modal-deposit__body.active{
display: none;
}
.function-select{
width: 48px;
}
.function-dropdown .select2-dropdown{
width: 240px !important;
}
.function-select .select2-container--default .select2-selection--single .select2-selection__rendered{
text-indent: -99999px;
display: flex;
justify-content: center;
align-items: center;
}
.function-select .select2-container--default .select2-selection--single .select2-selection__rendered:before{
margin: 0;
}
.function-select .select2-container--default .select2-selection--single .select2-selection__arrow{
display: none;
}
}
.header-logo_host img {
    width: 200px!important;
    max-width: 200px;
}
@media screen and (max-width: 395px) {
    .app_header-profile_balance .toggle {
        border-radius: var(--b-radius-sm);
        height: 34px;
        width: 129px;
        font-size: 13px;
    }
}