.stack-count {
	display: block;
	width: 20px;
	height: 20px;
	padding-top: 2px;
	background: linear-gradient(180deg, #df3b3b 9.76%, #ff8787 54.54%, #df3b3b 96.6%);
	box-shadow: inset 0 0 0 1px #fdd;
	border-radius: 50%;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	font-weight: 700;
	border: 1px solid #ff4d34;
	z-index: 1;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.icon-klubnichka {
	background-image: url(/assets/images/url-item/klubnichka.a7f751f9e285fe90a0c22d226e160174.svg)
}

.icon-klubnichka-active {
	background-image: url(/assets/images/url-item/klubnichka-active.d3ae45b897b6cb194cd2d622d8fd3a89.svg)
}

.icon-promo {
	background-image: url(/assets/images/url-item/promo.75a8d3f385797a77dbc797f65b1078bc.svg)
}

.icon-promo-active {
	background-image: url(/assets/images/url-item/promo-active.f84e6c80be0742e55438335cc10636b1.svg)
}

.icon-blog {
	background-image: url(/assets/images/url-item/blog.769f37f1cf3aefeee4d7f9d6c0ff660c.svg)
}

.icon-blog-active {
	background-image: url(/assets/images/url-item/blog-active.b61085048711f92f8d07d714f0a7d67a.svg)
}

.icon-favorite-second {
	background-image: url(/assets/images/url-item/favorite-second.a2a3adf282d4d73922dd1077af2a7104.svg)
}

.icon-favorite-second-active {
	background-image: url(/assets/images/url-item/favorite-second-active.efc75aed8ebc4fe1d38862697432d4a9.svg)
}

.icon-cashier {
	background-image: url(/assets/images/url-item/cashier.d427f4da1fba25f70a6950149b00cd7c.svg)
}

.icon-cashier-active {
	background-image: url(/assets/images/url-item/cashier-active.ee8152da996ad7e6b8295626c024538d.svg)
}

.icon-game-slot {
	background-image: url(/assets/images/url-item/game-slot.565d0aa1d5f9d07c8c357b0a962a00eb.svg)
}

.icon-game-slot-active {
	background-image: url(/assets/images/url-item/game-slot-active.597053201a0ce074c58291ce4fe746e2.svg)
}

.icon-tournament {
	background-image: url(/assets/images/url-item/tournament.313168dbe15b38fa09f164b858ccde2c.svg)
}

.icon-tournament-active {
	background-image: url(/assets/images/url-item/tournament-active.da7a89041aae912cca7b4f50e5acd80b.svg)
}

.icon-lottery {
	background-image: url(/assets/images/url-item/lottery.bf3e84f83c8147c35ec560221a349376.svg)
}

.icon-lottery-active {
	background-image: url(/assets/images/url-item/lottery-active.162e6c666800da5739ab1344484fc800.svg)
}

.icon-my-profile {
	background-image: url(/assets/images/url-item/my-profile.dd30874d9285e7be8eeef86a4895d38b.svg)
}

.icon-my-profile-active {
	background-image: url(/assets/images/url-item/my-profile-active.a1d8d1bfaeecc937098b9a15979f610e.svg)
}

.icon-rating {
	background-image: url(/assets/images/url-item/rating.63f02e53fc7cb94b61963462c4dad1cc.svg)
}

.icon-rating-active {
	background-image: url(/assets/images/url-item/rating-active.47fa0e000df1deff50dbac0fb30b34c4.svg)
}

.icon-live {
	background-image: url(/assets/images/url-item/live.86ea97ac2de8a2d417c236b91f8af858.svg)
}

.icon-live-active {
	background-image: url(/assets/images/url-item/live-active.652da013727842ad8abf9ef07ec2d67f.svg)
}

.icon-support {
	background-image: url(/assets/images/url-item/support.cbb95bde5f4a9342d6bf1e5d274025bd.svg)
}

.icon-support-active {
	background-image: url(/assets/images/url-item/support-active.2fc68b72ea5144928b86f8d395f623b2.svg)
}

.icon-mob-app {
	background-image: url(/assets/images/url-item/mob-app.52f4f7c41066d47e2db25c4979c763ec.svg)
}

.icon-mob-app-active {
	background-image: url(/assets/images/url-item/mob-app-active.35467cd5f55dd35c48d63a40f3eecd74.svg)
}

.icon-pass {
	background-image: url(/assets/images/strip-item/pass.9c6f40e047ca843c9c6c10dda474e847.svg)
}

.icon-gift-min {
	background-image: url(/assets/images/strip-item/gift-min.aff5a7772891a7018a864f65c9657eb6.svg)
}

.icon-gift-strip {
	background-image: url(/assets/images/strip-item/gift-strip.aff5a7772891a7018a864f65c9657eb6.svg)
}

.icon-play-video {
	background-image: url(/assets/images/strip-item/play-video.1d638d948fe357e9ce2264743a79761c.svg)
}

.icon-refresh-video {
	background-image: url(/assets/images/strip-item/refresh-video.7611a55c59758579040a34a136096ad5.svg)
}

.icon-video {
	background-image: url(/assets/images/strip-item/video.129760ed63752b61c8f72c9e9b92f33a.svg)
}

.strip-item {
	padding: 16px;
	background-position: top;
	background-image: url(/assets/images/bg/strip-item-bg.09c7fa70aacf1807928f11f454c0e4f2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.strip-item:before {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	display: block;
	height: 60%;
	width: 100%;
	background: linear-gradient(180deg, rgba(44, 18, 60, 0), #311442 83.33%, #311442)
}

.strip-item__data {
	position: relative;
	z-index: 1
}

.strip-item.strip-item--top-padd-0 {
	padding-top: 0
}

.strip-item__light-img {
	position: relative;
	flex-grow: 1;
	width: 100%;
	height: 221px
}

.strip-item__light-img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/assets/images/bg/girl-1.fb0d47ee9ba55b47f181928067ebf0b0.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.strip-item__desc {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 12px
}

.strip-item__platform {
	display: none
}

.strip-item__light-text {
	margin-bottom: 16px;
	text-align: center;
	line-height: 23px;
	font-size: 12px;
	color: #a8bee6;
	position: relative;
	z-index: 1
}

.strip-item__get-bonus {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-weight: 700
}

.strip-item__light-link {
	display: flex;
	justify-content: center
}

.strip-item__list {
	z-index: 1
}

.strip-item__list:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	max-width: 3em
}

.strip-item__ban {
	height: 262px
}

.strip-item__pic {
	position: absolute;
	left: 50%;
	top: 0;
	width: auto;
	height: 100%;
	padding-bottom: 12px;
	object-fit: contain;
	transform: translateX(-50%)
}

.strip-item__name {
	margin-bottom: 12px;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	line-height: 23px
}

.strip-item__progress {
	margin-bottom: 16px
}

.strip-item__link {
	display: flex;
	justify-content: center
}

.strip-item__list-item:not(:last-child) {
	margin-bottom: 16px
}

.strip-item__gift {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 48px
}

.strip-item__gift-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
	padding-top: 4px;
	white-space: nowrap
}

.strip-item__gift-money,
.strip-item__gift-name {
	font-size: 14px;
	white-space: nowrap;
	font-weight: 700;
	color: #ffe600
}

.strip-item__gift-ico {
	width: 32px;
	height: 25px
}

@keyframes light {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.strip-video-active-route .strip-video-button.strip-video-button--open {
	background-color: #0ac5fd
}

.strip-video-button {
	position: relative;
	width: 48px;
	height: 48px;
	padding: 2px;
	border-radius: 5px
}

.strip-video-button:active {
	opacity: .8
}

.strip-video-button.strip-video-button--open {
	padding: 1px;
	background-color: #0881be;
	box-shadow: 0 0 7px 0 #000;
	cursor: pointer
}

.strip-video-button.strip-video-button--open:before {
	display: none
}

.strip-video-button.strip-video-button--open .strip-video-button__data {
	align-items: flex-end;
	justify-content: flex-end
}

.strip-video-button.strip-video-button--open .strip-video-button__border-progress {
	display: none
}

.strip-video-button.strip-video-button--open .strip-video-button__pic {
	opacity: 1
}

.strip-video-button.strip-video-button--open .strip-video-button__data-text {
	display: none
}

.strip-video-button.strip-video-button--open .strip-video-button__data-ico {
	display: block
}

.strip-video-button.strip-video-button--open .strip-video-button__img {
	border-radius: inherit
}

.strip-video-button.strip-video-button--closed {
	padding: 0
}

.strip-video-button.strip-video-button--closed .strip-video-button__data-text,
.strip-video-button.strip-video-button--closed:before {
	display: none
}

.strip-video-button.strip-video-button--closed .strip-video-button__data-ico {
	display: block
}

.strip-video-button.strip-video-button--closed .strip-video-button__border-progress {
	display: none
}

.strip-video-button.strip-video-button--closed .strip-video-button__img {
	border-radius: inherit
}

.strip-video-button.strip-video-button--closed .strip-video-button__pic {
	filter: blur(5.43656px);
	opacity: 1
}

.strip-video-button__border-progress,
.strip-video-button__img,
.strip-video-button__pic {
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.strip-video-button__img {
	position: relative;
	border-radius: 4px;
	background: linear-gradient(175.71deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .15) 3.49%, hsla(0, 0%, 100%, .1) 52.02%, hsla(0, 0%, 100%, .0001) 52.64%, hsla(0, 0%, 100%, .0001)), linear-gradient(180deg, #52085c, #201f61);
	mix-blend-mode: normal
}

.strip-video-button__pic {
	opacity: .2;
	object-fit: contain
}

.strip-video-button__border-progress {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #0ac5fd
}

.strip-video-button__svg {
	border-radius: inherit;
	fill: #030b24;
	stroke: currentColor;
	stroke-width: 2px;
	stroke-dasharray: 100
}

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

.strip-video-button__data-ico {
	display: none;
	width: 24px;
	height: 24px
}

.strip-video-button__data-text {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700
}

.strip-video-button.strip-video-button--big {
	width: 56px;
	height: 56px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-video-button.strip-video-button--big {
		width: 80px;
		height: 80px
	}
}

.strip-video-button__data-ico.strip-video-button__data-ico--big {
	width: 30px;
	height: 30px
}

.strip-video-button__data-text.strip-video-button__data-text--big {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700
}

@media screen and (min-width:768px) and (min-height:420px) {
	.strip-video-button__data-text.strip-video-button__data-text--big {
		font-size: 18px;
		line-height: 24px
	}
}

.strip-video-button:before {
	content: "";
	position: absolute;
	z-index: 3;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #1dcbff;
	box-shadow: 0 0 4px #1dcbff
}

[data-progress="0"]:before {
	display: none
}

[data-progress="1"]:before {
	left: 0;
	top: -2px
}

[data-progress="2"]:before {
	left: 5%;
	top: -2px
}

[data-progress="3"]:before {
	left: 10%;
	top: -2px
}

[data-progress="4"]:before {
	left: 13%;
	top: -2px
}

[data-progress="5"]:before {
	left: 18%;
	top: -2px
}

[data-progress="6"]:before {
	left: 22%;
	top: -2px
}

[data-progress="7"]:before {
	left: 27%;
	top: -2px
}

[data-progress="8"]:before {
	left: 30%;
	top: -2px
}

[data-progress="9"]:before {
	left: 35%;
	top: -2px
}

[data-progress="10"]:before {
	left: 38%;
	top: -2px
}

[data-progress="11"]:before {
	left: 42%;
	top: -2px
}

[data-progress="12"]:before {
	left: 47%;
	top: -2px
}

[data-progress="13"]:before {
	left: 50%;
	top: -2px
}

[data-progress="14"]:before {
	left: 54%;
	top: -2px
}

[data-progress="15"]:before {
	left: 59%;
	top: -2px
}

[data-progress="16"]:before {
	left: 64%;
	top: -2px
}

[data-progress="17"]:before {
	left: 67%;
	top: -2px
}

[data-progress="18"]:before {
	left: 72%;
	top: -2px
}

[data-progress="19"]:before {
	left: 75%;
	top: -2px
}

[data-progress="20"]:before {
	left: 79%;
	top: -2px
}

[data-progress="21"]:before {
	left: 83%;
	top: -2px
}

[data-progress="22"]:before {
	left: 86%;
	top: -2px
}

[data-progress="23"]:before {
	left: 90%;
	top: -2px
}

[data-progress="24"]:before {
	left: 93%;
	top: -2px
}

[data-progress="25"]:before {
	right: 0;
	top: -2px
}

[data-progress="26"]:before {
	top: 5%;
	right: -2px
}

[data-progress="27"]:before {
	top: 10%;
	right: -2px
}

[data-progress="28"]:before {
	top: 13%;
	right: -2px
}

[data-progress="29"]:before {
	top: 18%;
	right: -2px
}

[data-progress="30"]:before {
	top: 22%;
	right: -2px
}

[data-progress="31"]:before {
	top: 27%;
	right: -2px
}

[data-progress="32"]:before {
	top: 30%;
	right: -2px
}

[data-progress="33"]:before {
	top: 35%;
	right: -2px
}

[data-progress="34"]:before {
	top: 38%;
	right: -2px
}

[data-progress="35"]:before {
	top: 42%;
	right: -2px
}

[data-progress="36"]:before {
	top: 47%;
	right: -2px
}

[data-progress="37"]:before {
	top: 50%;
	right: -2px
}

[data-progress="38"]:before {
	top: 54%;
	right: -2px
}

[data-progress="39"]:before {
	top: 59%;
	right: -2px
}

[data-progress="40"]:before {
	top: 64%;
	right: -2px
}

[data-progress="41"]:before {
	top: 67%;
	right: -2px
}

[data-progress="42"]:before {
	top: 72%;
	right: -2px
}

[data-progress="43"]:before {
	top: 77%;
	right: -2px
}

[data-progress="44"]:before {
	top: 78%;
	right: -2px
}

[data-progress="45"]:before {
	top: 80%;
	right: -2px
}

[data-progress="46"]:before {
	top: 83%;
	right: -2px
}

[data-progress="47"]:before {
	top: 88%;
	right: -2px
}

[data-progress="48"]:before {
	top: 93%;
	right: -2px
}

[data-progress="49"]:before {
	top: 91%;
	right: -2px
}

[data-progress="50"]:before {
	bottom: 0;
	right: -2px
}

[data-progress="51"]:before {
	right: 0;
	bottom: -2px
}

[data-progress="52"]:before {
	right: 5%;
	bottom: -2px
}

[data-progress="53"]:before {
	right: 10%;
	bottom: -2px
}

[data-progress="54"]:before {
	right: 13%;
	bottom: -2px
}

[data-progress="55"]:before {
	right: 18%;
	bottom: -2px
}

[data-progress="56"]:before {
	right: 22%;
	bottom: -2px
}

[data-progress="57"]:before {
	right: 27%;
	bottom: -2px
}

[data-progress="58"]:before {
	right: 30%;
	bottom: -2px
}

[data-progress="59"]:before {
	right: 35%;
	bottom: -2px
}

[data-progress="60"]:before {
	right: 38%;
	bottom: -2px
}

[data-progress="61"]:before {
	right: 42%;
	bottom: -2px
}

[data-progress="62"]:before {
	right: 47%;
	bottom: -2px
}

[data-progress="63"]:before {
	right: 50%;
	bottom: -2px
}

[data-progress="64"]:before {
	right: 54%;
	bottom: -2px
}

[data-progress="65"]:before {
	right: 59%;
	bottom: -2px
}

[data-progress="66"]:before {
	right: 64%;
	bottom: -2px
}

[data-progress="67"]:before {
	right: 67%;
	bottom: -2px
}

[data-progress="68"]:before {
	right: 72%;
	bottom: -2px
}

[data-progress="69"]:before {
	right: 77%;
	bottom: -2px
}

[data-progress="70"]:before {
	right: 82%;
	bottom: -2px
}

[data-progress="71"]:before {
	right: 87%;
	bottom: -2px
}

[data-progress="72"]:before {
	right: 91%;
	bottom: -2px
}

[data-progress="73"]:before {
	right: 94%;
	bottom: -2px
}

[data-progress="74"]:before {
	right: 93%;
	bottom: -2px
}

[data-progress="75"]:before {
	left: 0;
	bottom: -2px
}

[data-progress="76"]:before {
	left: -2px;
	bottom: 3%
}

[data-progress="77"]:before {
	left: -2px;
	bottom: 8%
}

[data-progress="78"]:before {
	left: -2px;
	bottom: 10%
}

[data-progress="79"]:before {
	left: -2px;
	bottom: 13%
}

[data-progress="80"]:before {
	left: -2px;
	bottom: 18%
}

[data-progress="81"]:before {
	left: -2px;
	bottom: 22%
}

[data-progress="82"]:before {
	left: -2px;
	bottom: 27%
}

[data-progress="83"]:before {
	left: -2px;
	bottom: 30%
}

[data-progress="84"]:before {
	left: -2px;
	bottom: 33%
}

[data-progress="85"]:before {
	left: -2px;
	bottom: 38%
}

[data-progress="86"]:before {
	left: -2px;
	bottom: 42%
}

[data-progress="87"]:before {
	left: -2px;
	bottom: 47%
}

[data-progress="88"]:before {
	left: -2px;
	bottom: 50%
}

[data-progress="89"]:before {
	left: -2px;
	bottom: 54%
}

[data-progress="90"]:before {
	left: -2px;
	bottom: 59%
}

[data-progress="91"]:before {
	left: -2px;
	bottom: 62%
}

[data-progress="92"]:before {
	left: -2px;
	bottom: 67%
}

[data-progress="93"]:before {
	left: -2px;
	bottom: 70%
}

[data-progress="94"]:before {
	left: -2px;
	bottom: 73%
}

[data-progress="95"]:before {
	left: -2px;
	bottom: 78%
}

[data-progress="96"]:before {
	left: -2px;
	bottom: 83%
}

[data-progress="97"]:before {
	left: -2px;
	bottom: 87%
}

[data-progress="98"]:before {
	left: -2px;
	bottom: 88%
}

[data-progress="99"]:before {
	left: -2px;
	top: 2%
}

[data-progress="100"]:before {
	left: -2px;
	top: 0
}

.menu-wrap {
	position: fixed;
	top: 0;
	z-index: 4;
	display: flex;
	height: 100%;
	width: 100%;
	padding-top: 56px;
	overflow: hidden
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-wrap {
		padding-top: 72px
	}
}

.menu-wrap__hide-scroll {
	position: relative;
	width: 264px;
	height: 100%;
	overflow: hidden;
	z-index: 4
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-wrap__hide-scroll {
		width: 320px
	}
}

.menu-wrap__scroll {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 17px;
	box-sizing: content-box;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth
}

.menu-wrap__scroll::-webkit-scrollbar {
	display: none;
	width: 0;
	background: transparent
}

.menu {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #311442;
	box-sizing: border-box
}

.menu__header,
.menu__header-deposit {
	background-color: #200d2b
}

.menu__header-deposit {
	padding: 16px 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu__header-deposit {
		padding: 24px 16px
	}
}

.menu__submenu {
	overflow: hidden
}

.menu__item {
	cursor: pointer
}

.menu__submenu-body {
	cursor: auto
}

.menu__icon {
	position: relative;
	z-index: 9999;
	width: 24px;
	height: 24px;
	margin-right: 8px
}

.menu__icon:after {
	display: inline-block
}

.menu__icon.menu__icon--active {
	display: none
}

.menu__caret {
	display: block;
	width: 24px;
	height: 24px;
	margin-left: auto;
	transform: rotate(0);
	transition: transform .3s;
	will-change: transform
}

.menu__caret,
.menu__message {
	position: relative;
	z-index: 9999
}

.menu__link {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 8px;
	max-height: 40px;
	border-color: #5b1d70 transparent #200e2c;
	border-style: solid;
	border-width: 1px;
	background-color: #311442
}

.menu__link:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background: linear-gradient(0deg, #27c9fa 3.05%, #075da1 93.96%);
	background-size: auto;
	pointer-events: none;
	will-change: opacity
}

.menu__link:after:active {
	opacity: .8
}

@media (hover) {
	.menu__link:after {
		transition: opacity .3s
	}
}

.menu__link--btn {
	width: 100%
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu__link {
		max-height: 48px;
		padding: 12px 16px
	}

	.menu__link--sub {
		padding-left: 40px
	}
}

.menu__link.active,
.menu__link:active {
	border: 1px solid #21c6fb
}

.menu__link.active:after,
.menu__link:active:after {
	opacity: 1
}

.menu__link.active .menu__icon,
.menu__link:active .menu__icon {
	display: none
}

.menu__link.active .menu__icon.menu__icon--active,
.menu__link:active .menu__icon.menu__icon--active {
	display: block
}

.menu__link.active .menu__caret,
.menu__link:active .menu__caret {
	transform: rotate(180deg)
}

@media (hover) {
	.menu__link {
		transition-duration: .3s;
		transition-property: background-image
	}

	.menu__link:hover {
		border: 1px solid #21c6fb
	}

	.menu__link:hover:after {
		opacity: 1
	}

	.menu__link:hover .menu__icon {
		display: none
	}

	.menu__link:hover .menu__icon.menu__icon--active {
		display: block
	}
}

button.menu__link.active {
	border: none;
	border-top: 1px solid #5b1d70
}

button.menu__link.active:after {
	background: #200d2b
}

button.menu__link:hover:after {
	border: 1px solid #21c6fb;
	opacity: 1;
	background: linear-gradient(0deg, #27c9fa 3.05%, #075da1 93.96%)
}

button.menu__link:hover .menu__icon {
	display: none
}

button.menu__link:hover .menu__icon.menu__icon--active {
	display: block
}

.menu__sublink {
	position: relative;
	display: flex;
	align-items: center;
	padding: 12px 12px 12px 40px;
	max-height: 40px;
	font-size: 14px;
	color: #fff;
	border-color: #5b1d70 transparent #200e2c;
	border-style: solid;
	border-width: 1px;
	background-color: #200d2b;
	box-shadow: inset 0 1px 0 #311442
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu__sublink {
		padding-left: 48px
	}
}

.menu__sublink:hover {
	background: linear-gradient(0deg, #27c9fa 3.05%, #075da1 93.96%)
}

.menu__label {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	position: relative;
	z-index: 9999;
	margin-right: 14px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase
}

.menu__label-text {
	position: absolute;
	z-index: 2;
	right: 24px;
	width: 32px;
	height: 24px;
	font-size: 0;
	background-image: url(/assets/images/pic/label-new.a3ccc57b6900a9bf847b643b07d28771.svg);
	background-repeat: no-repeat;
	background-position: 50%
}

.menu__footer {
	display: flex;
	justify-content: center;
	padding: 16px 8px
}

.menu__google-badge-wrap {
	position: relative;
	display: block;
	width: 143px;
	height: 43px
}

.menu__google-badge-wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.menu__google-play-badge {
	display: block;
	margin: auto;
	width: 170px;
	height: 65px
}

.menu-top-banner {
	position: relative;
	height: 132px;
	width: 100%
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-top-banner {
		height: 160px
	}
}

.menu-top-banner__img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	width: 100%
}

.menu-top-banner__button-wrap {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 100%;
	padding-bottom: 8px;
	box-sizing: border-box
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-top-banner__button-wrap {
		padding-bottom: 16px
	}
}

.menu-profile__section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px 8px;
	background-color: #200d2b
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__section {
		padding: 24px 16px 32px
	}
}

.menu-profile__user-links {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 8px;
	padding-left: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__user-links {
		margin-bottom: 16px
	}
}

.menu-profile__images {
	display: block;
	width: 68px;
	height: 68px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__images {
		width: 84px;
		height: 84px
	}
}

@media (hover) {
	.menu-profile__images {
		cursor: pointer;
		transition-duration: .3s;
		transition-timing-function: ease-in-out
	}

	.menu-profile__images:hover {
		transform: scale(1.1)
	}
}

.menu-profile__images-front,
.menu-profile__images-inner,
.menu-profile__img {
	width: 100%;
	height: 100%
}

.menu-profile__img {
	object-fit: contain
}

.menu-profile__info {
	display: flex;
	flex-direction: column;
	margin-left: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__info {
		margin-left: 16px
	}
}

.menu-profile__level-info-wrap {
	display: flex;
	flex-direction: column;
	margin-bottom: 8px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__level-info-wrap {
		margin-bottom: 16px
	}
}

.menu-profile__nickname {
	font-size: 12px;
	line-height: 18px
}

@media (hover) {
	.menu-profile__nickname {
		cursor: pointer
	}

	.menu-profile__nickname:hover {
		text-decoration: underline
	}
}

.menu-profile__title {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #32a2f4;
	text-shadow: 2px 3px 1px rgba(0, 0, 0, .9)
}

@media (hover) {
	.menu-profile__title {
		transition-duration: .3s;
		transition-timing-function: ease-in-out;
		cursor: pointer
	}

	.menu-profile__title:hover {
		transform: scale(1.02);
		text-shadow: 2px 6px 1px rgba(0, 0, 0, .9)
	}
}

.menu-profile__progress-decor {
	width: 100%;
	padding: 1px;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), #111526 30%, #111526 60%, hsla(0, 0%, 100%, .1));
	mix-blend-mode: normal;
	border-radius: 5px;
	pointer-events: none
}

.menu-profile__progress-decor.menu-profile__progress-decor--open {
	padding-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1))
}

.menu-profile__progress-decor.menu-profile__progress-decor--clickable {
	cursor: pointer;
	pointer-events: auto
}

.menu-profile__progress {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 26px;
	padding: 1px 6px;
	border-radius: inherit;
	background: #6c2e75
}

.menu-profile__data {
	position: relative;
	display: grid;
	grid-template-columns: 1.25fr 1.25fr 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 5px;
	justify-items: start;
	align-items: stretch;
	background-color: #200d2b;
	padding: 28px 8px 12px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__data {
		grid-template-rows: 40px;
		padding: 40px 16px 16px
	}
}

.menu-profile__data:before {
	position: absolute;
	content: "";
	top: 16px;
	left: 0;
	right: 0;
	border-top: 1px solid #311442
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__data:before {
		top: 20px
	}
}

.menu-profile__data-container {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	max-width: 60px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__data-container {
		justify-content: space-between
	}
}

.menu-profile__data-container--lg-width {
	max-width: 90px
}

.menu-profile__data-title {
	font-size: 12px;
	line-height: 14px;
	color: #cdb5d5
}

.menu-profile__data-value {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #ffe600
}

.menu-profile__rate-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	height: 100%
}

.menu-profile__rate-label {
	width: 100%;
	font-size: 12px;
	line-height: 14px;
	color: #cdb5d5
}

.menu-profile__rate-data {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.menu-profile__rate-value {
	font-size: 14px;
	font-weight: 700
}

.menu-profile__rate-arrow {
	width: 24px;
	height: 18px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__rate-arrow {
		height: 24px
	}
}

.menu-profile__info-link {
	font-size: 12px
}

.menu-profile__data--no-points {
	position: relative;
	display: flex;
	justify-content: start;
	height: 100%;
	padding: 28px 8px 0 16px
}

@media screen and (min-width:768px) and (min-height:420px) {
	.menu-profile__data--no-points {
		padding: 28px 24px 0
	}
}

.menu-profile__data-container--no-points {
	max-width: 92px;
	width: 100%;
	padding-right: 24px;
	box-sizing: content-box
}

.icon-check {
	background-image: url(/assets/images/language-popup/check.9e34b2718d3eb63429546515abee0e49.svg)
}

.icon-ru {
	background-image: url(/assets/images/language-popup/ru.1b10906b17464f61a8932282490f2e65.svg)
}