.go-link:hover{
	cursor: pointer;
}

#masthead{
	position: sticky;
	top: 0;
}

#masthead button{
	font-size: 15px;
	padding: 10px 20px;
	border-radius: 8px;
}

#masthead button:not(.gradient){
	background: transparent;
	color: #3959d9;
	border: 1px solid #3959d9;
}

#masthead button:not(.gradient):hover{
	background: #c4cdf4;
}

.gradient{
	background: linear-gradient(103.42deg,#fc4665 6.06%,#3959d9 77.61%);
}

.gradient:hover{
  background: linear-gradient(103.42deg,#e31a3c 6.06%,#0f32bd 77.61%);
}

a.gradient{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none!important;
	font-weight: 600;
	padding: 20px 60px;
	max-width: 100%;
	border-radius: 8px
}

li.gradient a span{
	color: #fff;
}

li.gradient{
	border-radius: 8px;
	padding: 8px;
}

.menu-image-title-after.menu-image-not-hovered img{
	padding-right: 0;
}

#primary{
	padding-left: 10px!important;
	border-left: 0!important;
}

#secondary{
	padding-right: 0!important;
	border-right: 0!important;
}

#primary, #secondary{
	margin-top: 8px;
}

.sidebar-main{
	padding: 12px 8px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 2px 3px rgba(0,0,0,.07),0 -2px 3px rgba(0,0,0,.07);
}

#menu-left-menu .menu-link{
	color: #3f4250;
	font-size: 14px;
  font-weight: 400;
}

.main-header-menu .menu-link{
	color: #9fa0a8!important;
	font-size: 14px;
	text-transform: uppercase;
}

.current-menu-item .menu-link, .home .casino-link .menu-link{
	color: #3959d9!important;
	border-bottom: 2px solid;
}

.menu-link:hover{
	color: #3959d9!important;
}

.menu li:not(.gradient) a img{
	margin-left: 10px;
}

#primary-site-navigation-desktop{
	margin-left: 60px;
}

ul.main-header-menu{
	margin-top: 5px;
}

.n2-ss-slider-2{
	border-radius: 16px!important;
}

.n2_clear{
	margin-bottom: 10px;
}

.row{
	display: flex;
	justify-content: space-between;
	grid-gap: 16px 8px;
	margin-bottom: 15px;
}

.col{
	position: relative;
	overflow: hidden;
  border-radius: 15px;
}

.overlay{
	position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
	opacity: 0;
	display: flex;
	align-items: center;
	background: rgba(63,66,80,.5);
  flex-direction: column;
	justify-content: space-between;
	color: #fff;
	transition: all ease 0.5s;
}

.overlay:hover{
	opacity: 1;
	cursor: pointer;
	transition: all ease 0.5s;
}

.game-star:hover{
	pointer-events: none;
}

.overlay img{
	padding: 20px 0;
}

.image-box{
	overflow: hidden;
	transition: all ease 0.5s;
}

.col:hover .image-box img{
	transform: scale(1.2);
	transition: all ease 0.5s;
}

.col .image-box img{
	transition: all ease 0.5s;
}

.play{
	width: 100%;
  background: #3F4250;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
	font-size: 12px;
}

.play span{
	border-radius: 15px;
  border: 1px solid #fff;
  padding: 7px 31px;
}

.image-box img{
	border-radius: 15px
}

#search-field{
	border: 0;
	background: #f3f3f6;
	border-radius: 8px;
	padding: 9px 8px 8px 38px;
	font-size: 14px!important;
}

.widget_search .search-form button{
	left: 10px;
}

.text-title{
	color: #3f4250;
	font-size: 18px;
  font-weight: 600;
}

.text-description{
	color: #9fa0a8;
	font-size: 14px;
  font-weight: 600;
}

.image-box-text{
	display: flex;
  justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
}

.game-star{
	z-index: 1;
	position: relative;
	padding-top: 10px;
}

.category-title{
	font-family: OpenSansBold,sans-serif;
	font-size: 22px;
  font-weight: 800;
	color: #3f4250;
	padding: 20px 10px;
}

.games-header{
	display: flex;
  justify-content: space-between;
	align-items: center;
}

.category-options{
	display: flex;
}

.category-options select{
	margin-right: 10px;
	border: 0;
	width: 162px;
	border-radius: 8px;
	font-weight: 600;
  font-size: 12px;
}

img.size-full{
	border-radius: 15px;
	margin: 20px auto;
}

@media (max-width: 1000px){
	.row{
		flex-wrap: wrap;
	}
}

@media (max-width: 921px){
	#primary, #secondary{
		width: 100%;
	}
}

@media (max-width: 758px){
	.col{
		width: 48%;
	}
}

@media (max-width: 456px){
	.site-header-section button{
		padding: 15px 14px!important;
		font-size: 12px!important;
	}
	.games-header{
		flex-wrap: wrap;
	}
}		


.GameList__more {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
}

.Button__primary {
    background: #3156eb;
    border: none;
    color: #fff;
}

.Button {
    display: flex;
    width: 100%;
    border-radius: 8px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    height: 52px;
    text-transform: uppercase;
}

.GameList__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(188px, 1fr));
    grid-auto-rows: 1fr;
    column-gap: 16px;
    row-gap: 16px;
}

.GameCard {
    display: block;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.GameCard:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    padding-bottom: 115.5963302752%;
}

.GameCard__cover {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
}

.GameCard__cover img {
    width: 100%;
}

.GameCard__play {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 16px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out; /* Добавлено плавное появление */
}

.GameCard:hover .GameCard__play {
    opacity: 1; /* Показываем кнопки при наведении */
}

.GameCard__play:hover {
    background: #FF000080;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.GameCard__play_real {
    background: #3156eb;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.GameCard__play_btn {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    width: 100%;
    height: 51px;
    color: #fff;
    cursor: pointer;
}

.GameCard__play_demo {
    border-radius: 8px;
    background: transparent;
    border: 1px solid #fff;
}

.GameCard__play_demo:hover {
	background: transparent;
    /*border: 1px solid #fff;*/
}

@media (max-width: 768px) {
    .GameList__list {
        grid-template-columns: repeat(2, 1fr); 
        column-gap: 8px;
        row-gap: 8px;
    }

    .GameList__list .GameCard:nth-child(15) {
        display: none;
    }

  header .custom-logo-link img {
      max-width: 70px;
  }
  
  .category-options {
  margin-bottom:10px;
  } 
  
}

.content_bellow {
	margin-top:50px;
}

#search-2 {
    display: none;
}



.CasinoLayout__header {
    grid-area: header;
    display: grid;
    align-items: center;
    position: fixed;
    height: 70px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #eef0f8;
    border-bottom: 1px solid #cbd2ed;
}

.Header {
    width: 100%;
    max-width: 1104px;
        margin-left: 210px;
    position: relative;
}

.Header__top {
    display: grid;
    grid-template-columns: 150px minmax(auto, 457px) 500px;
    align-items: center;
    width: 100%;
}

.Header__logo {
    height: 37px;
    width: 83px;
    display: flex;
    align-items: center;
}

.Header__logo_link {
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.Header__logo_link:hover {
	background: transparent;
}

.Header__logo svg {
    width: 100%;
    height: 100%;
}

.TopNavigationDesktop {
    display: flex;
    align-items: center;
    gap: 24px;
}

.TopNavigationDesktopItem.active {
    color: #3156eb;
}

.TopNavigationDesktopItem {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    background: transparent;
    white-space: nowrap;
    border: none;
    padding: 0;
    cursor: pointer;
}

.TopNavigationDesktopItem:hover {
    color: #3156eb;
    text-decoration: none;
    background:none;
}

.Header__userinfo {
    display: flex;
    justify-content: flex-end;
}

.UserInfo {
    display: flex;
    align-items: center;
    gap: 16px;
}

.UserInfo__controls {
    display: block;
}

.UserControlsNotAuth {
    display: grid;
    grid-template-columns: repeat(2, 152px);
    gap: 16px;
    align-items: center;
}

.Button__primary {
    background: #3156eb;
    border: none;
    color: #fff;
}


.Button__gradient {
    background: var(--gradient);
    border: 1px solid #4859e6;
    color: #4859e6;
    box-shadow: 0 2px 3px #00000026;
}

.Button__blick {
  position:absolute;
  width:32px;
  height:199px;
  top:-50px;
  left:-20px;
  z-index:10;
	}

.UserControlsNotAuth{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  align-items:center
}


.UserInfo__intercom {
    background: var(--bg);
    border: none;
    border-radius: 8px;
    width: 52px;
    height: 52px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.UserInfo__intercom:hover {
	    background: #fff;
    border: 1px solid #4859e6;
}


.LanguageSelectItem:hover {
	background: #fff;
    
}


.UserInfo__separator {
    width: 1px;
    height: 28px;
    background: #cbd2ed;
}

.UserInfo__language {
    position: relative;
}

.LanguageSelect {
    position: relative;
    padding: 0;
    width: 28px;
}

.LanguageSelectItem {
    display: flex;
    align-items: center;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.LanguageSelectItem__flag {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    overflow: hidden;
}

.Header__controls {
    display: none;
}

.UserControlsNotAuth {
    display: grid;
    grid-template-columns: repeat(2, 152px);
    gap: 16px;
    align-items: center;
}

.Button__primary {
    background: #3156eb;
    border: none;
    color: #fff;
}

.TopNavigationDesktopItem__label {
    position: absolute;
    right: 0;
    top: -15px;
    width: 23px;
    height: 11px;
}




@media (max-width: 1180px) {
    .CasinoLayout__header_empty {
        display: none;
    }
}

@media (max-width: 1180px) {
    .Header {
        /*padding: 0 16px 8px;*/
      	padding: 0 8px 8px;
        margin-left: 0;
    }
}

@media (max-width: 1180px) {
    .Header__top {
        padding: 20px 0;
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 1180px) {
    .Header__navigation {
        display: none;
    }
}

.TopNavigationDesktop {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 1180px) {
    .UserInfo {
        gap: 12px;
    }
}

@media (max-width: 1180px) {
    .UserInfo__controls {
        display: none;
    }
}

@media (max-width: 1180px) {
    .UserControlsNotAuth {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        align-items: center;
    }
}


@media (max-width: 1180px) {
    .UserInfo__intercom {
        width: 28px;
        height: 28px;
    }
}

@media (max-width: 1180px) {
    .UserInfo__separator {
        display: none;
    }
}

@media (max-width: 1180px) {
    .UserInfo__language {
        display: none;
    }
}

@media (max-width: 1180px) {
    .LanguageSelect {
        padding: 8px;
        width: 68px;
    }
}

@media (max-width: 1180px) {
    .Header__controls {
        display: block;
    }
}

@media (max-width: 1180px) {
    .UserControlsNotAuth {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        align-items: center;
    }
}

header {
    padding-bottom: 70px; 
}


@media (max-width: 768px) {
    header {
        padding-bottom: 120px;
    }
}



Font & Text.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
@media (max-width: 320px) {
  .Button { font-size: 12px; line-height: 130%; font-weight: 600; }
}
@media (max-width: 320px) {
  .Button { font-size: 12px; line-height: 130%; font-weight: 600; }
}
@media (max-width: 320px) {
  .Button { font-size: 12px; line-height: 130%; font-weight: 600; }
}
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
@media (max-width: 576px), (max-height: 576px) {
  .Button__chicks { font-size: 14px; line-height: 17.51px; font-weight: 800; background-size: 143px; height: 40px; margin-top: -25px; }
}
@media (max-width: 576px), (max-height: 576px) {
  .Button__chicks { font-size: 14px; line-height: 17.51px; font-weight: 800; background-size: 143px; height: 40px; margin-top: -25px; }
}
@media (max-width: 576px), (max-height: 576px) {
  .Button__chicks { font-size: 14px; line-height: 17.51px; font-weight: 800; background-size: 143px; height: 40px; margin-top: -25px; }
}
.WalletControls__balance { text-align: right; }
.WalletControls__balance_currency { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--textPrimary); }
.WalletControls__balance_currency { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--textPrimary); }
.WalletControls__balance_currency { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--textPrimary); }
@media (max-width: 1180px) {
  .WalletControls__balance_currency { font-size: 10px; line-height: 14px; font-weight: 700; }
}
@media (max-width: 1180px) {
  .WalletControls__balance_currency { font-size: 10px; line-height: 14px; font-weight: 700; }
}
@media (max-width: 1180px) {
  .WalletControls__balance_currency { font-size: 10px; line-height: 14px; font-weight: 700; }
}
.WalletControls__balance_bonus { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: flex-end; }
.WalletControls__balance_bonus { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: flex-end; }
.WalletControls__balance_bonus { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: flex-end; }
@media (max-width: 1180px) {
  .WalletControls__balance_bonus { font-size: 10px; line-height: 130%; font-weight: 600; }
}
@media (max-width: 1180px) {
  .WalletControls__balance_bonus { font-size: 10px; line-height: 130%; font-weight: 600; }
}
@media (max-width: 1180px) {
  .WalletControls__balance_bonus { font-size: 10px; line-height: 130%; font-weight: 600; }
}
.LanguageSelectItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin-left: 4px; display: none; }
.LanguageSelectItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin-left: 4px; display: none; }
.LanguageSelectItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin-left: 4px; display: none; }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.Checkbox__label { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); margin-left: 10px; }
.Checkbox__label { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); margin-left: 10px; }
.Checkbox__label { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); margin-left: 10px; }
.Checkbox__label a { color: var(--active); text-decoration: none; }
.LanguageItem__name_orig { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--inputTextColor); }
.LanguageItem__name_orig { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--inputTextColor); }
.LanguageItem__name_orig { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--inputTextColor); }
.LanguageSelect__list_content_header { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); height: 100%; width: 100%; }
.LanguageSelect__list_content_header { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); height: 100%; width: 100%; }
.LanguageSelect__list_content_header { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); height: 100%; width: 100%; }
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
.UserInfo__countries_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textSecondary); margin-bottom: 12px; padding: 0px 16px; }
.UserInfo__countries_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textSecondary); margin-bottom: 12px; padding: 0px 16px; }
.UserInfo__countries_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textSecondary); margin-bottom: 12px; padding: 0px 16px; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem:hover { color: var(--primary); text-decoration: none; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); white-space: nowrap; }
.CategoryNavigationItem__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); white-space: nowrap; }
.CategoryNavigationItem__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); white-space: nowrap; }
.CategoryNavigationItem:hover { text-decoration: none; background: var(--hoverBgDesktopCaterogy); }
.CategoryNavigationItem.active { text-decoration: none; background: var(--activeBgDesktopCaterogy); }
.NewGloryButton-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
.NewGloryButton-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
.NewGloryButton-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
.CategoryNavigation-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.CategoryNavigation-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.CategoryNavigation-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.ProviderFilterItem__name { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); }
.ProviderFilterItem__name { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); }
.ProviderFilterItem__name { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); }
.ProviderFilterItem__count { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 8px; }
.ProviderFilterItem__count { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 8px; }
.ProviderFilterItem__count { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 8px; }
.ProviderFilter__title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin: 16px 0px 8px; display: flex; align-items: center; justify-content: space-between; }
.ProviderFilter__title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin: 16px 0px 8px; display: flex; align-items: center; justify-content: space-between; }
.ProviderFilter__title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin: 16px 0px 8px; display: flex; align-items: center; justify-content: space-between; }
.ProviderFilter__reset { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--active); padding: 3px; background: transparent; border: none; cursor: pointer; }
.ProviderFilter__reset { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--active); padding: 3px; background: transparent; border: none; cursor: pointer; }
.ProviderFilter__reset { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--active); padding: 3px; background: transparent; border: none; cursor: pointer; }
.ProviderFilter__providers_empty { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); height: 100%; display: flex; align-items: center; justify-content: center; }
.ProviderFilter__providers_empty { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); height: 100%; display: flex; align-items: center; justify-content: center; }
.ProviderFilter__providers_empty { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); height: 100%; display: flex; align-items: center; justify-content: center; }
.ProviderFilter__providers_empty > span { max-width: 170px; text-align: center; }
.CategoryMobileItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--logoCaterogy); }
.CategoryMobileItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--logoCaterogy); }
.CategoryMobileItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--logoCaterogy); }
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem:hover { text-decoration: none; }
.BannerItem-text__title { width: 800px; white-space: break-spaces; font-family: Unbounded; font-size: 48px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--textPrimary); text-transform: uppercase; }
.BannerItem-text__title { width: 800px; white-space: break-spaces; font-family: Unbounded; font-size: 48px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--textPrimary); text-transform: uppercase; }
.BannerItem-text__title { width: 800px; white-space: break-spaces; font-family: Unbounded; font-size: 48px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--textPrimary); text-transform: uppercase; }
.BannerItem-text__title { width: 800px; white-space: break-spaces; font-family: Unbounded; font-size: 48px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--textPrimary); text-transform: uppercase; }
.BannerItem-text__title { width: 800px; white-space: break-spaces; font-family: Unbounded; font-size: 48px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--textPrimary); text-transform: uppercase; }
@media (max-width: 768px) {
  .BannerItem-text__title { width: 300px; font-size: 18px; font-weight: 800; }
}
@media (max-width: 768px) {
  .BannerItem-text__title { width: 300px; font-size: 18px; font-weight: 800; }
}
.BannerItem-text__desc { width: 700px; font-size: 20px; line-height: 120%; font-weight: 400; color: var(--textPrimary); margin-top: 20px; }
.BannerItem-text__desc { width: 700px; font-size: 20px; line-height: 120%; font-weight: 400; color: var(--textPrimary); margin-top: 20px; }
.BannerItem-text__desc { width: 700px; font-size: 20px; line-height: 120%; font-weight: 400; color: var(--textPrimary); margin-top: 20px; }
@media (max-width: 768px) {
  .BannerItem-text__desc { width: 200px; font-size: 12px; line-height: 120%; font-weight: 400; margin-top: 8px; }
}
@media (max-width: 768px) {
  .BannerItem-text__desc { width: 200px; font-size: 12px; line-height: 120%; font-weight: 400; margin-top: 8px; }
}
@media (max-width: 768px) {
  .BannerItem-text__desc { width: 200px; font-size: 12px; line-height: 120%; font-weight: 400; margin-top: 8px; }
}
.BannerItem-text__btn { position: fixed; bottom: 60px; width: 343px; text-transform: uppercase; cursor: pointer; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.TabbarItem__title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); text-align: center; }
.TabbarItem__title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); text-align: center; }
.TabbarItem__title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); text-align: center; }
.TabbarItem__title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); text-align: center; }
.Progressbar-header__title { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); opacity: 0.8; }
.Progressbar-header__title { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); opacity: 0.8; }
.Progressbar-header__title { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); opacity: 0.8; }
.Progressbar-header__amount { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Progressbar-header__amount { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Progressbar-header__amount { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
@media (max-width: 1180px) {
  .Progressbar-header__info { display: flex; font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
}
@media (max-width: 1180px) {
  .Progressbar-header__info { display: flex; font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
}
@media (max-width: 1180px) {
  .Progressbar-header__info { display: flex; font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
}
.BonusWidget-header__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-header__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-header__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-header__info { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); cursor: pointer; }
.BonusWidget-header__info { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); cursor: pointer; }
.BonusWidget-header__info { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); cursor: pointer; }
.BonusWidget-container-reward__title { width: 87px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container-reward__title { width: 87px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container-reward__title { width: 87px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container-reward-value__text { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container-reward-value__text { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container-reward-value__text { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Timer { font-weight: inherit; color: inherit; font-family: inherit; font-size: inherit; }
.Timer { font-weight: inherit; color: inherit; font-family: inherit; font-size: inherit; }
.Timer { font-weight: inherit; color: inherit; font-family: inherit; font-size: inherit; }
.Timer-is-promo { font-family: Unbounded; }
.Timer__promo { font-family: Unbounded; font-size: 64px; font-style: normal; font-weight: 800; }
.Timer__promo { font-family: Unbounded; font-size: 64px; font-style: normal; font-weight: 800; }
.Timer__promo { font-family: Unbounded; font-size: 64px; font-style: normal; font-weight: 800; }
.Timer_tournament { font-weight: 700; }
.Timer-bonus-item__value { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Timer-bonus-item__value { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Timer-bonus-item__value { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Timer-bonus-item__value-small { font-size: 16px; line-height: 130%; font-weight: 600; }
.Timer-bonus-item__value-small { font-size: 16px; line-height: 130%; font-weight: 600; }
.Timer-bonus-item__value-small { font-size: 16px; line-height: 130%; font-weight: 600; }
.Timer-bonus-item__value-medium { font-size: 20px; line-height: 30px; font-weight: 700; }
.Timer-bonus-item__value-medium { font-size: 20px; line-height: 30px; font-weight: 700; }
.Timer-bonus-item__value-medium { font-size: 20px; line-height: 30px; font-weight: 700; }
.Timer-bonus-item__value-large { font-size: 48px; line-height: 110%; font-weight: 800; }
.Timer-bonus-item__value-large { font-size: 48px; line-height: 110%; font-weight: 800; }
.Timer-bonus-item__value-large { font-size: 48px; line-height: 110%; font-weight: 800; }
.Timer-bonus-item__label { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus-item__label { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus-item__label { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus-item__label-large { font-size: 16px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus-item__label-large { font-size: 16px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus-item__label-large { font-size: 16px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.FooterNavigationItem { text-decoration: none; font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterLink); cursor: pointer; margin-bottom: 8px; }
.FooterNavigationItem { text-decoration: none; font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterLink); cursor: pointer; margin-bottom: 8px; }
.FooterNavigationItem { text-decoration: none; font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterLink); cursor: pointer; margin-bottom: 8px; }
.FooterNavigationItem { text-decoration: none; font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterLink); cursor: pointer; margin-bottom: 8px; }
.FooterNavigationItem:hover { text-decoration: none; color: var(--textFooterSecondary); }
.Footer__navigation_list_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); margin-bottom: 12px; }
.Footer__navigation_list_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); margin-bottom: 12px; }
.Footer__navigation_list_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); margin-bottom: 12px; }
.Footer__social_menu_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.Footer__social_menu_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.Footer__social_menu_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.SkeletonFooterMobile__text { text-align: center; }
.Footer-support-wrapper__item_link, .Footer-support-wrapper__item_link:hover { text-decoration: none; }
.Footer-support-wrapper__item { font-size: 12px; line-height: 120%; font-weight: 400; display: flex; align-items: center; gap: 4px; color: var(--textFooterPrimary); }
.Footer-support-wrapper__item { font-size: 12px; line-height: 120%; font-weight: 400; display: flex; align-items: center; gap: 4px; color: var(--textFooterPrimary); }
.Footer-support-wrapper__item { font-size: 12px; line-height: 120%; font-weight: 400; display: flex; align-items: center; gap: 4px; color: var(--textFooterPrimary); }
.Footer-support__menu_title { margin-bottom: 16px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.Footer-support__menu_title { margin-bottom: 16px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.Footer-support__menu_title { margin-bottom: 16px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.Footer-support__text { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterPrimary); margin-top: 8px; width: 211px; }
.Footer-support__text { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterPrimary); margin-top: 8px; width: 211px; }
.Footer-support__text { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterPrimary); margin-top: 8px; width: 211px; }
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
.Footer__version { font-size: 8px; line-height: 140%; font-weight: 400; position: absolute; bottom: 5px; right: 5px; color: var(--textFooterSecondary); }
.Footer__version { font-size: 8px; line-height: 140%; font-weight: 400; position: absolute; bottom: 5px; right: 5px; color: var(--textFooterSecondary); }
.Footer__version { font-size: 8px; line-height: 140%; font-weight: 400; position: absolute; bottom: 5px; right: 5px; color: var(--textFooterSecondary); }
.InfoSidebar__link { font-size: 14px; line-height: 130%; font-weight: 400; padding: 4px 16px; color: var(--textPrimary); text-decoration: none; height: 44px; display: flex; align-items: center; }
.InfoSidebar__link { font-size: 14px; line-height: 130%; font-weight: 400; padding: 4px 16px; color: var(--textPrimary); text-decoration: none; height: 44px; display: flex; align-items: center; }
.InfoSidebar__link { font-size: 14px; line-height: 130%; font-weight: 400; padding: 4px 16px; color: var(--textPrimary); text-decoration: none; height: 44px; display: flex; align-items: center; }
.InfoSidebar__link { font-size: 14px; line-height: 130%; font-weight: 400; padding: 4px 16px; color: var(--textPrimary); text-decoration: none; height: 44px; display: flex; align-items: center; }
.InfoSidebar__link_active { color: var(--textPrimary); background-color: var(--activeBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link_active:hover { color: var(--textPrimary); text-decoration: none; }
.InfoSidebar__link:not(.InfoSidebar__link_active):hover { color: var(--primary); background: var(--hoverBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.ProfileNavigationLink { position: relative; padding: 10px 12px; display: flex; align-items: center; color: var(--textPrimary); transition: background 0.1s ease-out; text-decoration: none; border-radius: 8px; }
.ProfileNavigationLink span { font-size: 14px; line-height: 130%; font-weight: 400; padding-left: 8px; }
.ProfileNavigationLink span { font-size: 14px; line-height: 130%; font-weight: 400; padding-left: 8px; }
.ProfileNavigationLink span { font-size: 14px; line-height: 130%; font-weight: 400; padding-left: 8px; }
.ProfileNavigationLink:hover { color: var(--textButtonActive); background: var(--hoverBgDesktopCaterogy); text-decoration: none; }
.ProfileNavigationLink.active { color: var(--textButtonActive); background: var(--activeBgDesktopCaterogy); text-decoration: none; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.NavigationButton:hover { color: var(--primary); font-size: 14px; line-height: 130%; font-weight: 600; }
.NavigationButton:hover { color: var(--primary); font-size: 14px; line-height: 130%; font-weight: 600; }
.NavigationButton:hover { color: var(--primary); font-size: 14px; line-height: 130%; font-weight: 600; }
.BalanceInfo-content__balance_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__balance_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__balance_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__balance_count { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-align: right; }
.BalanceInfo-content__balance_count { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-align: right; }
.BalanceInfo-content__balance_count { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-align: right; }
.BalanceInfo-content__balance_count { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-align: right; }
.BalanceInfo-content__bonus_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__bonus_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__bonus_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__bonus_count { font-size: 16px; line-height: 130%; font-weight: 600; display: flex; color: var(--textPrimary); text-align: right; align-items: center; }
.BalanceInfo-content__bonus_count { font-size: 16px; line-height: 130%; font-weight: 600; display: flex; color: var(--textPrimary); text-align: right; align-items: center; }
.BalanceInfo-content__bonus_count { font-size: 16px; line-height: 130%; font-weight: 600; display: flex; color: var(--textPrimary); text-align: right; align-items: center; }
.BalanceInfo-content__bonus_count { font-size: 16px; line-height: 130%; font-weight: 600; display: flex; color: var(--textPrimary); text-align: right; align-items: center; }
body { background-color: var(--ds-surface, #fff); color: var(--ds-text, #172b4d); font: var( --ds-font-body, normal 400 14px/1.42857142857143 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); text-decoration-skip-ink: auto; }
a { color: var(--ds-link, #0052cc); text-decoration: none; }
a:hover { color: var(--ds-link, #0065ff); text-decoration: underline; }
h1 { font: var( --ds-font-heading-xlarge, 600 2.0714285714285716em/1.103448275862069 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.01em; color: var(--ds-text); margin-top: var(--ds-space-500); }
h2 { font: var( --ds-font-heading-large, 500 1.7142857142857142em/1.1666666666666667 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.01em; color: var(--ds-text); margin-top: var(--ds-space-500); }
h3 { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; }
h4 { font: var( --ds-font-heading-small, 600 1.1428571428571428em/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.006em; color: var(--ds-text); margin-top: var(--ds-space-300); }
h5 { font: var( --ds-font-heading-xsmall, 600 1em/1.1428571428571428 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.003em; color: var(--ds-text); margin-top: var(--ds-space-200); }
h6 { font: var( --ds-font-heading-xxsmall, 600 .8571428571428571em/1.3333333333333333 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); color: var(--ds-text); margin-top: var(--ds-space-250); text-transform: uppercase; }
blockquote::before { float: left; margin-left: -1em; text-align: right; width: 1em; }
[dir="rtl"] blockquote::before { float: right; margin-right: -1em; text-align: left; }
small { font-size: 0.785714em; font-style: inherit; line-height: 1.45455; color: var(--ds-text-subtlest, var(--ds-text-subtlest, #6b778c)); margin-top: 16px; font-weight: 400; }
small { font-size: 0.785714em; font-style: inherit; line-height: 1.45455; color: var(--ds-text-subtlest, var(--ds-text-subtlest, #6b778c)); margin-top: 16px; font-weight: 400; }
small { font-size: 0.785714em; font-style: inherit; line-height: 1.45455; color: var(--ds-text-subtlest, var(--ds-text-subtlest, #6b778c)); margin-top: 16px; font-weight: 400; }
code, kbd { font-family: var( --ds-font-family-code, "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace ); }
td, th { border: none; padding: var(--ds-space-050, 4px) var(--ds-space-100, 8px); text-align: left; }
caption { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; margin-bottom: var(--ds-space-100, 8px); text-align: left; }
caption { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; margin-bottom: var(--ds-space-100, 8px); text-align: left; }
button { font-family: inherit; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-ExtraBold-DyoGUm6G.woff2") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-ExtraBold-DyoGUm6G.woff2") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-Bold-C_FERRtN.woff2") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-Bold-C_FERRtN.woff2") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-SemiBold-BKTak7qo.woff2") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-SemiBold-BKTak7qo.woff2") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-Regular-CNyUcjM-.woff2") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-Regular-CNyUcjM-.woff2") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-Bold-D1c17Rbh.woff2") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-Bold-D1c17Rbh.woff2") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-Bold-D1c17Rbh.woff2") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-Bold-D1c17Rbh.woff2") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-SemiBold-lsbBAxws.woff2") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-SemiBold-lsbBAxws.woff2") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-Regular-DKiKiR_v.woff2") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-Regular-DKiKiR_v.woff2") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-ExtraBold-DU1TikCo.woff2") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-ExtraBold-DU1TikCo.woff2") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-Bold-02B9lmFR.woff2") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-Bold-02B9lmFR.woff2") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-SemiBold-BYgzI05b.woff2") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-SemiBold-BYgzI05b.woff2") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-Regular-C1iETLhm.woff2") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-Regular-C1iETLhm.woff2") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: Unbounded; src: url("/static/Unbounded-Medium-CYCeANzr.ttf") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: Unbounded; src: url("/static/Unbounded-Medium-CYCeANzr.ttf") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: Unbounded; src: url("/static/Unbounded-Regular-BjnQqn8k.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: Unbounded; src: url("/static/Unbounded-Regular-BjnQqn8k.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: Unbounded; src: url("/static/Unbounded-Light-0_PJ4-Dl.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: Unbounded; src: url("/static/Unbounded-Light-0_PJ4-Dl.ttf") format("truetype"); font-weight: 300; font-style: normal; }
* { font-family: OpenSans, sans-serif; font-weight: 400; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none; user-select: none; }
* { font-family: OpenSans, sans-serif; font-weight: 400; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none; user-select: none; }
body { font-size: 14px; line-height: 130%; font-weight: 400; min-width: 320px; max-width: 100vw; width: 100%; min-height: -webkit-fill-available; height: 100%; overflow: hidden auto; background: var(--bg); color: var(--textPrimary); }
body { font-size: 14px; line-height: 130%; font-weight: 400; min-width: 320px; max-width: 100vw; width: 100%; min-height: -webkit-fill-available; height: 100%; overflow: hidden auto; background: var(--bg); color: var(--textPrimary); }
body { font-size: 14px; line-height: 130%; font-weight: 400; min-width: 320px; max-width: 100vw; width: 100%; min-height: -webkit-fill-available; height: 100%; overflow: hidden auto; background: var(--bg); color: var(--textPrimary); }
.react-loading-skeleton { line-height: 1.4 !important; }
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.ProviderFilterSelect__value { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); white-space: nowrap; overflow: hidden; }
.ProviderFilterSelect__value { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); white-space: nowrap; overflow: hidden; }
.ProviderFilterSelect__value { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); white-space: nowrap; overflow: hidden; }
.GameSortDesktop__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.GameSortDesktop__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.GameSortDesktop__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__item { font-size: 14px; line-height: 130%; font-weight: 400; height: 44px; display: flex; align-items: center; padding: 0px 8px; cursor: pointer; }
.GameSortDesktop__item { font-size: 14px; line-height: 130%; font-weight: 400; height: 44px; display: flex; align-items: center; padding: 0px 8px; cursor: pointer; }
.GameSortDesktop__item { font-size: 14px; line-height: 130%; font-weight: 400; height: 44px; display: flex; align-items: center; padding: 0px 8px; cursor: pointer; }
.GameCard__name { position: absolute; width: 90%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%); text-align: center; top: 58%; height: 40%; }
.GameCard__name span { font-size: 18px; line-height: 120%; font-weight: 700; color: var(--white); }
.GameCard__name span { font-size: 18px; line-height: 120%; font-weight: 700; color: var(--white); }
.GameCard__name span { font-size: 18px; line-height: 120%; font-weight: 700; color: var(--white); }
@media (max-width: 1180px) {
  .GameCard__name span { font-size: 12px; line-height: 16px; font-weight: 700; }
}
@media (max-width: 1180px) {
  .GameCard__name span { font-size: 12px; line-height: 16px; font-weight: 700; }
}
@media (max-width: 1180px) {
  .GameCard__name span { font-size: 12px; line-height: 16px; font-weight: 700; }
}
.GameCard__play_btn { font-size: 14px; line-height: 130%; font-weight: 600; width: 100%; height: 51px; color: var(--white); cursor: pointer; }
.GameCard__play_btn { font-size: 14px; line-height: 130%; font-weight: 600; width: 100%; height: 51px; color: var(--white); cursor: pointer; }
.GameCard__play_btn { font-size: 14px; line-height: 130%; font-weight: 600; width: 100%; height: 51px; color: var(--white); cursor: pointer; }
@media (max-width: 1180px) {
  .GameCard__play_btn { font-size: 10px; line-height: 130%; font-weight: 600; height: 32px; }
}
@media (max-width: 1180px) {
  .GameCard__play_btn { font-size: 10px; line-height: 130%; font-weight: 600; height: 32px; }
}
@media (max-width: 1180px) {
  .GameCard__play_btn { font-size: 10px; line-height: 130%; font-weight: 600; height: 32px; }
}
.GameCard__play_real { background: var(--primary); border: none; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin-bottom: 8px; }
.GameList__list_empty_title { font-size: 18px; line-height: 25px; font-weight: 400; }
.GameList__list_empty_title { font-size: 18px; line-height: 25px; font-weight: 400; }
.GameList__list_empty_title { font-size: 18px; line-height: 25px; font-weight: 400; }
@media (max-width: 1180px) {
  .GameList__list_empty_title { font-size: 14px; line-height: 130%; font-weight: 400; }
}
@media (max-width: 1180px) {
  .GameList__list_empty_title { font-size: 14px; line-height: 130%; font-weight: 400; }
}
@media (max-width: 1180px) {
  .GameList__list_empty_title { font-size: 14px; line-height: 130%; font-weight: 400; }
}
.GameFormSearch__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); display: flex; justify-content: center; margin-top: 16px; }
.GameFormSearch__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); display: flex; justify-content: center; margin-top: 16px; }
.GameFormSearch__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); display: flex; justify-content: center; margin-top: 16px; }
.HomePage__title { font-size: 24px; line-height: 33px; font-weight: 700; }
.HomePage__title { font-size: 24px; line-height: 33px; font-weight: 700; }
.HomePage__title { font-size: 24px; line-height: 33px; font-weight: 700; }
@font-face { font-family: "Work Sans"; font-style: italic; font-weight: 400; font-display: swap; src: url("../../../../../../s/worksans/v9/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGU3ms5pIfeCSXCQNBf.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: italic; font-weight: 400; font-display: swap; src: url("../../../../../../s/worksans/v9/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGU3ms5pIfeCSXCQNBf.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
#tldx-webext-container { font-family: "Work Sans", sans-serif; }

        Color & Background.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
.Spin__primary .Spin__item::before, .Spin__secondary .Spin__item::before, .Spin__gradient .Spin__item::before { background-color: var(--white); }
.Spin__primary .Spin__item::before, .Spin__secondary .Spin__item::before, .Spin__gradient .Spin__item::before { background-color: var(--white); }
.Spin__transparent .Spin__item::before, .Spin__white .Spin__item::before { background-color: var(--primary); }
.Spin__transparent .Spin__item::before, .Spin__white .Spin__item::before { background-color: var(--primary); }
.Button__primary { background: var(--primary); border: none; color: var(--white); }
.Button__secondary { background: var(--secondary); border: none; color: var(--white); }
.Button__transparent { background: transparent; border: 1px solid var(--primary); color: var(--primary); }
.Button:hover { background: var(--hoverPrimary); color: var(--white); }
.Button:hover.Button__disabled { border-color: var(--light-blue); color: var(--light-blue); }
.Button__gradient { background: var(--gradient); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__banger-gradient { background: var(--gradient); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__gradient-button-promo { background: var(--gloryGradient04); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__glory-gradient { background: var(--gloryGradient03); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__white { background: var(--white); border: none; color: var(--primary); }
.Button__white:hover { color: var(--primary-dark); }
.Button__white-border { background: var(--white); border: 2px solid var(--border-grey); color: var(--textPrimary); border-radius: 16px; transition: background 0.2s ease-out; }
.Button__green { background: var(--success); border: none; color: var(--white); }
.Button__light-green { background: var(--light-green); border: none; color: var(--white); }
.Button__red { background: var(--red-back); border: none; color: var(--white); }
.Button__blue { background: var(--brand); border: inherit; color: var(--white); }
.Button__blue:hover { background: var(--brand); color: var(--white); }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
@media (max-width: 576px), (max-height: 576px) {
  .Button__chicks { font-size: 14px; line-height: 17.51px; font-weight: 800; background-size: 143px; height: 40px; margin-top: -25px; }
}
.WalletControls { display: flex; align-items: center; background-color: var(--white); padding: 10px 16px; gap: 8px; border-radius: 8px; cursor: pointer; }
.WalletControls { display: flex; align-items: center; background-color: var(--white); padding: 10px 16px; gap: 8px; border-radius: 8px; cursor: pointer; }
.WalletControls_banger { background-color: var(--bg); }
.WalletControls_banger { background-color: var(--bg); }
.WalletControls__balance_currency { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--textPrimary); }
.WalletControls__balance_bonus { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: flex-end; }
.NotificationCircle { position: relative; width: 8px; height: 8px; background-color: var(--secondary); border-radius: 50%; z-index: 2; }
.NotificationCircle { position: relative; width: 8px; height: 8px; background-color: var(--secondary); border-radius: 50%; z-index: 2; }
@keyframes notify-circle-shine { 
  0% { background-color: var(--secondary); opacity: 1; transform: scale(1); }
  100% { background-color: var(--secondary); opacity: 0.5; transform: scale(2.5); }
}
@keyframes notify-circle-shine { 
  0% { background-color: var(--secondary); opacity: 1; transform: scale(1); }
  100% { background-color: var(--secondary); opacity: 0.5; transform: scale(2.5); }
}
.LanguageSelectItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin-left: 4px; display: none; }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.InputSearch__input:focus { border-color: var(--primary); padding-right: 48px; }
.InputSearch__input::placeholder { color: var(--grey); }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear.dark { background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23989898'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='%231C1C20'/%3e%3c/svg%3e"); }
.Checkbox__label { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); margin-left: 10px; }
.Checkbox__label a { color: var(--active); text-decoration: none; }
.Checkbox__custom.active { border-color: var(--active); }
.Checkbox__custom_error { border-color: var(--error); }
.LanguageItem__name_orig { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--inputTextColor); }
.LanguageItem__name_orig.active { color: var(--primary); }
.LanguageSelect__list_content_header { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); height: 100%; width: 100%; }
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
.UserInfo__countries_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textSecondary); margin-bottom: 12px; padding: 0px 16px; }
.UserInfo__authenticated { display: flex; align-items: center; background-color: var(--dark); }
.UserInfo__authenticated { display: flex; align-items: center; background-color: var(--dark); }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem:hover { color: var(--primary); text-decoration: none; }
.TopNavigationDesktopItem.active { color: var(--primary); }
.CategoryNavigationItem__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); white-space: nowrap; }
.CategoryNavigationItem:hover .CategoryNavigationItem__title { color: var(--activeTitleCaterogy); }
.CategoryNavigationItem.active .CategoryNavigationItem__title { color: var(--activeTitleCaterogy); }
.NewGloryButton-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
@media (max-width: 1180px) {
  .NewGloryButton-update__title { color: var(--textPrimary); }
}
.CategoryNavigation-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.CategoryNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 11px; }
.ProviderFilterItem__name { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); }
.ProviderFilterItem__count { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 8px; }
.ProviderFilter__title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin: 16px 0px 8px; display: flex; align-items: center; justify-content: space-between; }
.ProviderFilter__reset { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--active); padding: 3px; background: transparent; border: none; cursor: pointer; }
.ProviderFilter__providers { scrollbar-width: thin; scrollbar-color: transparent transparent; }
.ProviderFilter__providers_empty { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); height: 100%; display: flex; align-items: center; justify-content: center; }
.ProviderNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 8px; cursor: pointer; }
.CategoryMobileItem { display: table-column; min-width: 103px; grid-template-columns: 103px 1fr; column-gap: 8px; justify-content: center; align-items: center; height: 64px; padding: 0px 8px; border: 1px solid var(--borderCaterogy); border-radius: 8px; background-color: var(--bg); cursor: pointer; }
.CategoryMobileItem { display: table-column; min-width: 103px; grid-template-columns: 103px 1fr; column-gap: 8px; justify-content: center; align-items: center; height: 64px; padding: 0px 8px; border: 1px solid var(--borderCaterogy); border-radius: 8px; background-color: var(--bg); cursor: pointer; }
.CategoryMobileItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--logoCaterogy); }
.CategoryMobileItem.active { border: 1px solid var(--activeCaterogy); background-color: var(--darkBgSelected); }
.CategoryMobileItem.active { border: 1px solid var(--activeCaterogy); background-color: var(--darkBgSelected); }
.CategoryMobileItem.active .CategoryMobileItem__name { color: var(--activeCaterogy); }
:root { --swiper-theme-color: #007aff; }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem.active { background-color: var(--darkBgSelected); border: 1px solid var(--activeCaterogy); }
.TopNavigationMobileItem.active { background-color: var(--darkBgSelected); border: 1px solid var(--activeCaterogy); }
.TopNavigationMobileItem.active .TopNavigationMobileItem__name { color: var(--activeCaterogy); }
.BannerItem-text__title { width: 800px; white-space: break-spaces; font-family: Unbounded; font-size: 48px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--textPrimary); text-transform: uppercase; }
.BannerItem-text__desc { width: 700px; font-size: 20px; line-height: 120%; font-weight: 400; color: var(--textPrimary); margin-top: 20px; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.navTrigger i { background-color: var(--textSecondary); border-radius: 8px; display: block; width: 100%; height: 3px; }
.navTrigger i { background-color: var(--textSecondary); border-radius: 8px; display: block; width: 100%; height: 3px; }
.navTrigger_active i:nth-child(1) { background-color: var(--active); animation: 0.8s ease 0s 1 normal forwards running inT; }
.navTrigger_active i:nth-child(1) { background-color: var(--active); animation: 0.8s ease 0s 1 normal forwards running inT; }
.navTrigger_active i:nth-child(2) { background-color: var(--active); animation: 0.8s ease 0s 1 normal forwards running inM; }
.navTrigger_active i:nth-child(2) { background-color: var(--active); animation: 0.8s ease 0s 1 normal forwards running inM; }
.navTrigger_active i:nth-child(3) { background-color: var(--active); animation: 0.8s ease 0s 1 normal forwards running inBtm; }
.navTrigger_active i:nth-child(3) { background-color: var(--active); animation: 0.8s ease 0s 1 normal forwards running inBtm; }
.TabbarItem__title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); text-align: center; }
.Progressbar-header__title { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); opacity: 0.8; }
.Progressbar-header__amount { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Progressbar-header__amount_widget { color: var(--textSecondary); }
@media (max-width: 1180px) {
  .Progressbar-header__info { display: flex; font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
}
.BonusWidget-header__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-header__info { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); cursor: pointer; }
.BonusWidget-container-reward__title { width: 87px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container-reward-value__text { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Timer { font-weight: inherit; color: inherit; font-family: inherit; font-size: inherit; }
.Timer-bonus-item__value { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Timer-bonus-item__value-warning { color: var(--textTournamentColor); }
.Timer-bonus-item__label { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus-item__label-large { font-size: 16px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus.disabled .Timer-bonus-item__value { color: var(--textSecondary); }
.FooterNavigationItem { text-decoration: none; font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterLink); cursor: pointer; margin-bottom: 8px; }
.FooterNavigationItem:hover { text-decoration: none; color: var(--textFooterSecondary); }
.Footer__navigation_list_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); margin-bottom: 12px; }
.Footer__social_menu_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.Footer-support-wrapper__item { font-size: 12px; line-height: 120%; font-weight: 400; display: flex; align-items: center; gap: 4px; color: var(--textFooterPrimary); }
.Footer-support__menu_title { margin-bottom: 16px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.Footer-support__text { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterPrimary); margin-top: 8px; width: 211px; }
.Footer { height: 100%; width: 100%; background-color: var(--backgroundFooter); }
.Footer { height: 100%; width: 100%; background-color: var(--backgroundFooter); }
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
.Footer__version { font-size: 8px; line-height: 140%; font-weight: 400; position: absolute; bottom: 5px; right: 5px; color: var(--textFooterSecondary); }
.CasinoLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
.CasinoLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
.CasinoLayout__container.loading { background-color: var(--bgSkeleton); }
.CasinoLayout__container.loading { background-color: var(--bgSkeleton); }
.InfoSidebar__link { font-size: 14px; line-height: 130%; font-weight: 400; padding: 4px 16px; color: var(--textPrimary); text-decoration: none; height: 44px; display: flex; align-items: center; }
.InfoSidebar__link_active { color: var(--textPrimary); background-color: var(--activeBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link_active { color: var(--textPrimary); background-color: var(--activeBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link_active:hover { color: var(--textPrimary); text-decoration: none; }
.InfoSidebar__link:not(.InfoSidebar__link_active):hover { color: var(--primary); background: var(--hoverBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.ChatwootLoading__loader::before { content: ""; position: absolute; box-sizing: border-box; border-width: 25px 15px 15px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; transform: rotate(45deg); top: 50px; left: -15px; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
@keyframes flash { 
  0% { background-color: rgba(255, 60, 0, 0.25); box-shadow: rgba(255, 60, 0, 0.25) 20px 0px, rgb(255, 61, 0) -20px 0px; }
  50% { background-color: rgb(255, 61, 0); box-shadow: rgba(255, 60, 0, 0.25) 20px 0px, rgba(255, 60, 0, 0.25) -20px 0px; }
  100% { background-color: rgba(255, 60, 0, 0.25); box-shadow: rgb(255, 61, 0) 20px 0px, rgba(255, 60, 0, 0.25) -20px 0px; }
}
@keyframes flash { 
  0% { background-color: rgba(255, 60, 0, 0.25); box-shadow: rgba(255, 60, 0, 0.25) 20px 0px, rgb(255, 61, 0) -20px 0px; }
  50% { background-color: rgb(255, 61, 0); box-shadow: rgba(255, 60, 0, 0.25) 20px 0px, rgba(255, 60, 0, 0.25) -20px 0px; }
  100% { background-color: rgba(255, 60, 0, 0.25); box-shadow: rgb(255, 61, 0) 20px 0px, rgba(255, 60, 0, 0.25) -20px 0px; }
}
.NewGloryLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
.NewGloryLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
.NewGloryLayout__container.loading { background-color: var(--bgSkeleton); }
.NewGloryLayout__container.loading { background-color: var(--bgSkeleton); }
.ProfileNavigationLink { position: relative; padding: 10px 12px; display: flex; align-items: center; color: var(--textPrimary); transition: background 0.1s ease-out; text-decoration: none; border-radius: 8px; }
.ProfileNavigationLink:hover { color: var(--textButtonActive); background: var(--hoverBgDesktopCaterogy); text-decoration: none; }
.ProfileNavigationLink.active { color: var(--textButtonActive); background: var(--activeBgDesktopCaterogy); text-decoration: none; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.NavigationButton:hover { color: var(--primary); font-size: 14px; line-height: 130%; font-weight: 600; }
.BalanceInfo-content__balance_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__balance_title.gradient { color: var(--white); }
.BalanceInfo-content__balance_count { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-align: right; }
.BalanceInfo-content__balance_count.gradient { color: var(--white); }
.BalanceInfo-content__bonus_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__bonus_title.gradient { color: var(--white); }
.BalanceInfo-content__bonus_count { font-size: 16px; line-height: 130%; font-weight: 600; display: flex; color: var(--textPrimary); text-align: right; align-items: center; }
.BalanceInfo-content__bonus_count.gradient { color: var(--white); }
body { background-color: var(--ds-surface, #fff); color: var(--ds-text, #172b4d); font: var( --ds-font-body, normal 400 14px/1.42857142857143 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); text-decoration-skip-ink: auto; }
body { background-color: var(--ds-surface, #fff); color: var(--ds-text, #172b4d); font: var( --ds-font-body, normal 400 14px/1.42857142857143 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); text-decoration-skip-ink: auto; }
a { color: var(--ds-link, #0052cc); text-decoration: none; }
a:hover { color: var(--ds-link, #0065ff); text-decoration: underline; }
a:active { color: var(--ds-link-pressed, #0747a6); }
h1 { font: var( --ds-font-heading-xlarge, 600 2.0714285714285716em/1.103448275862069 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.01em; color: var(--ds-text); margin-top: var(--ds-space-500); }
h2 { font: var( --ds-font-heading-large, 500 1.7142857142857142em/1.1666666666666667 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.01em; color: var(--ds-text); margin-top: var(--ds-space-500); }
h3 { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; }
h4 { font: var( --ds-font-heading-small, 600 1.1428571428571428em/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.006em; color: var(--ds-text); margin-top: var(--ds-space-300); }
h5 { font: var( --ds-font-heading-xsmall, 600 1em/1.1428571428571428 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.003em; color: var(--ds-text); margin-top: var(--ds-space-200); }
h6 { font: var( --ds-font-heading-xxsmall, 600 .8571428571428571em/1.3333333333333333 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); color: var(--ds-text); margin-top: var(--ds-space-250); text-transform: uppercase; }
blockquote, q { color: inherit; }
small { font-size: 0.785714em; font-style: inherit; line-height: 1.45455; color: var(--ds-text-subtlest, var(--ds-text-subtlest, #6b778c)); margin-top: 16px; font-weight: 400; }
@supports (color-scheme: dark) and (color-scheme: light) {
  [data-color-mode="light"] { color-scheme: light; }
  [data-color-mode="dark"] { color-scheme: dark; }
}
caption { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; margin-bottom: var(--ds-space-100, 8px); text-align: left; }
[data-project="banger"] { --dark: #1C1C20; --darkGrey: #3F4250; --darkBlue: #272734; --white: #FFFFFF; --grey50: #98989880; --grey: #989898; --black: #000000; --black40: #00000040; --bluePress: #3277DD; --blueDisable: #80B2FE; --blueLink: #4891FF; --brandColor: #4891FF; --lightGrey: #3F4250; --success: #2EBA4D; --warning: #FDB43C; --error: #F31F1F; --brand: #4891FF; --gradient: linear-gradient(91.32deg, var(--brand) 0%, #9735E2 100%); --gradient01: linear-gradient(310.91deg, #301468 1.09%, #542CA4 40.85%, var(--brand) 91.77%); --bangerGradient01: linear-gradient(316deg, #301468 0%, #542CA4 40.2%, #4891FF 91.68%); --gameCardGradient: linear-gradient(133.83deg, rgba(49, 86, 235, .8) 1.96%, rgba(110, 41, 206, .8) 43.21%, rgba(174, 0, 157, .8) 100%); --winAviatorGradient: linear-gradient(130deg, #4891FF 0%, #8C42E6 60.65%, #9735E2 100%); --banger-brand-color-2: #9735E2; --primary: var(--brand); --textPrimary: var(--white); --textSecondary: var(--grey); --textButtonActive: var(--white); --textGameModeActiveColor: var(--textPrimary); --textBrandColor: var(--brand); --textLinkColor: var(--blueLink); --textTournamentColor: var(--banger-brand-color-2); --textTournamentGrey: var(--grey); --bg: var(--bgDarkBlue); --bgSecondary: var(--bgDark); --bgDark: #1C1C20; --bgDarkBlue: #272734; --bgGrey: var(--darkGrey); --bgSkeleton: var(--bgSecondary); --bgFavoriteBtnGame: #1C1C20; --bgGamePanelMobile: var(--bgDarkBlue); --bgHeaderSeparator: var(--darkGrey); --bgWheelAviator: var(--darkBlue); --bgWinAviator: var(--winAviatorGradient); --active: var(--brand); --btnPress: var(--bluePress); --btnDisable: var(--blueDisable); --blueBgSelected: rgba(72, 145, 255, .7); --darkBgSelected: rgba(0, 0, 0, .4); --selectBg: var(--darkGrey); --checkboxBorder: var(--grey); --topMenuBorder: var(--grey); --topMenuIcon: var(--white); --topMenuName: var(--white); --tabsBackground: var(--darkGrey); --dialogBackground: var(--bgDarkBlue); --borderAmount: var(--blue-selected); --selectorBackground: var(--blueBgSelected); --selectorBorder: var(--grey); --inputBackground: var(--bgDarkBlue); --inputTextColor: var(--white); --inputFocusBorder: var(--white); --menuBackground: var(--bgDarkBlue); --overlayBackground: #000000B2; --menuBorderLine: var(--darkGrey); --burgerIconsFill: var(--grey); --closeMobileMenuIcon: var(--grey); --balanceInfoBg: var(--bangerGradient01); --accountItemBg: var(--darkGrey); --textDisableColor: var(--grey); --arrowToggleColor: var(--grey); --methodTextColor: var(--grey); --backgroundFooter: var(--bgDark); --textFooterPrimary: var(--white); --textFooterSecondary: var(--grey); --textFooterLink: var(--brand); --footerBorder: var(--brand); --footerPaymentMaster: var(--white); --footerPaymentVisa: var(--white); --bgCaterogy: var(--grey); --borderCaterogy: var(--grey50); --logoCaterogy: var(--grey); --activeBg: var(--grey); --activeCaterogy: var(--brand); --activeTitleCaterogy: var(--textPrimary); --activeBgDesktopCaterogy: var(--black); --hoverBgDesktopCaterogy: var(--black40); --bgProvider: var(--bgDarkBlue); --borderPrimary: var(--grey); --headerBonus: var(--black); --bgBonus: var(--dark); --bgDisactive: rgba(28, 28, 32, .5); --bgIcons: var(--brand); --bulletsColor: var(--grey50); --bulletActiveColor: var(--primary); --bannerSkeletonBg: #2D2F38; --popupTextColor: var(--white); --bonusAviatorColor: var(--brand); --wheelRegPrimary: var(--primary); --transactionBorder: var(--darkGrey); --arrowColor: var(--white); --inputLabelValue: var(--white); --borderSelect: var(--light-grey); --crazy-time-primary: #E8DC84; --bgTabbar: rgba(28, 28, 32, .95); --timerActiveColor: var(--error); --bg-notify: var(--black); --contast-text: var(--white); }
* { font-family: OpenSans, sans-serif; font-weight: 400; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none; user-select: none; }
input, select, textarea { color: var(--inputTextColor); user-select: auto; }
:root { scrollbar-width: thin; scrollbar-color: rgba(159, 160, 168, 0.25) transparent; }
body { font-size: 14px; line-height: 130%; font-weight: 400; min-width: 320px; max-width: 100vw; width: 100%; min-height: -webkit-fill-available; height: 100%; overflow: hidden auto; background: var(--bg); color: var(--textPrimary); }
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.ProviderFilterSelect__value { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); white-space: nowrap; overflow: hidden; }
.GameSortDesktop__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn.active { border-color: var(--primary); }
.GameSortDesktop__item:hover, .GameSortDesktop__item.active { color: var(--primary); }
.GameCard__name span { font-size: 18px; line-height: 120%; font-weight: 700; color: var(--white); }
.GameCard__play_btn { font-size: 14px; line-height: 130%; font-weight: 600; width: 100%; height: 51px; color: var(--white); cursor: pointer; }
.GameFormSearch__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); display: flex; justify-content: center; margin-top: 16px; }
body.chromane_rec_nofollow_link_highlighting_enabled a[rel*="nofollow"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(238, 10, 3); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_sponsored_link_highlighting_enabled a[rel*="sponsored"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(96, 201, 4); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_ugc_link_highlighting_enabled a[rel*="ugc"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(239, 164, 36); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }

        Box.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
@media (max-width: 768px) {
  .GoTop { right: -20px; padding: 0px 30px 0px 10px; }
}
@media (max-width: 768px) {
  .GoTop { right: -20px; padding: 0px 30px 0px 10px; }
}
.GoTop__title { margin-left: 8px; }
@media (max-width: 768px) {
  .GoTop__title { display: none; }
}
.Spin__item { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.Spin__item { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.Spin__item::before { content: ""; display: block; margin: 0px auto; animation: 1.2s ease-in-out 0s infinite normal both running sk-circleFadeDelay; }
.Spin__s { width: 22px; height: 22px; }
.Spin__s { width: 22px; height: 22px; }
.Spin__s .Spin__item::before { width: 16%; height: 2px; }
.Spin__s .Spin__item::before { width: 16%; height: 2px; }
.Spin__xl { width: 72px; height: 72px; }
.Spin__xl { width: 72px; height: 72px; }
.Spin__xl .Spin__item::before { width: 15%; height: 6px; }
.Spin__xl .Spin__item::before { width: 15%; height: 6px; }
.Blick { width: 15px; height: 220px; position: relative; background: linear-gradient(92.4deg, rgba(111, 212, 255, 0), rgb(126, 240, 255) 47.37%, rgb(82, 245, 255) 59.09%, rgba(94, 207, 255, 0) 98.63%); transform: rotate(-45deg); filter: blur(3px); opacity: 0.61; }
.Blick { width: 15px; height: 220px; position: relative; background: linear-gradient(92.4deg, rgba(111, 212, 255, 0), rgb(126, 240, 255) 47.37%, rgb(82, 245, 255) 59.09%, rgba(94, 207, 255, 0) 98.63%); transform: rotate(-45deg); filter: blur(3px); opacity: 0.61; }
.Blick__middle { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 5.21px; height: 100%; background: linear-gradient(92.4deg, rgba(246, 149, 255, 0), rgb(136, 234, 255) 49.45%, rgb(141, 248, 255) 59.09%, rgba(129, 210, 255, 0) 98.63%); filter: blur(15px); opacity: 0.61; }
.Blick__middle { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 5.21px; height: 100%; background: linear-gradient(92.4deg, rgba(246, 149, 255, 0), rgb(136, 234, 255) 49.45%, rgb(141, 248, 255) 59.09%, rgba(129, 210, 255, 0) 98.63%); filter: blur(15px); opacity: 0.61; }
.Blick__top { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 2.28px; height: 100%; background: linear-gradient(92.4deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 49.45%, rgb(255, 255, 255) 59.09%, rgba(255, 255, 255, 0) 98.63%); opacity: 0.48; mix-blend-mode: screen; }
.Blick__top { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 2.28px; height: 100%; background: linear-gradient(92.4deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 49.45%, rgb(255, 255, 255) 59.09%, rgba(255, 255, 255, 0) 98.63%); opacity: 0.48; mix-blend-mode: screen; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
@media (max-width: 320px) {
  .Button { font-size: 12px; line-height: 130%; font-weight: 600; }
}
@media (max-width: 320px) {
  .Button { font-size: 12px; line-height: 130%; font-weight: 600; }
}
.Button__blick { position: absolute; width: 32px; height: 199px; top: -50px; left: -20px; z-index: 10; }
.Button__blick { position: absolute; width: 32px; height: 199px; top: -50px; left: -20px; z-index: 10; }
.Button__primary { background: var(--primary); border: none; color: var(--white); }
.Button__secondary { background: var(--secondary); border: none; color: var(--white); }
.Button__transparent { background: transparent; border: 1px solid var(--primary); color: var(--primary); }
.Button:hover.Button__disabled { border-color: var(--light-blue); color: var(--light-blue); }
.Button__gradient { background: var(--gradient); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__gradient { background: var(--gradient); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__banger-gradient { background: var(--gradient); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__banger-gradient { background: var(--gradient); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__gradient-button-promo { background: var(--gloryGradient04); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__gradient-button-promo { background: var(--gloryGradient04); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__glory-gradient { background: var(--gloryGradient03); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__glory-gradient { background: var(--gloryGradient03); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__white { background: var(--white); border: none; color: var(--primary); }
.Button__white-border { background: var(--white); border: 2px solid var(--border-grey); color: var(--textPrimary); border-radius: 16px; transition: background 0.2s ease-out; }
.Button__white-border { background: var(--white); border: 2px solid var(--border-grey); color: var(--textPrimary); border-radius: 16px; transition: background 0.2s ease-out; }
.Button__white-border:hover { background: var(--bg); }
.Button__white-border.Button__disabled { opacity: 0.5; }
.Button__green { background: var(--success); border: none; color: var(--white); }
.Button__light-green { background: var(--light-green); border: none; color: var(--white); }
.Button__red { background: var(--red-back); border: none; color: var(--white); }
.Button__dark-blue { background: var(--backgroundDarkBlue); border: inherit; }
.Button__dark { background: var(--backgroundDark); border: inherit; }
.Button__blue { background: var(--brand); border: inherit; color: var(--white); }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
@media (max-width: 576px), (max-height: 576px) {
  .Button__chicks { font-size: 14px; line-height: 17.51px; font-weight: 800; background-size: 143px; height: 40px; margin-top: -25px; }
}
@media (max-width: 576px), (max-height: 576px) {
  .Button__chicks { font-size: 14px; line-height: 17.51px; font-weight: 800; background-size: 143px; height: 40px; margin-top: -25px; }
}
@media (max-width: 576px), (max-height: 576px) {
  .Button__chicks { font-size: 14px; line-height: 17.51px; font-weight: 800; background-size: 143px; height: 40px; margin-top: -25px; }
}
@media (max-width: 1180px) {
  .UserControlsNotAuth { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; align-items: center; }
}
.UserControlsNotAuth__support { margin-right: 8px; }
.UserControlsNotAuth__menu { display: none; margin-left: 8px; }
@media (max-width: 1180px) {
  .UserControlsNotAuth__menu { display: block; margin-left: 0px; }
}
@media (max-width: 1180px) {
  .UserControlsNotAuth__menu { display: block; margin-left: 0px; }
}
.WalletControls { display: flex; align-items: center; background-color: var(--white); padding: 10px 16px; gap: 8px; border-radius: 8px; cursor: pointer; }
.WalletControls { display: flex; align-items: center; background-color: var(--white); padding: 10px 16px; gap: 8px; border-radius: 8px; cursor: pointer; }
.WalletControls { display: flex; align-items: center; background-color: var(--white); padding: 10px 16px; gap: 8px; border-radius: 8px; cursor: pointer; }
@media (max-width: 1180px) {
  .WalletControls { padding: 4px 8px; }
}
@media (max-width: 1180px) {
  .WalletControls { padding: 4px 8px; }
}
.WalletControls__balance_currency { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--textPrimary); }
@media (max-width: 1180px) {
  .WalletControls__balance_currency { font-size: 10px; line-height: 14px; font-weight: 700; }
}
@media (max-width: 1180px) {
  .WalletControls__balance_currency { font-size: 10px; line-height: 14px; font-weight: 700; }
}
.WalletControls__balance_bonus { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: flex-end; }
@media (max-width: 1180px) {
  .WalletControls__balance_bonus { font-size: 10px; line-height: 130%; font-weight: 600; }
}
@media (max-width: 1180px) {
  .WalletControls__balance_bonus { font-size: 10px; line-height: 130%; font-weight: 600; }
}
.WalletControls__balance_bonus span { display: flex; align-items: center; justify-content: center; margin-right: 4px; }
.WalletControls__wallet { padding: 0px; background: transparent; border: none; }
.WalletControls__wallet { padding: 0px; background: transparent; border: none; }
.NotificationCircle { position: relative; width: 8px; height: 8px; background-color: var(--secondary); border-radius: 50%; z-index: 2; }
.NotificationCircle { position: relative; width: 8px; height: 8px; background-color: var(--secondary); border-radius: 50%; z-index: 2; }
.NotificationCircle { position: relative; width: 8px; height: 8px; background-color: var(--secondary); border-radius: 50%; z-index: 2; }
.NotificationCircle { position: relative; width: 8px; height: 8px; background-color: var(--secondary); border-radius: 50%; z-index: 2; }
.NotificationCircle__after { width: 8px; height: 8px; content: ""; left: 0px; position: absolute; z-index: 1; border-radius: 50%; animation: 1.5s ease 0s infinite normal none running notify-circle-shine; }
.NotificationCircle__after { width: 8px; height: 8px; content: ""; left: 0px; position: absolute; z-index: 1; border-radius: 50%; animation: 1.5s ease 0s infinite normal none running notify-circle-shine; }
.NotificationCircle__after { width: 8px; height: 8px; content: ""; left: 0px; position: absolute; z-index: 1; border-radius: 50%; animation: 1.5s ease 0s infinite normal none running notify-circle-shine; }
.NotificationCircle__after { width: 8px; height: 8px; content: ""; left: 0px; position: absolute; z-index: 1; border-radius: 50%; animation: 1.5s ease 0s infinite normal none running notify-circle-shine; }
.UserControlsAuth__profile { position: relative; background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserControlsAuth__profile { position: relative; background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserControlsAuth__profile { position: relative; background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserControlsAuth__profile { position: relative; background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserControlsAuth__profile { position: relative; background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
@media (max-width: 1180px) {
  .UserControlsAuth__profile { display: none; }
}
.LanguageSelectItem { display: flex; align-items: center; border: none; background: transparent; padding: 0px; cursor: pointer; }
.LanguageSelectItem { display: flex; align-items: center; border: none; background: transparent; padding: 0px; cursor: pointer; }
.LanguageSelectItem__flag { width: 28px; height: 28px; border-radius: 8px; overflow: hidden; }
.LanguageSelectItem__flag { width: 28px; height: 28px; border-radius: 8px; overflow: hidden; }
.LanguageSelectItem__flag { width: 28px; height: 28px; border-radius: 8px; overflow: hidden; }
.LanguageSelectItem__flag { width: 28px; height: 28px; border-radius: 8px; overflow: hidden; }
.LanguageSelectItem__flag img { width: 100%; height: 100%; }
.LanguageSelectItem__flag img { width: 100%; height: 100%; }
.LanguageSelectItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin-left: 4px; display: none; }
.LanguageSelectItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin-left: 4px; display: none; }
.LanguageSelectItem__name_with_icon { margin-left: 8px; }
@media (max-width: 1180px) {
  .LanguageSelectItem__name { display: block; }
}
.LanguageSelectItem__arrows { width: 6px; height: 11px; margin-left: 8px; display: flex; align-items: center; }
.LanguageSelectItem__arrows { width: 6px; height: 11px; margin-left: 8px; display: flex; align-items: center; }
.LanguageSelectItem__arrows { width: 6px; height: 11px; margin-left: 8px; display: flex; align-items: center; }
.LanguageSelectItem__arrows svg { width: 100%; height: 100%; }
.LanguageSelectItem__arrows svg { width: 100%; height: 100%; }
.InputSearch { position: relative; width: 100%; height: 44px; }
.InputSearch { position: relative; width: 100%; height: 44px; }
.InputSearch__icon { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; width: 28px; height: 28px; }
.InputSearch__icon { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; width: 28px; height: 28px; }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.InputSearch__input:focus { border-color: var(--primary); padding-right: 48px; }
.InputSearch__input:focus { border-color: var(--primary); padding-right: 48px; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear.dark { background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23989898'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='%231C1C20'/%3e%3c/svg%3e"); }
.InputSearch__clear.dark { background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23989898'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='%231C1C20'/%3e%3c/svg%3e"); }
.Checkbox__label { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); margin-left: 10px; }
.Checkbox__label { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); margin-left: 10px; }
.Checkbox > input { opacity: 0; position: relative; z-index: -999; width: 0.1px; height: 0.1px; padding: 0px; margin: 0px; }
.Checkbox > input { opacity: 0; position: relative; z-index: -999; width: 0.1px; height: 0.1px; padding: 0px; margin: 0px; }
.Checkbox > input { opacity: 0; position: relative; z-index: -999; width: 0.1px; height: 0.1px; padding: 0px; margin: 0px; }
.Checkbox > input { opacity: 0; position: relative; z-index: -999; width: 0.1px; height: 0.1px; padding: 0px; margin: 0px; }
.Checkbox__custom { display: flex; align-items: center; justify-content: center; border: 1px solid var(--checkboxBorder); background: transparent; width: 22px; height: 22px; border-radius: 4px; }
.Checkbox__custom { display: flex; align-items: center; justify-content: center; border: 1px solid var(--checkboxBorder); background: transparent; width: 22px; height: 22px; border-radius: 4px; }
.Checkbox__custom { display: flex; align-items: center; justify-content: center; border: 1px solid var(--checkboxBorder); background: transparent; width: 22px; height: 22px; border-radius: 4px; }
.Checkbox__custom { display: flex; align-items: center; justify-content: center; border: 1px solid var(--checkboxBorder); background: transparent; width: 22px; height: 22px; border-radius: 4px; }
.Checkbox__custom svg { width: 13px; height: 13px; opacity: 0; transition: opacity 0.1s ease-out; }
.Checkbox__custom svg { width: 13px; height: 13px; opacity: 0; transition: opacity 0.1s ease-out; }
.Checkbox__custom.active { border-color: var(--active); }
.Checkbox__custom.borderNone { border: none; }
.Checkbox__custom_error { border-color: var(--error); }
.LanguageItem { display: flex; border: 0px; width: 100%; background: transparent; cursor: pointer; padding: 10px 0px; align-items: center; justify-content: space-between; }
.LanguageItem { display: flex; border: 0px; width: 100%; background: transparent; cursor: pointer; padding: 10px 0px; align-items: center; justify-content: space-between; }
.LanguageItem { display: flex; border: 0px; width: 100%; background: transparent; cursor: pointer; padding: 10px 0px; align-items: center; justify-content: space-between; }
@media (max-width: 1180px) {
  .LanguageItem { padding: 10px 16px; }
}
@media (max-width: 1180px) {
  .LanguageItem { padding: 10px 16px; }
}
.LanguageItem__flag { width: 28px; height: 28px; }
.LanguageItem__flag { width: 28px; height: 28px; }
.LanguageItem__flag svg { width: 100%; height: 100%; border-radius: 50%; }
.LanguageItem__flag svg { width: 100%; height: 100%; border-radius: 50%; }
.LanguageItem__flag svg { width: 100%; height: 100%; border-radius: 50%; }
.LanguageItem__flag svg { width: 100%; height: 100%; border-radius: 50%; }
.LanguageItem__name { display: flex; height: 35px; margin-left: 10px; align-items: center; }
.LanguageItem__name { display: flex; height: 35px; margin-left: 10px; align-items: center; }
.LanguageItem__name_orig { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--inputTextColor); }
.LanguageSelect__content { display: flex; flex-flow: column; width: 100%; margin-top: 12px; }
.LanguageSelect__content { display: flex; flex-flow: column; width: 100%; margin-top: 12px; }
.LanguageSelect__content_mobile { width: 100%; background: transparent; padding: 0px 0px 30px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.LanguageSelect__content_mobile { width: 100%; background: transparent; padding: 0px 0px 30px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.LanguageSelect__content_mobile { width: 100%; background: transparent; padding: 0px 0px 30px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.LanguageSelect__content_options_mobile { padding: 0px; }
.LanguageSelect__content_languages { overflow: auto; max-height: 816px; margin-top: 8px; }
.LanguageSelect__content_languages { overflow: auto; max-height: 816px; margin-top: 8px; }
.LanguageSelect__content_languages_mobile { margin-top: 13px; height: 100%; overflow: auto; }
.LanguageSelect__content_languages_mobile { margin-top: 13px; height: 100%; overflow: auto; }
.LanguageSelect__content_languages::-webkit-scrollbar { width: 4px; border-radius: 4px; }
.LanguageSelect__content_languages::-webkit-scrollbar { width: 4px; border-radius: 4px; }
.LanguageSelect__content_languages::-webkit-scrollbar { width: 4px; border-radius: 4px; }
.LanguageSelect__content_languages::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }
.LanguageSelect__content_languages::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }
.LanguageSelect__content_languages::-webkit-scrollbar-thumb { border-radius: 4px; border: 1px solid rgba(159, 160, 168, 0.25); background: rgba(159, 160, 168, 0.25); }
.LanguageSelect__content_languages::-webkit-scrollbar-thumb { border-radius: 4px; border: 1px solid rgba(159, 160, 168, 0.25); background: rgba(159, 160, 168, 0.25); }
.LanguageSelect { position: relative; padding: 0px; width: 28px; }
.LanguageSelect { position: relative; padding: 0px; width: 28px; }
@media (max-width: 1180px) {
  .LanguageSelect { padding: 8px; width: 68px; }
}
@media (max-width: 1180px) {
  .LanguageSelect { padding: 8px; width: 68px; }
}
.LanguageSelect__list { display: block; position: absolute; top: 50px; right: 0px; background: var(--bgSecondary); border-radius: 8px; z-index: 10; }
.LanguageSelect__list { display: block; position: absolute; top: 50px; right: 0px; background: var(--bgSecondary); border-radius: 8px; z-index: 10; }
.LanguageSelect__list::before { content: ""; position: absolute; border-left: 10px solid rgba(113, 101, 58, 0); border-right: 10px solid rgba(113, 101, 58, 0); border-bottom: 10px solid var(--bgSecondary); left: 318px; top: -9px; }
.LanguageSelect__list_content { display: flex; flex-flow: column; padding: 16px; width: 343px; }
.LanguageSelect__list_content { display: flex; flex-flow: column; padding: 16px; width: 343px; }
@media (max-width: 1180px) {
  .LanguageSelect__list_content { position: relative; display: grid; grid-template-columns: 343px; grid-template-rows: 58px 384px; gap: 12px 0px; background: var(--bgSecondary); border-radius: 8px; padding: 0px 0px 30px; }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content { position: relative; display: grid; grid-template-columns: 343px; grid-template-rows: 58px 384px; gap: 12px 0px; background: var(--bgSecondary); border-radius: 8px; padding: 0px 0px 30px; }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content { position: relative; display: grid; grid-template-columns: 343px; grid-template-rows: 58px 384px; gap: 12px 0px; background: var(--bgSecondary); border-radius: 8px; padding: 0px 0px 30px; }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content { position: relative; display: grid; grid-template-columns: 343px; grid-template-rows: 58px 384px; gap: 12px 0px; background: var(--bgSecondary); border-radius: 8px; padding: 0px 0px 30px; }
}
.LanguageSelect__list_content_header { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); height: 100%; width: 100%; }
.LanguageSelect__list_content_header { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); height: 100%; width: 100%; }
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
@media (max-width: 1180px) {
  .UserInfo { gap: 12px; }
}
.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textSecondary); margin-bottom: 12px; padding: 0px 16px; }
.UserInfo__countries_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textSecondary); margin-bottom: 12px; padding: 0px 16px; }
.UserInfo__countries_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textSecondary); margin-bottom: 12px; padding: 0px 16px; }
.UserInfo__countries_list { height: 100%; overflow: hidden; }
@media (max-width: 1180px) {
  .UserInfo__controls { display: none; }
}
.UserInfo__intercom { background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserInfo__intercom { background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserInfo__intercom { background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserInfo__intercom { background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserInfo__intercom { background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
@media (max-width: 1180px) {
  .UserInfo__intercom { width: 28px; height: 28px; }
}
@media (max-width: 1180px) {
  .UserInfo__intercom { width: 28px; height: 28px; }
}
@media (max-width: 1180px) {
  .UserInfo__language { display: none; }
}
.UserInfo__separator { width: 1px; height: 28px; background: var(--bgHeaderSeparator); }
.UserInfo__separator { width: 1px; height: 28px; background: var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .UserInfo__separator { display: none; }
}
.CountrySelect { height: 100%; }
.CountrySelect__search { padding: 0px 16px; }
.CountrySelect__list { height: calc(100% - 82px); overflow-y: auto; margin-top: 16px; padding: 0px 8px; }
.CountrySelect__list { height: calc(100% - 82px); overflow-y: auto; margin-top: 16px; padding: 0px 8px; }
.CountrySelect__list { height: calc(100% - 82px); overflow-y: auto; margin-top: 16px; padding: 0px 8px; }
.CountrySelect__country { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; cursor: pointer; }
.CountrySelect__country { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; cursor: pointer; }
.CountrySelect__country { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; cursor: pointer; }
.CountrySelect__flag { overflow: hidden; border-radius: 14px; width: 28px; height: 28px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.CountrySelect__flag { overflow: hidden; border-radius: 14px; width: 28px; height: 28px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.CountrySelect__flag { overflow: hidden; border-radius: 14px; width: 28px; height: 28px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.CountrySelect__flag { overflow: hidden; border-radius: 14px; width: 28px; height: 28px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.CountrySelect__flag { overflow: hidden; border-radius: 14px; width: 28px; height: 28px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.CountrySelect__flag img { width: 100%; object-fit: contain; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem.active::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: -24px; height: 2px; border-radius: 2px; background: var(--primary); }
.TopNavigationDesktopItem.active::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: -24px; height: 2px; border-radius: 2px; background: var(--primary); }
.TopNavigationDesktopItem.active::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: -24px; height: 2px; border-radius: 2px; background: var(--primary); }
.TopNavigationDesktopItem.active::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: -24px; height: 2px; border-radius: 2px; background: var(--primary); }
.TopNavigationDesktopItem__label { position: absolute; right: 0px; top: -15px; width: 23px; height: 11px; }
.TopNavigationDesktopItem__label { position: absolute; right: 0px; top: -15px; width: 23px; height: 11px; }
.SkeletonHeader { width: 100%; max-width: 1104px; margin: 0px auto; }
.SkeletonHeader { width: 100%; max-width: 1104px; margin: 0px auto; }
@media (max-width: 1180px) {
  .SkeletonHeader__top { padding: 20px 16px; display: grid; grid-template-columns: auto 72px; }
  .SkeletonHeader__top.auth { grid-template-columns: auto auto 72px; }
}
@media (max-width: 1180px) {
  .SkeletonHeader__top { padding: 20px 16px; display: grid; grid-template-columns: auto 72px; }
  .SkeletonHeader__top.auth { grid-template-columns: auto auto 72px; }
}
@media (max-width: 1180px) {
  .SkeletonHeader__controls { display: block; padding: 0px 16px; margin-top: -8px; }
  .SkeletonHeader__controls > span { display: flex; align-items: center; gap: 9px; }
}
@media (max-width: 1180px) {
  .SkeletonHeader__controls { display: block; padding: 0px 16px; margin-top: -8px; }
  .SkeletonHeader__controls > span { display: flex; align-items: center; gap: 9px; }
}
@media (max-width: 1180px) {
  .SkeletonHeader__controls { display: block; padding: 0px 16px; margin-top: -8px; }
  .SkeletonHeader__controls > span { display: flex; align-items: center; gap: 9px; }
}
@media (max-width: 1180px) {
  .SkeletonHeader__navigation { display: none; }
}
.SkeletonHeader__navigation_item { margin-right: 24px; }
@media (max-width: 1180px) {
  .SkeletonHeader__userinfo { display: none; }
}
.SkeletonHeader__button:last-child { margin-right: 0px; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem.short { padding: 8px; }
.CategoryNavigationItem__loading { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.CategoryNavigationItem__loading { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.CategoryNavigationItem__icon { margin-right: 14px; display: flex; align-items: center; }
.CategoryNavigationItem__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); white-space: nowrap; }
.NewGloryButton { display: flex; justify-content: start; align-items: center; width: 240px; height: 52px; padding: 4px 12px; border-radius: 8px; margin: 0px 8px; cursor: pointer; }
.NewGloryButton { display: flex; justify-content: start; align-items: center; width: 240px; height: 52px; padding: 4px 12px; border-radius: 8px; margin: 0px 8px; cursor: pointer; }
.NewGloryButton { display: flex; justify-content: start; align-items: center; width: 240px; height: 52px; padding: 4px 12px; border-radius: 8px; margin: 0px 8px; cursor: pointer; }
.NewGloryButton { display: flex; justify-content: start; align-items: center; width: 240px; height: 52px; padding: 4px 12px; border-radius: 8px; margin: 0px 8px; cursor: pointer; }
.NewGloryButton { display: flex; justify-content: start; align-items: center; width: 240px; height: 52px; padding: 4px 12px; border-radius: 8px; margin: 0px 8px; cursor: pointer; }
.NewGloryButton { display: flex; justify-content: start; align-items: center; width: 240px; height: 52px; padding: 4px 12px; border-radius: 8px; margin: 0px 8px; cursor: pointer; }
@media (max-width: 1180px) {
  .NewGloryButton { display: flex; width: 100%; justify-content: center; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); border-radius: 8px; margin: 0px; }
}
@media (max-width: 1180px) {
  .NewGloryButton { display: flex; width: 100%; justify-content: center; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); border-radius: 8px; margin: 0px; }
}
@media (max-width: 1180px) {
  .NewGloryButton { display: flex; width: 100%; justify-content: center; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); border-radius: 8px; margin: 0px; }
}
@media (max-width: 1180px) {
  .NewGloryButton { display: flex; width: 100%; justify-content: center; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); border-radius: 8px; margin: 0px; }
}
@media (max-width: 1180px) {
  .NewGloryButton-update { gap: 8px; }
}
.NewGloryButton-update__icon { width: 40px; height: 40px; margin-bottom: 10px; }
.NewGloryButton-update__icon { width: 40px; height: 40px; margin-bottom: 10px; }
.NewGloryButton-update__icon { width: 40px; height: 40px; margin-bottom: 10px; }
@media (max-width: 1180px) {
  .NewGloryButton-update__icon { margin-bottom: 0px; }
}
@media (max-width: 1180px) {
  .NewGloryButton-update__icon { margin-bottom: 0px; }
}
.NewGloryButton-update__icon_auth { margin-bottom: 0px; }
.NewGloryButton-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
@media (max-width: 1180px) {
  .NewGloryButton-update__title { color: var(--textPrimary); }
}
.CategoryNavigation { width: 100%; background: var(--bgSecondary); overflow: hidden; }
.CategoryNavigation-update { display: flex; width: 240px; height: 52px; padding: 4px 12px 4px 0px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); cursor: pointer; }
.CategoryNavigation-update { display: flex; width: 240px; height: 52px; padding: 4px 12px 4px 0px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); cursor: pointer; }
.CategoryNavigation-update { display: flex; width: 240px; height: 52px; padding: 4px 12px 4px 0px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); cursor: pointer; }
.CategoryNavigation-update { display: flex; width: 240px; height: 52px; padding: 4px 12px 4px 0px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); cursor: pointer; }
.CategoryNavigation-update { display: flex; width: 240px; height: 52px; padding: 4px 12px 4px 0px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); cursor: pointer; }
.CategoryNavigation-update__icon svg { width: 40px; height: 40px; }
.CategoryNavigation-update__icon svg { width: 40px; height: 40px; }
.CategoryNavigation-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.CategoryNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 11px; }
.CategoryNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 11px; }
.CategoryNavigation__cat_loading { margin-top: 33px; }
.CategoryNavigation__popular { margin-bottom: 43px; position: relative; }
.CategoryNavigation__popular::after { content: ""; position: absolute; width: 224px; height: 1px; background: var(--bgHeaderSeparator); left: 50%; transform: translate(-50%); bottom: -21.5px; transition: width 0.2s ease-out; }
.CategoryNavigation__popular::after { content: ""; position: absolute; width: 224px; height: 1px; background: var(--bgHeaderSeparator); left: 50%; transform: translate(-50%); bottom: -21.5px; transition: width 0.2s ease-out; }
.CategoryNavigation__popular.short::after { content: ""; width: 44px; }
.ProviderFilterItem { display: grid; grid-template-columns: 24px 20px 1fr; column-gap: 8px; align-items: center; cursor: pointer; padding: 10px 0px; overflow: hidden; }
.ProviderFilterItem__icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; }
.ProviderFilterItem__icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; }
.ProviderFilterItem__icon img { width: 100%; }
.ProviderFilterItem__name { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); }
.ProviderFilterItem__count { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 8px; }
.ProviderFilterItem__count { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 8px; }
.ProviderFilterItem__count { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 8px; }
.ProviderFilter__title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin: 16px 0px 8px; display: flex; align-items: center; justify-content: space-between; }
.ProviderFilter__title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin: 16px 0px 8px; display: flex; align-items: center; justify-content: space-between; }
.ProviderFilter__reset { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--active); padding: 3px; background: transparent; border: none; cursor: pointer; }
.ProviderFilter__reset { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--active); padding: 3px; background: transparent; border: none; cursor: pointer; }
.ProviderFilter__reset { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--active); padding: 3px; background: transparent; border: none; cursor: pointer; }
.ProviderFilter__providers { max-height: 460px; overflow: auto; }
.ProviderFilter__providers::-webkit-scrollbar-thumb { border: none; background: transparent; opacity: 0; }
.ProviderFilter__providers { scrollbar-width: thin; scrollbar-color: transparent transparent; }
.ProviderFilter__providers_empty { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); height: 100%; display: flex; align-items: center; justify-content: center; }
.ProviderFilter__providers_empty > span { max-width: 170px; text-align: center; }
.ProviderNavigation__seporator { height: 1px; margin: 10px auto; background: var(--bgHeaderSeparator); }
.ProviderNavigation__seporator { height: 1px; margin: 10px auto; background: var(--bgHeaderSeparator); }
.ProviderNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 8px; cursor: pointer; }
.ProviderNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 8px; cursor: pointer; }
.ProviderNavigation__filter { padding: 0px 16px; }
.ProviderNavigation__short { padding: 8px; cursor: pointer; border-radius: 8px; width: 44px; display: flex; align-items: center; }
.ProviderNavigation__short { padding: 8px; cursor: pointer; border-radius: 8px; width: 44px; display: flex; align-items: center; }
.ProviderNavigation__short { padding: 8px; cursor: pointer; border-radius: 8px; width: 44px; display: flex; align-items: center; }
.ProviderNavigation__short { padding: 8px; cursor: pointer; border-radius: 8px; width: 44px; display: flex; align-items: center; }
.Sidebar { height: calc(100% - 68px); width: 100%; overflow-y: auto; display: flex; flex-direction: column; position: relative; z-index: 1000; padding-top: 16px; background: var(--bgSecondary); }
.Sidebar { height: calc(100% - 68px); width: 100%; overflow-y: auto; display: flex; flex-direction: column; position: relative; z-index: 1000; padding-top: 16px; background: var(--bgSecondary); }
.Sidebar { height: calc(100% - 68px); width: 100%; overflow-y: auto; display: flex; flex-direction: column; position: relative; z-index: 1000; padding-top: 16px; background: var(--bgSecondary); }
.Sidebar__wrapper { position: relative; z-index: 1001; width: 100%; display: block; height: 100%; }
.Sidebar__wrapper { position: relative; z-index: 1001; width: 100%; display: block; height: 100%; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.CategoryMobileItem { display: table-column; min-width: 103px; grid-template-columns: 103px 1fr; column-gap: 8px; justify-content: center; align-items: center; height: 64px; padding: 0px 8px; border: 1px solid var(--borderCaterogy); border-radius: 8px; background-color: var(--bg); cursor: pointer; }
.CategoryMobileItem { display: table-column; min-width: 103px; grid-template-columns: 103px 1fr; column-gap: 8px; justify-content: center; align-items: center; height: 64px; padding: 0px 8px; border: 1px solid var(--borderCaterogy); border-radius: 8px; background-color: var(--bg); cursor: pointer; }
.CategoryMobileItem { display: table-column; min-width: 103px; grid-template-columns: 103px 1fr; column-gap: 8px; justify-content: center; align-items: center; height: 64px; padding: 0px 8px; border: 1px solid var(--borderCaterogy); border-radius: 8px; background-color: var(--bg); cursor: pointer; }
.CategoryMobileItem { display: table-column; min-width: 103px; grid-template-columns: 103px 1fr; column-gap: 8px; justify-content: center; align-items: center; height: 64px; padding: 0px 8px; border: 1px solid var(--borderCaterogy); border-radius: 8px; background-color: var(--bg); cursor: pointer; }
.CategoryMobileItem { display: table-column; min-width: 103px; grid-template-columns: 103px 1fr; column-gap: 8px; justify-content: center; align-items: center; height: 64px; padding: 0px 8px; border: 1px solid var(--borderCaterogy); border-radius: 8px; background-color: var(--bg); cursor: pointer; }
.CategoryMobileItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--logoCaterogy); }
.CategoryMobileItem.active { border: 1px solid var(--activeCaterogy); background-color: var(--darkBgSelected); }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; }
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }
.CategoryMobile { width: 100vw; margin: 8px 0px; }
.CategoryMobile { width: 100vw; margin: 8px 0px; }
.CategoryMobile .swiper { padding: 0px 16px; }
.CategoryMobile .swiper-slide { width: auto; }
.CategoryMobile .swiper-wrapper { padding: 0px 10px; margin-left: -10px; }
.CategoryMobile .swiper-wrapper { padding: 0px 10px; margin-left: -10px; }
.SkeletonCarouselCategories { padding: 8px 0px 8px 16px; width: 100vw; overflow: hidden; }
.SkeletonCarouselCategories { padding: 8px 0px 8px 16px; width: 100vw; overflow: hidden; }
.SkeletonTopCategories { padding: 20px 16px 16px; }
.TopNavigationMobileItem { display: flex; flex-flow: column; border-radius: 8px; padding: 8px 10px 9px 11px; height: 80px; cursor: pointer; position: relative; border: 1px solid var(--topMenuBorder); width: 100%; }
.TopNavigationMobileItem { display: flex; flex-flow: column; border-radius: 8px; padding: 8px 10px 9px 11px; height: 80px; cursor: pointer; position: relative; border: 1px solid var(--topMenuBorder); width: 100%; }
.TopNavigationMobileItem { display: flex; flex-flow: column; border-radius: 8px; padding: 8px 10px 9px 11px; height: 80px; cursor: pointer; position: relative; border: 1px solid var(--topMenuBorder); width: 100%; }
.TopNavigationMobileItem { display: flex; flex-flow: column; border-radius: 8px; padding: 8px 10px 9px 11px; height: 80px; cursor: pointer; position: relative; border: 1px solid var(--topMenuBorder); width: 100%; }
.TopNavigationMobileItem { display: flex; flex-flow: column; border-radius: 8px; padding: 8px 10px 9px 11px; height: 80px; cursor: pointer; position: relative; border: 1px solid var(--topMenuBorder); width: 100%; }
.TopNavigationMobileItem__label { position: absolute; width: 23px; height: 11px; background: url("data:image/svg+xml,%3csvg%20width='23'%20height='11'%20viewBox='0%200%2023%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.499999%2011C0.223857%2011%209.78513e-09%2010.7761%202.18557e-08%2010.5L4.5897e-07%200.499999C4.7104e-07%200.223857%200.223858%20-9.43889e-07%200.5%20-9.31819e-07L18.1664%20-1.59598e-07C18.3144%20-1.53125e-07%2018.4549%200.0656355%2018.5499%200.179222L22.7317%205.17923C22.887%205.36489%2022.887%205.63512%2022.7317%205.82078L18.5499%2010.8208C18.4549%2010.9344%2018.3144%2011%2018.1664%2011L0.499999%2011Z'%20fill='%23E50539'/%3e%3cpath%20d='M7.32075%207.93355H6.2063V5.83721H4.11806V7.93355H3L3%203.07641H4.11806V4.98007H6.2063V3.07641L7.32075%203.07641V7.93355Z'%20fill='white'/%3e%3cpath%20d='M13.4412%205.49834C13.4412%205.87265%2013.3907%206.21373%2013.2897%206.52159C13.1887%206.82724%2013.0349%207.09081%2012.8281%207.31229C12.6237%207.53378%2012.364%207.70432%2012.049%207.82392C11.7341%207.94131%2011.3614%208%2010.931%208C10.5006%208%2010.1279%207.94131%209.81294%207.82392C9.49796%207.70432%209.23708%207.53378%209.0303%207.31229C8.82592%207.09081%208.67324%206.82613%208.57225%206.51827C8.47127%206.21041%208.42077%205.86822%208.42077%205.49169C8.42077%204.98893%208.50974%204.5515%208.68766%204.1794C8.868%203.80509%209.14451%203.51495%209.51719%203.30897C9.88988%203.10299%2010.3635%203%2010.9382%203C11.5105%203%2011.9805%203.10299%2012.3484%203.30897C12.7187%203.51495%2012.9928%203.80509%2013.1707%204.1794C13.351%204.55371%2013.4412%204.99336%2013.4412%205.49834ZM9.59293%205.49834C9.59293%205.83721%209.63861%206.12957%209.72998%206.37542C9.82376%206.61905%209.96922%206.80731%2010.1664%206.9402C10.3635%207.07088%2010.6184%207.13621%2010.931%207.13621C11.2484%207.13621%2011.5056%207.07088%2011.7028%206.9402C11.9%206.80731%2012.043%206.61905%2012.132%206.37542C12.2234%206.12957%2012.2691%205.83721%2012.2691%205.49834C12.2691%204.98893%2012.1657%204.58804%2011.9589%204.29568C11.7521%204.00332%2011.4119%203.85714%2010.9382%203.85714C10.6232%203.85714%2010.366%203.92359%2010.1664%204.05648C9.96922%204.18715%209.82376%204.37542%209.72998%204.62126C9.63861%204.86489%209.59293%205.15725%209.59293%205.49834Z'%20fill='white'/%3e%3cpath%20d='M16.5682%207.93355H15.4501V3.93355H14.0183V3.07641L18%203.07641V3.93355H16.5682V7.93355Z'%20fill='white'/%3e%3c/svg%3e") 0% 0% / cover no-repeat; top: -5.5px; right: 8px; }
.TopNavigationMobileItem__label { position: absolute; width: 23px; height: 11px; background: url("data:image/svg+xml,%3csvg%20width='23'%20height='11'%20viewBox='0%200%2023%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.499999%2011C0.223857%2011%209.78513e-09%2010.7761%202.18557e-08%2010.5L4.5897e-07%200.499999C4.7104e-07%200.223857%200.223858%20-9.43889e-07%200.5%20-9.31819e-07L18.1664%20-1.59598e-07C18.3144%20-1.53125e-07%2018.4549%200.0656355%2018.5499%200.179222L22.7317%205.17923C22.887%205.36489%2022.887%205.63512%2022.7317%205.82078L18.5499%2010.8208C18.4549%2010.9344%2018.3144%2011%2018.1664%2011L0.499999%2011Z'%20fill='%23E50539'/%3e%3cpath%20d='M7.32075%207.93355H6.2063V5.83721H4.11806V7.93355H3L3%203.07641H4.11806V4.98007H6.2063V3.07641L7.32075%203.07641V7.93355Z'%20fill='white'/%3e%3cpath%20d='M13.4412%205.49834C13.4412%205.87265%2013.3907%206.21373%2013.2897%206.52159C13.1887%206.82724%2013.0349%207.09081%2012.8281%207.31229C12.6237%207.53378%2012.364%207.70432%2012.049%207.82392C11.7341%207.94131%2011.3614%208%2010.931%208C10.5006%208%2010.1279%207.94131%209.81294%207.82392C9.49796%207.70432%209.23708%207.53378%209.0303%207.31229C8.82592%207.09081%208.67324%206.82613%208.57225%206.51827C8.47127%206.21041%208.42077%205.86822%208.42077%205.49169C8.42077%204.98893%208.50974%204.5515%208.68766%204.1794C8.868%203.80509%209.14451%203.51495%209.51719%203.30897C9.88988%203.10299%2010.3635%203%2010.9382%203C11.5105%203%2011.9805%203.10299%2012.3484%203.30897C12.7187%203.51495%2012.9928%203.80509%2013.1707%204.1794C13.351%204.55371%2013.4412%204.99336%2013.4412%205.49834ZM9.59293%205.49834C9.59293%205.83721%209.63861%206.12957%209.72998%206.37542C9.82376%206.61905%209.96922%206.80731%2010.1664%206.9402C10.3635%207.07088%2010.6184%207.13621%2010.931%207.13621C11.2484%207.13621%2011.5056%207.07088%2011.7028%206.9402C11.9%206.80731%2012.043%206.61905%2012.132%206.37542C12.2234%206.12957%2012.2691%205.83721%2012.2691%205.49834C12.2691%204.98893%2012.1657%204.58804%2011.9589%204.29568C11.7521%204.00332%2011.4119%203.85714%2010.9382%203.85714C10.6232%203.85714%2010.366%203.92359%2010.1664%204.05648C9.96922%204.18715%209.82376%204.37542%209.72998%204.62126C9.63861%204.86489%209.59293%205.15725%209.59293%205.49834Z'%20fill='white'/%3e%3cpath%20d='M16.5682%207.93355H15.4501V3.93355H14.0183V3.07641L18%203.07641V3.93355H16.5682V7.93355Z'%20fill='white'/%3e%3c/svg%3e") 0% 0% / cover no-repeat; top: -5.5px; right: 8px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem.active { background-color: var(--darkBgSelected); border: 1px solid var(--activeCaterogy); }
.TopNavigationMobile { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; padding: 16px 18px; gap: 8px; }
.TopNavigationMobile { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; padding: 16px 18px; gap: 8px; }
.SkeletonBanners { width: 100%; height: 382px; background: var(--bannerSkeletonBg); border-radius: 8px; padding: 60px 40px; }
.SkeletonBanners { width: 100%; height: 382px; background: var(--bannerSkeletonBg); border-radius: 8px; padding: 60px 40px; }
.SkeletonBanners { width: 100%; height: 382px; background: var(--bannerSkeletonBg); border-radius: 8px; padding: 60px 40px; }
.SkeletonBanners { width: 100%; height: 382px; background: var(--bannerSkeletonBg); border-radius: 8px; padding: 60px 40px; }
.SkeletonBanners { width: 100%; height: 382px; background: var(--bannerSkeletonBg); border-radius: 8px; padding: 60px 40px; }
@media (max-width: 1180px) {
  .SkeletonBanners { height: 150px; }
}
@media (max-width: 1180px) {
  .SkeletonBanners { height: 150px; }
}
.SkeletonBanners__mobile { padding: 0px 16px; }
.SkeletonBanners__title { margin-bottom: 19px; }
.SkeletonBanners__subtitle { margin-bottom: 42px; }
.SkeletonBanners__desc { margin-bottom: 28px; }
.BannerItem { position: relative; width: 100%; height: 100%; }
.BannerItem { position: relative; width: 100%; height: 100%; }
@media (max-width: 768px) {
  .BannerItem { cursor: pointer; }
}
.BannerItem__img { border-radius: 16px; }
.BannerItem__img { border-radius: 16px; }
@media (max-width: 768px) {
  .BannerItem__img { border-radius: 8px; }
}
@media (max-width: 768px) {
  .BannerItem__img { border-radius: 8px; }
}
@media (max-width: 768px) {
  .BannerItem__img { border-radius: 8px; }
}
.BannerItem-text { position: absolute; padding: 60px 0px 0px 40px; top: 0px; left: 0px; display: flex; flex-flow: column; }
@media (max-width: 768px) {
  .BannerItem-text { padding: 20px 0px 0px 16px; }
}
@media (max-width: 768px) {
  .BannerItem-text { padding: 20px 0px 0px 16px; }
}
@media (max-width: 375px) {
  .BannerItem-text { padding: 8px 0px 0px 8px; }
}
@media (max-width: 375px) {
  .BannerItem-text { padding: 8px 0px 0px 8px; }
}
.BannerItem-text__title { width: 800px; white-space: break-spaces; font-family: Unbounded; font-size: 48px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--textPrimary); text-transform: uppercase; }
.BannerItem-text__title { width: 800px; white-space: break-spaces; font-family: Unbounded; font-size: 48px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--textPrimary); text-transform: uppercase; }
@media (max-width: 768px) {
  .BannerItem-text__title { width: 300px; font-size: 18px; font-weight: 800; }
}
.BannerItem-text__desc { width: 700px; font-size: 20px; line-height: 120%; font-weight: 400; color: var(--textPrimary); margin-top: 20px; }
.BannerItem-text__desc { width: 700px; font-size: 20px; line-height: 120%; font-weight: 400; color: var(--textPrimary); margin-top: 20px; }
.BannerItem-text__desc { width: 700px; font-size: 20px; line-height: 120%; font-weight: 400; color: var(--textPrimary); margin-top: 20px; }
@media (max-width: 768px) {
  .BannerItem-text__desc { width: 200px; font-size: 12px; line-height: 120%; font-weight: 400; margin-top: 8px; }
}
@media (max-width: 768px) {
  .BannerItem-text__desc { width: 200px; font-size: 12px; line-height: 120%; font-weight: 400; margin-top: 8px; }
}
@media (max-width: 768px) {
  .BannerItem-text__desc { width: 200px; font-size: 12px; line-height: 120%; font-weight: 400; margin-top: 8px; }
}
@media (max-width: 375px) {
  .BannerItem-text__desc { margin-top: 4px; }
}
@media (max-width: 375px) {
  .BannerItem-text__desc { margin-top: 4px; }
}
.BannerItem-text__btn { position: fixed; bottom: 60px; width: 343px; text-transform: uppercase; cursor: pointer; }
@media (max-width: 768px) {
  .BannerItem-text__btn { display: none; }
}
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.CarouselBanners { width: 100%; height: 100%; overflow: hidden; border-radius: 15px; }
.CarouselBanners { width: 100%; height: 100%; overflow: hidden; border-radius: 15px; }
.CarouselBanners { width: 100%; height: 100%; overflow: hidden; border-radius: 15px; }
.CarouselBanners { width: 100%; height: 100%; overflow: hidden; border-radius: 15px; }
@media (max-width: 1180px) {
  .CarouselBanners { border-radius: 0px; width: 100vw; }
}
@media (max-width: 1180px) {
  .CarouselBanners { border-radius: 0px; width: 100vw; }
}
@media (max-width: 1180px) {
  .CarouselBanners { border-radius: 0px; width: 100vw; }
}
.CarouselBanners__carousel { width: 100%; height: 100%; position: relative; }
.CarouselBanners__carousel { width: 100%; height: 100%; position: relative; }
.CarouselBanners__image { width: 100%; height: 100%; overflow: hidden; border-radius: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.CarouselBanners__image { width: 100%; height: 100%; overflow: hidden; border-radius: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.CarouselBanners__image { width: 100%; height: 100%; overflow: hidden; border-radius: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.CarouselBanners__image { width: 100%; height: 100%; overflow: hidden; border-radius: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
@media (max-width: 1180px) {
  .CarouselBanners__image { border-radius: 8px; }
}
@media (max-width: 1180px) {
  .CarouselBanners__image { border-radius: 8px; }
}
@media (max-width: 1180px) {
  .CarouselBanners__image { border-radius: 8px; }
}
.CarouselBanners__slide { width: 100%; display: flex; align-items: center; justify-content: center; }
.CarouselBanners__slide img { width: 100%; object-fit: cover; }
@media (max-width: 1180px) {
  .CarouselBanners__slide.swiper-slide-next { justify-content: flex-start; }
  .CarouselBanners__slide.swiper-slide-next .CarouselBanners__image { margin-left: -5px; }
  .CarouselBanners__slide.swiper-slide-prev { justify-content: flex-end; }
  .CarouselBanners__slide.swiper-slide-prev .CarouselBanners__image { margin-right: -5px; }
}
@media (max-width: 1180px) {
  .CarouselBanners__slide.swiper-slide-next { justify-content: flex-start; }
  .CarouselBanners__slide.swiper-slide-next .CarouselBanners__image { margin-left: -5px; }
  .CarouselBanners__slide.swiper-slide-prev { justify-content: flex-end; }
  .CarouselBanners__slide.swiper-slide-prev .CarouselBanners__image { margin-right: -5px; }
}
@media (max-width: 1180px) {
  .CarouselBanners .swiper-pagination { bottom: 8px; }
}
.CarouselBanners .swiper-pagination-bullet { width: 8px; height: 8px; background: var(--bulletsColor); border-radius: 10px; margin-right: 8px; }
.CarouselBanners .swiper-pagination-bullet { width: 8px; height: 8px; background: var(--bulletsColor); border-radius: 10px; margin-right: 8px; }
.CarouselBanners .swiper-pagination-bullet { width: 8px; height: 8px; background: var(--bulletsColor); border-radius: 10px; margin-right: 8px; }
.CarouselBanners .swiper-pagination-bullet { width: 8px; height: 8px; background: var(--bulletsColor); border-radius: 10px; margin-right: 8px; }
.CarouselBanners .swiper-pagination-bullet { width: 8px; height: 8px; background: var(--bulletsColor); border-radius: 10px; margin-right: 8px; }
.CarouselBanners .swiper-pagination-bullet:last-child { margin-right: 0px; }
.navTrigger { cursor: pointer; width: 28px; height: 28px; padding: 4px; }
.navTrigger { cursor: pointer; width: 28px; height: 28px; padding: 4px; }
.navTrigger { cursor: pointer; width: 28px; height: 28px; padding: 4px; }
.navTrigger i { background-color: var(--textSecondary); border-radius: 8px; display: block; width: 100%; height: 3px; }
.navTrigger i { background-color: var(--textSecondary); border-radius: 8px; display: block; width: 100%; height: 3px; }
.navTrigger i { background-color: var(--textSecondary); border-radius: 8px; display: block; width: 100%; height: 3px; }
.navTrigger i { background-color: var(--textSecondary); border-radius: 8px; display: block; width: 100%; height: 3px; }
.navTrigger i:nth-child(2) { margin: 5px 0px; }
.navTrigger_close i:nth-child(2) { margin: 5px 0px; animation: 0.8s ease 0s 1 reverse backwards running outM; }
.TabbarItem__icon_dep { position: absolute; top: -16px; width: 44px; height: 44px; }
.TabbarItem__icon_dep { position: absolute; top: -16px; width: 44px; height: 44px; }
.TabbarItem__title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); text-align: center; }
.TabbarItem__title_dep { margin-top: 28px; }
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
.Progressbar { display: flex; align-items: center; padding: 4px; position: relative; width: 100%; overflow: hidden; margin-top: 4px; border: 1px solid var(--grey); border-radius: 15px; }
.Progressbar { display: flex; align-items: center; padding: 4px; position: relative; width: 100%; overflow: hidden; margin-top: 4px; border: 1px solid var(--grey); border-radius: 15px; }
.Progressbar { display: flex; align-items: center; padding: 4px; position: relative; width: 100%; overflow: hidden; margin-top: 4px; border: 1px solid var(--grey); border-radius: 15px; }
.Progressbar { display: flex; align-items: center; padding: 4px; position: relative; width: 100%; overflow: hidden; margin-top: 4px; border: 1px solid var(--grey); border-radius: 15px; }
.Progressbar { display: flex; align-items: center; padding: 4px; position: relative; width: 100%; overflow: hidden; margin-top: 4px; border: 1px solid var(--grey); border-radius: 15px; }
.Progressbar__m { height: 20px; }
.Progressbar__s { height: 18px; }
.Progressbar-header__title { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); opacity: 0.8; }
.Progressbar-header__amount { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
@media (max-width: 1180px) {
  .Progressbar-header__info { display: flex; font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
}
@media (max-width: 1180px) {
  .Progressbar-header__info { display: flex; font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
}
.Progressbar__front { display: flex; justify-content: center; align-items: center; width: 100%; background: var(--gradient); transition: width 0.2s linear; height: 12px; border-radius: 15px; }
.Progressbar__front { display: flex; justify-content: center; align-items: center; width: 100%; background: var(--gradient); transition: width 0.2s linear; height: 12px; border-radius: 15px; }
.Progressbar__front { display: flex; justify-content: center; align-items: center; width: 100%; background: var(--gradient); transition: width 0.2s linear; height: 12px; border-radius: 15px; }
.Progressbar__front { display: flex; justify-content: center; align-items: center; width: 100%; background: var(--gradient); transition: width 0.2s linear; height: 12px; border-radius: 15px; }
.BonusWidget { display: flex; flex-flow: column; margin-top: 32px; background: var(--bgSecondary); border-radius: 16px; }
.BonusWidget { display: flex; flex-flow: column; margin-top: 32px; background: var(--bgSecondary); border-radius: 16px; }
.BonusWidget { display: flex; flex-flow: column; margin-top: 32px; background: var(--bgSecondary); border-radius: 16px; }
@media (max-width: 1180px) {
  .BonusWidget { margin-top: 0px; margin-bottom: 8px; border-radius: 8px; cursor: pointer; }
}
@media (max-width: 1180px) {
  .BonusWidget { margin-top: 0px; margin-bottom: 8px; border-radius: 8px; cursor: pointer; }
}
@media (max-width: 1180px) {
  .BonusWidget { margin-top: 0px; margin-bottom: 8px; border-radius: 8px; cursor: pointer; }
}
@media (max-width: 1180px) {
  .BonusWidget { margin-top: 0px; margin-bottom: 8px; border-radius: 8px; cursor: pointer; }
}
.BonusWidget-header { display: flex; justify-content: space-between; background: var(--headerBonus); padding: 10px 16px; border-radius: 16px 16px 0px 0px; }
.BonusWidget-header { display: flex; justify-content: space-between; background: var(--headerBonus); padding: 10px 16px; border-radius: 16px 16px 0px 0px; }
.BonusWidget-header { display: flex; justify-content: space-between; background: var(--headerBonus); padding: 10px 16px; border-radius: 16px 16px 0px 0px; }
@media (max-width: 1180px) {
  .BonusWidget-header { display: none; }
}
.BonusWidget-header__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-header__info { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); cursor: pointer; }
.BonusWidget-container { display: flex; padding: 16px; }
@media (max-width: 1180px) {
  .BonusWidget-container { padding: 12px 16px; gap: 12px; }
}
@media (max-width: 1180px) {
  .BonusWidget-container { padding: 12px 16px; gap: 12px; }
}
.BonusWidget-container-reward__title { width: 87px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container-reward__title { width: 87px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container-reward-value { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.BonusWidget-container-reward-value__img { width: 16px; height: 16px; }
.BonusWidget-container-reward-value__img { width: 16px; height: 16px; }
.BonusWidget-container-reward-value__text { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container__timer { display: flex; margin: 0px 62px 0px 121px; }
@media (max-width: 1180px) {
  .BonusWidget-container__timer { display: none; }
}
.BonusWidget-container__progress { width: 100%; }
.Timer-is-promo__hr { margin: 0px 35px !important; }
.Timer-bonus-item { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 48px; height: 45px; padding: 4px 8px; }
.Timer-bonus-item { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 48px; height: 45px; padding: 4px 8px; }
.Timer-bonus-item { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 48px; height: 45px; padding: 4px 8px; }
.Timer-bonus-item__value { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Timer-bonus-item__value-small { font-size: 16px; line-height: 130%; font-weight: 600; }
.Timer-bonus-item__value-medium { font-size: 20px; line-height: 30px; font-weight: 700; }
.Timer-bonus-item__value-large { font-size: 48px; line-height: 110%; font-weight: 800; }
.Timer-bonus-item__label { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus-item__label-large { font-size: 16px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus__hr { height: 32px; margin: 0px 4px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr { height: 32px; margin: 0px 4px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr { height: 32px; margin: 0px 4px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr { height: 32px; margin: 0px 4px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr-large { height: 44px; margin: 0px 16px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr-large { height: 44px; margin: 0px 16px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr-large { height: 44px; margin: 0px 16px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr-large { height: 44px; margin: 0px 16px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.FooterNavigationItem { text-decoration: none; font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterLink); cursor: pointer; margin-bottom: 8px; }
.FooterNavigationItem { text-decoration: none; font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterLink); cursor: pointer; margin-bottom: 8px; }
.Footer__navigation_list { display: flex; flex-direction: column; width: 100%; }
.Footer__navigation_list_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); margin-bottom: 12px; }
.Footer__navigation_list_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); margin-bottom: 12px; }
@media (max-width: 991px) {
  .FooterPartners { justify-content: center; gap: 16px; }
}
.FooterPaymentsList { display: flex; width: 700px; justify-content: center; gap: 60px; }
@media (max-width: 991px) {
  .FooterPaymentsList { width: 100%; justify-content: center; gap: 32px; flex-wrap: wrap; }
}
.Footer__social { display: flex; flex-direction: column; width: 100%; }
.Footer__social_wrapper { display: flex; margin-top: 12px; gap: 8px; }
.Footer__social_menu_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.SkeletonFooter { width: 1104px; margin: 0px auto; padding: 40px 0px; }
.SkeletonFooter { width: 1104px; margin: 0px auto; padding: 40px 0px; }
.SkeletonFooter { width: 1104px; margin: 0px auto; padding: 40px 0px; }
@media (max-width: 1180px) {
  .SkeletonFooter { width: 100%; height: 100%; padding: 16px; }
}
@media (max-width: 1180px) {
  .SkeletonFooter { width: 100%; height: 100%; padding: 16px; }
}
@media (max-width: 1180px) {
  .SkeletonFooter { width: 100%; height: 100%; padding: 16px; }
}
.SkeletonFooter__title { margin-bottom: 16px; }
.SkeletonFooter__item { margin-bottom: 8px; }
.SkeletonFooter__social_item { margin-right: 16px; }
.SkeletonFooter__language { margin-top: 20px; display: flex; align-items: center; }
.SkeletonFooter__language_icon { margin-right: 7px; }
.SkeletonFooter__payments { margin-top: 27px; padding: 17px 0px; display: flex; justify-content: center; align-items: center; gap: 63px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); }
.SkeletonFooter__payments { margin-top: 27px; padding: 17px 0px; display: flex; justify-content: center; align-items: center; gap: 63px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); }
.SkeletonFooter__payments { margin-top: 27px; padding: 17px 0px; display: flex; justify-content: center; align-items: center; gap: 63px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); }
.SkeletonFooter__partners { display: flex; align-items: center; justify-content: center; gap: 40px; padding: 16px 0px; }
.SkeletonFooter__copyrights { margin-top: 8px; }
.SkeletonFooterMobile { padding: 16px; }
.SkeletonFooterMobile__logo { margin-bottom: 16px; }
.SkeletonFooterMobile__header { margin-bottom: 27px; }
.SkeletonFooterMobile__header_title { margin-bottom: 4px; }
.SkeletonFooterMobile__title { margin-bottom: 14px; }
.SkeletonFooterMobile__item { margin-bottom: 7px; }
.SkeletonFooterMobile__payments { padding: 16px 0px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); display: flex; justify-content: center; align-items: center; gap: 32px; margin-bottom: 16px; }
.SkeletonFooterMobile__payments { padding: 16px 0px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); display: flex; justify-content: center; align-items: center; gap: 32px; margin-bottom: 16px; }
.SkeletonFooterMobile__payments { padding: 16px 0px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); display: flex; justify-content: center; align-items: center; gap: 32px; margin-bottom: 16px; }
.SkeletonFooterMobile__partners { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 16px 0px; }
.Footer-support { display: flex; flex-direction: column; /*width: 211px;*/ }
@media (max-width: 1180px) {
  .Footer-support { margin-top: 16px; }
}
@media (max-width: 1180px) {
  .Footer-support { margin-top: 16px; }
}
@media (max-width: 1180px) {
  .Footer-support-wrapper { display: grid; grid-template-columns: 1fr 1fr; }
}
.Footer-support-wrapper__item { font-size: 12px; line-height: 120%; font-weight: 400; display: flex; align-items: center; gap: 4px; color: var(--textFooterPrimary); }
.Footer-support__menu_title { margin-bottom: 16px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.Footer-support__menu_title { margin-bottom: 16px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
@media (max-width: 1180px) {
  .Footer-support__menu_title { display: none; }
}
.Footer-support__text { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterPrimary); margin-top: 8px; width: 211px; }
.Footer-support__text { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterPrimary); margin-top: 8px; width: 211px; }
.Footer-support__text { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterPrimary); margin-top: 8px; width: 211px; }
@media (max-width: 1180px) {
  .Footer-support__text { width: 100%; }
}
.Footer { height: 100%; width: 100%; background-color: var(--backgroundFooter); }
.Footer { height: 100%; width: 100%; background-color: var(--backgroundFooter); }
@media (max-width: 1180px) {
  .Footer__language { display: none; }
}
.Footer-wrapper { position: relative; width: 1104px; margin: 0px auto; height: 470px; padding: 40px 0px; }
.Footer-wrapper { position: relative; width: 1104px; margin: 0px auto; height: 470px; padding: 40px 0px; }
.Footer-wrapper { position: relative; width: 1104px; margin: 0px auto; height: 470px; padding: 40px 0px; }
.Footer-wrapper { position: relative; width: 1104px; margin: 0px auto; height: 470px; padding: 40px 0px; }
@media (max-width: 1180px) {
  .Footer-wrapper { width: 100%; height: 100%; padding: 16px; }
}
@media (max-width: 1180px) {
  .Footer-wrapper { width: 100%; height: 100%; padding: 16px; }
}
@media (max-width: 1180px) {
  .Footer-wrapper { width: 100%; height: 100%; padding: 16px; }
}
.Footer__navigation { width: 100%; display: flex; justify-content: space-between; }
@media (max-width: 991px) {
  .Footer__navigation { display: none; }
}
@media (min-width: 576px) and (max-width: 991px) {
  .Footer__navigation_tablet { display: flex; flex-direction: column; max-width: 100%; }
}
@media (max-width: 575px) {
  .Footer__navigation_tablet { display: flex; flex-direction: column; }
}
@media (max-width: 1180px) {
  .Footer__navigation_tablet_menu { display: grid; grid-template-columns: 1fr 1fr; margin-top: 25px; }
}
@media (max-width: 1180px) {
  .Footer__navigation_tablet_menu { display: grid; grid-template-columns: 1fr 1fr; margin-top: 25px; }
}
.Footer__navigation_tablet__logo { display: flex; width: 100%; }
.Footer__navigation_tablet__logo svg { width: 117px; height: 28px; }
.Footer__navigation_tablet__logo svg { width: 117px; height: 28px; }
.Footer__navigation_tablet__logo_glory svg { width: 100px; height: 45px; }
.Footer__navigation_tablet__logo_glory svg { width: 100px; height: 45px; }
@media (max-width: 991px) {
  .Footer__navigation_tablet__logo_glory svg { width: 83px; height: 38px; }
}
@media (max-width: 991px) {
  .Footer__navigation_tablet__logo_glory svg { width: 83px; height: 38px; }
}
.Footer__navigation_tablet_container { display: flex; width: 100%; }
@media (max-width: 575px) {
  .Footer__navigation_tablet_container { width: 100%; display: flex; flex-direction: column; }
}
.Footer__navigation__logo { display: flex; width: 100%; }
.Footer__navigation__logo svg { width: 117px; height: 28px; }
.Footer__navigation__logo svg { width: 117px; height: 28px; }
.Footer__navigation__logo_glory svg { width: 100px; height: 45px; }
.Footer__navigation__logo_glory svg { width: 100px; height: 45px; }
@media (max-width: 991px) {
  .Footer__navigation__logo_glory svg { width: 83px; height: 38px; }
}
@media (max-width: 991px) {
  .Footer__navigation__logo_glory svg { width: 83px; height: 38px; }
}
.Footer__container { width: 100%; }
.Footer__payments { display: flex; justify-content: center; align-items: center; padding: 16px; }
.Footer__partners { min-height: 50px; display: flex; justify-content: center; align-items: center; padding: 16px; }
.Footer__partners { min-height: 50px; display: flex; justify-content: center; align-items: center; padding: 16px; }
@media (max-width: 400px) {
  .Footer__partners_mobile { display: flex; margin-top: 20px; justify-content: center; }
}
@media (max-width: 400px) {
  .Footer__partners_mobile { display: flex; margin-top: 20px; justify-content: center; }
}
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
@media (max-width: 1180px) {
  .Footer__license { padding-bottom: 64px; }
}
@media (max-width: 1180px) {
  .Footer__license { padding-bottom: 64px; }
}
.Footer__version { font-size: 8px; line-height: 140%; font-weight: 400; position: absolute; bottom: 5px; right: 5px; color: var(--textFooterSecondary); }
.CasinoLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
.CasinoLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
@media (max-width: 1370px) {
  .CasinoLayout__container { grid-template-columns: 76px 1fr; }
}
@media (max-width: 1180px) {
  .CasinoLayout__container { grid-template-rows: auto 1fr auto; grid-template-areas: "header" "category" "content" "footer"; padding: 70px 0px 0px; grid-template-columns: 1fr !important; }
}
@media (max-width: 1180px) {
  .CasinoLayout__container { grid-template-rows: auto 1fr auto; grid-template-areas: "header" "category" "content" "footer"; padding: 70px 0px 0px; grid-template-columns: 1fr !important; }
}
@media (max-width: 576px) {
  .CasinoLayout__container { grid-template-rows: auto 1fr auto; }
}
@media (max-width: 375px) {
  .CasinoLayout__container { grid-template-rows: auto 1fr auto; }
}
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .CasinoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .CasinoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .CasinoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.CasinoLayout__header_auth { height: 70px; }
.CasinoLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .CasinoLayout__header_empty { display: none; }
}
.CasinoLayout__category_banners { margin-bottom: 16px; }
@media (max-width: 1180px) {
  .CasinoLayout__category { display: flex; flex-direction: column; margin-top: 70px; }
  .CasinoLayout__category_auth { margin-top: 0px; }
}
@media (max-width: 1180px) {
  .CasinoLayout__category { display: flex; flex-direction: column; margin-top: 70px; }
  .CasinoLayout__category_auth { margin-top: 0px; }
}
.CasinoLayout__widget { padding: 0px 16px; }
.CasinoLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
.CasinoLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
@media (max-width: 1180px) {
  .CasinoLayout__sidebar { display: none; }
}
.CasinoLayout__content { grid-area: content; margin-bottom: 30px; }
.CasinoLayout__content_container { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
.CasinoLayout__content_container { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .CasinoLayout__content_container { padding: 0px 16px; }
}
@media (max-width: 1180px) {
  .CasinoLayout__content_container { padding: 0px 16px; }
}
.CasinoLayout__footer { grid-area: footer; min-width: calc(-1168px + 100vh); height: 100%; }
.CasinoLayout__footer { grid-area: footer; min-width: calc(-1168px + 100vh); height: 100%; }
.InfoSidebar { width: 100%; height: 100%; padding: 15px 8px 0px; border-right: 1px solid var(--bgGrey); }
.InfoSidebar { width: 100%; height: 100%; padding: 15px 8px 0px; border-right: 1px solid var(--bgGrey); }
.InfoSidebar { width: 100%; height: 100%; padding: 15px 8px 0px; border-right: 1px solid var(--bgGrey); }
.InfoSidebar { width: 100%; height: 100%; padding: 15px 8px 0px; border-right: 1px solid var(--bgGrey); }
.InfoSidebar__link { font-size: 14px; line-height: 130%; font-weight: 400; padding: 4px 16px; color: var(--textPrimary); text-decoration: none; height: 44px; display: flex; align-items: center; }
.InfoSidebar__link { font-size: 14px; line-height: 130%; font-weight: 400; padding: 4px 16px; color: var(--textPrimary); text-decoration: none; height: 44px; display: flex; align-items: center; }
.InfoSidebar__link_active { color: var(--textPrimary); background-color: var(--activeBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link_active { color: var(--textPrimary); background-color: var(--activeBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link_active { color: var(--textPrimary); background-color: var(--activeBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link:not(.InfoSidebar__link_active):hover { color: var(--primary); background: var(--hoverBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link:not(.InfoSidebar__link_active):hover { color: var(--primary); background: var(--hoverBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link:not(.InfoSidebar__link_active):hover { color: var(--primary); background: var(--hoverBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoLayout__container_about { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 70px; }
@media (max-width: 1180px) {
  .InfoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .InfoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .InfoLayout__container_auth { padding-top: 70px; }
}
@media (max-width: 1180px) {
  .InfoLayout__container_auth { padding-top: 70px; }
}
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .InfoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .InfoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .InfoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.InfoLayout__header_auth { height: 70px; }
.InfoLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .InfoLayout__header_empty { display: none; }
}
.InfoLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); background: var(--bgSecondary); }
@media (max-width: 1180px) {
  .InfoLayout__sidebar { display: none; }
}
.InfoLayout__content { grid-area: content; padding: 0px 40px; overflow-x: hidden; }
@media (max-width: 1180px) {
  .InfoLayout__content { padding: 0px; overflow-y: inherit; height: 100%; }
}
@media (max-width: 1180px) {
  .InfoLayout__content { padding: 0px; overflow-y: inherit; height: 100%; }
}
@media (max-width: 1180px) {
  .InfoLayout__content { padding: 0px; overflow-y: inherit; height: 100%; }
}
.InfoLayout__content_container { margin: auto; width: 100%; max-width: 1104px; }
.InfoLayout__content_container { margin: auto; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .InfoLayout__content_container { padding: 0px 16px; }
}
@media (max-width: 1180px) {
  .InfoLayout__content_container { padding: 0px 16px; }
}
.InfoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.InfoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.InfoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.PromoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 70px; }
@media (max-width: 1180px) {
  .PromoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .PromoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .PromoLayout__container_auth { padding-top: 70px; }
}
@media (max-width: 1180px) {
  .PromoLayout__container_auth { padding-top: 70px; }
}
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .PromoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .PromoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .PromoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.PromoLayout__header_auth { height: 70px; }
.PromoLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .PromoLayout__header_empty { display: none; }
}
.PromoLayout__content { grid-area: content; padding: 0px 40px; overflow-x: hidden; }
@media (max-width: 1180px) {
  .PromoLayout__content { padding: 0px; overflow-y: inherit; height: 100%; }
}
@media (max-width: 1180px) {
  .PromoLayout__content { padding: 0px; overflow-y: inherit; height: 100%; }
}
@media (max-width: 1180px) {
  .PromoLayout__content { padding: 0px; overflow-y: inherit; height: 100%; }
}
.PromoLayout__content_container { margin: auto; width: 100%; max-width: 1200px; }
.PromoLayout__content_container { margin: auto; width: 100%; max-width: 1200px; }
@media (max-width: 1180px) {
  .PromoLayout__content_container { padding: 0px 16px; }
}
@media (max-width: 1180px) {
  .PromoLayout__content_container { padding: 0px 16px; }
}
.PromoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.PromoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.PromoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.Loader { height: 32px; width: 100%; background: var(--primary); border-radius: 40px; position: relative; overflow: hidden; }
.Loader { height: 32px; width: 100%; background: var(--primary); border-radius: 40px; position: relative; overflow: hidden; }
.Loader { height: 32px; width: 100%; background: var(--primary); border-radius: 40px; position: relative; overflow: hidden; }
.Loader { height: 32px; width: 100%; background: var(--primary); border-radius: 40px; position: relative; overflow: hidden; }
.Loader::after { content: ""; position: absolute; width: 80px; height: 64px; top: -50%; left: -100%; background: linear-gradient(rgba(209, 209, 209, 0.1), rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.1)); transform: matrix(0.47, -0.97, 0.77, 0.53, 0, 0); animation: 2s linear 0s infinite normal none running blink; z-index: 1; }
.Loader::after { content: ""; position: absolute; width: 80px; height: 64px; top: -50%; left: -100%; background: linear-gradient(rgba(209, 209, 209, 0.1), rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.1)); transform: matrix(0.47, -0.97, 0.77, 0.53, 0, 0); animation: 2s linear 0s infinite normal none running blink; z-index: 1; }
.Loader__filled { background: radial-gradient(circle 16.5px at left,rgba(0,0,0,0) 99%,var(--light-blue)) bottom left; height: 100%; position: absolute; right: 0px; top: 0px; z-index: 2; transition: 0.2s linear; }
.BangerLogoAnimate__icon { width: 58px; height: 58px; margin-right: 17px; }
.BangerLogoAnimate__icon { width: 58px; height: 58px; margin-right: 17px; }
.BangerLogoAnimate__icon { width: 58px; height: 58px; margin-right: 17px; }
.BangerLogoAnimate__logo svg { width: 168px; height: 58px; }
.BangerLogoAnimate__logo svg { width: 168px; height: 58px; }
.Preloader { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: var(--bg); z-index: 2147483647; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease-out; }
.Preloader { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: var(--bg); z-index: 2147483647; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease-out; }
.Preloader__center { width: 400px; }
@media (max-width: 768px) {
  .Preloader__center { width: 220px; }
}
.Preloader__logo { width: 100%; height: auto; margin-bottom: 26px; }
.Preloader__logo { width: 100%; height: auto; margin-bottom: 26px; }
.Preloader__logo { width: 100%; height: auto; margin-bottom: 26px; }
.ChatwootLoading { position: fixed; width: 100vw; height: 100dvh; top: 0px; left: 0px; z-index: 999999999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); }
.ChatwootLoading { position: fixed; width: 100vw; height: 100dvh; top: 0px; left: 0px; z-index: 999999999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); }
.ChatwootLoading__loader { width: 100px; height: 75px; margin: 0px auto; background: rgb(255, 255, 255); position: relative; border-radius: 100%; }
.ChatwootLoading__loader { width: 100px; height: 75px; margin: 0px auto; background: rgb(255, 255, 255); position: relative; border-radius: 100%; }
.ChatwootLoading__loader { width: 100px; height: 75px; margin: 0px auto; background: rgb(255, 255, 255); position: relative; border-radius: 100%; }
.ChatwootLoading__loader { width: 100px; height: 75px; margin: 0px auto; background: rgb(255, 255, 255); position: relative; border-radius: 100%; }
.ChatwootLoading__loader { width: 100px; height: 75px; margin: 0px auto; background: rgb(255, 255, 255); position: relative; border-radius: 100%; }
.ChatwootLoading__loader::before { content: ""; position: absolute; box-sizing: border-box; border-width: 25px 15px 15px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; transform: rotate(45deg); top: 50px; left: -15px; }
.ChatwootLoading__loader::before { content: ""; position: absolute; box-sizing: border-box; border-width: 25px 15px 15px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; transform: rotate(45deg); top: 50px; left: -15px; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
@keyframes flash { 
  0% { background-color: rgba(255, 60, 0, 0.25); box-shadow: rgba(255, 60, 0, 0.25) 20px 0px, rgb(255, 61, 0) -20px 0px; }
  50% { background-color: rgb(255, 61, 0); box-shadow: rgba(255, 60, 0, 0.25) 20px 0px, rgba(255, 60, 0, 0.25) -20px 0px; }
  100% { background-color: rgba(255, 60, 0, 0.25); box-shadow: rgb(255, 61, 0) 20px 0px, rgba(255, 60, 0, 0.25) -20px 0px; }
}
.NewGloryLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
.NewGloryLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
@media (max-width: 1370px) {
  .NewGloryLayout__container { grid-template-columns: 76px 1fr; }
}
@media (max-width: 1180px) {
  .NewGloryLayout__container { grid-template-rows: auto 1fr auto; grid-template-areas: "header" "content" "footer"; padding: 131px 0px 0px; grid-template-columns: 1fr !important; }
  .NewGloryLayout__container_auth { padding: 70px 0px 0px; }
}
@media (max-width: 1180px) {
  .NewGloryLayout__container { grid-template-rows: auto 1fr auto; grid-template-areas: "header" "content" "footer"; padding: 131px 0px 0px; grid-template-columns: 1fr !important; }
  .NewGloryLayout__container_auth { padding: 70px 0px 0px; }
}
@media (max-width: 576px) {
  .NewGloryLayout__container { grid-template-rows: auto 1fr auto; }
}
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .NewGloryLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .NewGloryLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .NewGloryLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.NewGloryLayout__header_auth { height: 70px; }
.NewGloryLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .NewGloryLayout__header_empty { display: none; }
}
.NewGloryLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
.NewGloryLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
@media (max-width: 1180px) {
  .NewGloryLayout__sidebar { display: none; }
}
.NewGloryLayout__content { grid-area: content; margin-bottom: 30px; }
.NewGloryLayout__content_container { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
.NewGloryLayout__content_container { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .NewGloryLayout__content_container { padding: 0px 16px; }
}
@media (max-width: 1180px) {
  .NewGloryLayout__content_container { padding: 0px 16px; }
}
@media (max-width: 360px) {
  .NewGloryLayout__content_container { padding: 0px 8px; }
}
@media (max-width: 360px) {
  .NewGloryLayout__content_container { padding: 0px 8px; }
}
.NewGloryLayout__footer { grid-area: footer; min-width: calc(-1168px + 100vh); height: 100%; }
.NewGloryLayout__footer { grid-area: footer; min-width: calc(-1168px + 100vh); height: 100%; }
.TournamentLayout__container { display: grid; grid-template-areas: "header" "content" "footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; row-gap: 8px; padding-top: 70px; }
.TournamentLayout__container { display: grid; grid-template-areas: "header" "content" "footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; row-gap: 8px; padding-top: 70px; }
@media (max-width: 1180px) {
  .TournamentLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 109px; }
}
@media (max-width: 1180px) {
  .TournamentLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 109px; }
}
.TournamentLayout__container_auth { padding-top: 70px; }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .TournamentLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .TournamentLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .TournamentLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.TournamentLayout__header_auth { height: 70px; }
.TournamentLayout__content_container { margin: 5px auto 0px; width: 100%; max-width: 1104px; }
.TournamentLayout__content_container { margin: 5px auto 0px; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .TournamentLayout__content_container { padding: 0px 16px; }
}
@media (max-width: 1180px) {
  .TournamentLayout__content_container { padding: 0px 16px; }
}
.TournamentLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.TournamentLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.TournamentLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.ProfileNavigationLink { position: relative; padding: 10px 12px; display: flex; align-items: center; color: var(--textPrimary); transition: background 0.1s ease-out; text-decoration: none; border-radius: 8px; }
.ProfileNavigationLink { position: relative; padding: 10px 12px; display: flex; align-items: center; color: var(--textPrimary); transition: background 0.1s ease-out; text-decoration: none; border-radius: 8px; }
.ProfileNavigationLink { position: relative; padding: 10px 12px; display: flex; align-items: center; color: var(--textPrimary); transition: background 0.1s ease-out; text-decoration: none; border-radius: 8px; }
.ProfileNavigationLink span { font-size: 14px; line-height: 130%; font-weight: 400; padding-left: 8px; }
.ProfileNavigationLink span { font-size: 14px; line-height: 130%; font-weight: 400; padding-left: 8px; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.NavigationButton:hover { color: var(--primary); font-size: 14px; line-height: 130%; font-weight: 600; }
.LogoutBlock { padding: 8px 0px; }
.BalanceInfo { width: 100%; background: var(--headerBonus); position: relative; padding: 16px; z-index: 3; display: flex; flex-direction: column; }
.BalanceInfo { width: 100%; background: var(--headerBonus); position: relative; padding: 16px; z-index: 3; display: flex; flex-direction: column; }
@media (min-width: 1180px) {
  .BalanceInfo-content { flex-direction: column; }
}
.BalanceInfo-content__balance_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__balance_count { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-align: right; }
@media (min-width: 1180px) {
  .BalanceInfo-content__bonus { margin-top: 8px; }
}
@media (min-width: 1180px) {
  .BalanceInfo-content__bonus { margin-top: 8px; }
}
.BalanceInfo-content__bonus_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__bonus_count { font-size: 16px; line-height: 130%; font-weight: 600; display: flex; color: var(--textPrimary); text-align: right; align-items: center; }
.BalanceInfo-content__bonus_count svg { margin-right: 6px; }
.BalanceInfo__deposit { margin-top: 29px; }
.ProfileSidebar__content { position: relative; margin-top: -16px; border-radius: 16px; padding: 16px; }
.ProfileSidebar__content { position: relative; margin-top: -16px; border-radius: 16px; padding: 16px; }
.ProfileSidebar__content { position: relative; margin-top: -16px; border-radius: 16px; padding: 16px; }
.ProfileSidebar__content { position: relative; margin-top: -16px; border-radius: 16px; padding: 16px; }
.ProfileSidebar__balance { padding: 16px 8px; }
.ProfileSidebar__balance-card { overflow: hidden; border-radius: 16px; }
.ProfileSidebar__balance-card { overflow: hidden; border-radius: 16px; }
.ProfileSidebar__deposit { position: absolute; width: calc(100% - 24px); left: 12px; top: -18px; }
.ProfileSidebar__navigation_item.logout { padding: 18px 12px; border-top: 1px solid var(--menuBorderLine); margin-top: 60px; }
.ProfileSidebar__navigation_item.logout { padding: 18px 12px; border-top: 1px solid var(--menuBorderLine); margin-top: 60px; }
.ProfileSidebar__navigation_item.logout { padding: 18px 12px; border-top: 1px solid var(--menuBorderLine); margin-top: 60px; }
.ProfileLayout { height: 100vh; overflow: auto; }
.ProfileLayout__container { display: grid; grid-template: "header header" 68px "sidebar content" "sidebar footer" / 256px 1fr; height: 100%; }
@media (max-width: 1180px) {
  .ProfileLayout__container { display: grid; grid-template: "header" "content" 1fr "footer" / 1fr; padding: 70px 0px 0px; }
}
@media (max-width: 1180px) {
  .ProfileLayout__container { display: grid; grid-template: "header" "content" 1fr "footer" / 1fr; padding: 70px 0px 0px; }
}
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .ProfileLayout__header { grid-template-columns: 1fr; border-bottom: 1px solid var(--menuBorderLine); }
}
@media (max-width: 1180px) {
  .ProfileLayout__header { grid-template-columns: 1fr; border-bottom: 1px solid var(--menuBorderLine); }
}
.ProfileLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .ProfileLayout__header_empty { display: none; }
}
.ProfileLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); border-top: 1px solid var(--menuBorderLine); border-right: 1px solid var(--menuBorderLine); background: var(--bgSecondary); }
.ProfileLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); border-top: 1px solid var(--menuBorderLine); border-right: 1px solid var(--menuBorderLine); background: var(--bgSecondary); }
@media (max-width: 1180px) {
  .ProfileLayout__sidebar { display: none; }
}
.ProfileLayout__content { grid-area: content; position: relative; padding: 24px 40px 24px 48px; }
@media (max-width: 1180px) {
  .ProfileLayout__content { overflow: auto; padding: 0px 12px 84px; }
}
@media (max-width: 1180px) {
  .ProfileLayout__content { overflow: auto; padding: 0px 12px 84px; }
}
.ProfileLayout__content_container { margin: 0px auto; width: 100%; max-width: 1104px; }
.ProfileLayout__content_container { margin: 0px auto; width: 100%; max-width: 1104px; }
.ProfileLayout__footer { display: flex; grid-area: footer; height: 100%; min-width: calc(-1168px + 100vh); margin-top: 30px; }
.ProfileLayout__footer { display: flex; grid-area: footer; height: 100%; min-width: calc(-1168px + 100vh); margin-top: 30px; }
.ProfileLayout__footer { display: flex; grid-area: footer; height: 100%; min-width: calc(-1168px + 100vh); margin-top: 30px; }
@media (min-width: 1180px) {
  .ProfileLayout__footer { margin-top: 0px; }
}
@media (min-width: 1180px) {
  .ProfileLayout__footer { margin-top: 0px; }
}
@media (max-width: 1180px) {
  .ProfileLayout__footer.hide { display: none; }
}
html, body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, img, pre, form, fieldset { margin: 0px; padding: 0px; }
html, body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, img, pre, form, fieldset { margin: 0px; padding: 0px; }
img, fieldset { border: 0px; }
body, html { height: 100%; width: 100%; }
body, html { height: 100%; width: 100%; }
p, ul, ol, dl, h1, h2, h3, h4, h5, h6, blockquote, pre, form, table { margin: var(--ds-space-150, 12px) 0 0 0; }
a:focus-visible { outline: var(--ds-border-width-outline, 2px) solid var(--ds-border-focused, #2684ff); outline-offset: var(--ds-space-025, 2px); }
a:focus-visible { outline: var(--ds-border-width-outline, 2px) solid var(--ds-border-focused, #2684ff); outline-offset: var(--ds-space-025, 2px); }
@supports not selector(*:focus-visible) {
  a:focus { outline: var(--ds-border-width-outline, 2px) solid var(--ds-border-focused, #4c9aff); outline-offset: var(--ds-space-025, 2px); }
}
@supports not selector(*:focus-visible) {
  a:focus { outline: var(--ds-border-width-outline, 2px) solid var(--ds-border-focused, #4c9aff); outline-offset: var(--ds-space-025, 2px); }
}
h1 { font: var( --ds-font-heading-xlarge, 600 2.0714285714285716em/1.103448275862069 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.01em; color: var(--ds-text); margin-top: var(--ds-space-500); }
h2 { font: var( --ds-font-heading-large, 500 1.7142857142857142em/1.1666666666666667 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.01em; color: var(--ds-text); margin-top: var(--ds-space-500); }
h3 { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; }
h4 { font: var( --ds-font-heading-small, 600 1.1428571428571428em/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.006em; color: var(--ds-text); margin-top: var(--ds-space-300); }
h5 { font: var( --ds-font-heading-xsmall, 600 1em/1.1428571428571428 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.003em; color: var(--ds-text); margin-top: var(--ds-space-200); }
h6 { font: var( --ds-font-heading-xxsmall, 600 .8571428571428571em/1.3333333333333333 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); color: var(--ds-text); margin-top: var(--ds-space-250); text-transform: uppercase; }
ul ul:not(:first-child), ol ul:not(:first-child), ul ol:not(:first-child), ol ol:not(:first-child) { margin-top: var(--ds-space-050, 4px); }
p:first-child, ul:first-child, ol:first-child, dl:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, blockquote:first-child, pre:first-child, form:first-child, table:first-child { margin-top: 0px; }
blockquote { border: none; padding-left: var(--ds-space-500, 40px); }
blockquote { border: none; padding-left: var(--ds-space-500, 40px); }
[dir="rtl"] blockquote { padding-left: 0px; padding-right: var(--ds-space-500, 40px); }
blockquote::before { float: left; margin-left: -1em; text-align: right; width: 1em; }
blockquote::before { float: left; margin-left: -1em; text-align: right; width: 1em; }
[dir="rtl"] blockquote::before { float: right; margin-right: -1em; text-align: left; }
small { font-size: 0.785714em; font-style: inherit; line-height: 1.45455; color: var(--ds-text-subtlest, var(--ds-text-subtlest, #6b778c)); margin-top: 16px; font-weight: 400; }
small { font-size: 0.785714em; font-style: inherit; line-height: 1.45455; color: var(--ds-text-subtlest, var(--ds-text-subtlest, #6b778c)); margin-top: 16px; font-weight: 400; }
abbr { border-bottom: 1px var(--ds-border, #ccc) dotted; cursor: help; }
table { border-collapse: collapse; width: 100%; }
table { border-collapse: collapse; width: 100%; }
thead, tbody, tfoot { border-bottom: 2px solid var(--ds-border, #dfe1e6); }
td, th { border: none; padding: var(--ds-space-050, 4px) var(--ds-space-100, 8px); text-align: left; }
td, th { border: none; padding: var(--ds-space-050, 4px) var(--ds-space-100, 8px); text-align: left; }
td:first-child, th:first-child { padding-left: 0px; }
td:last-child, th:last-child { padding-right: 0px; }
caption { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; margin-bottom: var(--ds-space-100, 8px); text-align: left; }
.assistive { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
.assistive { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
.assistive { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
.assistive { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
:root { --primary: #3156EB; --primary-rgb: 57, 89, 217; --primary-dark: #3556D8; --secondary: #FC4665; --secondary-dark: #e53855; --gloryGradient01: linear-gradient(134deg, #3156EB 0%, #6E29CE 42.07%, #AE009D 100%); --gloryGradient02: linear-gradient(131deg, #FF347D 0%, #3156EB 100%); --gloryGradient03: linear-gradient(265deg, rgba(49, 86, 235, .9) -12.81%, rgba(70, 83, 224, .9) -1.6%, rgba(252, 54, 129, .9) 41.34%), #FB3580; --gloryGradient04: linear-gradient(97deg, #3156EB 34.43%, #B517FF 73.93%, #FF347D 96.59%); --lightGrey: #D1D4E3; --brandColor: #FB3580; --success: #2EBA4D; --warning: #FDB43C; --error: #F31F1F; --white: #FFFFFF; --black: #000000; --text-primary-rgb: 63, 66, 80; --text-wheel: #3E4362; --text-secondary: #9FA0A8; --text-input: #000000; --checkboxBorder: var(--grey); --bg: var(--white); --bgSecondary: var(--bgGrey); --bgDark: #EEF0F8; --bgSkeleton: var(--white); --bgFavoriteBtnGame: var(--grey50); --bgGamePanelMobile: var(--black); --bgHeaderSeparator: var(--greyBlue); --bgWheelAviator: var(--back-aviator); --bgWinAviator: var(--win-aviator); --grey: #8C94B2; --grey50: #8C94B280; --bgGrey: #EEF0F8; --blueGlory: #3156EB; --gloryBlack: #000000; --greyBlue: #CBD2ED; --greyBlue40: #CBD2ED40; --hoverPrimary: #1137CC; --textPrimary: var(--gloryBlack); --textSecondary: var(--grey); --textButtonActive: var(--textPrimary); --textGameModeActiveColor: var(--white); --textBrandColor: var(--primary); --textLinkColor: var(--blueGlory); --textTournamentColor: var(--brandColor); --textTournamentGrey: var(--grey); --active: var(--blueGlory); --darkBgSelected: rgba(203, 210, 237, .4); --topMenuBorder: var(--primary); --topMenuIcon: var(--primary); --topMenuName: var(--primary); --tabsBackground: var(--light-grey); --dialogBackground: var(--white); --borderAmount: var(--primary); --selectorBackground: var(--blue-select); --selectorBorder: var(--grey); --inputBackground: var(--white); --inputTextColor: var(--text-input); --inputFocusBorder: var(--primary); --menuBackground: var(--white); --overlayBackground: rgba(0, 0, 0, .5); --menuBorderLine: var(--light-blue); --burgerIconsFill: var(--grey); --closeMobileMenuIcon: var(--white); --balanceInfoBg: var(--gloryGradient01); --accountItemBg: var(--lightGrey); --textDisableColor: var(--grey); --arrowToggleColor: var(--primary); --methodTextColor: var(--grey); --backgroundFooter: var(--bgDark); --textFooterPrimary: var(--gloryBlack); --textFooterSecondary: var(--grey); --textFooterLink: var(--blueGlory); --footerBorder: var(--blueGlory); --footerPaymentMaster: var(--gloryBlack); --bgCaterogy: var(--grey); --borderCaterogy: var(--grey); --logoCaterogy: var(--grey); --activeCaterogy: var(--blueGlory); --activeTitleCaterogy: var(--gloryBlack); --activeBg: var(--greyBlue); --activeBgDesktopCaterogy: var(--greyBlue); --hoverBgDesktopCaterogy: var(--greyBlue40); --bgProvider: var(--bgDarkBlue); --borderPrimary: var(--grey); --headerBonus: var(--greyBlue); --bgBonus: var(--bgGrey); --bgDisactive: rgba(238, 240, 248, .5); --bgIcons: var(--blueGlory); --bulletsColor: var(--grey50); --bulletActiveColor: var(--primary); --bannerSkeletonBg: var(--bgGrey); --popupTextColor: var(--text-popup); --bonusAviatorColor: var(--text-bonus-aviator); --wheelRegPrimary: var(--red-back); --inputLabelValue: var(--black); --borderSelect: var(--grey); --bg-notify: var(--black); --contast-text: var(--white); --gradient: linear-gradient(103.42deg, #FC4665 6.06%, #3156EB 77.61%); --gradient-dark: linear-gradient(103.42deg, #E31A3C 6.06%, #0F32BD 77.61%); --gradient2: linear-gradient(151.92deg, #FF367F -8.26%, #7451FF 106.33%); --gradient3: linear-gradient(100.45deg, #4361FF -10.91%, #9656BB 92.39%); --gameCardGradient: linear-gradient(133.83deg, rgba(49, 86, 235, .8) 1.96%, rgba(110, 41, 206, .8) 43.21%, rgba(174, 0, 157, .8) 100%); --winAviatorGradient: var(--gloryGradient02); --buttonRoulette: #CD0F07; --disabledButtonRoulette: #E96762; --darkBlue: #2344C8; --blue: #3D5CDA; --landing-blue: #468FFC; --light-blue: #C4CDF4; --light-sky: #5caef1; --light-pink: #FEC8D1; --light-grey: #ECEDEF; --light-orange: #FFF4E2; --grey-200: #E1E2E4; --grey-disable: #F7F7F7; --dark-bg: #121213; --dark: #2B2B2D; --whitergb: 255, 255, 255; --bg-info: #e2e2e2; --text-frame: #D0D0D0; --bg-frame: #27272A; --border-table: #C4C4C4; --purple-close: #5451C1; --purple: #B55EF3; --orange: #E07D42; --dark-red: #B62641; --blue-grey: rgba(151, 174, 255, 1); --blue-select: rgba(49, 86, 235, .7); --black-disk: #0F131A; --red-back: #ff0a0a; --light-green: #02DB3E; --blue-light-back: #00E0FF; --blue-dark-back: #001E6F; --btn-shadow: #26208B; --cards-green: #24C939; --cards-light-green: #29EB46; --cards-red: #FC4665; --textAviator: #5ABEF5; --back-aviator: #1E1E1E; --win-aviator: #F5F9FF; --text-popup: #1D2C40; --text-bonus-aviator: #FF0A0A; --border-chicks: #E6B847; --logo-blue: #395ADA; --win-text: linear-gradient(180deg, #FFA928 8.47%, #FFDC60 27.63%, #FFA928 44.82%, #FFCC18 58.44%, #FDFFB1 81.17%); --crazy-time-primary: #E8DC84; --bonanza_border: #FFFC34; --disabledBorederBonanza: #EEF0F8; --olympusButton: #7A17C4; --olympusBorder: #FFBE00; --disabledBorederOlympus: #EEF0F8; --candy: #ED5AB4; --border-grey: #E1E1E9; --border-blue: #3A567B; --disabled: #cccccc; --selectBg: var(--lightGrey); --transactionBorder: var(--light-grey); --arrowColor: var(--black); --bgTabbar: rgba(238, 240, 248, .95); --timerActiveColor: var(--brandColor); }
[data-project="banger"] { --dark: #1C1C20; --darkGrey: #3F4250; --darkBlue: #272734; --white: #FFFFFF; --grey50: #98989880; --grey: #989898; --black: #000000; --black40: #00000040; --bluePress: #3277DD; --blueDisable: #80B2FE; --blueLink: #4891FF; --brandColor: #4891FF; --lightGrey: #3F4250; --success: #2EBA4D; --warning: #FDB43C; --error: #F31F1F; --brand: #4891FF; --gradient: linear-gradient(91.32deg, var(--brand) 0%, #9735E2 100%); --gradient01: linear-gradient(310.91deg, #301468 1.09%, #542CA4 40.85%, var(--brand) 91.77%); --bangerGradient01: linear-gradient(316deg, #301468 0%, #542CA4 40.2%, #4891FF 91.68%); --gameCardGradient: linear-gradient(133.83deg, rgba(49, 86, 235, .8) 1.96%, rgba(110, 41, 206, .8) 43.21%, rgba(174, 0, 157, .8) 100%); --winAviatorGradient: linear-gradient(130deg, #4891FF 0%, #8C42E6 60.65%, #9735E2 100%); --banger-brand-color-2: #9735E2; --primary: var(--brand); --textPrimary: var(--white); --textSecondary: var(--grey); --textButtonActive: var(--white); --textGameModeActiveColor: var(--textPrimary); --textBrandColor: var(--brand); --textLinkColor: var(--blueLink); --textTournamentColor: var(--banger-brand-color-2); --textTournamentGrey: var(--grey); --bg: var(--bgDarkBlue); --bgSecondary: var(--bgDark); --bgDark: #1C1C20; --bgDarkBlue: #272734; --bgGrey: var(--darkGrey); --bgSkeleton: var(--bgSecondary); --bgFavoriteBtnGame: #1C1C20; --bgGamePanelMobile: var(--bgDarkBlue); --bgHeaderSeparator: var(--darkGrey); --bgWheelAviator: var(--darkBlue); --bgWinAviator: var(--winAviatorGradient); --active: var(--brand); --btnPress: var(--bluePress); --btnDisable: var(--blueDisable); --blueBgSelected: rgba(72, 145, 255, .7); --darkBgSelected: rgba(0, 0, 0, .4); --selectBg: var(--darkGrey); --checkboxBorder: var(--grey); --topMenuBorder: var(--grey); --topMenuIcon: var(--white); --topMenuName: var(--white); --tabsBackground: var(--darkGrey); --dialogBackground: var(--bgDarkBlue); --borderAmount: var(--blue-selected); --selectorBackground: var(--blueBgSelected); --selectorBorder: var(--grey); --inputBackground: var(--bgDarkBlue); --inputTextColor: var(--white); --inputFocusBorder: var(--white); --menuBackground: var(--bgDarkBlue); --overlayBackground: #000000B2; --menuBorderLine: var(--darkGrey); --burgerIconsFill: var(--grey); --closeMobileMenuIcon: var(--grey); --balanceInfoBg: var(--bangerGradient01); --accountItemBg: var(--darkGrey); --textDisableColor: var(--grey); --arrowToggleColor: var(--grey); --methodTextColor: var(--grey); --backgroundFooter: var(--bgDark); --textFooterPrimary: var(--white); --textFooterSecondary: var(--grey); --textFooterLink: var(--brand); --footerBorder: var(--brand); --footerPaymentMaster: var(--white); --footerPaymentVisa: var(--white); --bgCaterogy: var(--grey); --borderCaterogy: var(--grey50); --logoCaterogy: var(--grey); --activeBg: var(--grey); --activeCaterogy: var(--brand); --activeTitleCaterogy: var(--textPrimary); --activeBgDesktopCaterogy: var(--black); --hoverBgDesktopCaterogy: var(--black40); --bgProvider: var(--bgDarkBlue); --borderPrimary: var(--grey); --headerBonus: var(--black); --bgBonus: var(--dark); --bgDisactive: rgba(28, 28, 32, .5); --bgIcons: var(--brand); --bulletsColor: var(--grey50); --bulletActiveColor: var(--primary); --bannerSkeletonBg: #2D2F38; --popupTextColor: var(--white); --bonusAviatorColor: var(--brand); --wheelRegPrimary: var(--primary); --transactionBorder: var(--darkGrey); --arrowColor: var(--white); --inputLabelValue: var(--white); --borderSelect: var(--light-grey); --crazy-time-primary: #E8DC84; --bgTabbar: rgba(28, 28, 32, .95); --timerActiveColor: var(--error); --bg-notify: var(--black); --contast-text: var(--white); }
* { font-family: OpenSans, sans-serif; font-weight: 400; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none; user-select: none; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
::-webkit-scrollbar { width: 4px; border-radius: 4px; }
::-webkit-scrollbar { width: 4px; border-radius: 4px; }
::-webkit-scrollbar { width: 4px; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }
::-webkit-scrollbar-thumb { border-radius: 4px; border: 1px solid rgba(159, 160, 168, 0.25); background: rgba(159, 160, 168, 0.25); }
::-webkit-scrollbar-thumb { border-radius: 4px; border: 1px solid rgba(159, 160, 168, 0.25); background: rgba(159, 160, 168, 0.25); }
:root { scrollbar-width: thin; scrollbar-color: rgba(159, 160, 168, 0.25) transparent; }
body { font-size: 14px; line-height: 130%; font-weight: 400; min-width: 320px; max-width: 100vw; width: 100%; min-height: -webkit-fill-available; height: 100%; overflow: hidden auto; background: var(--bg); color: var(--textPrimary); }
body { font-size: 14px; line-height: 130%; font-weight: 400; min-width: 320px; max-width: 100vw; width: 100%; min-height: -webkit-fill-available; height: 100%; overflow: hidden auto; background: var(--bg); color: var(--textPrimary); }
#autologin-iframe { width: 0px; height: 0px; overflow: hidden; }
#autologin-iframe { width: 0px; height: 0px; overflow: hidden; }
.react-loading-skeleton { line-height: 1.4 !important; }
@media screen and (pointer: coarse) {
  @supports (-webkit-backdrop-filter: blur(1px)) and (overscroll-behavior-y: none) {
  html { min-height: 100.3%; overscroll-behavior-y: none; }
}
}
@media screen and (pointer: coarse) {
  @supports (-webkit-backdrop-filter: blur(1px)) and (not (overscroll-behavior-y: none)) {
  html { height: 100%; overflow: hidden; }
  body { margin: 0px; max-height: 100%; overflow: auto; }
}
}
@media screen and (pointer: coarse) {
  @supports (-webkit-backdrop-filter: blur(1px)) and (not (overscroll-behavior-y: none)) {
  html { height: 100%; overflow: hidden; }
  body { margin: 0px; max-height: 100%; overflow: auto; }
}
}
html { touch-action: pan-x pan-y; min-height: 100%; }
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.GameSearchButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 8px; }
.GameSearchButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 8px; }
.GameSearchButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 8px; }
.GameSearchButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 8px; }
.GameSearchButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 8px; }
.GameSortButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; align-items: center; border-radius: 8px; }
.GameSortButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; align-items: center; border-radius: 8px; }
.GameSortButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; align-items: center; border-radius: 8px; }
.GameSortButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; align-items: center; border-radius: 8px; }
.GameSortButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; align-items: center; border-radius: 8px; }
.ProviderFilterSelect { width: 100%; height: 44px; background: var(--bgProvider); border: 1px solid var(--borderPrimary); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; cursor: pointer; }
.ProviderFilterSelect { width: 100%; height: 44px; background: var(--bgProvider); border: 1px solid var(--borderPrimary); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; cursor: pointer; }
.ProviderFilterSelect { width: 100%; height: 44px; background: var(--bgProvider); border: 1px solid var(--borderPrimary); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; cursor: pointer; }
.ProviderFilterSelect { width: 100%; height: 44px; background: var(--bgProvider); border: 1px solid var(--borderPrimary); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; cursor: pointer; }
.ProviderFilterSelect { width: 100%; height: 44px; background: var(--bgProvider); border: 1px solid var(--borderPrimary); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; cursor: pointer; }
.ProviderFilterSelect__value { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); white-space: nowrap; overflow: hidden; }
.ProviderFilterSelect__icon { width: 28px; height: 28px; }
.ProviderFilterSelect__icon { width: 28px; height: 28px; }
.GameSortAndFilter { display: grid; position: relative; grid-template-columns: 1fr 40px; column-gap: 8px; margin-left: auto; max-width: 100%; }
.GameSortAndFilter { display: grid; position: relative; grid-template-columns: 1fr 40px; column-gap: 8px; margin-left: auto; max-width: 100%; }
@media (max-width: 1180px) {
  .GameSortAndFilter { display: flex; width: 100%; }
}
.CarouselBannersDesktop { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
.CarouselBannersDesktop { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .CarouselBannersDesktop { display: none; }
}
.GameSortDesktop { position: relative; width: 100%; }
.GameSortDesktop__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn.active { border-color: var(--primary); }
.GameSortDesktop__content { overflow: hidden; position: absolute; z-index: 2; background: var(--bgSecondary); width: 100%; border-radius: 8px; }
.GameSortDesktop__content { overflow: hidden; position: absolute; z-index: 2; background: var(--bgSecondary); width: 100%; border-radius: 8px; }
.GameSortDesktop__content { overflow: hidden; position: absolute; z-index: 2; background: var(--bgSecondary); width: 100%; border-radius: 8px; }
.GameSortDesktop__item { font-size: 14px; line-height: 130%; font-weight: 400; height: 44px; display: flex; align-items: center; padding: 0px 8px; cursor: pointer; }
.GameSortDesktop__item { font-size: 14px; line-height: 130%; font-weight: 400; height: 44px; display: flex; align-items: center; padding: 0px 8px; cursor: pointer; }
.GameCard { display: block; position: relative; border-radius: 16px; overflow: hidden; }
.GameCard { display: block; position: relative; border-radius: 16px; overflow: hidden; }
.GameCard::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.GameCard::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.GameCard::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
@media (max-width: 1180px) {
  .GameCard { border-radius: 8px; }
}
@media (max-width: 1180px) {
  .GameCard { border-radius: 8px; }
}
@media (max-width: 1180px) {
  .GameCard { border-radius: 8px; }
}
.GameCard__cover { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; }
.GameCard__cover { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; }
.GameCard__cover img { width: 100%; }
.GameCard__name { position: absolute; width: 90%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%); text-align: center; top: 58%; height: 40%; }
.GameCard__name { position: absolute; width: 90%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%); text-align: center; top: 58%; height: 40%; }
.GameCard__name span { font-size: 18px; line-height: 120%; font-weight: 700; color: var(--white); }
@media (max-width: 1180px) {
  .GameCard__name span { font-size: 12px; line-height: 16px; font-weight: 700; }
}
@media (max-width: 1180px) {
  .GameCard__name span { font-size: 12px; line-height: 16px; font-weight: 700; }
}
.GameCard__loading { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2; }
.GameCard__loading { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2; }
.GameCard__play { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; inset: 0px; background: var(--gameCardGradient); border-radius: 8px; padding: 16px; width: 100%; height: 100%; backdrop-filter: blur(2px); }
.GameCard__play { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; inset: 0px; background: var(--gameCardGradient); border-radius: 8px; padding: 16px; width: 100%; height: 100%; backdrop-filter: blur(2px); }
.GameCard__play { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; inset: 0px; background: var(--gameCardGradient); border-radius: 8px; padding: 16px; width: 100%; height: 100%; backdrop-filter: blur(2px); }
.GameCard__play { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; inset: 0px; background: var(--gameCardGradient); border-radius: 8px; padding: 16px; width: 100%; height: 100%; backdrop-filter: blur(2px); }
.GameCard__play { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; inset: 0px; background: var(--gameCardGradient); border-radius: 8px; padding: 16px; width: 100%; height: 100%; backdrop-filter: blur(2px); }
@media (max-width: 1180px) {
  .GameCard__play { padding: 8px; }
}
@media (max-width: 1180px) {
  .GameCard__play { padding: 8px; }
}
.GameCard__play_btn { font-size: 14px; line-height: 130%; font-weight: 600; width: 100%; height: 51px; color: var(--white); cursor: pointer; }
.GameCard__play_btn { font-size: 14px; line-height: 130%; font-weight: 600; width: 100%; height: 51px; color: var(--white); cursor: pointer; }
@media (max-width: 1180px) {
  .GameCard__play_btn { font-size: 10px; line-height: 130%; font-weight: 600; height: 32px; }
}
@media (max-width: 1180px) {
  .GameCard__play_btn { font-size: 10px; line-height: 130%; font-weight: 600; height: 32px; }
}
.GameCard__play_real { background: var(--primary); border: none; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin-bottom: 8px; }
.GameCard__play_real { background: var(--primary); border: none; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin-bottom: 8px; }
.GameCard__play_real { background: var(--primary); border: none; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin-bottom: 8px; }
.GameCard__play_real svg { margin-left: 4px; }
.GameCard__play_demo { border-radius: 8px; background: transparent; border: 1px solid var(--white); }
.GameCard__play_demo { border-radius: 8px; background: transparent; border: 1px solid var(--white); }
@media (max-width: 1370px) {
  .GameList__list { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 1180px) {
  .GameList__list { gap: 16px 8px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
  .GameList__list { grid-template-columns: repeat(auto-fill, minmax(107px, 1fr)); }
}
@media (max-width: 1370px) {
  .GameList__list_tournament { grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); }
}
@media (max-width: 1180px) {
  .GameList__list_tournament { gap: 16px 8px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
  .GameList__list_tournament { grid-template-columns: repeat(auto-fill, minmax(107px, 1fr)); }
}
.GameList__more { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 28px; }
.GameList__more { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 28px; }
.GameList__list_empty { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 104px; }
@media (max-width: 1180px) {
  .GameList__list_empty { margin-top: 80px; }
}
@media (max-width: 1180px) {
  .GameList__list_empty { margin-top: 80px; }
}
@media (max-width: 576px) {
  .GameList__list_empty { margin-top: 58px; }
}
@media (max-width: 576px) {
  .GameList__list_empty { margin-top: 58px; }
}
.GameList__list_empty_icon { margin-bottom: 12px; }
.GameList__list_empty_title { font-size: 18px; line-height: 25px; font-weight: 400; }
@media (max-width: 1180px) {
  .GameList__list_empty_title { font-size: 14px; line-height: 130%; font-weight: 400; }
}
@media (max-width: 1180px) {
  .GameList__list_empty_title { font-size: 14px; line-height: 130%; font-weight: 400; }
}
.GameFormSearch { width: 100%; }
.GameFormSearch__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); display: flex; justify-content: center; margin-top: 16px; }
.GameFormSearch__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); display: flex; justify-content: center; margin-top: 16px; }
.SkeletonGameList__grid { margin-top: 22px; }
@media (max-width: 1370px) {
  .SkeletonGameList__grid > span { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 1180px) {
  .SkeletonGameList__grid > span { gap: 16px 8px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
  .SkeletonGameList__grid > span { grid-template-columns: repeat(auto-fill, minmax(107px, 1fr)); }
}
.SkeletonGameList__card::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.SkeletonGameList__card::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.SkeletonGameList__card::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.SkeletonGameList__more { margin-top: 28px; }
.SkeletonSearchFilterDesktop { display: flex; align-items: center; gap: 16px; margin-top: 33px; }
@media (max-width: 1180px) {
  .SkeletonSearchFilterDesktop { display: none; }
}
.HomePage__header { display: grid; grid-template-columns: 4fr 1fr; column-gap: 16px; margin-top: 32px; margin-bottom: 24px; }
@media (min-width: 1180px) {
  .HomePage__header { grid-template-columns: 1fr 208px; }
}
@media (max-width: 1180px) {
  .HomePage__header { display: flex; align-items: center; justify-content: center; margin-top: 0px; margin-bottom: 0px; }
}
@media (max-width: 1180px) {
  .HomePage__header { display: flex; align-items: center; justify-content: center; margin-top: 0px; margin-bottom: 0px; }
}
.HomePage__title { font-size: 24px; line-height: 33px; font-weight: 700; }
@media (max-width: 1180px) {
  .HomePage__title { display: none; }
}
.HomePage__games { margin-top: 16px; }
body.chromane_rec_nofollow_link_highlighting_enabled a[rel*="nofollow"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(238, 10, 3); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_nofollow_link_highlighting_enabled a[rel*="nofollow"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(238, 10, 3); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_sponsored_link_highlighting_enabled a[rel*="sponsored"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(96, 201, 4); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_sponsored_link_highlighting_enabled a[rel*="sponsored"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(96, 201, 4); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_ugc_link_highlighting_enabled a[rel*="ugc"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(239, 164, 36); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_ugc_link_highlighting_enabled a[rel*="ugc"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(239, 164, 36); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }

        Positioning.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
@media (max-width: 768px) {
  .GoTop { right: -20px; padding: 0px 30px 0px 10px; }
}
.GoTop__active { display: flex; }
.GoTop__title { margin-left: 8px; }
@media (max-width: 768px) {
  .GoTop__title { display: none; }
}
.Spin { position: relative; }
.Spin__item { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.Spin__item { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.Spin__item { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.Spin__item::before { content: ""; display: block; margin: 0px auto; animation: 1.2s ease-in-out 0s infinite normal both running sk-circleFadeDelay; }
.Blick { width: 15px; height: 220px; position: relative; background: linear-gradient(92.4deg, rgba(111, 212, 255, 0), rgb(126, 240, 255) 47.37%, rgb(82, 245, 255) 59.09%, rgba(94, 207, 255, 0) 98.63%); transform: rotate(-45deg); filter: blur(3px); opacity: 0.61; }
.Blick__middle { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 5.21px; height: 100%; background: linear-gradient(92.4deg, rgba(246, 149, 255, 0), rgb(136, 234, 255) 49.45%, rgb(141, 248, 255) 59.09%, rgba(129, 210, 255, 0) 98.63%); filter: blur(15px); opacity: 0.61; }
.Blick__middle { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 5.21px; height: 100%; background: linear-gradient(92.4deg, rgba(246, 149, 255, 0), rgb(136, 234, 255) 49.45%, rgb(141, 248, 255) 59.09%, rgba(129, 210, 255, 0) 98.63%); filter: blur(15px); opacity: 0.61; }
.Blick__middle { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 5.21px; height: 100%; background: linear-gradient(92.4deg, rgba(246, 149, 255, 0), rgb(136, 234, 255) 49.45%, rgb(141, 248, 255) 59.09%, rgba(129, 210, 255, 0) 98.63%); filter: blur(15px); opacity: 0.61; }
.Blick__top { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 2.28px; height: 100%; background: linear-gradient(92.4deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 49.45%, rgb(255, 255, 255) 59.09%, rgba(255, 255, 255, 0) 98.63%); opacity: 0.48; mix-blend-mode: screen; }
.Blick__top { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 2.28px; height: 100%; background: linear-gradient(92.4deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 49.45%, rgb(255, 255, 255) 59.09%, rgba(255, 255, 255, 0) 98.63%); opacity: 0.48; mix-blend-mode: screen; }
.Blick__top { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 2.28px; height: 100%; background: linear-gradient(92.4deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 49.45%, rgb(255, 255, 255) 59.09%, rgba(255, 255, 255, 0) 98.63%); opacity: 0.48; mix-blend-mode: screen; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
.Button__blick { position: absolute; width: 32px; height: 199px; top: -50px; left: -20px; z-index: 10; }
.Button__blick { position: absolute; width: 32px; height: 199px; top: -50px; left: -20px; z-index: 10; }
.Button__blick { position: absolute; width: 32px; height: 199px; top: -50px; left: -20px; z-index: 10; }
.Button__blick { position: absolute; width: 32px; height: 199px; top: -50px; left: -20px; z-index: 10; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
@media (max-width: 576px), (max-height: 576px) {
  .Button__chicks { font-size: 14px; line-height: 17.51px; font-weight: 800; background-size: 143px; height: 40px; margin-top: -25px; }
}
.Button__chicks:hover { filter: brightness(120%); }
.UserControlsNotAuth { display: grid; grid-template-columns: repeat(2, 152px); gap: 16px; align-items: center; }
@media (max-width: 1180px) {
  .UserControlsNotAuth { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; align-items: center; }
}
.UserControlsNotAuth__support { margin-right: 8px; }
.UserControlsNotAuth__menu { display: none; margin-left: 8px; }
.UserControlsNotAuth__menu { display: none; margin-left: 8px; }
@media (max-width: 1180px) {
  .UserControlsNotAuth__menu { display: block; margin-left: 0px; }
}
@media (max-width: 1180px) {
  .UserControlsNotAuth__menu { display: block; margin-left: 0px; }
}
.WalletControls { display: flex; align-items: center; background-color: var(--white); padding: 10px 16px; gap: 8px; border-radius: 8px; cursor: pointer; }
.WalletControls__balance { text-align: right; }
.WalletControls__balance_bonus { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: flex-end; }
.WalletControls__balance_bonus span { display: flex; align-items: center; justify-content: center; margin-right: 4px; }
.WalletControls__balance_bonus span { display: flex; align-items: center; justify-content: center; margin-right: 4px; }
.NotificationCircle { position: relative; width: 8px; height: 8px; background-color: var(--secondary); border-radius: 50%; z-index: 2; }
.NotificationCircle { position: relative; width: 8px; height: 8px; background-color: var(--secondary); border-radius: 50%; z-index: 2; }
.NotificationCircle__after { width: 8px; height: 8px; content: ""; left: 0px; position: absolute; z-index: 1; border-radius: 50%; animation: 1.5s ease 0s infinite normal none running notify-circle-shine; }
.NotificationCircle__after { width: 8px; height: 8px; content: ""; left: 0px; position: absolute; z-index: 1; border-radius: 50%; animation: 1.5s ease 0s infinite normal none running notify-circle-shine; }
.NotificationCircle__after { width: 8px; height: 8px; content: ""; left: 0px; position: absolute; z-index: 1; border-radius: 50%; animation: 1.5s ease 0s infinite normal none running notify-circle-shine; }
.UserControlsAuth { display: flex; gap: 16px; }
.UserControlsAuth__profile { position: relative; background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserControlsAuth__profile { position: relative; background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
@media (max-width: 1180px) {
  .UserControlsAuth__profile { display: none; }
}
.UserControlsAuth__btnNotify { left: 0px; top: 0px; position: absolute !important; }
.UserControlsAuth__btnNotify { left: 0px; top: 0px; position: absolute !important; }
.UserControlsAuth__btnNotify { left: 0px; top: 0px; position: absolute !important; }
.LanguageSelectItem { display: flex; align-items: center; border: none; background: transparent; padding: 0px; cursor: pointer; }
.LanguageSelectItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin-left: 4px; display: none; }
.LanguageSelectItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin-left: 4px; display: none; }
.LanguageSelectItem__name_with_icon { margin-left: 8px; }
@media (max-width: 1180px) {
  .LanguageSelectItem__name { display: block; }
}
.LanguageSelectItem__arrows { width: 6px; height: 11px; margin-left: 8px; display: flex; align-items: center; }
.LanguageSelectItem__arrows { width: 6px; height: 11px; margin-left: 8px; display: flex; align-items: center; }
.InputSearch { position: relative; width: 100%; height: 44px; }
.InputSearch__icon { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; width: 28px; height: 28px; }
.InputSearch__icon { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; width: 28px; height: 28px; }
.InputSearch__icon { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; width: 28px; height: 28px; }
.InputSearch__input:focus { border-color: var(--primary); padding-right: 48px; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.Checkbox { position: relative; display: grid; grid-template-columns: 0.1px 22px 1fr; align-items: baseline; cursor: pointer; }
.Checkbox { position: relative; display: grid; grid-template-columns: 0.1px 22px 1fr; align-items: baseline; cursor: pointer; }
.Checkbox__label { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); margin-left: 10px; }
.Checkbox > input { opacity: 0; position: relative; z-index: -999; width: 0.1px; height: 0.1px; padding: 0px; margin: 0px; }
.Checkbox > input { opacity: 0; position: relative; z-index: -999; width: 0.1px; height: 0.1px; padding: 0px; margin: 0px; }
.Checkbox__custom { display: flex; align-items: center; justify-content: center; border: 1px solid var(--checkboxBorder); background: transparent; width: 22px; height: 22px; border-radius: 4px; }
.LanguageItem { display: flex; border: 0px; width: 100%; background: transparent; cursor: pointer; padding: 10px 0px; align-items: center; justify-content: space-between; }
.LanguageItem__wrapper { display: flex; align-items: center; }
.LanguageItem__name { display: flex; height: 35px; margin-left: 10px; align-items: center; }
.LanguageItem__name { display: flex; height: 35px; margin-left: 10px; align-items: center; }
.LanguageSelect__content { display: flex; flex-flow: column; width: 100%; margin-top: 12px; }
.LanguageSelect__content { display: flex; flex-flow: column; width: 100%; margin-top: 12px; }
.LanguageSelect__content_mobile { width: 100%; background: transparent; padding: 0px 0px 30px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.LanguageSelect__content_mobile { width: 100%; background: transparent; padding: 0px 0px 30px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.LanguageSelect__content_mobile { width: 100%; background: transparent; padding: 0px 0px 30px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.LanguageSelect__content_languages { overflow: auto; max-height: 816px; margin-top: 8px; }
.LanguageSelect__content_languages_mobile { margin-top: 13px; height: 100%; overflow: auto; }
.LanguageSelect { position: relative; padding: 0px; width: 28px; }
.LanguageSelect__list { display: block; position: absolute; top: 50px; right: 0px; background: var(--bgSecondary); border-radius: 8px; z-index: 10; }
.LanguageSelect__list { display: block; position: absolute; top: 50px; right: 0px; background: var(--bgSecondary); border-radius: 8px; z-index: 10; }
.LanguageSelect__list { display: block; position: absolute; top: 50px; right: 0px; background: var(--bgSecondary); border-radius: 8px; z-index: 10; }
.LanguageSelect__list { display: block; position: absolute; top: 50px; right: 0px; background: var(--bgSecondary); border-radius: 8px; z-index: 10; }
.LanguageSelect__list { display: block; position: absolute; top: 50px; right: 0px; background: var(--bgSecondary); border-radius: 8px; z-index: 10; }
.LanguageSelect__list::before { content: ""; position: absolute; border-left: 10px solid rgba(113, 101, 58, 0); border-right: 10px solid rgba(113, 101, 58, 0); border-bottom: 10px solid var(--bgSecondary); left: 318px; top: -9px; }
.LanguageSelect__list::before { content: ""; position: absolute; border-left: 10px solid rgba(113, 101, 58, 0); border-right: 10px solid rgba(113, 101, 58, 0); border-bottom: 10px solid var(--bgSecondary); left: 318px; top: -9px; }
.LanguageSelect__list::before { content: ""; position: absolute; border-left: 10px solid rgba(113, 101, 58, 0); border-right: 10px solid rgba(113, 101, 58, 0); border-bottom: 10px solid var(--bgSecondary); left: 318px; top: -9px; }
.LanguageSelect__list::before { content: ""; position: absolute; border-left: 10px solid rgba(113, 101, 58, 0); border-right: 10px solid rgba(113, 101, 58, 0); border-bottom: 10px solid var(--bgSecondary); left: 318px; top: -9px; }
.LanguageSelect__list::before { content: ""; position: absolute; border-left: 10px solid rgba(113, 101, 58, 0); border-right: 10px solid rgba(113, 101, 58, 0); border-bottom: 10px solid var(--bgSecondary); left: 318px; top: -9px; }
.LanguageSelect__list_content { display: flex; flex-flow: column; padding: 16px; width: 343px; }
@media (max-width: 1180px) {
  .LanguageSelect__list_content { position: relative; display: grid; grid-template-columns: 343px; grid-template-rows: 58px 384px; gap: 12px 0px; background: var(--bgSecondary); border-radius: 8px; padding: 0px 0px 30px; }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content { position: relative; display: grid; grid-template-columns: 343px; grid-template-rows: 58px 384px; gap: 12px 0px; background: var(--bgSecondary); border-radius: 8px; padding: 0px 0px 30px; }
}
.LanguageSelect__list_content_header { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); height: 100%; width: 100%; }
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
.UserInfo { display: flex; align-items: center; gap: 16px; }
.UserInfo__support { position: relative; }
.UserInfo__support:hover { position: relative; background:none;}

.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries_arrow { position: absolute; top: -14px; right: 14px; }
.UserInfo__countries_arrow { position: absolute; top: -14px; right: 14px; }
.UserInfo__countries_arrow { position: absolute; top: -14px; right: 14px; }
.UserInfo__countries_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textSecondary); margin-bottom: 12px; padding: 0px 16px; }
.UserInfo__controls { display: block; }
@media (max-width: 1180px) {
  .UserInfo__controls { display: none; }
}
.UserInfo__intercom { background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserInfo__not-authenticated { display: flex; align-items: center; }
.UserInfo__authenticated { display: flex; align-items: center; background-color: var(--dark); }
.UserInfo__language { position: relative; }
@media (max-width: 1180px) {
  .UserInfo__language { display: none; }
}
@media (max-width: 1180px) {
  .UserInfo__separator { display: none; }
}
.CountrySelect__list { height: calc(100% - 82px); overflow-y: auto; margin-top: 16px; padding: 0px 8px; }
.CountrySelect__country { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; cursor: pointer; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem:hover { color: var(--primary); text-decoration: none; }
.TopNavigationDesktopItem.active { color: var(--primary); }
.TopNavigationDesktopItem.active::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: -24px; height: 2px; border-radius: 2px; background: var(--primary); }
.TopNavigationDesktopItem.active::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: -24px; height: 2px; border-radius: 2px; background: var(--primary); }
.TopNavigationDesktopItem.active::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: -24px; height: 2px; border-radius: 2px; background: var(--primary); }
.TopNavigationDesktopItem.active::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: -24px; height: 2px; border-radius: 2px; background: var(--primary); }
.TopNavigationDesktopItem__label { position: absolute; right: 0px; top: -15px; width: 23px; height: 11px; }
.TopNavigationDesktopItem__label { position: absolute; right: 0px; top: -15px; width: 23px; height: 11px; }
.TopNavigationDesktopItem__label { position: absolute; right: 0px; top: -15px; width: 23px; height: 11px; }
.TopNavigationDesktop { display: flex; align-items: center; gap: 24px; }

.SkeletonHeader__top { display: grid; grid-template-columns: 140px auto 308px 52px; gap: 16px; align-items: center; }
.SkeletonHeader__top { display: grid; grid-template-columns: 140px auto 308px 52px; gap: 16px; align-items: center; }
.SkeletonHeader__top.auth { grid-template-columns: 140px auto 165px 120px; }
@media (max-width: 1180px) {
  .SkeletonHeader__top { padding: 20px 16px; display: grid; grid-template-columns: auto 72px; }
  .SkeletonHeader__top.auth { grid-template-columns: auto auto 72px; }
}
@media (max-width: 1180px) {
  .SkeletonHeader__top { padding: 20px 16px; display: grid; grid-template-columns: auto 72px; }
  .SkeletonHeader__top.auth { grid-template-columns: auto auto 72px; }
}
.SkeletonHeader__controls > span { display: grid; grid-template-columns: repeat(2, 146px); gap: 16px; }
@media (max-width: 1180px) {
  .SkeletonHeader__controls { display: block; padding: 0px 16px; margin-top: -8px; }
  .SkeletonHeader__controls > span { display: flex; align-items: center; gap: 9px; }
}
@media (max-width: 1180px) {
  .SkeletonHeader__controls { display: block; padding: 0px 16px; margin-top: -8px; }
  .SkeletonHeader__controls > span { display: flex; align-items: center; gap: 9px; }
}
@media (max-width: 1180px) {
  .SkeletonHeader__navigation { display: none; }
}
.SkeletonHeader__navigation_item { margin-right: 24px; }
.SkeletonHeader__balance { display: flex; justify-content: flex-end; }
@media (max-width: 1180px) {
  .SkeletonHeader__userinfo { display: none; }
}
.SkeletonHeader__buttons > span { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.SkeletonHeader__button:last-child { margin-right: 0px; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem__loading { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.CategoryNavigationItem__loading { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.CategoryNavigationItem__loading { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.CategoryNavigationItem__icon { margin-right: 14px; display: flex; align-items: center; }
.CategoryNavigationItem__icon { margin-right: 14px; display: flex; align-items: center; }
.CategoryNavigationItem:hover { text-decoration: none; background: var(--hoverBgDesktopCaterogy); }
.CategoryNavigationItem:hover .CategoryNavigationItem__icon { display: flex; }
.CategoryNavigationItem:hover .CategoryNavigationItem__image { display: none; }
.CategoryNavigationItem.active { text-decoration: none; background: var(--activeBgDesktopCaterogy); }
.CategoryNavigationItem.active .CategoryNavigationItem__icon { display: flex; }
.CategoryNavigationItem.active .CategoryNavigationItem__image { display: none; }
.NewGloryButton { display: flex; justify-content: start; align-items: center; width: 240px; height: 52px; padding: 4px 12px; border-radius: 8px; margin: 0px 8px; cursor: pointer; }
@media (max-width: 1180px) {
  .NewGloryButton { display: flex; width: 100%; justify-content: center; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); border-radius: 8px; margin: 0px; }
}
.NewGloryButton-update { display: flex; align-items: center; gap: 4px; }
.NewGloryButton-update__icon { width: 40px; height: 40px; margin-bottom: 10px; }
@media (max-width: 1180px) {
  .NewGloryButton-update__icon { margin-bottom: 0px; }
}
.NewGloryButton-update__icon_auth { margin-bottom: 0px; }
.CategoryNavigation-update { display: flex; width: 240px; height: 52px; padding: 4px 12px 4px 0px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); cursor: pointer; }
.CategoryNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 11px; }
.CategoryNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 11px; }
.CategoryNavigation__cat_loading { margin-top: 33px; }
.CategoryNavigation__popular { margin-bottom: 43px; position: relative; }
.CategoryNavigation__popular { margin-bottom: 43px; position: relative; }
.CategoryNavigation__popular::after { content: ""; position: absolute; width: 224px; height: 1px; background: var(--bgHeaderSeparator); left: 50%; transform: translate(-50%); bottom: -21.5px; transition: width 0.2s ease-out; }
.CategoryNavigation__popular::after { content: ""; position: absolute; width: 224px; height: 1px; background: var(--bgHeaderSeparator); left: 50%; transform: translate(-50%); bottom: -21.5px; transition: width 0.2s ease-out; }
.CategoryNavigation__popular::after { content: ""; position: absolute; width: 224px; height: 1px; background: var(--bgHeaderSeparator); left: 50%; transform: translate(-50%); bottom: -21.5px; transition: width 0.2s ease-out; }
.ProviderFilterItem { display: grid; grid-template-columns: 24px 20px 1fr; column-gap: 8px; align-items: center; cursor: pointer; padding: 10px 0px; overflow: hidden; }
.ProviderFilterItem__icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; }
.ProviderFilterItem__count { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 8px; }
.ProviderFilter__title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin: 16px 0px 8px; display: flex; align-items: center; justify-content: space-between; }
.ProviderFilter__providers_empty { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); height: 100%; display: flex; align-items: center; justify-content: center; }
.ProviderNavigation { position: relative; overflow: hidden; }
.ProviderNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 8px; cursor: pointer; }
.ProviderNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 8px; cursor: pointer; }
.ProviderNavigation__short { padding: 8px; cursor: pointer; border-radius: 8px; width: 44px; display: flex; align-items: center; }
.ProviderNavigation__short:hover { background: var(--activeBgDesktopCaterogy); }
.Sidebar { height: calc(100% - 68px); width: 100%; overflow-y: auto; display: flex; flex-direction: column; position: relative; z-index: 1000; padding-top: 16px; background: var(--bgSecondary); }
.Sidebar { height: calc(100% - 68px); width: 100%; overflow-y: auto; display: flex; flex-direction: column; position: relative; z-index: 1000; padding-top: 16px; background: var(--bgSecondary); }
.Sidebar { height: calc(100% - 68px); width: 100%; overflow-y: auto; display: flex; flex-direction: column; position: relative; z-index: 1000; padding-top: 16px; background: var(--bgSecondary); }
.Sidebar { height: calc(100% - 68px); width: 100%; overflow-y: auto; display: flex; flex-direction: column; position: relative; z-index: 1000; padding-top: 16px; background: var(--bgSecondary); }
.Sidebar__wrapper { position: relative; z-index: 1001; width: 100%; display: block; height: 100%; }
.Sidebar__wrapper { position: relative; z-index: 1001; width: 100%; display: block; height: 100%; }
.Sidebar__wrapper { position: relative; z-index: 1001; width: 100%; display: block; height: 100%; }
.Sidebar__wrapper-content { display: flex; justify-content: flex-end; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.Sidebar__arrow { display: flex; align-items: center; justify-content: center; }
.CategoryMobileItem { display: table-column; min-width: 103px; grid-template-columns: 103px 1fr; column-gap: 8px; justify-content: center; align-items: center; height: 64px; padding: 0px 8px; border: 1px solid var(--borderCaterogy); border-radius: 8px; background-color: var(--bg); cursor: pointer; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; }
.CategoryMobile .swiper-wrapper { padding: 0px 10px; margin-left: -10px; }
.SkeletonCarouselCategories > span { display: grid; grid-template-columns: repeat(10, 103px); gap: 8px; }
.SkeletonTopCategories > span { display: flex; justify-content: space-between; gap: 8px; }
.TopNavigationMobileItem { display: flex; flex-flow: column; border-radius: 8px; padding: 8px 10px 9px 11px; height: 80px; cursor: pointer; position: relative; border: 1px solid var(--topMenuBorder); width: 100%; }
.TopNavigationMobileItem { display: flex; flex-flow: column; border-radius: 8px; padding: 8px 10px 9px 11px; height: 80px; cursor: pointer; position: relative; border: 1px solid var(--topMenuBorder); width: 100%; }
.TopNavigationMobileItem { display: flex; flex-flow: column; border-radius: 8px; padding: 8px 10px 9px 11px; height: 80px; cursor: pointer; position: relative; border: 1px solid var(--topMenuBorder); width: 100%; }
.TopNavigationMobileItem__label { position: absolute; width: 23px; height: 11px; background: url("data:image/svg+xml,%3csvg%20width='23'%20height='11'%20viewBox='0%200%2023%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.499999%2011C0.223857%2011%209.78513e-09%2010.7761%202.18557e-08%2010.5L4.5897e-07%200.499999C4.7104e-07%200.223857%200.223858%20-9.43889e-07%200.5%20-9.31819e-07L18.1664%20-1.59598e-07C18.3144%20-1.53125e-07%2018.4549%200.0656355%2018.5499%200.179222L22.7317%205.17923C22.887%205.36489%2022.887%205.63512%2022.7317%205.82078L18.5499%2010.8208C18.4549%2010.9344%2018.3144%2011%2018.1664%2011L0.499999%2011Z'%20fill='%23E50539'/%3e%3cpath%20d='M7.32075%207.93355H6.2063V5.83721H4.11806V7.93355H3L3%203.07641H4.11806V4.98007H6.2063V3.07641L7.32075%203.07641V7.93355Z'%20fill='white'/%3e%3cpath%20d='M13.4412%205.49834C13.4412%205.87265%2013.3907%206.21373%2013.2897%206.52159C13.1887%206.82724%2013.0349%207.09081%2012.8281%207.31229C12.6237%207.53378%2012.364%207.70432%2012.049%207.82392C11.7341%207.94131%2011.3614%208%2010.931%208C10.5006%208%2010.1279%207.94131%209.81294%207.82392C9.49796%207.70432%209.23708%207.53378%209.0303%207.31229C8.82592%207.09081%208.67324%206.82613%208.57225%206.51827C8.47127%206.21041%208.42077%205.86822%208.42077%205.49169C8.42077%204.98893%208.50974%204.5515%208.68766%204.1794C8.868%203.80509%209.14451%203.51495%209.51719%203.30897C9.88988%203.10299%2010.3635%203%2010.9382%203C11.5105%203%2011.9805%203.10299%2012.3484%203.30897C12.7187%203.51495%2012.9928%203.80509%2013.1707%204.1794C13.351%204.55371%2013.4412%204.99336%2013.4412%205.49834ZM9.59293%205.49834C9.59293%205.83721%209.63861%206.12957%209.72998%206.37542C9.82376%206.61905%209.96922%206.80731%2010.1664%206.9402C10.3635%207.07088%2010.6184%207.13621%2010.931%207.13621C11.2484%207.13621%2011.5056%207.07088%2011.7028%206.9402C11.9%206.80731%2012.043%206.61905%2012.132%206.37542C12.2234%206.12957%2012.2691%205.83721%2012.2691%205.49834C12.2691%204.98893%2012.1657%204.58804%2011.9589%204.29568C11.7521%204.00332%2011.4119%203.85714%2010.9382%203.85714C10.6232%203.85714%2010.366%203.92359%2010.1664%204.05648C9.96922%204.18715%209.82376%204.37542%209.72998%204.62126C9.63861%204.86489%209.59293%205.15725%209.59293%205.49834Z'%20fill='white'/%3e%3cpath%20d='M16.5682%207.93355H15.4501V3.93355H14.0183V3.07641L18%203.07641V3.93355H16.5682V7.93355Z'%20fill='white'/%3e%3c/svg%3e") 0% 0% / cover no-repeat; top: -5.5px; right: 8px; }
.TopNavigationMobileItem__label { position: absolute; width: 23px; height: 11px; background: url("data:image/svg+xml,%3csvg%20width='23'%20height='11'%20viewBox='0%200%2023%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.499999%2011C0.223857%2011%209.78513e-09%2010.7761%202.18557e-08%2010.5L4.5897e-07%200.499999C4.7104e-07%200.223857%200.223858%20-9.43889e-07%200.5%20-9.31819e-07L18.1664%20-1.59598e-07C18.3144%20-1.53125e-07%2018.4549%200.0656355%2018.5499%200.179222L22.7317%205.17923C22.887%205.36489%2022.887%205.63512%2022.7317%205.82078L18.5499%2010.8208C18.4549%2010.9344%2018.3144%2011%2018.1664%2011L0.499999%2011Z'%20fill='%23E50539'/%3e%3cpath%20d='M7.32075%207.93355H6.2063V5.83721H4.11806V7.93355H3L3%203.07641H4.11806V4.98007H6.2063V3.07641L7.32075%203.07641V7.93355Z'%20fill='white'/%3e%3cpath%20d='M13.4412%205.49834C13.4412%205.87265%2013.3907%206.21373%2013.2897%206.52159C13.1887%206.82724%2013.0349%207.09081%2012.8281%207.31229C12.6237%207.53378%2012.364%207.70432%2012.049%207.82392C11.7341%207.94131%2011.3614%208%2010.931%208C10.5006%208%2010.1279%207.94131%209.81294%207.82392C9.49796%207.70432%209.23708%207.53378%209.0303%207.31229C8.82592%207.09081%208.67324%206.82613%208.57225%206.51827C8.47127%206.21041%208.42077%205.86822%208.42077%205.49169C8.42077%204.98893%208.50974%204.5515%208.68766%204.1794C8.868%203.80509%209.14451%203.51495%209.51719%203.30897C9.88988%203.10299%2010.3635%203%2010.9382%203C11.5105%203%2011.9805%203.10299%2012.3484%203.30897C12.7187%203.51495%2012.9928%203.80509%2013.1707%204.1794C13.351%204.55371%2013.4412%204.99336%2013.4412%205.49834ZM9.59293%205.49834C9.59293%205.83721%209.63861%206.12957%209.72998%206.37542C9.82376%206.61905%209.96922%206.80731%2010.1664%206.9402C10.3635%207.07088%2010.6184%207.13621%2010.931%207.13621C11.2484%207.13621%2011.5056%207.07088%2011.7028%206.9402C11.9%206.80731%2012.043%206.61905%2012.132%206.37542C12.2234%206.12957%2012.2691%205.83721%2012.2691%205.49834C12.2691%204.98893%2012.1657%204.58804%2011.9589%204.29568C11.7521%204.00332%2011.4119%203.85714%2010.9382%203.85714C10.6232%203.85714%2010.366%203.92359%2010.1664%204.05648C9.96922%204.18715%209.82376%204.37542%209.72998%204.62126C9.63861%204.86489%209.59293%205.15725%209.59293%205.49834Z'%20fill='white'/%3e%3cpath%20d='M16.5682%207.93355H15.4501V3.93355H14.0183V3.07641L18%203.07641V3.93355H16.5682V7.93355Z'%20fill='white'/%3e%3c/svg%3e") 0% 0% / cover no-repeat; top: -5.5px; right: 8px; }
.TopNavigationMobileItem__label { position: absolute; width: 23px; height: 11px; background: url("data:image/svg+xml,%3csvg%20width='23'%20height='11'%20viewBox='0%200%2023%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.499999%2011C0.223857%2011%209.78513e-09%2010.7761%202.18557e-08%2010.5L4.5897e-07%200.499999C4.7104e-07%200.223857%200.223858%20-9.43889e-07%200.5%20-9.31819e-07L18.1664%20-1.59598e-07C18.3144%20-1.53125e-07%2018.4549%200.0656355%2018.5499%200.179222L22.7317%205.17923C22.887%205.36489%2022.887%205.63512%2022.7317%205.82078L18.5499%2010.8208C18.4549%2010.9344%2018.3144%2011%2018.1664%2011L0.499999%2011Z'%20fill='%23E50539'/%3e%3cpath%20d='M7.32075%207.93355H6.2063V5.83721H4.11806V7.93355H3L3%203.07641H4.11806V4.98007H6.2063V3.07641L7.32075%203.07641V7.93355Z'%20fill='white'/%3e%3cpath%20d='M13.4412%205.49834C13.4412%205.87265%2013.3907%206.21373%2013.2897%206.52159C13.1887%206.82724%2013.0349%207.09081%2012.8281%207.31229C12.6237%207.53378%2012.364%207.70432%2012.049%207.82392C11.7341%207.94131%2011.3614%208%2010.931%208C10.5006%208%2010.1279%207.94131%209.81294%207.82392C9.49796%207.70432%209.23708%207.53378%209.0303%207.31229C8.82592%207.09081%208.67324%206.82613%208.57225%206.51827C8.47127%206.21041%208.42077%205.86822%208.42077%205.49169C8.42077%204.98893%208.50974%204.5515%208.68766%204.1794C8.868%203.80509%209.14451%203.51495%209.51719%203.30897C9.88988%203.10299%2010.3635%203%2010.9382%203C11.5105%203%2011.9805%203.10299%2012.3484%203.30897C12.7187%203.51495%2012.9928%203.80509%2013.1707%204.1794C13.351%204.55371%2013.4412%204.99336%2013.4412%205.49834ZM9.59293%205.49834C9.59293%205.83721%209.63861%206.12957%209.72998%206.37542C9.82376%206.61905%209.96922%206.80731%2010.1664%206.9402C10.3635%207.07088%2010.6184%207.13621%2010.931%207.13621C11.2484%207.13621%2011.5056%207.07088%2011.7028%206.9402C11.9%206.80731%2012.043%206.61905%2012.132%206.37542C12.2234%206.12957%2012.2691%205.83721%2012.2691%205.49834C12.2691%204.98893%2012.1657%204.58804%2011.9589%204.29568C11.7521%204.00332%2011.4119%203.85714%2010.9382%203.85714C10.6232%203.85714%2010.366%203.92359%2010.1664%204.05648C9.96922%204.18715%209.82376%204.37542%209.72998%204.62126C9.63861%204.86489%209.59293%205.15725%209.59293%205.49834Z'%20fill='white'/%3e%3cpath%20d='M16.5682%207.93355H15.4501V3.93355H14.0183V3.07641L18%203.07641V3.93355H16.5682V7.93355Z'%20fill='white'/%3e%3c/svg%3e") 0% 0% / cover no-repeat; top: -5.5px; right: 8px; }
.TopNavigationMobileItem__icon { display: flex; justify-content: center; align-items: center; }
.TopNavigationMobileItem__icon svg, .TopNavigationMobileItem__icon rect, .TopNavigationMobileItem__icon path { fill: var(--topMenuIcon); }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name svg, .TopNavigationMobileItem__name rect, .TopNavigationMobileItem__name path { fill: var(--topMenuIcon); }
.TopNavigationMobile { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; padding: 16px 18px; gap: 8px; }
.SkeletonBanners__title { margin-bottom: 19px; }
.SkeletonBanners__subtitle { margin-bottom: 42px; }
.SkeletonBanners__desc { margin-bottom: 28px; }
.BannerItem { position: relative; width: 100%; height: 100%; }
.BannerItem-text { position: absolute; padding: 60px 0px 0px 40px; top: 0px; left: 0px; display: flex; flex-flow: column; }
.BannerItem-text { position: absolute; padding: 60px 0px 0px 40px; top: 0px; left: 0px; display: flex; flex-flow: column; }
.BannerItem-text { position: absolute; padding: 60px 0px 0px 40px; top: 0px; left: 0px; display: flex; flex-flow: column; }
.BannerItem-text { position: absolute; padding: 60px 0px 0px 40px; top: 0px; left: 0px; display: flex; flex-flow: column; }
.BannerItem-text__desc { width: 700px; font-size: 20px; line-height: 120%; font-weight: 400; color: var(--textPrimary); margin-top: 20px; }
@media (max-width: 768px) {
  .BannerItem-text__desc { width: 200px; font-size: 12px; line-height: 120%; font-weight: 400; margin-top: 8px; }
}
@media (max-width: 375px) {
  .BannerItem-text__desc { margin-top: 4px; }
}
.BannerItem-text__btn { position: fixed; bottom: 60px; width: 343px; text-transform: uppercase; cursor: pointer; }
.BannerItem-text__btn { position: fixed; bottom: 60px; width: 343px; text-transform: uppercase; cursor: pointer; }
@media (max-width: 768px) {
  .BannerItem-text__btn { display: none; }
}
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.CarouselBanners__carousel { width: 100%; height: 100%; position: relative; }
.CarouselBanners__image { width: 100%; height: 100%; overflow: hidden; border-radius: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.CarouselBanners__slide { width: 100%; display: flex; align-items: center; justify-content: center; }
@media (max-width: 1180px) {
  .CarouselBanners__slide.swiper-slide-next { justify-content: flex-start; }
  .CarouselBanners__slide.swiper-slide-next .CarouselBanners__image { margin-left: -5px; }
  .CarouselBanners__slide.swiper-slide-prev { justify-content: flex-end; }
  .CarouselBanners__slide.swiper-slide-prev .CarouselBanners__image { margin-right: -5px; }
}
@media (max-width: 1180px) {
  .CarouselBanners__slide.swiper-slide-next { justify-content: flex-start; }
  .CarouselBanners__slide.swiper-slide-next .CarouselBanners__image { margin-left: -5px; }
  .CarouselBanners__slide.swiper-slide-prev { justify-content: flex-end; }
  .CarouselBanners__slide.swiper-slide-prev .CarouselBanners__image { margin-right: -5px; }
}
.CarouselBanners .swiper-pagination { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; bottom: 16px; transform: translate(-50%); z-index: 2; }
.CarouselBanners .swiper-pagination { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; bottom: 16px; transform: translate(-50%); z-index: 2; }
.CarouselBanners .swiper-pagination { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; bottom: 16px; transform: translate(-50%); z-index: 2; }
.CarouselBanners .swiper-pagination { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; bottom: 16px; transform: translate(-50%); z-index: 2; }
.CarouselBanners .swiper-pagination { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; bottom: 16px; transform: translate(-50%); z-index: 2; }
@media (max-width: 1180px) {
  .CarouselBanners .swiper-pagination { bottom: 8px; }
}
.CarouselBanners .swiper-pagination-bullet { width: 8px; height: 8px; background: var(--bulletsColor); border-radius: 10px; margin-right: 8px; }
.CarouselBanners .swiper-pagination-bullet:last-child { margin-right: 0px; }
.CarouselBanners.single-banner .swiper-button-prev, .CarouselBanners.single-banner .swiper-button-next, .CarouselBanners.single-banner .swiper-pagination { display: none; }
.navTrigger i { background-color: var(--textSecondary); border-radius: 8px; display: block; width: 100%; height: 3px; }
.TabbarItem { position: relative; justify-content: center; align-items: center; display: flex; flex-direction: column; cursor: pointer; }
.TabbarItem { position: relative; justify-content: center; align-items: center; display: flex; flex-direction: column; cursor: pointer; }
.TabbarItem__icon { position: relative; display: flex; justify-content: center; align-items: center; }
.TabbarItem__icon { position: relative; display: flex; justify-content: center; align-items: center; }
.TabbarItem__icon_notify { position: absolute; left: -5px; top: 0px; }
.TabbarItem__icon_notify { position: absolute; left: -5px; top: 0px; }
.TabbarItem__icon_notify { position: absolute; left: -5px; top: 0px; }
.TabbarItem__icon_dep { position: absolute; top: -16px; width: 44px; height: 44px; }
.TabbarItem__icon_dep { position: absolute; top: -16px; width: 44px; height: 44px; }
.TabbarItem__title_dep { margin-top: 28px; }
.Tabbar { display: none; }
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
.Tabbar__hidden { display: none; }
.Progressbar { display: flex; align-items: center; padding: 4px; position: relative; width: 100%; overflow: hidden; margin-top: 4px; border: 1px solid var(--grey); border-radius: 15px; }
.Progressbar { display: flex; align-items: center; padding: 4px; position: relative; width: 100%; overflow: hidden; margin-top: 4px; border: 1px solid var(--grey); border-radius: 15px; }
.Progressbar { display: flex; align-items: center; padding: 4px; position: relative; width: 100%; overflow: hidden; margin-top: 4px; border: 1px solid var(--grey); border-radius: 15px; }
.Progressbar-header { display: flex; justify-content: space-between; }
.Progressbar-header__info { display: none; }
@media (max-width: 1180px) {
  .Progressbar-header__info { display: flex; font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
}
.Progressbar__front { display: flex; justify-content: center; align-items: center; width: 100%; background: var(--gradient); transition: width 0.2s linear; height: 12px; border-radius: 15px; }
.BonusWidget { display: flex; flex-flow: column; margin-top: 32px; background: var(--bgSecondary); border-radius: 16px; }
.BonusWidget { display: flex; flex-flow: column; margin-top: 32px; background: var(--bgSecondary); border-radius: 16px; }
@media (max-width: 1180px) {
  .BonusWidget { margin-top: 0px; margin-bottom: 8px; border-radius: 8px; cursor: pointer; }
}
@media (max-width: 1180px) {
  .BonusWidget { margin-top: 0px; margin-bottom: 8px; border-radius: 8px; cursor: pointer; }
}
.BonusWidget-header { display: flex; justify-content: space-between; background: var(--headerBonus); padding: 10px 16px; border-radius: 16px 16px 0px 0px; }
@media (max-width: 1180px) {
  .BonusWidget-header { display: none; }
}
.BonusWidget-container { display: flex; padding: 16px; }
.BonusWidget-container-reward { display: flex; flex-flow: column; }
.BonusWidget-container-reward-value { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.BonusWidget-container-reward-value { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.BonusWidget-container__timer { display: flex; margin: 0px 62px 0px 121px; }
@media (max-width: 1180px) {
  .BonusWidget-container__timer { display: none; }
}
.Timer-bonus { display: flex; align-items: center; justify-content: flex-start; }
.Timer-bonus-item { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 48px; height: 45px; padding: 4px 8px; }
.Timer-bonus__hr { height: 32px; margin: 0px 4px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr { height: 32px; margin: 0px 4px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr { height: 32px; margin: 0px 4px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr { height: 32px; margin: 0px 4px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr-large { height: 44px; margin: 0px 16px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr-large { height: 44px; margin: 0px 16px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr-large { height: 44px; margin: 0px 16px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr-large { height: 44px; margin: 0px 16px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.FooterNavigationItem { text-decoration: none; font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterLink); cursor: pointer; margin-bottom: 8px; }
.Footer__navigation_list { display: flex; flex-direction: column; width: 100%; }
.Footer__navigation_list_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); margin-bottom: 12px; }
.FooterPartners { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.FooterPaymentsList { display: flex; width: 700px; justify-content: center; gap: 60px; }
.Footer__social { display: flex; flex-direction: column; width: 100%; }
.Footer__social_wrapper { display: flex; margin-top: 12px; gap: 8px; }
.Footer__social_wrapper { display: flex; margin-top: 12px; gap: 8px; }
.SkeletonFooter__top { display: grid; grid-template-columns: 220px 230px 230px 220px auto; gap: 16px; }
.SkeletonFooter__top { display: grid; grid-template-columns: 220px 230px 230px 220px auto; gap: 16px; }
.SkeletonFooter__title { margin-bottom: 16px; }
.SkeletonFooter__item { margin-bottom: 8px; }
.SkeletonFooter__social_item { margin-right: 16px; }
.SkeletonFooter__language { margin-top: 20px; display: flex; align-items: center; }
.SkeletonFooter__language { margin-top: 20px; display: flex; align-items: center; }
.SkeletonFooter__language_icon { margin-right: 7px; }
.SkeletonFooter__payments { margin-top: 27px; padding: 17px 0px; display: flex; justify-content: center; align-items: center; gap: 63px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); }
.SkeletonFooter__payments { margin-top: 27px; padding: 17px 0px; display: flex; justify-content: center; align-items: center; gap: 63px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); }
.SkeletonFooter__payments { margin-top: 27px; padding: 17px 0px; display: flex; justify-content: center; align-items: center; gap: 63px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); }
.SkeletonFooter__partners { display: flex; align-items: center; justify-content: center; gap: 40px; padding: 16px 0px; }
.SkeletonFooter__partner { display: flex; align-items: center; gap: 5px; }
.SkeletonFooter__copyrights { margin-top: 8px; }
.SkeletonFooter__copyrights { margin-top: 8px; }
.SkeletonFooterMobile__logo { margin-bottom: 16px; }
.SkeletonFooterMobile__header { margin-bottom: 27px; }
.SkeletonFooterMobile__header_title { margin-bottom: 4px; }
.SkeletonFooterMobile__blocks { display: grid; grid-template-columns: 1fr 1fr; }
.SkeletonFooterMobile__title { margin-bottom: 14px; }
.SkeletonFooterMobile__item { margin-bottom: 7px; }
.SkeletonFooterMobile__payments { padding: 16px 0px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); display: flex; justify-content: center; align-items: center; gap: 32px; margin-bottom: 16px; }
.SkeletonFooterMobile__payments { padding: 16px 0px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); display: flex; justify-content: center; align-items: center; gap: 32px; margin-bottom: 16px; }
.SkeletonFooterMobile__payments { padding: 16px 0px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); display: flex; justify-content: center; align-items: center; gap: 32px; margin-bottom: 16px; }
.SkeletonFooterMobile__partners { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 16px 0px; }
.SkeletonFooterMobile__partner { display: flex; align-items: center; gap: 5px; }
.Footer-support { display: flex; flex-direction: column; /*width: 211px;*/ }
@media (max-width: 1180px) {
  .Footer-support { margin-top: 16px; }
}
@media (max-width: 1180px) {
  .Footer-support-wrapper { display: grid; grid-template-columns: 1fr 1fr; }
}
.Footer-support-wrapper__item { font-size: 12px; line-height: 120%; font-weight: 400; display: flex; align-items: center; gap: 4px; color: var(--textFooterPrimary); }
.Footer-support__menu_title { margin-bottom: 16px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
@media (max-width: 1180px) {
  .Footer-support__menu_title { display: none; }
}
.Footer-support__text { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterPrimary); margin-top: 8px; width: 211px; }
.Footer__language { position: relative; }
@media (max-width: 1180px) {
  .Footer__language { display: none; }
}
.Footer-wrapper { position: relative; width: 1104px; margin: 0px auto; height: 470px; padding: 40px 0px; }
.Footer__navigation { width: 100%; display: flex; justify-content: space-between; }
@media (max-width: 991px) {
  .Footer__navigation { display: none; }
}
.Footer__navigation_tablet { display: none; }
@media (min-width: 576px) and (max-width: 991px) {
  .Footer__navigation_tablet { display: flex; flex-direction: column; max-width: 100%; }
}
@media (max-width: 575px) {
  .Footer__navigation_tablet { display: flex; flex-direction: column; }
}
.Footer__navigation_tablet_menu { display: flex; justify-content: space-between; }
@media (max-width: 1180px) {
  .Footer__navigation_tablet_menu { display: grid; grid-template-columns: 1fr 1fr; margin-top: 25px; }
}
@media (max-width: 1180px) {
  .Footer__navigation_tablet_menu { display: grid; grid-template-columns: 1fr 1fr; margin-top: 25px; }
}
.Footer__navigation_tablet__logo { display: flex; width: 100%; }
.Footer__navigation_tablet_container { display: flex; width: 100%; }
@media (max-width: 575px) {
  .Footer__navigation_tablet_container { width: 100%; display: flex; flex-direction: column; }
}
.Footer__navigation__logo { display: flex; width: 100%; }
.Footer__payments { display: flex; justify-content: center; align-items: center; padding: 16px; }
.Footer__partners { min-height: 50px; display: flex; justify-content: center; align-items: center; padding: 16px; }
.Footer__partners_mobile { display: none; }
@media (max-width: 400px) {
  .Footer__partners_mobile { display: flex; margin-top: 20px; justify-content: center; }
}
@media (max-width: 400px) {
  .Footer__partners_mobile { display: flex; margin-top: 20px; justify-content: center; }
}
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
@media (max-width: 1180px) {
  .Footer__license { padding-bottom: 64px; }
}
.Footer__version { font-size: 8px; line-height: 140%; font-weight: 400; position: absolute; bottom: 5px; right: 5px; color: var(--textFooterSecondary); }
.Footer__version { font-size: 8px; line-height: 140%; font-weight: 400; position: absolute; bottom: 5px; right: 5px; color: var(--textFooterSecondary); }
.Footer__version { font-size: 8px; line-height: 140%; font-weight: 400; position: absolute; bottom: 5px; right: 5px; color: var(--textFooterSecondary); }
.CasinoLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .CasinoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .CasinoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .CasinoLayout__header_empty { display: none; }
}
.CasinoLayout__category { display: none; }
.CasinoLayout__category_banners { margin-bottom: 16px; }
@media (max-width: 1180px) {
  .CasinoLayout__category { display: flex; flex-direction: column; margin-top: 70px; }
  .CasinoLayout__category_auth { margin-top: 0px; }
}
@media (max-width: 1180px) {
  .CasinoLayout__category { display: flex; flex-direction: column; margin-top: 70px; }
  .CasinoLayout__category_auth { margin-top: 0px; }
}
.CasinoLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
.CasinoLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
.CasinoLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
@media (max-width: 1180px) {
  .CasinoLayout__sidebar { display: none; }
}
.CasinoLayout__content { grid-area: content; margin-bottom: 30px; }
.InfoSidebar { width: 100%; height: 100%; padding: 15px 8px 0px; border-right: 1px solid var(--bgGrey); }
.InfoSidebar__link { font-size: 14px; line-height: 130%; font-weight: 400; padding: 4px 16px; color: var(--textPrimary); text-decoration: none; height: 44px; display: flex; align-items: center; }
.InfoSidebar__link_active { color: var(--textPrimary); background-color: var(--activeBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link:not(.InfoSidebar__link_active):hover { color: var(--primary); background: var(--hoverBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoLayout__container { display: grid; grid-template: "header header" 68px "sidebar content" "sidebar footer" / 256px 1fr; }
.InfoLayout__container_about { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 70px; }
.InfoLayout__container_about { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 70px; }
@media (max-width: 1180px) {
  .InfoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .InfoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .InfoLayout__container_auth { padding-top: 70px; }
}
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .InfoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .InfoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .InfoLayout__header_empty { display: none; }
}
@media (max-width: 1180px) {
  .InfoLayout__sidebar { display: none; }
}
.InfoLayout__sidebar_hide { display: none; }
.InfoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.PromoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 70px; }
.PromoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 70px; }
@media (max-width: 1180px) {
  .PromoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .PromoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .PromoLayout__container_auth { padding-top: 70px; }
}
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .PromoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .PromoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .PromoLayout__header_empty { display: none; }
}
.PromoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.Loader { height: 32px; width: 100%; background: var(--primary); border-radius: 40px; position: relative; overflow: hidden; }
.Loader::after { content: ""; position: absolute; width: 80px; height: 64px; top: -50%; left: -100%; background: linear-gradient(rgba(209, 209, 209, 0.1), rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.1)); transform: matrix(0.47, -0.97, 0.77, 0.53, 0, 0); animation: 2s linear 0s infinite normal none running blink; z-index: 1; }
.Loader::after { content: ""; position: absolute; width: 80px; height: 64px; top: -50%; left: -100%; background: linear-gradient(rgba(209, 209, 209, 0.1), rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.1)); transform: matrix(0.47, -0.97, 0.77, 0.53, 0, 0); animation: 2s linear 0s infinite normal none running blink; z-index: 1; }
.Loader::after { content: ""; position: absolute; width: 80px; height: 64px; top: -50%; left: -100%; background: linear-gradient(rgba(209, 209, 209, 0.1), rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.1)); transform: matrix(0.47, -0.97, 0.77, 0.53, 0, 0); animation: 2s linear 0s infinite normal none running blink; z-index: 1; }
.Loader::after { content: ""; position: absolute; width: 80px; height: 64px; top: -50%; left: -100%; background: linear-gradient(rgba(209, 209, 209, 0.1), rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.1)); transform: matrix(0.47, -0.97, 0.77, 0.53, 0, 0); animation: 2s linear 0s infinite normal none running blink; z-index: 1; }
.Loader__filled { background: radial-gradient(circle 16.5px at left,rgba(0,0,0,0) 99%,var(--light-blue)) bottom left; height: 100%; position: absolute; right: 0px; top: 0px; z-index: 2; transition: 0.2s linear; }
.Loader__filled { background: radial-gradient(circle 16.5px at left,rgba(0,0,0,0) 99%,var(--light-blue)) bottom left; height: 100%; position: absolute; right: 0px; top: 0px; z-index: 2; transition: 0.2s linear; }
.Loader__filled { background: radial-gradient(circle 16.5px at left,rgba(0,0,0,0) 99%,var(--light-blue)) bottom left; height: 100%; position: absolute; right: 0px; top: 0px; z-index: 2; transition: 0.2s linear; }
.Loader__filled { background: radial-gradient(circle 16.5px at left,rgba(0,0,0,0) 99%,var(--light-blue)) bottom left; height: 100%; position: absolute; right: 0px; top: 0px; z-index: 2; transition: 0.2s linear; }
.Loader__filled { background: radial-gradient(circle 16.5px at left,rgba(0,0,0,0) 99%,var(--light-blue)) bottom left; height: 100%; position: absolute; right: 0px; top: 0px; z-index: 2; transition: 0.2s linear; }
.Loader__filled { background: radial-gradient(circle 16.5px at left,rgba(0,0,0,0) 99%,var(--light-blue)) bottom left; height: 100%; position: absolute; right: 0px; top: 0px; z-index: 2; transition: 0.2s linear; }
@keyframes blink { 
  0% { left: -100%; }
  100% { left: 100%; }
}
.BangerLogoAnimate { display: flex; align-items: center; position: relative; }
.BangerLogoAnimate { display: flex; align-items: center; position: relative; }
.BangerLogoAnimate__hat { position: absolute; left: -12px; top: -40px; z-index: 2; }
.BangerLogoAnimate__hat { position: absolute; left: -12px; top: -40px; z-index: 2; }
.BangerLogoAnimate__hat { position: absolute; left: -12px; top: -40px; z-index: 2; }
.BangerLogoAnimate__hat { position: absolute; left: -12px; top: -40px; z-index: 2; }
.BangerLogoAnimate__icon { width: 58px; height: 58px; margin-right: 17px; }
.Preloader { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: var(--bg); z-index: 2147483647; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease-out; }
.Preloader { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: var(--bg); z-index: 2147483647; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease-out; }
.Preloader { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: var(--bg); z-index: 2147483647; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease-out; }
.Preloader { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: var(--bg); z-index: 2147483647; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease-out; }
.Preloader { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: var(--bg); z-index: 2147483647; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease-out; }
.Preloader__logo { width: 100%; height: auto; margin-bottom: 26px; }
.ChatwootLoading { position: fixed; width: 100vw; height: 100dvh; top: 0px; left: 0px; z-index: 999999999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); }
.ChatwootLoading { position: fixed; width: 100vw; height: 100dvh; top: 0px; left: 0px; z-index: 999999999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); }
.ChatwootLoading { position: fixed; width: 100vw; height: 100dvh; top: 0px; left: 0px; z-index: 999999999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); }
.ChatwootLoading { position: fixed; width: 100vw; height: 100dvh; top: 0px; left: 0px; z-index: 999999999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); }
.ChatwootLoading { position: fixed; width: 100vw; height: 100dvh; top: 0px; left: 0px; z-index: 999999999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); }
.ChatwootLoading__loader { width: 100px; height: 75px; margin: 0px auto; background: rgb(255, 255, 255); position: relative; border-radius: 100%; }
.ChatwootLoading__loader::before { content: ""; position: absolute; box-sizing: border-box; border-width: 25px 15px 15px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; transform: rotate(45deg); top: 50px; left: -15px; }
.ChatwootLoading__loader::before { content: ""; position: absolute; box-sizing: border-box; border-width: 25px 15px 15px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; transform: rotate(45deg); top: 50px; left: -15px; }
.ChatwootLoading__loader::before { content: ""; position: absolute; box-sizing: border-box; border-width: 25px 15px 15px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; transform: rotate(45deg); top: 50px; left: -15px; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
.NewGloryLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .NewGloryLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .NewGloryLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .NewGloryLayout__header_empty { display: none; }
}
.NewGloryLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
.NewGloryLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
.NewGloryLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
@media (max-width: 1180px) {
  .NewGloryLayout__sidebar { display: none; }
}
.NewGloryLayout__content { grid-area: content; margin-bottom: 30px; }
.TournamentLayout__container { display: grid; grid-template-areas: "header" "content" "footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; row-gap: 8px; padding-top: 70px; }
.TournamentLayout__container { display: grid; grid-template-areas: "header" "content" "footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; row-gap: 8px; padding-top: 70px; }
@media (max-width: 1180px) {
  .TournamentLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 109px; }
}
@media (max-width: 1180px) {
  .TournamentLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 109px; }
}
.TournamentLayout__container_auth { padding-top: 70px; }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .TournamentLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
@media (max-width: 1180px) {
  .TournamentLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.TournamentLayout__content { grid-area: content; display: flex; flex-flow: column; }
.TournamentLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.ProfileNavigationLink { position: relative; padding: 10px 12px; display: flex; align-items: center; color: var(--textPrimary); transition: background 0.1s ease-out; text-decoration: none; border-radius: 8px; }
.ProfileNavigationLink { position: relative; padding: 10px 12px; display: flex; align-items: center; color: var(--textPrimary); transition: background 0.1s ease-out; text-decoration: none; border-radius: 8px; }
.ProfileNavigationLink span { font-size: 14px; line-height: 130%; font-weight: 400; padding-left: 8px; }
.ProfileNavigationLink:hover { color: var(--textButtonActive); background: var(--hoverBgDesktopCaterogy); text-decoration: none; }
.ProfileNavigationLink.active { color: var(--textButtonActive); background: var(--activeBgDesktopCaterogy); text-decoration: none; }
.ProfileNavigationLink__notify { position: absolute; right: 20px; }
.ProfileNavigationLink__notify { position: absolute; right: 20px; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.BalanceInfo { width: 100%; background: var(--headerBonus); position: relative; padding: 16px; z-index: 3; display: flex; flex-direction: column; }
.BalanceInfo { width: 100%; background: var(--headerBonus); position: relative; padding: 16px; z-index: 3; display: flex; flex-direction: column; }
.BalanceInfo { width: 100%; background: var(--headerBonus); position: relative; padding: 16px; z-index: 3; display: flex; flex-direction: column; }
.BalanceInfo-content { display: flex; justify-content: space-between; align-items: flex-start; }
.BalanceInfo-content__balance { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.BalanceInfo-content__balance_count { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-align: right; }
.BalanceInfo-content__bonus { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
@media (min-width: 1180px) {
  .BalanceInfo-content__bonus { margin-top: 8px; }
}
.BalanceInfo-content__bonus_count { font-size: 16px; line-height: 130%; font-weight: 600; display: flex; color: var(--textPrimary); text-align: right; align-items: center; }
.BalanceInfo-content__bonus_count { font-size: 16px; line-height: 130%; font-weight: 600; display: flex; color: var(--textPrimary); text-align: right; align-items: center; }
.BalanceInfo-content__bonus_count svg { margin-right: 6px; }
.BalanceInfo__deposit { margin-top: 29px; }
.ProfileSidebar__content { position: relative; margin-top: -16px; border-radius: 16px; padding: 16px; }
.ProfileSidebar__content { position: relative; margin-top: -16px; border-radius: 16px; padding: 16px; }
.ProfileSidebar__deposit { position: absolute; width: calc(100% - 24px); left: 12px; top: -18px; }
.ProfileSidebar__deposit { position: absolute; width: calc(100% - 24px); left: 12px; top: -18px; }
.ProfileSidebar__deposit { position: absolute; width: calc(100% - 24px); left: 12px; top: -18px; }
.ProfileSidebar__navigation_item.logout { padding: 18px 12px; border-top: 1px solid var(--menuBorderLine); margin-top: 60px; }
.ProfileLayout__container { display: grid; grid-template: "header header" 68px "sidebar content" "sidebar footer" / 256px 1fr; height: 100%; }
@media (max-width: 1180px) {
  .ProfileLayout__container { display: grid; grid-template: "header" "content" 1fr "footer" / 1fr; padding: 70px 0px 0px; }
}
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .ProfileLayout__header { grid-template-columns: 1fr; border-bottom: 1px solid var(--menuBorderLine); }
}
@media (max-width: 1180px) {
  .ProfileLayout__header_empty { display: none; }
}
.ProfileLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); border-top: 1px solid var(--menuBorderLine); border-right: 1px solid var(--menuBorderLine); background: var(--bgSecondary); }
.ProfileLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); border-top: 1px solid var(--menuBorderLine); border-right: 1px solid var(--menuBorderLine); background: var(--bgSecondary); }
@media (max-width: 1180px) {
  .ProfileLayout__sidebar { display: none; }
}
.ProfileLayout__content { grid-area: content; position: relative; padding: 24px 40px 24px 48px; }
.ProfileLayout__footer { display: flex; grid-area: footer; height: 100%; min-width: calc(-1168px + 100vh); margin-top: 30px; }
.ProfileLayout__footer { display: flex; grid-area: footer; height: 100%; min-width: calc(-1168px + 100vh); margin-top: 30px; }
@media (min-width: 1180px) {
  .ProfileLayout__footer { margin-top: 0px; }
}
@media (max-width: 1180px) {
  .ProfileLayout__footer.hide { display: none; }
}
h1 { font: var( --ds-font-heading-xlarge, 600 2.0714285714285716em/1.103448275862069 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.01em; color: var(--ds-text); margin-top: var(--ds-space-500); }
h2 { font: var( --ds-font-heading-large, 500 1.7142857142857142em/1.1666666666666667 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.01em; color: var(--ds-text); margin-top: var(--ds-space-500); margin-top: 20px;}
h3 { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; }
h4 { font: var( --ds-font-heading-small, 600 1.1428571428571428em/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.006em; color: var(--ds-text); margin-top: var(--ds-space-300); }
h5 { font: var( --ds-font-heading-xsmall, 600 1em/1.1428571428571428 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.003em; color: var(--ds-text); margin-top: var(--ds-space-200); }
h6 { font: var( --ds-font-heading-xxsmall, 600 .8571428571428571em/1.3333333333333333 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); color: var(--ds-text); margin-top: var(--ds-space-250); text-transform: uppercase; }
dd, dd + dt, li + li { margin-top: var(--ds-space-050, 4px); }
ul ul:not(:first-child), ol ul:not(:first-child), ul ol:not(:first-child), ol ol:not(:first-child) { margin-top: var(--ds-space-050, 4px); }
p:first-child, ul:first-child, ol:first-child, dl:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, blockquote:first-child, pre:first-child, form:first-child, table:first-child { margin-top: 0px; }
blockquote { border: none; padding-left: var(--ds-space-500, 40px); }
[dir="rtl"] blockquote { padding-left: 0px; padding-right: var(--ds-space-500, 40px); }
[dir="rtl"] blockquote { padding-left: 0px; padding-right: var(--ds-space-500, 40px); }
blockquote::before { float: left; margin-left: -1em; text-align: right; width: 1em; }
blockquote::before { float: left; margin-left: -1em; text-align: right; width: 1em; }
[dir="rtl"] blockquote::before { float: right; margin-right: -1em; text-align: left; }
[dir="rtl"] blockquote::before { float: right; margin-right: -1em; text-align: left; }
blockquote > :last-child { display: inline-block; }
small { font-size: 0.785714em; font-style: inherit; line-height: 1.45455; color: var(--ds-text-subtlest, var(--ds-text-subtlest, #6b778c)); margin-top: 16px; font-weight: 400; }
abbr { border-bottom: 1px var(--ds-border, #ccc) dotted; cursor: help; }
thead, tbody, tfoot { border-bottom: 2px solid var(--ds-border, #dfe1e6); }
td, th { border: none; padding: var(--ds-space-050, 4px) var(--ds-space-100, 8px); text-align: left; }
th { vertical-align: top; }
td:first-child, th:first-child { padding-left: 0px; }
td:last-child, th:last-child { padding-right: 0px; }
caption { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; margin-bottom: var(--ds-space-100, 8px); text-align: left; }
caption { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; margin-bottom: var(--ds-space-100, 8px); text-align: left; }
caption { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; margin-bottom: var(--ds-space-100, 8px); text-align: left; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }
.assistive { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
:root { --primary: #3156EB; --primary-rgb: 57, 89, 217; --primary-dark: #3556D8; --secondary: #FC4665; --secondary-dark: #e53855; --gloryGradient01: linear-gradient(134deg, #3156EB 0%, #6E29CE 42.07%, #AE009D 100%); --gloryGradient02: linear-gradient(131deg, #FF347D 0%, #3156EB 100%); --gloryGradient03: linear-gradient(265deg, rgba(49, 86, 235, .9) -12.81%, rgba(70, 83, 224, .9) -1.6%, rgba(252, 54, 129, .9) 41.34%), #FB3580; --gloryGradient04: linear-gradient(97deg, #3156EB 34.43%, #B517FF 73.93%, #FF347D 96.59%); --lightGrey: #D1D4E3; --brandColor: #FB3580; --success: #2EBA4D; --warning: #FDB43C; --error: #F31F1F; --white: #FFFFFF; --black: #000000; --text-primary-rgb: 63, 66, 80; --text-wheel: #3E4362; --text-secondary: #9FA0A8; --text-input: #000000; --checkboxBorder: var(--grey); --bg: var(--white); --bgSecondary: var(--bgGrey); --bgDark: #EEF0F8; --bgSkeleton: var(--white); --bgFavoriteBtnGame: var(--grey50); --bgGamePanelMobile: var(--black); --bgHeaderSeparator: var(--greyBlue); --bgWheelAviator: var(--back-aviator); --bgWinAviator: var(--win-aviator); --grey: #8C94B2; --grey50: #8C94B280; --bgGrey: #EEF0F8; --blueGlory: #3156EB; --gloryBlack: #000000; --greyBlue: #CBD2ED; --greyBlue40: #CBD2ED40; --hoverPrimary: #1137CC; --textPrimary: var(--gloryBlack); --textSecondary: var(--grey); --textButtonActive: var(--textPrimary); --textGameModeActiveColor: var(--white); --textBrandColor: var(--primary); --textLinkColor: var(--blueGlory); --textTournamentColor: var(--brandColor); --textTournamentGrey: var(--grey); --active: var(--blueGlory); --darkBgSelected: rgba(203, 210, 237, .4); --topMenuBorder: var(--primary); --topMenuIcon: var(--primary); --topMenuName: var(--primary); --tabsBackground: var(--light-grey); --dialogBackground: var(--white); --borderAmount: var(--primary); --selectorBackground: var(--blue-select); --selectorBorder: var(--grey); --inputBackground: var(--white); --inputTextColor: var(--text-input); --inputFocusBorder: var(--primary); --menuBackground: var(--white); --overlayBackground: rgba(0, 0, 0, .5); --menuBorderLine: var(--light-blue); --burgerIconsFill: var(--grey); --closeMobileMenuIcon: var(--white); --balanceInfoBg: var(--gloryGradient01); --accountItemBg: var(--lightGrey); --textDisableColor: var(--grey); --arrowToggleColor: var(--primary); --methodTextColor: var(--grey); --backgroundFooter: var(--bgDark); --textFooterPrimary: var(--gloryBlack); --textFooterSecondary: var(--grey); --textFooterLink: var(--blueGlory); --footerBorder: var(--blueGlory); --footerPaymentMaster: var(--gloryBlack); --bgCaterogy: var(--grey); --borderCaterogy: var(--grey); --logoCaterogy: var(--grey); --activeCaterogy: var(--blueGlory); --activeTitleCaterogy: var(--gloryBlack); --activeBg: var(--greyBlue); --activeBgDesktopCaterogy: var(--greyBlue); --hoverBgDesktopCaterogy: var(--greyBlue40); --bgProvider: var(--bgDarkBlue); --borderPrimary: var(--grey); --headerBonus: var(--greyBlue); --bgBonus: var(--bgGrey); --bgDisactive: rgba(238, 240, 248, .5); --bgIcons: var(--blueGlory); --bulletsColor: var(--grey50); --bulletActiveColor: var(--primary); --bannerSkeletonBg: var(--bgGrey); --popupTextColor: var(--text-popup); --bonusAviatorColor: var(--text-bonus-aviator); --wheelRegPrimary: var(--red-back); --inputLabelValue: var(--black); --borderSelect: var(--grey); --bg-notify: var(--black); --contast-text: var(--white); --gradient: linear-gradient(103.42deg, #FC4665 6.06%, #3156EB 77.61%); --gradient-dark: linear-gradient(103.42deg, #E31A3C 6.06%, #0F32BD 77.61%); --gradient2: linear-gradient(151.92deg, #FF367F -8.26%, #7451FF 106.33%); --gradient3: linear-gradient(100.45deg, #4361FF -10.91%, #9656BB 92.39%); --gameCardGradient: linear-gradient(133.83deg, rgba(49, 86, 235, .8) 1.96%, rgba(110, 41, 206, .8) 43.21%, rgba(174, 0, 157, .8) 100%); --winAviatorGradient: var(--gloryGradient02); --buttonRoulette: #CD0F07; --disabledButtonRoulette: #E96762; --darkBlue: #2344C8; --blue: #3D5CDA; --landing-blue: #468FFC; --light-blue: #C4CDF4; --light-sky: #5caef1; --light-pink: #FEC8D1; --light-grey: #ECEDEF; --light-orange: #FFF4E2; --grey-200: #E1E2E4; --grey-disable: #F7F7F7; --dark-bg: #121213; --dark: #2B2B2D; --whitergb: 255, 255, 255; --bg-info: #e2e2e2; --text-frame: #D0D0D0; --bg-frame: #27272A; --border-table: #C4C4C4; --purple-close: #5451C1; --purple: #B55EF3; --orange: #E07D42; --dark-red: #B62641; --blue-grey: rgba(151, 174, 255, 1); --blue-select: rgba(49, 86, 235, .7); --black-disk: #0F131A; --red-back: #ff0a0a; --light-green: #02DB3E; --blue-light-back: #00E0FF; --blue-dark-back: #001E6F; --btn-shadow: #26208B; --cards-green: #24C939; --cards-light-green: #29EB46; --cards-red: #FC4665; --textAviator: #5ABEF5; --back-aviator: #1E1E1E; --win-aviator: #F5F9FF; --text-popup: #1D2C40; --text-bonus-aviator: #FF0A0A; --border-chicks: #E6B847; --logo-blue: #395ADA; --win-text: linear-gradient(180deg, #FFA928 8.47%, #FFDC60 27.63%, #FFA928 44.82%, #FFCC18 58.44%, #FDFFB1 81.17%); --crazy-time-primary: #E8DC84; --bonanza_border: #FFFC34; --disabledBorederBonanza: #EEF0F8; --olympusButton: #7A17C4; --olympusBorder: #FFBE00; --disabledBorederOlympus: #EEF0F8; --candy: #ED5AB4; --border-grey: #E1E1E9; --border-blue: #3A567B; --disabled: #cccccc; --selectBg: var(--lightGrey); --transactionBorder: var(--light-grey); --arrowColor: var(--black); --bgTabbar: rgba(238, 240, 248, .95); --timerActiveColor: var(--brandColor); }
[data-project="banger"] { --dark: #1C1C20; --darkGrey: #3F4250; --darkBlue: #272734; --white: #FFFFFF; --grey50: #98989880; --grey: #989898; --black: #000000; --black40: #00000040; --bluePress: #3277DD; --blueDisable: #80B2FE; --blueLink: #4891FF; --brandColor: #4891FF; --lightGrey: #3F4250; --success: #2EBA4D; --warning: #FDB43C; --error: #F31F1F; --brand: #4891FF; --gradient: linear-gradient(91.32deg, var(--brand) 0%, #9735E2 100%); --gradient01: linear-gradient(310.91deg, #301468 1.09%, #542CA4 40.85%, var(--brand) 91.77%); --bangerGradient01: linear-gradient(316deg, #301468 0%, #542CA4 40.2%, #4891FF 91.68%); --gameCardGradient: linear-gradient(133.83deg, rgba(49, 86, 235, .8) 1.96%, rgba(110, 41, 206, .8) 43.21%, rgba(174, 0, 157, .8) 100%); --winAviatorGradient: linear-gradient(130deg, #4891FF 0%, #8C42E6 60.65%, #9735E2 100%); --banger-brand-color-2: #9735E2; --primary: var(--brand); --textPrimary: var(--white); --textSecondary: var(--grey); --textButtonActive: var(--white); --textGameModeActiveColor: var(--textPrimary); --textBrandColor: var(--brand); --textLinkColor: var(--blueLink); --textTournamentColor: var(--banger-brand-color-2); --textTournamentGrey: var(--grey); --bg: var(--bgDarkBlue); --bgSecondary: var(--bgDark); --bgDark: #1C1C20; --bgDarkBlue: #272734; --bgGrey: var(--darkGrey); --bgSkeleton: var(--bgSecondary); --bgFavoriteBtnGame: #1C1C20; --bgGamePanelMobile: var(--bgDarkBlue); --bgHeaderSeparator: var(--darkGrey); --bgWheelAviator: var(--darkBlue); --bgWinAviator: var(--winAviatorGradient); --active: var(--brand); --btnPress: var(--bluePress); --btnDisable: var(--blueDisable); --blueBgSelected: rgba(72, 145, 255, .7); --darkBgSelected: rgba(0, 0, 0, .4); --selectBg: var(--darkGrey); --checkboxBorder: var(--grey); --topMenuBorder: var(--grey); --topMenuIcon: var(--white); --topMenuName: var(--white); --tabsBackground: var(--darkGrey); --dialogBackground: var(--bgDarkBlue); --borderAmount: var(--blue-selected); --selectorBackground: var(--blueBgSelected); --selectorBorder: var(--grey); --inputBackground: var(--bgDarkBlue); --inputTextColor: var(--white); --inputFocusBorder: var(--white); --menuBackground: var(--bgDarkBlue); --overlayBackground: #000000B2; --menuBorderLine: var(--darkGrey); --burgerIconsFill: var(--grey); --closeMobileMenuIcon: var(--grey); --balanceInfoBg: var(--bangerGradient01); --accountItemBg: var(--darkGrey); --textDisableColor: var(--grey); --arrowToggleColor: var(--grey); --methodTextColor: var(--grey); --backgroundFooter: var(--bgDark); --textFooterPrimary: var(--white); --textFooterSecondary: var(--grey); --textFooterLink: var(--brand); --footerBorder: var(--brand); --footerPaymentMaster: var(--white); --footerPaymentVisa: var(--white); --bgCaterogy: var(--grey); --borderCaterogy: var(--grey50); --logoCaterogy: var(--grey); --activeBg: var(--grey); --activeCaterogy: var(--brand); --activeTitleCaterogy: var(--textPrimary); --activeBgDesktopCaterogy: var(--black); --hoverBgDesktopCaterogy: var(--black40); --bgProvider: var(--bgDarkBlue); --borderPrimary: var(--grey); --headerBonus: var(--black); --bgBonus: var(--dark); --bgDisactive: rgba(28, 28, 32, .5); --bgIcons: var(--brand); --bulletsColor: var(--grey50); --bulletActiveColor: var(--primary); --bannerSkeletonBg: #2D2F38; --popupTextColor: var(--white); --bonusAviatorColor: var(--brand); --wheelRegPrimary: var(--primary); --transactionBorder: var(--darkGrey); --arrowColor: var(--white); --inputLabelValue: var(--white); --borderSelect: var(--light-grey); --crazy-time-primary: #E8DC84; --bgTabbar: rgba(28, 28, 32, .95); --timerActiveColor: var(--error); --bg-notify: var(--black); --contast-text: var(--white); }
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@media (prefers-reduced-motion) {
  .react-loading-skeleton { --pseudo-element-display: none; }
}
.GameSearchButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 8px; }
.ProviderFilterSelect { width: 100%; height: 44px; background: var(--bgProvider); border: 1px solid var(--borderPrimary); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; cursor: pointer; }
.GameSortAndFilter { display: grid; position: relative; grid-template-columns: 1fr 40px; column-gap: 8px; margin-left: auto; max-width: 100%; }
.GameSortAndFilter { display: grid; position: relative; grid-template-columns: 1fr 40px; column-gap: 8px; margin-left: auto; max-width: 100%; }
.GameSortAndFilter { display: grid; position: relative; grid-template-columns: 1fr 40px; column-gap: 8px; margin-left: auto; max-width: 100%; }
@media (max-width: 1180px) {
  .GameSortAndFilter { display: flex; width: 100%; }
}
.CarouselBannersDesktop { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .CarouselBannersDesktop { display: none; }
}
@media (max-width: 1180px) {
  .CarouselBannersDesktop { display: none; }
}
.GameSortDesktop { position: relative; width: 100%; }
.GameSortDesktop { position: relative; width: 100%; }
.GameSortDesktop__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.GameSortDesktop__icon { display: flex; align-items: center; justify-content: center; }
.GameSortDesktop__icon { display: flex; align-items: center; justify-content: center; }
.GameSortDesktop__icon svg, .GameSortDesktop__icon path { stroke: var(--textPrimary); }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn.active { border-color: var(--primary); }
.GameSortDesktop__arrow { display: flex; align-items: center; justify-content: center; }
.GameSortDesktop__arrow { display: flex; align-items: center; justify-content: center; }
.GameSortDesktop__content { overflow: hidden; position: absolute; z-index: 2; background: var(--bgSecondary); width: 100%; border-radius: 8px; }
.GameSortDesktop__content { overflow: hidden; position: absolute; z-index: 2; background: var(--bgSecondary); width: 100%; border-radius: 8px; }
.GameSortDesktop__content { overflow: hidden; position: absolute; z-index: 2; background: var(--bgSecondary); width: 100%; border-radius: 8px; }
.GameSortDesktop__item { font-size: 14px; line-height: 130%; font-weight: 400; height: 44px; display: flex; align-items: center; padding: 0px 8px; cursor: pointer; }
.GameSortDesktop__item { font-size: 14px; line-height: 130%; font-weight: 400; height: 44px; display: flex; align-items: center; padding: 0px 8px; cursor: pointer; }
.GameSortDesktop__item:hover, .GameSortDesktop__item.active { color: var(--primary); }
.GameCard { display: block; position: relative; border-radius: 16px; overflow: hidden; }
.GameCard { display: block; position: relative; border-radius: 16px; overflow: hidden; }
.GameCard::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.GameCard::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.GameCard__cover { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; }
.GameCard__cover { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; }
.GameCard__cover { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; }
.GameCard__cover { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; }
.GameCard__name { position: absolute; width: 90%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%); text-align: center; top: 58%; height: 40%; }
.GameCard__name { position: absolute; width: 90%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%); text-align: center; top: 58%; height: 40%; }
.GameCard__name { position: absolute; width: 90%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%); text-align: center; top: 58%; height: 40%; }
.GameCard__name { position: absolute; width: 90%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%); text-align: center; top: 58%; height: 40%; }
.GameCard__loading { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2; }
.GameCard__loading { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2; }
.GameCard__loading { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2; }
.GameCard__loading { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2; }
.GameCard__play { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; inset: 0px; background: var(--gameCardGradient); border-radius: 8px; padding: 16px; width: 100%; height: 100%; backdrop-filter: blur(2px); }
.GameCard__play { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; inset: 0px; background: var(--gameCardGradient); border-radius: 8px; padding: 16px; width: 100%; height: 100%; backdrop-filter: blur(2px); }
.GameCard__play_real { background: var(--primary); border: none; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin-bottom: 8px; }
.GameCard__play_real { background: var(--primary); border: none; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin-bottom: 8px; }
.GameCard__play_real svg { margin-left: 4px; }
.GameList { position: relative; }
.GameList__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); grid-auto-rows: 1fr; gap: 16px; }
.GameList__list_tournament { display: grid; grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); grid-auto-rows: 1fr; gap: 16px; }
.GameList__more { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 28px; }
.GameList__more { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 28px; }
.GameList__list_empty { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 104px; }
.GameList__list_empty { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 104px; }
@media (max-width: 1180px) {
  .GameList__list_empty { margin-top: 80px; }
}
@media (max-width: 576px) {
  .GameList__list_empty { margin-top: 58px; }
}
.GameList__list_empty_icon { margin-bottom: 12px; }
.GameFormSearch__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); display: flex; justify-content: center; margin-top: 16px; }
.GameFormSearch__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); display: flex; justify-content: center; margin-top: 16px; }
.SkeletonGameList__grid { margin-top: 22px; }
.SkeletonGameList__grid > span { display: grid; grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); grid-auto-rows: 1fr; gap: 16px; }
.SkeletonGameList__card { position: relative; }
.SkeletonGameList__card::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.SkeletonGameList__card::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.SkeletonGameList__more { margin-top: 28px; }
.SkeletonSearchFilterDesktop { display: flex; align-items: center; gap: 16px; margin-top: 33px; }
.SkeletonSearchFilterDesktop { display: flex; align-items: center; gap: 16px; margin-top: 33px; }
@media (max-width: 1180px) {
  .SkeletonSearchFilterDesktop { display: none; }
}
@media (max-width: 1180px) {
  .SkeletonSearchFilterDesktop { display: none; }
}
.HomePage__header { display: grid; grid-template-columns: 4fr 1fr; column-gap: 16px; margin-top: 32px; margin-bottom: 24px; }
.HomePage__header { display: grid; grid-template-columns: 4fr 1fr; column-gap: 16px; margin-top: 32px; margin-bottom: 24px; }
.HomePage__header { display: grid; grid-template-columns: 4fr 1fr; column-gap: 16px; margin-top: 32px; margin-bottom: 24px; }
@media (max-width: 1180px) {
  .HomePage__header { display: flex; align-items: center; justify-content: center; margin-top: 0px; margin-bottom: 0px; }
}
@media (max-width: 1180px) {
  .HomePage__header { display: flex; align-items: center; justify-content: center; margin-top: 0px; margin-bottom: 0px; }
}
@media (max-width: 1180px) {
  .HomePage__header { display: flex; align-items: center; justify-content: center; margin-top: 0px; margin-bottom: 0px; }
}
@media (max-width: 1180px) {
  .HomePage__title { display: none; }
}
.HomePage__games { margin-top: 16px; }
body.chromane_rec_nofollow_link_highlighting_enabled a[rel*="nofollow"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(238, 10, 3); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_nofollow_link_highlighting_enabled a[rel*="nofollow"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(238, 10, 3); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_sponsored_link_highlighting_enabled a[rel*="sponsored"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(96, 201, 4); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_sponsored_link_highlighting_enabled a[rel*="sponsored"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(96, 201, 4); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_ugc_link_highlighting_enabled a[rel*="ugc"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(239, 164, 36); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_ugc_link_highlighting_enabled a[rel*="ugc"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(239, 164, 36); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
@font-face { font-family: "Work Sans"; font-style: italic; font-weight: 400; font-display: swap; src: url("../../../../../../s/worksans/v9/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGU3ms5pIfeCSXCQNBf.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
#tldx-webext-container > div { z-index: 30000; }

        ListNo properties
        Others.GoTop { display: none; position: fixed; align-items: center; right: 20px; bottom: 100px; z-index: 1000; border: 1px solid var(--primary); padding: 10px 20px; height: 40px; border-radius: 16px; color: rgb(255, 255, 255); background-color: var(--primary); }
@media (max-width: 768px) {
  .GoTop { right: -20px; padding: 0px 30px 0px 10px; }
}
.GoTop__active { display: flex; }
.GoTop__title { margin-left: 8px; }
@media (max-width: 768px) {
  .GoTop__title { display: none; }
}
.Spin { position: relative; }
.Spin__item { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.Spin__item::before { content: ""; display: block; margin: 0px auto; animation: 1.2s ease-in-out 0s infinite normal both running sk-circleFadeDelay; }
.Spin__s { width: 22px; height: 22px; }
.Spin__s .Spin__item::before { width: 16%; height: 2px; }
.Spin__xl { width: 72px; height: 72px; }
.Spin__xl .Spin__item::before { width: 15%; height: 6px; }
.Spin__primary .Spin__item::before, .Spin__secondary .Spin__item::before, .Spin__gradient .Spin__item::before { background-color: var(--white); }
.Spin__transparent .Spin__item::before, .Spin__white .Spin__item::before { background-color: var(--primary); }
.Spin__item-2 { transform: rotate(30deg); }
.Spin__item-2::before { animation-delay: -1.1s; }
.Spin__item-3 { transform: rotate(60deg); }
.Spin__item-3::before { animation-delay: -1s; }
.Spin__item-4 { transform: rotate(90deg); }
.Spin__item-4::before { animation-delay: -0.9s; }
.Spin__item-5 { transform: rotate(120deg); }
.Spin__item-5::before { animation-delay: -0.8s; }
.Spin__item-6 { transform: rotate(150deg); }
.Spin__item-6::before { animation-delay: -0.7s; }
.Spin__item-7 { transform: rotate(180deg); }
.Spin__item-7::before { animation-delay: -0.6s; }
.Spin__item-8 { transform: rotate(210deg); }
.Spin__item-8::before { animation-delay: -0.5s; }
.Spin__item-9 { transform: rotate(240deg); }
.Spin__item-9::before { animation-delay: -0.4s; }
.Spin__item-10 { transform: rotate(270deg); }
.Spin__item-10::before { animation-delay: -0.3s; }
.Spin__item-11 { transform: rotate(300deg); }
.Spin__item-11::before { animation-delay: -0.2s; }
.Spin__item-12 { transform: rotate(330deg); }
.Spin__item-12::before { animation-delay: -0.1s; }
@-webkit-keyframes sk-circleFadeDelay { 
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}
@keyframes sk-circleFadeDelay { 
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}
.Blick { width: 15px; height: 220px; position: relative; background: linear-gradient(92.4deg, rgba(111, 212, 255, 0), rgb(126, 240, 255) 47.37%, rgb(82, 245, 255) 59.09%, rgba(94, 207, 255, 0) 98.63%); transform: rotate(-45deg); filter: blur(3px); opacity: 0.61; }
.Blick__middle { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 5.21px; height: 100%; background: linear-gradient(92.4deg, rgba(246, 149, 255, 0), rgb(136, 234, 255) 49.45%, rgb(141, 248, 255) 59.09%, rgba(129, 210, 255, 0) 98.63%); filter: blur(15px); opacity: 0.61; }
.Blick__top { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 2.28px; height: 100%; background: linear-gradient(92.4deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) 49.45%, rgb(255, 255, 255) 59.09%, rgba(255, 255, 255, 0) 98.63%); opacity: 0.48; mix-blend-mode: screen; }
.Button { display: flex; width: 100%; border-radius: 8px; cursor: pointer; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; position: relative; font-size: 14px; line-height: 130%; font-weight: 600; height: 52px; text-transform: uppercase; }
@media (max-width: 320px) {
  .Button { font-size: 12px; line-height: 130%; font-weight: 600; }
}
.Button__blick { position: absolute; width: 32px; height: 199px; top: -50px; left: -20px; z-index: 10; }
.Button__primary { background: var(--primary); border: none; color: var(--white); }
.Button__primary:hover { background: var(--hoverPrimary); }
.Button__primary.Button__disabled { background: var(--light-blue); }
.Button__primary svg, .Button__primary path, .Button__primary rect { fill: var(--white); }
.Button__secondary { background: var(--secondary); border: none; color: var(--white); }
.Button__secondary:hover { background: var(--secondary-dark); }
.Button__secondary.Button__disabled { background: var(--light-pink); }
.Button__secondary.Button__disabled .Spin { opacity: 0.5; }
.Button__transparent { background: transparent; border: 1px solid var(--primary); color: var(--primary); }
.Button:hover { background: var(--hoverPrimary); color: var(--white); }
.Button:hover.Button__disabled { border-color: var(--light-blue); color: var(--light-blue); }
.Button:hover.Button__disabled .Spin { opacity: 0.5; }
.Button__gradient { background: var(--gradient); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__gradient:hover { background: var(--primary-dark); }
.Button__gradient.Button__disabled { opacity: 0.5; }
.Button__gradient svg, .Button__gradient path, .Button__gradient rect { fill: var(--white); }
.Button__banger-gradient { background: var(--gradient); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__banger-gradient:hover { background: var(--primary-dark); }
.Button__banger-gradient.Button__disabled { opacity: 0.5; }
.Button__banger-gradient svg, .Button__banger-gradient path, .Button__banger-gradient rect { fill: var(--white); }
.Button__gradient-button-promo { background: var(--gloryGradient04); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__gradient-button-promo:hover { background: var(--primary-dark); }
.Button__gradient-button-promo.Button__disabled { opacity: 0.5; }
.Button__gradient-button-promo svg, .Button__gradient-button-promo path, .Button__gradient-button-promo rect { fill: var(--white); }
.Button__glory-gradient { background: var(--gloryGradient03); border: none; color: var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.Button__glory-gradient:hover { background: var(--primary-dark); }
.Button__glory-gradient.Button__disabled { opacity: 0.5; }
.Button__glory-gradient svg, .Button__glory-gradient path, .Button__glory-gradient rect { fill: var(--white); }
.Button__white { background: var(--white); border: none; color: var(--primary); }
.Button__white:hover { color: var(--primary-dark); }
.Button__white.Button__disabled { opacity: 0.5; }
.Button__white-border { background: var(--white); border: 2px solid var(--border-grey); color: var(--textPrimary); border-radius: 16px; transition: background 0.2s ease-out; }
.Button__white-border:hover { background: var(--bg); }
.Button__white-border.Button__disabled { opacity: 0.5; }
.Button__green { background: var(--success); border: none; color: var(--white); }
.Button__green:hover, .Button__green.Button__disabled { background: var(--success); }
.Button__green.Button__disabled .Spin { opacity: 0.5; }
.Button__light-green { background: var(--light-green); border: none; color: var(--white); }
.Button__light-green:hover { background: var(--light-green); }
.Button__light-green.Button__disabled, .Button__light-green.Button__disabled .Spin { opacity: 0.5; }
.Button__red { background: var(--red-back); border: none; color: var(--white); }
.Button__red:hover { background: var(--red-back); }
.Button__red.Button__disabled, .Button__red.Button__disabled .Spin { opacity: 0.5; }
.Button__dark-blue { background: var(--backgroundDarkBlue); border: inherit; }
.Button__dark-blue:hover { background: var(--backgroundDarkBlue); }
.Button__dark-blue.Button__disabled, .Button__dark-blue.Button__disabled .Spin { opacity: 0.5; }
.Button__dark { background: var(--backgroundDark); border: inherit; }
.Button__dark:hover { background: var(--backgroundDark); }
.Button__dark.Button__disabled, .Button__dark.Button__disabled .Spin { opacity: 0.5; }
.Button__blue { background: var(--brand); border: inherit; color: var(--white); }
.Button__blue:hover { background: var(--brand); color: var(--white); }
.Button__blue.Button__disabled, .Button__blue.Button__disabled .Spin { opacity: 0.5; }
.Button__chicks { background-size: 200px; margin-top: -10px; z-index: 1; background-image: url("../assets/images/landing/wheels/chicksTurkey/button_long.png"); background-repeat: no-repeat, repeat; background-position: center top; background-color: transparent; border: none; width: 100%; height: 72px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-transform: uppercase; color: var(--white); font-size: 18px; line-height: 25px; font-weight: 800; }
@media (max-width: 576px), (max-height: 576px) {
  .Button__chicks { font-size: 14px; line-height: 17.51px; font-weight: 800; background-size: 143px; height: 40px; margin-top: -25px; }
}
.Button__chicks:hover { filter: brightness(120%); }
.Button__chicks.Button__disabled { opacity: 0.5; }
.Button__chicks svg, .Button__chicks path, .Button__chicks rect { fill: var(--white); }
.UserControlsNotAuth { display: grid; grid-template-columns: repeat(2, 152px); gap: 16px; align-items: center; }
@media (max-width: 1180px) {
  .UserControlsNotAuth { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; align-items: center; }
}
.UserControlsNotAuth__support { margin-right: 8px; }
.UserControlsNotAuth__menu { display: none; margin-left: 8px; }
@media (max-width: 1180px) {
  .UserControlsNotAuth__menu { display: block; margin-left: 0px; }
}
.WalletControls { display: flex; align-items: center; background-color: var(--white); padding: 10px 16px; gap: 8px; border-radius: 8px; cursor: pointer; }
@media (max-width: 1180px) {
  .WalletControls { padding: 4px 8px; }
}
.WalletControls_banger { background-color: var(--bg); }
.WalletControls__balance { text-align: right; }
.WalletControls__balance_currency { font-size: 12px; line-height: 16px; font-weight: 700; color: var(--textPrimary); }
@media (max-width: 1180px) {
  .WalletControls__balance_currency { font-size: 10px; line-height: 14px; font-weight: 700; }
}
.WalletControls__balance_bonus { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: flex-end; }
@media (max-width: 1180px) {
  .WalletControls__balance_bonus { font-size: 10px; line-height: 130%; font-weight: 600; }
}
.WalletControls__balance_bonus span { display: flex; align-items: center; justify-content: center; margin-right: 4px; }
.WalletControls__balance_bonus span path { fill: var(--primary); }
.WalletControls__balance_bonus span path:first-child { fill: transparent; }
.WalletControls__wallet { padding: 0px; background: transparent; border: none; }
.WalletControls__wallet svg, .WalletControls__wallet path { fill: var(--primary); }
.NotificationCircle { position: relative; width: 8px; height: 8px; background-color: var(--secondary); border-radius: 50%; z-index: 2; }
.NotificationCircle__after { width: 8px; height: 8px; content: ""; left: 0px; position: absolute; z-index: 1; border-radius: 50%; animation: 1.5s ease 0s infinite normal none running notify-circle-shine; }
@keyframes notify-circle-shine { 
  0% { background-color: var(--secondary); opacity: 1; transform: scale(1); }
  100% { background-color: var(--secondary); opacity: 0.5; transform: scale(2.5); }
}
.UserControlsAuth { display: flex; gap: 16px; }
.UserControlsAuth__profile { position: relative; background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserControlsAuth__profile path { fill: var(--primary); }
@media (max-width: 1180px) {
  .UserControlsAuth__profile { display: none; }
}
.UserControlsAuth__btnNotify { left: 0px; top: 0px; position: absolute !important; }
.LanguageSelectItem { display: flex; align-items: center; border: none; background: transparent; padding: 0px; cursor: pointer; }
.LanguageSelectItem__flag { width: 28px; height: 28px; border-radius: 8px; overflow: hidden; }
.LanguageSelectItem__flag img { width: 100%; height: 100%; }
.LanguageSelectItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin-left: 4px; display: none; }
.LanguageSelectItem__name_with_icon { margin-left: 8px; }
@media (max-width: 1180px) {
  .LanguageSelectItem__name { display: block; }
}
.LanguageSelectItem__arrows { width: 6px; height: 11px; margin-left: 8px; display: flex; align-items: center; }
.LanguageSelectItem__arrows svg { width: 100%; height: 100%; }
.InputSearch { position: relative; width: 100%; height: 44px; }
.InputSearch__icon { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; width: 28px; height: 28px; }
.InputSearch__icon svg, .InputSearch__icon path { fill: var(--textPrimary); }
.InputSearch__input { font-size: 14px; line-height: 130%; font-weight: 400; background: transparent; padding: 8px 16px 8px 52px; border: 1px solid var(--borderPrimary); border-radius: 8px; width: 100%; height: 100%; color: var(--textPrimary); }
.InputSearch__input:focus { border-color: var(--primary); padding-right: 48px; }
.InputSearch__input::placeholder { color: var(--grey); }
.InputSearch__clear { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23BCC4CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='white'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-color: transparent; border: none; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 2; cursor: pointer; }
.InputSearch__clear.dark { background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012Z'%20fill='%23989898'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.29289%207.29289C7.68342%206.90237%208.31658%206.90237%208.70711%207.29289L12%2010.5858L15.2929%207.29289C15.6834%206.90237%2016.3166%206.90237%2016.7071%207.29289C17.0976%207.68342%2017.0976%208.31658%2016.7071%208.70711L13.4142%2012L16.7071%2015.2929C17.0976%2015.6834%2017.0976%2016.3166%2016.7071%2016.7071C16.3166%2017.0976%2015.6834%2017.0976%2015.2929%2016.7071L12%2013.4142L8.70711%2016.7071C8.31658%2017.0976%207.68342%2017.0976%207.29289%2016.7071C6.90237%2016.3166%206.90237%2015.6834%207.29289%2015.2929L10.5858%2012L7.29289%208.70711C6.90237%208.31658%206.90237%207.68342%207.29289%207.29289Z'%20fill='%231C1C20'/%3e%3c/svg%3e"); }
.Checkbox { position: relative; display: grid; grid-template-columns: 0.1px 22px 1fr; align-items: baseline; cursor: pointer; }
.Checkbox__label { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); margin-left: 10px; }
.Checkbox__label a { color: var(--active); text-decoration: none; }
.Checkbox > input { opacity: 0; position: relative; z-index: -999; width: 0.1px; height: 0.1px; padding: 0px; margin: 0px; }
.Checkbox > input:checked + .Checkbox__custom svg { opacity: 1; }
.Checkbox__custom { display: flex; align-items: center; justify-content: center; border: 1px solid var(--checkboxBorder); background: transparent; width: 22px; height: 22px; border-radius: 4px; }
.Checkbox__custom svg { width: 13px; height: 13px; opacity: 0; transition: opacity 0.1s ease-out; }
.Checkbox__custom.active { border-color: var(--active); }
.Checkbox__custom.active svg, .Checkbox__custom.active path, .Checkbox__custom.active rect { stroke: var(--active); }
.Checkbox__custom.borderNone { border: none; }
.Checkbox__custom_error { border-color: var(--error); }
.LanguageItem { display: flex; border: 0px; width: 100%; background: transparent; cursor: pointer; padding: 10px 0px; align-items: center; justify-content: space-between; }
@media (max-width: 1180px) {
  .LanguageItem { padding: 10px 16px; }
}
.LanguageItem__wrapper { display: flex; align-items: center; }
.LanguageItem__flag { width: 28px; height: 28px; }
.LanguageItem__flag svg { width: 100%; height: 100%; border-radius: 50%; }
.LanguageItem__name { display: flex; height: 35px; margin-left: 10px; align-items: center; }
.LanguageItem__name_orig { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--inputTextColor); }
.LanguageItem__name_orig.active { color: var(--primary); }
.LanguageSelect__content { display: flex; flex-flow: column; width: 100%; margin-top: 12px; }
.LanguageSelect__content_mobile { width: 100%; background: transparent; padding: 0px 0px 30px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.LanguageSelect__content_options_mobile { padding: 0px; }
.LanguageSelect__content_languages { overflow: auto; max-height: 816px; margin-top: 8px; }
.LanguageSelect__content_languages_mobile { margin-top: 13px; height: 100%; overflow: auto; }
.LanguageSelect__content_languages::-webkit-scrollbar { width: 4px; border-radius: 4px; }
.LanguageSelect__content_languages::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }
.LanguageSelect__content_languages::-webkit-scrollbar-thumb { border-radius: 4px; border: 1px solid rgba(159, 160, 168, 0.25); background: rgba(159, 160, 168, 0.25); }
.LanguageSelect { position: relative; padding: 0px; width: 28px; }
@media (max-width: 1180px) {
  .LanguageSelect { padding: 8px; width: 68px; }
}
.LanguageSelect__list { display: block; position: absolute; top: 50px; right: 0px; background: var(--bgSecondary); border-radius: 8px; z-index: 10; }
.LanguageSelect__list::before { content: ""; position: absolute; border-left: 10px solid rgba(113, 101, 58, 0); border-right: 10px solid rgba(113, 101, 58, 0); border-bottom: 10px solid var(--bgSecondary); left: 318px; top: -9px; }
.LanguageSelect__list_content { display: flex; flex-flow: column; padding: 16px; width: 343px; }
@media (max-width: 1180px) {
  .LanguageSelect__list_content { position: relative; display: grid; grid-template-columns: 343px; grid-template-rows: 58px 384px; gap: 12px 0px; background: var(--bgSecondary); border-radius: 8px; padding: 0px 0px 30px; }
}
.LanguageSelect__list_content_header { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); height: 100%; width: 100%; }
@media (max-width: 1180px) {
  .LanguageSelect__list_content_header { justify-content: center; height: 58px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--textPrimary); }
}
.UserInfo { display: flex; align-items: center; gap: 16px; }
@media (max-width: 1180px) {
  .UserInfo { gap: 12px; }
}
.UserInfo__support { position: relative; }
.UserInfo__support:hover {background: none;}
.UserInfo__countries { position: absolute; right: 0px; top: 70px; width: 343px; max-height: 730px; height: 100vh; background: var(--bg); padding: 16px 0px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px; }
.UserInfo__countries_arrow { position: absolute; top: -14px; right: 14px; }
.UserInfo__countries_arrow svg { }
.UserInfo__countries_arrow path { fill: var(--bg); }
.UserInfo__countries_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textSecondary); margin-bottom: 12px; padding: 0px 16px; }
.UserInfo__countries_list { height: 100%; overflow: hidden; }
.UserInfo__controls { display: block; }
@media (max-width: 1180px) {
  .UserInfo__controls { display: none; }
}
.UserInfo__intercom { background: var(--bg); border: none; border-radius: 8px; width: 52px; height: 52px; padding: 0px; display: flex; align-items: center; justify-content: center; }
.UserInfo__intercom path { 
    fill: var(--primary); 
}

.UserInfo__intercom path:hover { 
    fill: var(--primary); 
    background: none; 
}

@media (max-width: 1180px) {
  .UserInfo__intercom { width: 28px; height: 28px; }
}
.UserInfo__not-authenticated { display: flex; align-items: center; }
.UserInfo__authenticated { display: flex; align-items: center; background-color: var(--dark); }
.UserInfo__language { position: relative; }
@media (max-width: 1180px) {
  .UserInfo__language { display: none; }
}
.UserInfo__separator { width: 1px; height: 28px; background: var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .UserInfo__separator { display: none; }
}
.CountrySelect { height: 100%; }
.CountrySelect__search { padding: 0px 16px; }
.CountrySelect__list { height: calc(100% - 82px); overflow-y: auto; margin-top: 16px; padding: 0px 8px; }
.CountrySelect__country { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; cursor: pointer; }
.CountrySelect__country:hover { background: var(--greyBlue40); }
.CountrySelect__flag { overflow: hidden; border-radius: 14px; width: 28px; height: 28px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; }
.CountrySelect__flag img { width: 100%; object-fit: contain; }
.TopNavigationDesktopItem { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-transform: uppercase; position: relative; text-decoration: none; background: transparent; white-space: nowrap; border: none; padding: 0px; cursor: pointer; }
.TopNavigationDesktopItem:hover { color: var(--primary); text-decoration: none; }
.TopNavigationDesktopItem.active { color: var(--primary); }
.TopNavigationDesktopItem.active::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: -24px; height: 2px; border-radius: 2px; background: var(--primary); }
.TopNavigationDesktopItem__label { position: absolute; right: 0px; top: -15px; width: 23px; height: 11px; }

.SkeletonHeader { width: 100%; max-width: 1104px; margin: 0px auto; }
.SkeletonHeader__top { display: grid; grid-template-columns: 140px auto 308px 52px; gap: 16px; align-items: center; }
.SkeletonHeader__top.auth { grid-template-columns: 140px auto 165px 120px; }
@media (max-width: 1180px) {
  .SkeletonHeader__top { padding: 20px 16px; display: grid; grid-template-columns: auto 72px; }
  .SkeletonHeader__top.auth { grid-template-columns: auto auto 72px; }
}
.SkeletonHeader__controls > span { display: grid; grid-template-columns: repeat(2, 146px); gap: 16px; }
@media (max-width: 1180px) {
  .SkeletonHeader__controls { display: block; padding: 0px 16px; margin-top: -8px; }
  .SkeletonHeader__controls > span { display: flex; align-items: center; gap: 9px; }
}
@media (max-width: 1180px) {
  .SkeletonHeader__navigation { display: none; }
}
.SkeletonHeader__navigation_item { margin-right: 24px; }
.SkeletonHeader__balance { display: flex; justify-content: flex-end; }
@media (max-width: 1180px) {
  .SkeletonHeader__userinfo { display: none; }
}
.SkeletonHeader__buttons > span { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.SkeletonHeader__button:last-child { margin-right: 0px; }
.CategoryNavigationItem { display: flex; align-items: center; text-decoration: none; padding: 8px 12px; margin-bottom: 2px; border-radius: 8px; background: transparent; height: 44px; border: none; width: 100%; cursor: pointer; position: relative; }
.CategoryNavigationItem.short { padding: 8px; }
.CategoryNavigationItem__loading { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.CategoryNavigationItem__icon { margin-right: 14px; display: flex; align-items: center; }
.CategoryNavigationItem__icon svg, .CategoryNavigationItem__icon path, .CategoryNavigationItem__icon rect { fill: var(--grey); }
.CategoryNavigationItem__icon_custom svg, .CategoryNavigationItem__icon_custom path, .CategoryNavigationItem__icon_custom rect { fill: var(--burgerIconsFill); }
.CategoryNavigationItem__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); white-space: nowrap; }
.CategoryNavigationItem:hover { text-decoration: none; background: var(--hoverBgDesktopCaterogy); }
.CategoryNavigationItem:hover .CategoryNavigationItem__icon { display: flex; }
.CategoryNavigationItem:hover .CategoryNavigationItem__icon svg, .CategoryNavigationItem:hover .CategoryNavigationItem__icon path, .CategoryNavigationItem:hover .CategoryNavigationItem__icon rect { fill: var(--activeCaterogy); }
.CategoryNavigationItem:hover .CategoryNavigationItem__image { display: none; }
.CategoryNavigationItem:hover .CategoryNavigationItem__title { color: var(--activeTitleCaterogy); }
.CategoryNavigationItem.active { text-decoration: none; background: var(--activeBgDesktopCaterogy); }
.CategoryNavigationItem.active .CategoryNavigationItem__icon { display: flex; }
.CategoryNavigationItem.active .CategoryNavigationItem__icon svg, .CategoryNavigationItem.active .CategoryNavigationItem__icon path, .CategoryNavigationItem.active .CategoryNavigationItem__icon rect { fill: var(--activeCaterogy); }
.CategoryNavigationItem.active .CategoryNavigationItem__image { display: none; }
.CategoryNavigationItem.active .CategoryNavigationItem__title { color: var(--activeTitleCaterogy); }
.NewGloryButton { display: flex; justify-content: start; align-items: center; width: 240px; height: 52px; padding: 4px 12px; border-radius: 8px; margin: 0px 8px; cursor: pointer; }
@media (max-width: 1180px) {
  .NewGloryButton { display: flex; width: 100%; justify-content: center; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); border-radius: 8px; margin: 0px; }
}
.NewGloryButton-update { display: flex; align-items: center; gap: 4px; }
@media (max-width: 1180px) {
  .NewGloryButton-update { gap: 8px; }
}
.NewGloryButton-update__icon { width: 40px; height: 40px; margin-bottom: 10px; }
@media (max-width: 1180px) {
  .NewGloryButton-update__icon { margin-bottom: 0px; }
}
.NewGloryButton-update__icon_auth { margin-bottom: 0px; }
.NewGloryButton-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
@media (max-width: 1180px) {
  .NewGloryButton-update__title { color: var(--textPrimary); }
}
.CategoryNavigation { width: 100%; background: var(--bgSecondary); overflow: hidden; }
.CategoryNavigation-update { display: flex; width: 240px; height: 52px; padding: 4px 12px 4px 0px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; background: linear-gradient(61deg, rgb(223, 223, 255) 2.41%, rgb(200, 227, 255) 57.96%, rgb(183, 204, 249) 146.92%); cursor: pointer; }
.CategoryNavigation-update__icon svg { width: 40px; height: 40px; }
.CategoryNavigation-update__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.CategoryNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 11px; }
.CategoryNavigation__cat_loading { margin-top: 33px; }
.CategoryNavigation__popular { margin-bottom: 43px; position: relative; }
.CategoryNavigation__popular::after { content: ""; position: absolute; width: 224px; height: 1px; background: var(--bgHeaderSeparator); left: 50%; transform: translate(-50%); bottom: -21.5px; transition: width 0.2s ease-out; }
.CategoryNavigation__popular.short::after { content: ""; width: 44px; }
.ProviderFilterItem { display: grid; grid-template-columns: 24px 20px 1fr; column-gap: 8px; align-items: center; cursor: pointer; padding: 10px 0px; overflow: hidden; }
.ProviderFilterItem__icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; }
.ProviderFilterItem__icon img { width: 100%; }
.ProviderFilterItem__name { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); }
.ProviderFilterItem__count { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); display: flex; align-items: center; justify-content: center; background: var(--bg); border-radius: 8px; }
.ProviderFilter__title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); margin: 16px 0px 8px; display: flex; align-items: center; justify-content: space-between; }
.ProviderFilter__reset { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--active); padding: 3px; background: transparent; border: none; cursor: pointer; }
.ProviderFilter__providers { max-height: 460px; overflow: auto; }
.ProviderFilter__providers::-webkit-scrollbar { opacity: 0; }
.ProviderFilter__providers::-webkit-scrollbar-track { background: transparent; opacity: 0; }
.ProviderFilter__providers::-webkit-scrollbar-thumb { border: none; background: transparent; opacity: 0; }
.ProviderFilter__providers { scrollbar-width: thin; scrollbar-color: transparent transparent; }
.ProviderFilter__providers_empty { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textPrimary); height: 100%; display: flex; align-items: center; justify-content: center; }
.ProviderFilter__providers_empty > span { max-width: 170px; text-align: center; }
.ProviderNavigation { position: relative; overflow: hidden; }
.ProviderNavigation__seporator { height: 1px; margin: 10px auto; background: var(--bgHeaderSeparator); }
.ProviderNavigation__title { padding: 2px 20px; display: flex; justify-content: space-between; align-items: center; color: var(--textSecondary); margin-bottom: 8px; cursor: pointer; }
.ProviderNavigation__filter { padding: 0px 16px; }
.ProviderNavigation__short { padding: 8px; cursor: pointer; border-radius: 8px; width: 44px; display: flex; align-items: center; }
.ProviderNavigation__short svg, .ProviderNavigation__short path, .ProviderNavigation__short rect { fill: var(--burgerIconsFill); }
.ProviderNavigation__short:hover { background: var(--activeBgDesktopCaterogy); }
.ProviderNavigation__short:hover svg, .ProviderNavigation__short:hover path, .ProviderNavigation__short:hover rect { fill: var(--activeCaterogy); }
.Sidebar { height: calc(100% - 68px); width: 100%; overflow-y: auto; display: flex; flex-direction: column; position: relative; z-index: 1000; padding-top: 16px; background: var(--bgSecondary); }
.Sidebar__wrapper { position: relative; z-index: 1001; width: 100%; display: block; height: 100%; }
.Sidebar__wrapper-content { display: flex; justify-content: flex-end; }
.Sidebar__toggle { width: 36px; height: 36px; position: absolute; right: -18px; top: 141px; border-radius: 8px; border: 1px solid var(--bgHeaderSeparator); background: var(--bgSecondary); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1001; }
.Sidebar__arrow { display: flex; align-items: center; justify-content: center; }
.Sidebar__arrow svg, .Sidebar__arrow path { fill: var(--arrowColor); }
.CategoryMobileItem { display: table-column; min-width: 103px; grid-template-columns: 103px 1fr; column-gap: 8px; justify-content: center; align-items: center; height: 64px; padding: 0px 8px; border: 1px solid var(--borderCaterogy); border-radius: 8px; background-color: var(--bg); cursor: pointer; }
.CategoryMobileItem__icon svg, .CategoryMobileItem__icon path, .CategoryMobileItem__icon rect { fill: var(--logoCaterogy); }
.CategoryMobileItem__name { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--logoCaterogy); }
.CategoryMobileItem.active { border: 1px solid var(--activeCaterogy); background-color: var(--darkBgSelected); }
.CategoryMobileItem.active .CategoryMobileItem__icon svg, .CategoryMobileItem.active .CategoryMobileItem__icon path, .CategoryMobileItem.active .CategoryMobileItem__icon rect { fill: var(--activeCaterogy); }
.CategoryMobileItem.active .CategoryMobileItem__name { color: var(--activeCaterogy); }
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #007aff; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-android .swiper-slide, .swiper-wrapper { transform: translateZ(0px); }
.swiper-pointer-events { touch-action: pan-y; }
.swiper-pointer-events.swiper-vertical { touch-action: pan-x; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }
.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; }
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }
.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; }
.CategoryMobile { width: 100vw; margin: 8px 0px; }
.CategoryMobile .swiper { padding: 0px 16px; }
.CategoryMobile .swiper-slide { width: auto; }
.CategoryMobile .swiper-wrapper { padding: 0px 10px; margin-left: -10px; }
.SkeletonCarouselCategories { padding: 8px 0px 8px 16px; width: 100vw; overflow: hidden; }
.SkeletonCarouselCategories > span { display: grid; grid-template-columns: repeat(10, 103px); gap: 8px; }
.SkeletonTopCategories { padding: 20px 16px 16px; }
.SkeletonTopCategories > span { display: flex; justify-content: space-between; gap: 8px; }
.TopNavigationMobileItem { display: flex; flex-flow: column; border-radius: 8px; padding: 8px 10px 9px 11px; height: 80px; cursor: pointer; position: relative; border: 1px solid var(--topMenuBorder); width: 100%; }
.TopNavigationMobileItem__label { position: absolute; width: 23px; height: 11px; background: url("data:image/svg+xml,%3csvg%20width='23'%20height='11'%20viewBox='0%200%2023%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.499999%2011C0.223857%2011%209.78513e-09%2010.7761%202.18557e-08%2010.5L4.5897e-07%200.499999C4.7104e-07%200.223857%200.223858%20-9.43889e-07%200.5%20-9.31819e-07L18.1664%20-1.59598e-07C18.3144%20-1.53125e-07%2018.4549%200.0656355%2018.5499%200.179222L22.7317%205.17923C22.887%205.36489%2022.887%205.63512%2022.7317%205.82078L18.5499%2010.8208C18.4549%2010.9344%2018.3144%2011%2018.1664%2011L0.499999%2011Z'%20fill='%23E50539'/%3e%3cpath%20d='M7.32075%207.93355H6.2063V5.83721H4.11806V7.93355H3L3%203.07641H4.11806V4.98007H6.2063V3.07641L7.32075%203.07641V7.93355Z'%20fill='white'/%3e%3cpath%20d='M13.4412%205.49834C13.4412%205.87265%2013.3907%206.21373%2013.2897%206.52159C13.1887%206.82724%2013.0349%207.09081%2012.8281%207.31229C12.6237%207.53378%2012.364%207.70432%2012.049%207.82392C11.7341%207.94131%2011.3614%208%2010.931%208C10.5006%208%2010.1279%207.94131%209.81294%207.82392C9.49796%207.70432%209.23708%207.53378%209.0303%207.31229C8.82592%207.09081%208.67324%206.82613%208.57225%206.51827C8.47127%206.21041%208.42077%205.86822%208.42077%205.49169C8.42077%204.98893%208.50974%204.5515%208.68766%204.1794C8.868%203.80509%209.14451%203.51495%209.51719%203.30897C9.88988%203.10299%2010.3635%203%2010.9382%203C11.5105%203%2011.9805%203.10299%2012.3484%203.30897C12.7187%203.51495%2012.9928%203.80509%2013.1707%204.1794C13.351%204.55371%2013.4412%204.99336%2013.4412%205.49834ZM9.59293%205.49834C9.59293%205.83721%209.63861%206.12957%209.72998%206.37542C9.82376%206.61905%209.96922%206.80731%2010.1664%206.9402C10.3635%207.07088%2010.6184%207.13621%2010.931%207.13621C11.2484%207.13621%2011.5056%207.07088%2011.7028%206.9402C11.9%206.80731%2012.043%206.61905%2012.132%206.37542C12.2234%206.12957%2012.2691%205.83721%2012.2691%205.49834C12.2691%204.98893%2012.1657%204.58804%2011.9589%204.29568C11.7521%204.00332%2011.4119%203.85714%2010.9382%203.85714C10.6232%203.85714%2010.366%203.92359%2010.1664%204.05648C9.96922%204.18715%209.82376%204.37542%209.72998%204.62126C9.63861%204.86489%209.59293%205.15725%209.59293%205.49834Z'%20fill='white'/%3e%3cpath%20d='M16.5682%207.93355H15.4501V3.93355H14.0183V3.07641L18%203.07641V3.93355H16.5682V7.93355Z'%20fill='white'/%3e%3c/svg%3e") 0% 0% / cover no-repeat; top: -5.5px; right: 8px; }
.TopNavigationMobileItem__icon { display: flex; justify-content: center; align-items: center; }
.TopNavigationMobileItem__icon svg, .TopNavigationMobileItem__icon rect, .TopNavigationMobileItem__icon path { fill: var(--topMenuIcon); }
.TopNavigationMobileItem__name { font-size: 10px; line-height: 130%; font-weight: 600; width: 100%; color: var(--topMenuName); text-decoration: none; text-align: center; text-transform: uppercase; position: absolute; left: 0px; bottom: 4px; }
.TopNavigationMobileItem__name svg, .TopNavigationMobileItem__name rect, .TopNavigationMobileItem__name path { fill: var(--topMenuIcon); }
.TopNavigationMobileItem:hover { text-decoration: none; }
.TopNavigationMobileItem.active { background-color: var(--darkBgSelected); border: 1px solid var(--activeCaterogy); }
.TopNavigationMobileItem.active .TopNavigationMobileItem__icon svg, .TopNavigationMobileItem.active .TopNavigationMobileItem__icon path, .TopNavigationMobileItem.active .TopNavigationMobileItem__icon rect { fill: var(--activeCaterogy); }
.TopNavigationMobileItem.active .TopNavigationMobileItem__name { color: var(--activeCaterogy); }
.TopNavigationMobile { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; padding: 16px 18px; gap: 8px; }
.SkeletonBanners { width: 100%; height: 382px; background: var(--bannerSkeletonBg); border-radius: 8px; padding: 60px 40px; }
@media (max-width: 1180px) {
  .SkeletonBanners { height: 150px; }
}
.SkeletonBanners__mobile { padding: 0px 16px; }
.SkeletonBanners__title { margin-bottom: 19px; }
.SkeletonBanners__subtitle { margin-bottom: 42px; }
.SkeletonBanners__desc { margin-bottom: 28px; }
.BannerItem { position: relative; width: 100%; height: 100%; }
@media (max-width: 768px) {
  .BannerItem { cursor: pointer; }
}
.BannerItem__img { border-radius: 16px; }
@media (max-width: 768px) {
  .BannerItem__img { border-radius: 8px; }
}
.BannerItem-text { position: absolute; padding: 60px 0px 0px 40px; top: 0px; left: 0px; display: flex; flex-flow: column; }
@media (max-width: 768px) {
  .BannerItem-text { padding: 20px 0px 0px 16px; }
}
@media (max-width: 375px) {
  .BannerItem-text { padding: 8px 0px 0px 8px; }
}
.BannerItem-text__title { width: 800px; white-space: break-spaces; font-family: Unbounded; font-size: 48px; font-style: normal; font-weight: 700; line-height: 110%; color: var(--textPrimary); text-transform: uppercase; }
@media (max-width: 768px) {
  .BannerItem-text__title { width: 300px; font-size: 18px; font-weight: 800; }
}
.BannerItem-text__desc { width: 700px; font-size: 20px; line-height: 120%; font-weight: 400; color: var(--textPrimary); margin-top: 20px; }
@media (max-width: 768px) {
  .BannerItem-text__desc { width: 200px; font-size: 12px; line-height: 120%; font-weight: 400; margin-top: 8px; }
}
@media (max-width: 375px) {
  .BannerItem-text__desc { margin-top: 4px; }
}
.BannerItem-text__btn { position: fixed; bottom: 60px; width: 343px; text-transform: uppercase; cursor: pointer; }
@media (max-width: 768px) {
  .BannerItem-text__btn { display: none; }
}
.BannerItem__mob { position: fixed; bottom: 20px; left: 16px; display: flex; width: 151px; padding: 4px 8px; justify-content: center; align-items: center; font-size: 14px; line-height: 130%; font-weight: 600; background-color: var(--active); color: var(--textGameModeActiveColor); border-radius: 4px; text-transform: uppercase; }
.CarouselBanners { width: 100%; height: 100%; overflow: hidden; border-radius: 15px; }
@media (max-width: 1180px) {
  .CarouselBanners { border-radius: 0px; width: 100vw; }
}
.CarouselBanners__carousel { width: 100%; height: 100%; position: relative; }
.CarouselBanners__image { width: 100%; height: 100%; overflow: hidden; border-radius: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
@media (max-width: 1180px) {
  .CarouselBanners__image { border-radius: 8px; }
}
.CarouselBanners__slide { width: 100%; display: flex; align-items: center; justify-content: center; }
.CarouselBanners__slide img { width: 100%; object-fit: cover; }
@media (max-width: 1180px) {
  .CarouselBanners__slide.swiper-slide-next { justify-content: flex-start; }
  .CarouselBanners__slide.swiper-slide-next .CarouselBanners__image { margin-left: -5px; }
  .CarouselBanners__slide.swiper-slide-prev { justify-content: flex-end; }
  .CarouselBanners__slide.swiper-slide-prev .CarouselBanners__image { margin-right: -5px; }
}
.CarouselBanners .swiper-pagination { display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; bottom: 16px; transform: translate(-50%); z-index: 2; }
@media (max-width: 1180px) {
  .CarouselBanners .swiper-pagination { bottom: 8px; }
}
.CarouselBanners .swiper-pagination-bullet { width: 8px; height: 8px; background: var(--bulletsColor); border-radius: 10px; margin-right: 8px; }
.CarouselBanners .swiper-pagination-bullet:last-child { margin-right: 0px; }
.CarouselBanners .swiper-pagination-bullet-active { background: var(--bulletActiveColor); }
.CarouselBanners.single-banner .swiper-button-prev, .CarouselBanners.single-banner .swiper-button-next, .CarouselBanners.single-banner .swiper-pagination { display: none; }
.navTrigger { cursor: pointer; width: 28px; height: 28px; padding: 4px; }
.navTrigger i { background-color: var(--textSecondary); border-radius: 8px; display: block; width: 100%; height: 3px; }
.navTrigger i:nth-child(2) { margin: 5px 0px; }
.navTrigger_active i:nth-child(1) { background-color: var(--active); animation: 0.8s ease 0s 1 normal forwards running inT; }
.navTrigger_active i:nth-child(2) { background-color: var(--active); animation: 0.8s ease 0s 1 normal forwards running inM; }
.navTrigger_active i:nth-child(3) { background-color: var(--active); animation: 0.8s ease 0s 1 normal forwards running inBtm; }
.navTrigger_close i:nth-child(1) { animation: 0.8s ease 0s 1 normal backwards running outT; }
.navTrigger_close i:nth-child(2) { margin: 5px 0px; animation: 0.8s ease 0s 1 reverse backwards running outM; }
.navTrigger_close i:nth-child(3) { animation: 0.8s ease 0s 1 normal backwards running outBtm; }
@keyframes inM { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(0deg); }
  100% { transform: rotate(45deg); }
}
@keyframes outM { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(0deg); }
  100% { transform: rotate(45deg); }
}
@keyframes inT { 
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(8px) rotate(0deg); }
  100% { transform: translateY(8px) rotate(135deg); }
}
@keyframes outT { 
  0% { transform: translateY(8px) rotate(135deg); }
  50% { transform: translateY(8px) rotate(0deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}
@keyframes inBtm { 
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(0deg); }
  100% { transform: translateY(-8px) rotate(135deg); }
}
@keyframes outBtm { 
  0% { transform: translateY(-8px) rotate(135deg); }
  50% { transform: translateY(-8px) rotate(0deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}
.TabbarItem { position: relative; justify-content: center; align-items: center; display: flex; flex-direction: column; cursor: pointer; }
.TabbarItem__icon { position: relative; display: flex; justify-content: center; align-items: center; }
.TabbarItem__icon_other svg, .TabbarItem__icon_other rect, .TabbarItem__icon_other path { fill: var(--grey); }
.TabbarItem__icon_notify { position: absolute; left: -5px; top: 0px; }
.TabbarItem__icon_dep { position: absolute; top: -16px; width: 44px; height: 44px; }
.TabbarItem__icon_active svg, .TabbarItem__icon_active rect, .TabbarItem__icon_active path { fill: var(--active); }
.TabbarItem__icon_close { transform: rotateX(180deg); }
.TabbarItem__title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); text-align: center; }
.TabbarItem__title_dep { margin-top: 28px; }
.Tabbar { display: none; }
@media (max-width: 1180px) {
  .Tabbar { position: fixed; bottom: 0px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; border-top: 1px solid var(--selectBg); background: var(--bgTabbar); height: 64px; padding: 4px 0px; justify-content: center; align-items: flex-start; z-index: 9993; }
  .Tabbar_dialog { z-index: 9993; }
}
.Tabbar__hidden { display: none; }
.Progressbar { display: flex; align-items: center; padding: 4px; position: relative; width: 100%; overflow: hidden; margin-top: 4px; border: 1px solid var(--grey); border-radius: 15px; }
.Progressbar__m { height: 20px; }
.Progressbar__s { height: 18px; }
.Progressbar-header { display: flex; justify-content: space-between; }
.Progressbar-header__title { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textPrimary); opacity: 0.8; }
.Progressbar-header__amount { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Progressbar-header__amount_widget { color: var(--textSecondary); }
.Progressbar-header__info { display: none; }
@media (max-width: 1180px) {
  .Progressbar-header__info { display: flex; font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); }
}
.Progressbar__front { display: flex; justify-content: center; align-items: center; width: 100%; background: var(--gradient); transition: width 0.2s linear; height: 12px; border-radius: 15px; }
.BonusWidget { display: flex; flex-flow: column; margin-top: 32px; background: var(--bgSecondary); border-radius: 16px; }
@media (max-width: 1180px) {
  .BonusWidget { margin-top: 0px; margin-bottom: 8px; border-radius: 8px; cursor: pointer; }
}
.BonusWidget-header { display: flex; justify-content: space-between; background: var(--headerBonus); padding: 10px 16px; border-radius: 16px 16px 0px 0px; }
@media (max-width: 1180px) {
  .BonusWidget-header { display: none; }
}
.BonusWidget-header__title { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-header__info { font-size: 12px; line-height: 130%; font-weight: 600; color: var(--active); cursor: pointer; }
.BonusWidget-container { display: flex; padding: 16px; }
@media (max-width: 1180px) {
  .BonusWidget-container { padding: 12px 16px; gap: 12px; }
}
.BonusWidget-container-reward { display: flex; flex-flow: column; }
.BonusWidget-container-reward__title { width: 87px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container-reward-value { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.BonusWidget-container-reward-value__img { width: 16px; height: 16px; }
.BonusWidget-container-reward-value__text { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.BonusWidget-container__timer { display: flex; margin: 0px 62px 0px 121px; }
@media (max-width: 1180px) {
  .BonusWidget-container__timer { display: none; }
}
.BonusWidget-container__progress { width: 100%; }
.Timer { font-weight: inherit; color: inherit; font-family: inherit; font-size: inherit; }
.Timer-is-promo { font-family: Unbounded; }
.Timer-is-promo__hr { margin: 0px 35px !important; }
.Timer__promo { font-family: Unbounded; font-size: 64px; font-style: normal; font-weight: 800; }
.Timer_tournament { font-weight: 700; }
.Timer-bonus { display: flex; align-items: center; justify-content: flex-start; }
.Timer-bonus-item { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 48px; height: 45px; padding: 4px 8px; }
.Timer-bonus-item__value { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); }
.Timer-bonus-item__value-small { font-size: 16px; line-height: 130%; font-weight: 600; }
.Timer-bonus-item__value-medium { font-size: 20px; line-height: 30px; font-weight: 700; }
.Timer-bonus-item__value-large { font-size: 48px; line-height: 110%; font-weight: 800; }
.Timer-bonus-item__value-warning { color: var(--textTournamentColor); }
.Timer-bonus-item__label { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus-item__label-large { font-size: 16px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.Timer-bonus.disabled { opacity: 0.5; }
.Timer-bonus.disabled .Timer-bonus-item__value { color: var(--textSecondary); }
.Timer-bonus__hr { height: 32px; margin: 0px 4px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.Timer-bonus__hr-large { height: 44px; margin: 0px 16px; border-radius: 0.5px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--greyBlue); }
.FooterNavigationItem { text-decoration: none; font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterLink); cursor: pointer; margin-bottom: 8px; }
.FooterNavigationItem:hover { text-decoration: none; color: var(--textFooterSecondary); }
.Footer__navigation_list { display: flex; flex-direction: column; width: 100%; }
.Footer__navigation_list_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); margin-bottom: 12px; }
.FooterPartners { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
@media (max-width: 991px) {
  .FooterPartners { justify-content: center; gap: 16px; }
}
.FooterPaymentsList { display: flex; width: 700px; justify-content: center; gap: 60px; }
@media (max-width: 991px) {
  .FooterPaymentsList { width: 100%; justify-content: center; gap: 32px; flex-wrap: wrap; }
}
.FooterPaymentsList__logo:nth-child(1) svg, .FooterPaymentsList__logo:nth-child(1) path:first-child { fill: var(--footerPaymentMaster); }
.FooterPaymentsList__logo:nth-child(2) svg, .FooterPaymentsList__logo:nth-child(2) path, .FooterPaymentsList__logo:nth-child(2) rect { fill: var(--footerPaymentVisa); }
.Footer__social { display: flex; flex-direction: column; width: 100%; }
.Footer__social_wrapper { display: flex; margin-top: 12px; gap: 8px; }
.Footer__social_menu_title { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
.SkeletonFooter { width: 1104px; margin: 0px auto; padding: 40px 0px; }
@media (max-width: 1180px) {
  .SkeletonFooter { width: 100%; height: 100%; padding: 16px; }
}
.SkeletonFooter__top { display: grid; grid-template-columns: 220px 230px 230px 220px auto; gap: 16px; }
.SkeletonFooter__title { margin-bottom: 16px; }
.SkeletonFooter__item { margin-bottom: 8px; }
.SkeletonFooter__social_item { margin-right: 16px; }
.SkeletonFooter__language { margin-top: 20px; display: flex; align-items: center; }
.SkeletonFooter__language_icon { margin-right: 7px; }
.SkeletonFooter__payments { margin-top: 27px; padding: 17px 0px; display: flex; justify-content: center; align-items: center; gap: 63px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); }
.SkeletonFooter__partners { display: flex; align-items: center; justify-content: center; gap: 40px; padding: 16px 0px; }
.SkeletonFooter__partner { display: flex; align-items: center; gap: 5px; }
.SkeletonFooter__copyrights { margin-top: 8px; }
.SkeletonFooterMobile { padding: 16px; }
.SkeletonFooterMobile__logo { margin-bottom: 16px; }
.SkeletonFooterMobile__header { margin-bottom: 27px; }
.SkeletonFooterMobile__header_title { margin-bottom: 4px; }
.SkeletonFooterMobile__blocks { display: grid; grid-template-columns: 1fr 1fr; }
.SkeletonFooterMobile__title { margin-bottom: 14px; }
.SkeletonFooterMobile__item { margin-bottom: 7px; }
.SkeletonFooterMobile__payments { padding: 16px 0px; border-top: 1px solid var(--bgGrey); border-bottom: 1px solid var(--bgGrey); display: flex; justify-content: center; align-items: center; gap: 32px; margin-bottom: 16px; }
.SkeletonFooterMobile__partners { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 16px 0px; }
.SkeletonFooterMobile__partner { display: flex; align-items: center; gap: 5px; }
.SkeletonFooterMobile__text { text-align: center; }
.Footer-support { display: flex; flex-direction: column; /*width: 211px;*/ }
@media (max-width: 1180px) {
  .Footer-support { margin-top: 16px; }
}
.Footer-support-wrapper { gap: 8px; }
@media (max-width: 1180px) {
  .Footer-support-wrapper { display: grid; grid-template-columns: 1fr 1fr; }
}
.Footer-support-wrapper__item_link, .Footer-support-wrapper__item_link:hover { text-decoration: none; }
.Footer-support-wrapper__item { font-size: 12px; line-height: 120%; font-weight: 400; display: flex; align-items: center; gap: 4px; color: var(--textFooterPrimary); }
.Footer-support-wrapper__item svg, .Footer-support-wrapper__item path, .Footer-support-wrapper__item rect { fill: var(--textFooterSecondary); }
.Footer-support__menu_title { margin-bottom: 16px; font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textFooterPrimary); }
@media (max-width: 1180px) {
  .Footer-support__menu_title { display: none; }
}
.Footer-support__text { font-size: 12px; line-height: 120%; font-weight: 400; color: var(--textFooterPrimary); margin-top: 8px; width: 211px; }
@media (max-width: 1180px) {
  .Footer-support__text { width: 100%; }
}
.Footer-support__phone { white-space: nowrap; }
.Footer { height: 100%; width: 100%; background-color: var(--backgroundFooter); }
.Footer__language { position: relative; }
@media (max-width: 1180px) {
  .Footer__language { display: none; }
}
.Footer-wrapper { position: relative; width: 1104px; margin: 0px auto; height: 470px; padding: 40px 0px; }
@media (max-width: 1180px) {
  .Footer-wrapper { width: 100%; height: 100%; padding: 16px; }
}
.Footer__navigation { width: 100%; display: flex; justify-content: space-between; }
@media (max-width: 991px) {
  .Footer__navigation { display: none; }
}
.Footer__navigation_tablet { display: none; }
@media (min-width: 576px) and (max-width: 991px) {
  .Footer__navigation_tablet { display: flex; flex-direction: column; max-width: 100%; }
}
@media (max-width: 575px) {
  .Footer__navigation_tablet { display: flex; flex-direction: column; }
}
.Footer__navigation_tablet_menu { display: flex; justify-content: space-between; }
@media (max-width: 1180px) {
  .Footer__navigation_tablet_menu { display: grid; grid-template-columns: 1fr 1fr; margin-top: 25px; }
}
.Footer__navigation_tablet__logo { display: flex; width: 100%; }
.Footer__navigation_tablet__logo svg { width: 117px; height: 28px; }
.Footer__navigation_tablet__logo_glory svg { width: 100px; height: 45px; }
@media (max-width: 991px) {
  .Footer__navigation_tablet__logo_glory svg { width: 83px; height: 38px; }
}
.Footer__navigation_tablet_container { display: flex; width: 100%; }
@media (max-width: 575px) {
  .Footer__navigation_tablet_container { width: 100%; display: flex; flex-direction: column; }
}
.Footer__navigation__logo { display: flex; width: 100%; }
.Footer__navigation__logo svg { width: 117px; height: 28px; }
.Footer__navigation__logo_glory svg { width: 100px; height: 45px; }
@media (max-width: 991px) {
  .Footer__navigation__logo_glory svg { width: 83px; height: 38px; }
}
.Footer__container { width: 100%; }
.Footer__payments { display: flex; justify-content: center; align-items: center; padding: 16px; }
.Footer__payments_hr { opacity: 0.2; }
.Footer__partners { min-height: 50px; display: flex; justify-content: center; align-items: center; padding: 16px; }
.Footer__partners_mobile { display: none; }
@media (max-width: 400px) {
  .Footer__partners_mobile { display: flex; margin-top: 20px; justify-content: center; }
}
.Footer__license { display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 8px; font-size: 8px; line-height: 140%; font-weight: 400; color: var(--textFooterSecondary); }
@media (max-width: 1180px) {
  .Footer__license { padding-bottom: 64px; }
}
.Footer__version { font-size: 8px; line-height: 140%; font-weight: 400; position: absolute; bottom: 5px; right: 5px; color: var(--textFooterSecondary); }
.CasinoLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
@media (max-width: 1370px) {
  .CasinoLayout__container { grid-template-columns: 76px 1fr; }
}
@media (max-width: 1180px) {
  .CasinoLayout__container { grid-template-rows: auto 1fr auto; grid-template-areas: "header" "category" "content" "footer"; padding: 70px 0px 0px; grid-template-columns: 1fr !important; }
}
@media (max-width: 576px) {
  .CasinoLayout__container { grid-template-rows: auto 1fr auto; }
}
@media (max-width: 375px) {
  .CasinoLayout__container { grid-template-rows: auto 1fr auto; }
}
.CasinoLayout__container.loading { background-color: var(--bgSkeleton); }
.CasinoLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .CasinoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.CasinoLayout__header_auth { height: 70px; }
.CasinoLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .CasinoLayout__header_empty { display: none; }
}
.CasinoLayout__category { display: none; }
.CasinoLayout__category_banners { margin-bottom: 16px; }
@media (max-width: 1180px) {
  .CasinoLayout__category { display: flex; flex-direction: column; margin-top: 70px; }
  .CasinoLayout__category_auth { margin-top: 0px; }
}
.CasinoLayout__widget { padding: 0px 16px; }
.CasinoLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
@media (max-width: 1180px) {
  .CasinoLayout__sidebar { display: none; }
}
.CasinoLayout__content { grid-area: content; margin-bottom: 30px; }
.CasinoLayout__content_container { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .CasinoLayout__content_container { padding: 0px 16px; }
}
.CasinoLayout__footer { grid-area: footer; min-width: calc(-1168px + 100vh); height: 100%; }
.InfoSidebar { width: 100%; height: 100%; padding: 15px 8px 0px; border-right: 1px solid var(--bgGrey); }
.InfoSidebar__link { font-size: 14px; line-height: 130%; font-weight: 400; padding: 4px 16px; color: var(--textPrimary); text-decoration: none; height: 44px; display: flex; align-items: center; }
.InfoSidebar__link_active { color: var(--textPrimary); background-color: var(--activeBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoSidebar__link_active:hover { color: var(--textPrimary); text-decoration: none; }
.InfoSidebar__link:not(.InfoSidebar__link_active):hover { color: var(--primary); background: var(--hoverBgDesktopCaterogy); border-radius: 8px; width: 100%; text-decoration: none; }
.InfoLayout__container { display: grid; grid-template: "header header" 68px "sidebar content" "sidebar footer" / 256px 1fr; }
.InfoLayout__container_about { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 70px; }
@media (max-width: 1180px) {
  .InfoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .InfoLayout__container_auth { padding-top: 70px; }
}
.InfoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
.InfoLayout__header_about { grid-template-columns: 1fr; }
@media (max-width: 1180px) {
  .InfoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.InfoLayout__header_auth { height: 70px; }
.InfoLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .InfoLayout__header_empty { display: none; }
}
.InfoLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); background: var(--bgSecondary); }
@media (max-width: 1180px) {
  .InfoLayout__sidebar { display: none; }
}
.InfoLayout__sidebar_hide { display: none; }
.InfoLayout__content { grid-area: content; padding: 0px 40px; overflow-x: hidden; }
@media (max-width: 1180px) {
  .InfoLayout__content { padding: 0px; overflow-y: inherit; height: 100%; }
}
.InfoLayout__content_container { margin: auto; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .InfoLayout__content_container { padding: 0px 16px; }
}
.InfoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.PromoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 70px; }
@media (max-width: 1180px) {
  .PromoLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 131px; }
}
@media (max-width: 1180px) {
  .PromoLayout__container_auth { padding-top: 70px; }
}
.PromoLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .PromoLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.PromoLayout__header_auth { height: 70px; }
.PromoLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .PromoLayout__header_empty { display: none; }
}
.PromoLayout__content { grid-area: content; padding: 0px 40px; overflow-x: hidden; }
@media (max-width: 1180px) {
  .PromoLayout__content { padding: 0px; overflow-y: inherit; height: 100%; }
}
.PromoLayout__content_container { margin: auto; width: 100%; max-width: 1200px; }
@media (max-width: 1180px) {
  .PromoLayout__content_container { padding: 0px 16px; }
}
.PromoLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.Loader { height: 32px; width: 100%; background: var(--primary); border-radius: 40px; position: relative; overflow: hidden; }
.Loader::after { content: ""; position: absolute; width: 80px; height: 64px; top: -50%; left: -100%; background: linear-gradient(rgba(209, 209, 209, 0.1), rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.1)); transform: matrix(0.47, -0.97, 0.77, 0.53, 0, 0); animation: 2s linear 0s infinite normal none running blink; z-index: 1; }
.Loader__filled { background: radial-gradient(circle 16.5px at left,rgba(0,0,0,0) 99%,var(--light-blue)) bottom left; height: 100%; position: absolute; right: 0px; top: 0px; z-index: 2; transition: 0.2s linear; }
@keyframes blink { 
  0% { left: -100%; }
  100% { left: 100%; }
}
.BangerLogoAnimate { display: flex; align-items: center; position: relative; }
.BangerLogoAnimate__hat { position: absolute; left: -12px; top: -40px; z-index: 2; }
.BangerLogoAnimate__icon { width: 58px; height: 58px; margin-right: 17px; }
.BangerLogoAnimate__logo svg { width: 168px; height: 58px; }
.Preloader { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: var(--bg); z-index: 2147483647; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease-out; }
.Preloader.hide { pointer-events: none; opacity: 0; }
.Preloader__center { width: 400px; }
@media (max-width: 768px) {
  .Preloader__center { width: 220px; }
}
.Preloader__logo { width: 100%; height: auto; margin-bottom: 26px; }
.ChatwootLoading { position: fixed; width: 100vw; height: 100dvh; top: 0px; left: 0px; z-index: 999999999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); }
.ChatwootLoading__loader { width: 100px; height: 75px; margin: 0px auto; background: rgb(255, 255, 255); position: relative; border-radius: 100%; }
.ChatwootLoading__loader::before { content: ""; position: absolute; box-sizing: border-box; border-width: 25px 15px 15px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; transform: rotate(45deg); top: 50px; left: -15px; }
.ChatwootLoading__loader::after { content: ""; width: 12px; height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(255, 61, 0); box-shadow: rgb(255, 61, 0) 20px 0px, rgb(255, 61, 0) -20px 0px; animation: 0.5s ease-out 0s infinite alternate none running flash; }
@keyframes flash { 
  0% { background-color: rgba(255, 60, 0, 0.25); box-shadow: rgba(255, 60, 0, 0.25) 20px 0px, rgb(255, 61, 0) -20px 0px; }
  50% { background-color: rgb(255, 61, 0); box-shadow: rgba(255, 60, 0, 0.25) 20px 0px, rgba(255, 60, 0, 0.25) -20px 0px; }
  100% { background-color: rgba(255, 60, 0, 0.25); box-shadow: rgb(255, 61, 0) 20px 0px, rgba(255, 60, 0, 0.25) -20px 0px; }
}
.NewGloryLayout__container { display: grid; grid-template-areas: "header header" "sidebar content" "sidebar footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; padding: 70px 0px 0px; background-color: var(--bgDarkBlue); }
@media (max-width: 1370px) {
  .NewGloryLayout__container { grid-template-columns: 76px 1fr; }
}
@media (max-width: 1180px) {
  .NewGloryLayout__container { grid-template-rows: auto 1fr auto; grid-template-areas: "header" "content" "footer"; padding: 131px 0px 0px; grid-template-columns: 1fr !important; }
  .NewGloryLayout__container_auth { padding: 70px 0px 0px; }
}
@media (max-width: 576px) {
  .NewGloryLayout__container { grid-template-rows: auto 1fr auto; }
}
.NewGloryLayout__container.loading { background-color: var(--bgSkeleton); }
.NewGloryLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .NewGloryLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.NewGloryLayout__header_auth { height: 70px; }
.NewGloryLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .NewGloryLayout__header_empty { display: none; }
}
.NewGloryLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); height: 100%; background: var(--bgSecondary); border-right: 1px solid var(--bgHeaderSeparator); position: fixed; z-index: 100; }
@media (max-width: 1180px) {
  .NewGloryLayout__sidebar { display: none; }
}
.NewGloryLayout__content { grid-area: content; margin-bottom: 30px; }
.NewGloryLayout__content_container { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .NewGloryLayout__content_container { padding: 0px 16px; }
}
@media (max-width: 360px) {
  .NewGloryLayout__content_container { padding: 0px 8px; }
}
.NewGloryLayout__footer { grid-area: footer; min-width: calc(-1168px + 100vh); height: 100%; }
.TournamentLayout__container { display: grid; grid-template-areas: "header" "content" "footer"; grid-template-rows: auto 1fr auto; min-height: 100vh; row-gap: 8px; padding-top: 70px; }
@media (max-width: 1180px) {
  .TournamentLayout__container { display: grid; grid-template: "header" "content" 1fr / 1fr; padding-top: 109px; }
}
.TournamentLayout__container_auth { padding-top: 70px; }
.TournamentLayout__header { grid-area: header; display: grid; align-items: center; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .TournamentLayout__header { display: flex; flex-flow: column; border-bottom: none; height: 131px; }
}
.TournamentLayout__header_auth { height: 70px; }
.TournamentLayout__content { grid-area: content; display: flex; flex-flow: column; }
.TournamentLayout__content_container { margin: 5px auto 0px; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .TournamentLayout__content_container { padding: 0px 16px; }
}
.TournamentLayout__footer { grid-area: footer; height: 100%; margin-top: 30px; min-width: calc(-1168px + 100vh); }
.ProfileNavigationLink { position: relative; padding: 10px 12px; display: flex; align-items: center; color: var(--textPrimary); transition: background 0.1s ease-out; text-decoration: none; border-radius: 8px; }
.ProfileNavigationLink svg, .ProfileNavigationLink path, .ProfileNavigationLink rect { fill: var(--grey); }
.ProfileNavigationLink span { font-size: 14px; line-height: 130%; font-weight: 400; padding-left: 8px; }
.ProfileNavigationLink:hover { color: var(--textButtonActive); background: var(--hoverBgDesktopCaterogy); text-decoration: none; }
.ProfileNavigationLink:hover svg, .ProfileNavigationLink:hover rect, .ProfileNavigationLink:hover path { fill: var(--primary); }
.ProfileNavigationLink.active { color: var(--textButtonActive); background: var(--activeBgDesktopCaterogy); text-decoration: none; }
.ProfileNavigationLink.active svg, .ProfileNavigationLink.active rect, .ProfileNavigationLink.active path { fill: var(--primary); }
.ProfileNavigationLink__notify { position: absolute; right: 20px; }
.NavigationButton { padding: 0px; background: transparent; border: none; font-size: 14px; line-height: 130%; font-weight: 400; display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; align-items: center; text-decoration: none; color: var(--textPrimary); cursor: pointer; }
.NavigationButton svg, .NavigationButton path, .NavigationButton rect { fill: var(--grey); }
.NavigationButton:hover { color: var(--primary); font-size: 14px; line-height: 130%; font-weight: 600; }
.LogoutBlock { padding: 8px 0px; }
.BalanceInfo { width: 100%; background: var(--headerBonus); position: relative; padding: 16px; z-index: 3; display: flex; flex-direction: column; }
.BalanceInfo.gradient { background: var(--balanceInfoBg); }
.BalanceInfo-content { display: flex; justify-content: space-between; align-items: flex-start; }
@media (min-width: 1180px) {
  .BalanceInfo-content { flex-direction: column; }
}
.BalanceInfo-content__balance { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.BalanceInfo-content__balance_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__balance_title.gradient { color: var(--white); }
.BalanceInfo-content__balance_count { font-size: 16px; line-height: 130%; font-weight: 600; color: var(--textPrimary); text-align: right; }
.BalanceInfo-content__balance_count.gradient { color: var(--white); }
.BalanceInfo-content__bonus { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
@media (min-width: 1180px) {
  .BalanceInfo-content__bonus { margin-top: 8px; }
}
.BalanceInfo-content__bonus_title { font-size: 10px; line-height: 140%; font-weight: 400; color: var(--textPrimary); }
.BalanceInfo-content__bonus_title.gradient { color: var(--white); }
.BalanceInfo-content__bonus_count { font-size: 16px; line-height: 130%; font-weight: 600; display: flex; color: var(--textPrimary); text-align: right; align-items: center; }
.BalanceInfo-content__bonus_count.gradient { color: var(--white); }
.BalanceInfo-content__bonus_count svg { margin-right: 6px; }
.BalanceInfo__deposit { margin-top: 29px; }
.ProfileSidebar { overflow: hidden; }
.ProfileSidebar__content { position: relative; margin-top: -16px; border-radius: 16px; padding: 16px; }
.ProfileSidebar__balance { padding: 16px 8px; }
.ProfileSidebar__balance-card { overflow: hidden; border-radius: 16px; }
.ProfileSidebar__deposit { position: absolute; width: calc(100% - 24px); left: 12px; top: -18px; }
.ProfileSidebar__navigation_item.logout { padding: 18px 12px; border-top: 1px solid var(--menuBorderLine); margin-top: 60px; }
.ProfileLayout { height: 100vh; overflow: auto; }
.ProfileLayout__container { display: grid; grid-template: "header header" 68px "sidebar content" "sidebar footer" / 256px 1fr; height: 100%; }
@media (max-width: 1180px) {
  .ProfileLayout__container { display: grid; grid-template: "header" "content" 1fr "footer" / 1fr; padding: 70px 0px 0px; }
}
.ProfileLayout__container.scrollContent { overflow-y: auto; }
.ProfileLayout__header { grid-area: header; display: grid; align-items: center; grid-template-columns: 256px 1fr; position: fixed; height: 70px; left: 0px; top: 0px; width: 100%; z-index: 1000; background: var(--bgSecondary); border-bottom: 1px solid var(--bgHeaderSeparator); }
@media (max-width: 1180px) {
  .ProfileLayout__header { grid-template-columns: 1fr; border-bottom: 1px solid var(--menuBorderLine); }
}
.ProfileLayout__header_empty { width: 256px; }
@media (max-width: 1180px) {
  .ProfileLayout__header_empty { display: none; }
}
.ProfileLayout__sidebar { grid-area: sidebar; min-height: calc(-70px + 100vh); border-top: 1px solid var(--menuBorderLine); border-right: 1px solid var(--menuBorderLine); background: var(--bgSecondary); }
@media (max-width: 1180px) {
  .ProfileLayout__sidebar { display: none; }
}
.ProfileLayout__content { grid-area: content; position: relative; padding: 24px 40px 24px 48px; }
@media (max-width: 1180px) {
  .ProfileLayout__content { overflow: auto; padding: 0px 12px 84px; }
}
.ProfileLayout__content_container { margin: 0px auto; width: 100%; max-width: 1104px; }
.ProfileLayout__footer { display: flex; grid-area: footer; height: 100%; min-width: calc(-1168px + 100vh); margin-top: 30px; }
@media (min-width: 1180px) {
  .ProfileLayout__footer { margin-top: 0px; }
}
@media (max-width: 1180px) {
  .ProfileLayout__footer.hide { display: none; }
}

table { border-collapse: collapse; width: 100%; }
thead, tbody, tfoot { border-bottom: 2px solid var(--ds-border, #dfe1e6); }
td, th { border: none; padding: var(--ds-space-050, 4px) var(--ds-space-100, 8px); text-align: left; }
th { vertical-align: top; }
td:first-child, th:first-child { padding-left: 0px; }
td:last-child, th:last-child { padding-right: 0px; }
caption { font: var( --ds-font-heading-medium, 500 1.4285714285714286em/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ); letter-spacing: -0.008em; color: var(--ds-text); margin-top: 28px; margin-bottom: var(--ds-space-100, 8px); text-align: left; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }
button { font-family: inherit; }
.assistive { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-ExtraBold-DyoGUm6G.woff2") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-Bold-C_FERRtN.woff2") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-SemiBold-BKTak7qo.woff2") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: OpenSans; src: url("/static/OpenSans-Regular-CNyUcjM-.woff2") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-Bold-D1c17Rbh.woff2") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-Bold-D1c17Rbh.woff2") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-SemiBold-lsbBAxws.woff2") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: Montserrat; src: url("/static/Montserrat-Regular-DKiKiR_v.woff2") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-ExtraBold-DU1TikCo.woff2") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-Bold-02B9lmFR.woff2") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-SemiBold-BYgzI05b.woff2") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Proza Libre"; src: url("/static/ProzaLibre-Regular-C1iETLhm.woff2") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: Unbounded; src: url("/static/Unbounded-Medium-CYCeANzr.ttf") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: Unbounded; src: url("/static/Unbounded-Regular-BjnQqn8k.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: Unbounded; src: url("/static/Unbounded-Light-0_PJ4-Dl.ttf") format("truetype"); font-weight: 300; font-style: normal; }
:root { --primary: #3156EB; --primary-rgb: 57, 89, 217; --primary-dark: #3556D8; --secondary: #FC4665; --secondary-dark: #e53855; --gloryGradient01: linear-gradient(134deg, #3156EB 0%, #6E29CE 42.07%, #AE009D 100%); --gloryGradient02: linear-gradient(131deg, #FF347D 0%, #3156EB 100%); --gloryGradient03: linear-gradient(265deg, rgba(49, 86, 235, .9) -12.81%, rgba(70, 83, 224, .9) -1.6%, rgba(252, 54, 129, .9) 41.34%), #FB3580; --gloryGradient04: linear-gradient(97deg, #3156EB 34.43%, #B517FF 73.93%, #FF347D 96.59%); --lightGrey: #D1D4E3; --brandColor: #FB3580; --success: #2EBA4D; --warning: #FDB43C; --error: #F31F1F; --white: #FFFFFF; --black: #000000; --text-primary-rgb: 63, 66, 80; --text-wheel: #3E4362; --text-secondary: #9FA0A8; --text-input: #000000; --checkboxBorder: var(--grey); --bg: var(--white); --bgSecondary: var(--bgGrey); --bgDark: #EEF0F8; --bgSkeleton: var(--white); --bgFavoriteBtnGame: var(--grey50); --bgGamePanelMobile: var(--black); --bgHeaderSeparator: var(--greyBlue); --bgWheelAviator: var(--back-aviator); --bgWinAviator: var(--win-aviator); --grey: #8C94B2; --grey50: #8C94B280; --bgGrey: #EEF0F8; --blueGlory: #3156EB; --gloryBlack: #000000; --greyBlue: #CBD2ED; --greyBlue40: #CBD2ED40; --hoverPrimary: #1137CC; --textPrimary: var(--gloryBlack); --textSecondary: var(--grey); --textButtonActive: var(--textPrimary); --textGameModeActiveColor: var(--white); --textBrandColor: var(--primary); --textLinkColor: var(--blueGlory); --textTournamentColor: var(--brandColor); --textTournamentGrey: var(--grey); --active: var(--blueGlory); --darkBgSelected: rgba(203, 210, 237, .4); --topMenuBorder: var(--primary); --topMenuIcon: var(--primary); --topMenuName: var(--primary); --tabsBackground: var(--light-grey); --dialogBackground: var(--white); --borderAmount: var(--primary); --selectorBackground: var(--blue-select); --selectorBorder: var(--grey); --inputBackground: var(--white); --inputTextColor: var(--text-input); --inputFocusBorder: var(--primary); --menuBackground: var(--white); --overlayBackground: rgba(0, 0, 0, .5); --menuBorderLine: var(--light-blue); --burgerIconsFill: var(--grey); --closeMobileMenuIcon: var(--white); --balanceInfoBg: var(--gloryGradient01); --accountItemBg: var(--lightGrey); --textDisableColor: var(--grey); --arrowToggleColor: var(--primary); --methodTextColor: var(--grey); --backgroundFooter: var(--bgDark); --textFooterPrimary: var(--gloryBlack); --textFooterSecondary: var(--grey); --textFooterLink: var(--blueGlory); --footerBorder: var(--blueGlory); --footerPaymentMaster: var(--gloryBlack); --bgCaterogy: var(--grey); --borderCaterogy: var(--grey); --logoCaterogy: var(--grey); --activeCaterogy: var(--blueGlory); --activeTitleCaterogy: var(--gloryBlack); --activeBg: var(--greyBlue); --activeBgDesktopCaterogy: var(--greyBlue); --hoverBgDesktopCaterogy: var(--greyBlue40); --bgProvider: var(--bgDarkBlue); --borderPrimary: var(--grey); --headerBonus: var(--greyBlue); --bgBonus: var(--bgGrey); --bgDisactive: rgba(238, 240, 248, .5); --bgIcons: var(--blueGlory); --bulletsColor: var(--grey50); --bulletActiveColor: var(--primary); --bannerSkeletonBg: var(--bgGrey); --popupTextColor: var(--text-popup); --bonusAviatorColor: var(--text-bonus-aviator); --wheelRegPrimary: var(--red-back); --inputLabelValue: var(--black); --borderSelect: var(--grey); --bg-notify: var(--black); --contast-text: var(--white); --gradient: linear-gradient(103.42deg, #FC4665 6.06%, #3156EB 77.61%); --gradient-dark: linear-gradient(103.42deg, #E31A3C 6.06%, #0F32BD 77.61%); --gradient2: linear-gradient(151.92deg, #FF367F -8.26%, #7451FF 106.33%); --gradient3: linear-gradient(100.45deg, #4361FF -10.91%, #9656BB 92.39%); --gameCardGradient: linear-gradient(133.83deg, rgba(49, 86, 235, .8) 1.96%, rgba(110, 41, 206, .8) 43.21%, rgba(174, 0, 157, .8) 100%); --winAviatorGradient: var(--gloryGradient02); --buttonRoulette: #CD0F07; --disabledButtonRoulette: #E96762; --darkBlue: #2344C8; --blue: #3D5CDA; --landing-blue: #468FFC; --light-blue: #C4CDF4; --light-sky: #5caef1; --light-pink: #FEC8D1; --light-grey: #ECEDEF; --light-orange: #FFF4E2; --grey-200: #E1E2E4; --grey-disable: #F7F7F7; --dark-bg: #121213; --dark: #2B2B2D; --whitergb: 255, 255, 255; --bg-info: #e2e2e2; --text-frame: #D0D0D0; --bg-frame: #27272A; --border-table: #C4C4C4; --purple-close: #5451C1; --purple: #B55EF3; --orange: #E07D42; --dark-red: #B62641; --blue-grey: rgba(151, 174, 255, 1); --blue-select: rgba(49, 86, 235, .7); --black-disk: #0F131A; --red-back: #ff0a0a; --light-green: #02DB3E; --blue-light-back: #00E0FF; --blue-dark-back: #001E6F; --btn-shadow: #26208B; --cards-green: #24C939; --cards-light-green: #29EB46; --cards-red: #FC4665; --textAviator: #5ABEF5; --back-aviator: #1E1E1E; --win-aviator: #F5F9FF; --text-popup: #1D2C40; --text-bonus-aviator: #FF0A0A; --border-chicks: #E6B847; --logo-blue: #395ADA; --win-text: linear-gradient(180deg, #FFA928 8.47%, #FFDC60 27.63%, #FFA928 44.82%, #FFCC18 58.44%, #FDFFB1 81.17%); --crazy-time-primary: #E8DC84; --bonanza_border: #FFFC34; --disabledBorederBonanza: #EEF0F8; --olympusButton: #7A17C4; --olympusBorder: #FFBE00; --disabledBorederOlympus: #EEF0F8; --candy: #ED5AB4; --border-grey: #E1E1E9; --border-blue: #3A567B; --disabled: #cccccc; --selectBg: var(--lightGrey); --transactionBorder: var(--light-grey); --arrowColor: var(--black); --bgTabbar: rgba(238, 240, 248, .95); --timerActiveColor: var(--brandColor); }
[data-project="banger"] { --dark: #1C1C20; --darkGrey: #3F4250; --darkBlue: #272734; --white: #FFFFFF; --grey50: #98989880; --grey: #989898; --black: #000000; --black40: #00000040; --bluePress: #3277DD; --blueDisable: #80B2FE; --blueLink: #4891FF; --brandColor: #4891FF; --lightGrey: #3F4250; --success: #2EBA4D; --warning: #FDB43C; --error: #F31F1F; --brand: #4891FF; --gradient: linear-gradient(91.32deg, var(--brand) 0%, #9735E2 100%); --gradient01: linear-gradient(310.91deg, #301468 1.09%, #542CA4 40.85%, var(--brand) 91.77%); --bangerGradient01: linear-gradient(316deg, #301468 0%, #542CA4 40.2%, #4891FF 91.68%); --gameCardGradient: linear-gradient(133.83deg, rgba(49, 86, 235, .8) 1.96%, rgba(110, 41, 206, .8) 43.21%, rgba(174, 0, 157, .8) 100%); --winAviatorGradient: linear-gradient(130deg, #4891FF 0%, #8C42E6 60.65%, #9735E2 100%); --banger-brand-color-2: #9735E2; --primary: var(--brand); --textPrimary: var(--white); --textSecondary: var(--grey); --textButtonActive: var(--white); --textGameModeActiveColor: var(--textPrimary); --textBrandColor: var(--brand); --textLinkColor: var(--blueLink); --textTournamentColor: var(--banger-brand-color-2); --textTournamentGrey: var(--grey); --bg: var(--bgDarkBlue); --bgSecondary: var(--bgDark); --bgDark: #1C1C20; --bgDarkBlue: #272734; --bgGrey: var(--darkGrey); --bgSkeleton: var(--bgSecondary); --bgFavoriteBtnGame: #1C1C20; --bgGamePanelMobile: var(--bgDarkBlue); --bgHeaderSeparator: var(--darkGrey); --bgWheelAviator: var(--darkBlue); --bgWinAviator: var(--winAviatorGradient); --active: var(--brand); --btnPress: var(--bluePress); --btnDisable: var(--blueDisable); --blueBgSelected: rgba(72, 145, 255, .7); --darkBgSelected: rgba(0, 0, 0, .4); --selectBg: var(--darkGrey); --checkboxBorder: var(--grey); --topMenuBorder: var(--grey); --topMenuIcon: var(--white); --topMenuName: var(--white); --tabsBackground: var(--darkGrey); --dialogBackground: var(--bgDarkBlue); --borderAmount: var(--blue-selected); --selectorBackground: var(--blueBgSelected); --selectorBorder: var(--grey); --inputBackground: var(--bgDarkBlue); --inputTextColor: var(--white); --inputFocusBorder: var(--white); --menuBackground: var(--bgDarkBlue); --overlayBackground: #000000B2; --menuBorderLine: var(--darkGrey); --burgerIconsFill: var(--grey); --closeMobileMenuIcon: var(--grey); --balanceInfoBg: var(--bangerGradient01); --accountItemBg: var(--darkGrey); --textDisableColor: var(--grey); --arrowToggleColor: var(--grey); --methodTextColor: var(--grey); --backgroundFooter: var(--bgDark); --textFooterPrimary: var(--white); --textFooterSecondary: var(--grey); --textFooterLink: var(--brand); --footerBorder: var(--brand); --footerPaymentMaster: var(--white); --footerPaymentVisa: var(--white); --bgCaterogy: var(--grey); --borderCaterogy: var(--grey50); --logoCaterogy: var(--grey); --activeBg: var(--grey); --activeCaterogy: var(--brand); --activeTitleCaterogy: var(--textPrimary); --activeBgDesktopCaterogy: var(--black); --hoverBgDesktopCaterogy: var(--black40); --bgProvider: var(--bgDarkBlue); --borderPrimary: var(--grey); --headerBonus: var(--black); --bgBonus: var(--dark); --bgDisactive: rgba(28, 28, 32, .5); --bgIcons: var(--brand); --bulletsColor: var(--grey50); --bulletActiveColor: var(--primary); --bannerSkeletonBg: #2D2F38; --popupTextColor: var(--white); --bonusAviatorColor: var(--brand); --wheelRegPrimary: var(--primary); --transactionBorder: var(--darkGrey); --arrowColor: var(--white); --inputLabelValue: var(--white); --borderSelect: var(--light-grey); --crazy-time-primary: #E8DC84; --bgTabbar: rgba(28, 28, 32, .95); --timerActiveColor: var(--error); --bg-notify: var(--black); --contast-text: var(--white); }
* { font-family: OpenSans, sans-serif; font-weight: 400; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none; user-select: none; }
:focus, button:focus, input:focus, a:focus, textarea:focus { outline: none; }
:focus-visible, button:focus-visible, input:focus-visible, a:focus-visible, textarea:focus-visible { outline: none; }
button { cursor: pointer; }
input, select, textarea { color: var(--inputTextColor); user-select: auto; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
input[type="number"] { }
::-webkit-scrollbar { width: 4px; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; border-radius: 4px; }
::-webkit-scrollbar-thumb { border-radius: 4px; border: 1px solid rgba(159, 160, 168, 0.25); background: rgba(159, 160, 168, 0.25); }
:root { scrollbar-width: thin; scrollbar-color: rgba(159, 160, 168, 0.25) transparent; }
body { font-size: 14px; line-height: 130%; font-weight: 400; min-width: 320px; max-width: 100vw; width: 100%; min-height: -webkit-fill-available; height: 100%; overflow: hidden auto; background: var(--bg); color: var(--textPrimary); }
#autologin-iframe { width: 0px; height: 0px; overflow: hidden; }
.react-loading-skeleton { line-height: 1.4 !important; }
@media screen and (pointer: coarse) {
  @supports (-webkit-backdrop-filter: blur(1px)) and (overscroll-behavior-y: none) {
  html { min-height: 100.3%; overscroll-behavior-y: none; }
}
}
@media screen and (pointer: coarse) {
  @supports (-webkit-backdrop-filter: blur(1px)) and (not (overscroll-behavior-y: none)) {
  html { height: 100%; overflow: hidden; }
  body { margin: 0px; max-height: 100%; overflow: auto; }
}
}
body { overscroll-behavior-y: none; }
html { touch-action: pan-x pan-y; min-height: 100%; }
@keyframes react-loading-skeleton { 
  100% { transform: translate(100%); }
}
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color)); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@media (prefers-reduced-motion) {
  .react-loading-skeleton { --pseudo-element-display: none; }
}
.GameSearchButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 8px; }
.GameSearchButton svg, .GameSearchButton path, .GameSearchButton rect { fill: var(--textPrimary); }
.GameSortButton { background: var(--bgProvider); border: 1px solid var(--borderPrimary); padding: 8px; cursor: pointer; outline: none; user-select: none; width: 44px; height: 44px; align-items: center; border-radius: 8px; }
.GameSortButton svg, .GameSortButton path { fill: var(--textPrimary); stroke: var(--textPrimary); }
.ProviderFilterSelect { width: 100%; height: 44px; background: var(--bgProvider); border: 1px solid var(--borderPrimary); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; cursor: pointer; }
.ProviderFilterSelect__value { font-size: 14px; line-height: 130%; font-weight: 600; color: var(--textPrimary); white-space: nowrap; overflow: hidden; }
.ProviderFilterSelect__icon { width: 28px; height: 28px; }
.ProviderFilterSelect__icon svg, .ProviderFilterSelect__icon path, .ProviderFilterSelect__icon rect { fill: var(--textPrimary); }
.GameSortAndFilter { display: grid; position: relative; grid-template-columns: 1fr 40px; column-gap: 8px; margin-left: auto; max-width: 100%; }
@media (max-width: 1180px) {
  .GameSortAndFilter { display: flex; width: 100%; }
}
.CarouselBannersDesktop { margin: 24px auto 0px; width: 100%; max-width: 1104px; }
@media (max-width: 1180px) {
  .CarouselBannersDesktop { display: none; }
}
.GameSortDesktop { position: relative; width: 100%; }
.GameSortDesktop__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); }
.GameSortDesktop__icon { display: flex; align-items: center; justify-content: center; }
.GameSortDesktop__icon svg, .GameSortDesktop__icon path { stroke: var(--textPrimary); }
.GameSortDesktop__btn { display: grid; grid-template-columns: 28px 1fr 28px; padding: 0px 16px; height: 44px; align-items: center; background: transparent; border: 1px solid var(--borderPrimary); border-radius: 8px; color: var(--textPrimary); text-align: left; column-gap: 4px; width: 100%; cursor: pointer; }
.GameSortDesktop__btn.active { border-color: var(--primary); }
.GameSortDesktop__arrow { display: flex; align-items: center; justify-content: center; }
.GameSortDesktop__content { overflow: hidden; position: absolute; z-index: 2; background: var(--bgSecondary); width: 100%; border-radius: 8px; }
.GameSortDesktop__item { font-size: 14px; line-height: 130%; font-weight: 400; height: 44px; display: flex; align-items: center; padding: 0px 8px; cursor: pointer; }
.GameSortDesktop__item:hover, .GameSortDesktop__item.active { color: var(--primary); }
.GameCard { display: block; position: relative; border-radius: 16px; overflow: hidden; }
.GameCard::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
@media (max-width: 1180px) {
  .GameCard { border-radius: 8px; }
}
.GameCard__cover {cursor:pointer; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; }
.GameCard__cover img { width: 100%; }
.GameCard__name { position: absolute; width: 90%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%); text-align: center; top: 58%; height: 40%; }
.GameCard__name span { font-size: 18px; line-height: 120%; font-weight: 700; color: var(--white); }
@media (max-width: 1180px) {
  .GameCard__name span { font-size: 12px; line-height: 16px; font-weight: 700; }
}
.GameCard__loading { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2; }
.GameCard__play { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: absolute; inset: 0px; background: var(--gameCardGradient); border-radius: 8px; padding: 16px; width: 100%; height: 100%; backdrop-filter: blur(2px); }
@media (max-width: 1180px) {
  .GameCard__play { padding: 8px; }
}
.GameCard__play_btn { font-size: 14px; line-height: 130%; font-weight: 600; width: 100%; height: 51px; color: var(--white); cursor: pointer; }
@media (max-width: 1180px) {
  .GameCard__play_btn { font-size: 10px; line-height: 130%; font-weight: 600; /*height: 32px;*/ }
}
.GameCard__play_real { background: var(--primary); border: none; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; margin-bottom: 8px; }
.GameCard__play_real svg { margin-left: 4px; }
.GameCard__play_demo { border-radius: 8px; background: #313e7a; border: 1px solid var(--white); }
.GameList { position: relative; }
.GameList__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); grid-auto-rows: 1fr; gap: 16px; }
@media (max-width: 1370px) {
  .GameList__list { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 1180px) {
  .GameList__list { gap: 0px 10px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}

.GameList__list_tournament { display: grid; grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); grid-auto-rows: 1fr; gap: 16px; }
@media (max-width: 1370px) {
  .GameList__list_tournament { grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); }
}
@media (max-width: 1180px) {
  .GameList__list_tournament { gap: 16px 8px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
  .GameList__list_tournament { grid-template-columns: repeat(auto-fill, minmax(107px, 1fr)); }
}
.GameList__more { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 28px; }
.GameList__list_empty { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 104px; }
@media (max-width: 1180px) {
  .GameList__list_empty { margin-top: 80px; }
}
@media (max-width: 576px) {
  .GameList__list_empty { margin-top: 58px; }
}
.GameList__list_empty_icon { margin-bottom: 12px; }
.GameList__list_empty_title { font-size: 18px; line-height: 25px; font-weight: 400; }
@media (max-width: 1180px) {
  .GameList__list_empty_title { font-size: 14px; line-height: 130%; font-weight: 400; }
}
.GameFormSearch { width: 100%; }
.GameFormSearch__title { font-size: 14px; line-height: 130%; font-weight: 400; color: var(--textSecondary); display: flex; justify-content: center; margin-top: 16px; }
.SkeletonGameList__grid { margin-top: 22px; }
.SkeletonGameList__grid > span { display: grid; grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); grid-auto-rows: 1fr; gap: 16px; }
@media (max-width: 1370px) {
  .SkeletonGameList__grid > span { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 1180px) {
  .SkeletonGameList__grid > span { gap: 16px 8px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
  .SkeletonGameList__grid > span { grid-template-columns: repeat(auto-fill, minmax(107px, 1fr)); }
}
.SkeletonGameList__card { position: relative; }
.SkeletonGameList__card::before { content: ""; display: block; height: 0px; width: 0px; padding-bottom: 115.596%; }
.SkeletonGameList__more { margin-top: 28px; }
.SkeletonSearchFilterDesktop { display: flex; align-items: center; gap: 16px; margin-top: 33px; }
@media (max-width: 1180px) {
  .SkeletonSearchFilterDesktop { display: none; }
}
.HomePage__header { display: grid; grid-template-columns: 4fr 1fr; column-gap: 16px; margin-top: 32px; margin-bottom: 24px; }
@media (min-width: 1180px) {
  .HomePage__header { grid-template-columns: 1fr 208px; }
}
@media (max-width: 1180px) {
  .HomePage__header { display: flex; align-items: center; justify-content: center; margin-top: 0px; margin-bottom: 0px; }
}
.HomePage__title { font-size: 24px; line-height: 33px; font-weight: 700; }
@media (max-width: 1180px) {
  .HomePage__title { display: none; }
}
.HomePage__games { margin-top: 16px; }
body.chromane_rec_nofollow_link_highlighting_enabled a[rel*="nofollow"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(238, 10, 3); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_sponsored_link_highlighting_enabled a[rel*="sponsored"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(96, 201, 4); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
body.chromane_rec_ugc_link_highlighting_enabled a[rel*="ugc"] { margin-right: 8px; margin-left: 8px; outline-color: rgb(239, 164, 36); outline-style: dotted !important; outline-width: 2px !important; outline-offset: 2px !important; }
@font-face { font-family: "Work Sans"; font-style: italic; font-weight: 400; font-display: swap; src: url("../../../../../../s/worksans/v9/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGU3ms5pIfeCSXCQNBf.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../../../../../../s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
[data-testid="tooltip-wrapper"] { flex-shrink: 0; }
#tldx-webext-container { font-family: "Work Sans", sans-serif; }
#tldx-webext-container > div { z-index: 30000; }


.GameCard {
  width: 100%;
  max-width: 350px;
  margin: 20px auto;
  text-align: center;
}

.GameCard__cover img {
  width: 100%;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.GameCard__cover img:hover {
  transform: scale(1.05);
}

.GameCard__play_btn {
  padding: 10px 20px;
  margin: 5px;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.GameCard__play_btn:hover {
  background-color: #00b374;
}



.modal {
  display: none; 
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); 
  justify-content: center;
  align-items: center;
}

.modal-content {
  position: relative; 
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  width: 90%;
  max-width: 1200px; 
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.close {
    position: absolute;
    top: 0px;
    left: 50%; 
    transform: translateX(-50%); 
    font-size: 45px;
    font-weight: bold;0
    cursor: pointer;
    color: red;
    z-index: 1001;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.close {
    cursor: pointer;
}

.game-frame {
  width: 100%;
  height: 600px; 
  border: none; 
}

.modal-footer {
  text-align: center;
  padding: 15px;
  background-color: #f1f1f1;
}

.button-action {
    padding: 22px 80px;
    background-color: #28a745;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 30px;
}

.button-action:hover {
  background-color: #218838;
}

@media (max-width: 768px) {
  .modal-content {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
  }

  .game-frame {
    height: 100%; 
  }

  .modal-footer {
    padding: 0px;
  }

  .close {
    top: 0px;
    left: 50%; 
    transform: translateX(-50%); 
    font-size: 40px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 480px) {
  .modal-content {
    width: 100%;
    height: 100%;
  }

  .game-frame {
    height: calc(100% - 50px); 
  }

  .button-action {
    font-size: 23px;
    padding: 18px 40px;
  }
}

.loading-spinner {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite; 
  position: fixed; 
  top: 50%;
  left: 48.5%;
  transform: translate(-50%, -50%);
  z-index: 1100;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width: 768px) {
  .loading-spinner {
    width: 50px;
    height: 50px;
    left: 45%;
  }
}

@media (max-width: 480px) {
  .loading-spinner {
    width: 40px;
    height: 40px;
  }
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; 
}


p, span, li, a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.6; 
}


h1 {
  font-size: 2.5rem; /* Например, 40px */
}

h2 {
  font-size: 2rem; /* Например, 32px */
}

p {
  font-size: 1rem; /* Например, 16px */
}


table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
  text-align: left;
  background-color: #ffffff;
}

thead {
  background-color: #3156eb; 
  font-weight: bold;
  color: white;
}

thead th {
  padding: 12px;
  text-align: center;
  white-space: nowrap; 
}

tbody tr {
  background-color: #f9f9f9;
  transition: background-color 0.3s ease;
}

tbody tr:hover {
  background-color: #d1d9f3; 
}

td {
  padding: 12px;
  text-align: center;
  white-space: nowrap; 
}

td:first-child {
  text-align: left;
  font-weight: bold;
  padding-left: 15px;
}

tbody tr:nth-child(even) {
  background-color: #f3f3f3;
}


.table-container {
  width: 100%;
  overflow-x: auto; 
  margin-top: 20px;
}


@media (max-width: 768px) {
  table {
    width: 100%;
    display: block;
    overflow-x: auto;
  }

  thead th, tbody td {
    font-size: 14px; 
    padding: 8px;
  }
}


.content-wrapper {
    margin-left: 30px; 
	margin-top: 30px; 
}

@media (max-width: 768px) {
    .content-wrapper {
	margin-top: 30px; 
        margin-left: 15px;

    }
}