@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.app {
	display: grid;
	grid-template-rows: -webkit-max-content 1fr -webkit-max-content;
	grid-template-rows: max-content 1fr max-content;
	min-height: 100vh;
}

.container {
	width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0.9375rem;
}

@media (max-width: 90rem) {
	.container {
		width: 80rem;
	}
}

@media (max-width: 80rem) {
	.container {
		width: 64rem;
	}
}

@media (max-width: 64rem) {
	.container {
		width: 48rem;
	}
}

@media (max-width: 48rem) {
	.container {
		width: 36rem;
	}
}

@media (max-width: 36rem) {
	.container {
		width: 100%;
	}
}

.vue-notification {
	border-radius: 0.5rem !important;
	border: none !important;
	font-weight: 500;
	padding: 1rem !important;
	font-size: 1rem;
}

.vue-notification.error {
	background-color: #ea4f3d !important;
}

:root {
	--color-lightblue: #007bff;
	--color-reg: #dc3545;
	--color-green: #28a745;
}

html {
	font-size: 16px;
}

@media (min-width: 156.875rem) {
	html {
		font-size: 21px;
	}
}

@media (min-width: 234.375rem) {
	html {
		font-size: 32px;
	}
}

body {
	margin: 0;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
	font-family: 'Montserrat', sans-serif;
	background: #1e1d1d !important;
	/* background-image: url('/public/newdelore/img/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}

/* @media (max-width: 768px) {
    body {
    margin: 0;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font-family: "Montserrat", sans-serif;
    background-image: url('/public/newdelore/img/bg-mob.jpg');
     background-size: cover;
     background-position: center;
    }
} */

.section-title {
	font-size: 2.625rem;
	font-weight: 800;
	line-height: 3.2rem;
	text-transform: uppercase;
	cursor: default;
	color: whitesmoke;
}

.section-title span {
	display: block;
	font-weight: 100;
}

.line-divider {
	margin: 2rem 0;
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr -webkit-max-content 1fr;
	grid-template-columns: 1fr max-content 1fr;
	grid-column-gap: 0.75rem;
}

.line-divider > span {
	font-size: 0.75rem;
	color: rgba(30, 29, 29, 0.5);
}

.line-divider > button {
	font-size: 0.875rem;
	color: rgba(30, 29, 29, 0.7);
}

.line-divider:after,
.line-divider:before {
	content: '';
	height: 1px;
	background-color: rgba(30, 29, 29, 0.2);
}

.lory-slider .lory-frame {
	position: relative;
	font-size: 0;
	overflow: hidden;
	white-space: nowrap;
}

.lory-slider .lory-slides {
	display: inline-block;
}

.lory-slider .lory-slide {
	position: relative;
	display: inline-block;
}

.forbes-item-divider {
	display: grid;
	grid-row-gap: 0.5rem;
	width: 2.25rem;
	justify-content: center;
}

.forbes-item-divider > span {
	height: 0.3125rem;
	width: 0.3125rem;
	border-radius: 50%;
	background-color: rgba(30, 29, 29, 0.1);
}

.forbes-item {
	display: grid;
	grid-template-columns: 2.25rem 15.625rem 6.25rem 1fr;
	grid-column-gap: 1rem;
	align-items: center;
}

.forbes-item__position {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
	border-radius: 50%;
	width: 2.25rem;
	height: 2.25rem;
	font-weight: 300;
}

.forbes-item__username {
	font-weight: 700;
}

.forbes-item__server {
	text-transform: uppercase;
	color: rgba(30, 29, 29, 0.45);
	font-weight: 300;
}

.forbes-item__balance {
	text-align: right;
	font-weight: 300;
}

@media (max-width: 36rem) {
	.forbes-item {
		grid-template-columns: 30px 165px 73px 1fr;
		grid-column-gap: 14px;
	}

	.forbes-item__position {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	.forbes-item__username {
		font-size: 14px;
		font-weight: 600;
	}

	.forbes-item__server {
		color: rgba(30, 29, 29, 0.6);
		font-size: 12px;
	}

	.forbes-item__balance {
		font-size: 14px;
	}
}

.top-item {
	max-width: 18.4375rem;
}

.top-item__position {
	font-size: 2.625rem;
	font-weight: 300;
	text-align: center;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

.top-item__figure {
	position: relative;
	padding: 1.5rem 1.125rem 6.375rem;
	overflow: hidden;
}

.top-item__figure:after,
.top-item__figure:before {
	content: '';
	position: absolute;
	left: 0;
}

.top-item__figure:before {
	top: 0;
	left: 0.625rem;
	width: 17.1875rem;
	height: 2rem;
	background: 50% / contain no-repeat;
}

.top-item__figure:after {
	top: 4rem;
	width: 18.4375rem;
	height: 19.5625rem;
	bottom: 0;
	background: 50% / contain no-repeat;
}

.top-item__rect {
	width: 16.1875rem;
	height: 15.625rem;
	display: flex;
	justify-content: center;
}

.top-item__skin {
	margin-top: 1rem;
}

.top-item__nickname {
	font-size: 1.25rem;
	font-weight: 800;
	text-align: center;
	margin-top: 1rem;
}

.top-item__balance {
	color: rgba(30, 29, 29, 0.7);
	font-weight: 300;
	text-align: center;
	margin-top: 1rem;
}

.top-item--silver .top-item__position {
	background-image: linear-gradient(208.78deg, #d4daef -1.13%, #9aa7d7 95.96%);
}

.top-item--silver .top-item__figure {
	padding-top: 0.9375rem;
}

.top-item--silver .top-item__figure:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjc1IDE1IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2MC43OCA2LjVMMjY0LjY0MSAyLjY5NTQ2QzI2Ni43MiAwLjY0NTg3NSAyNzAuMDYgMC42NDU4NzUgMjcyLjE0IDIuNjk1NDZWMi42OTU0NkMyNzQuMjYzIDQuNzg3NjQgMjc0LjI2MyA4LjIxMjM2IDI3Mi4xNCAxMC4zMDQ1TDI3MC41OCAxMS44NDE3QzI2OS4xNzcgMTMuMjI0NyAyNjcuMjg2IDE0IDI2NS4zMTUgMTRIMjAyLjk0NUgxNzAuMjIzSDE2MC40NzRDMTU2LjIyMSAxNCAxNTIuMTIyIDEyLjQwNTUgMTQ4Ljk4NyA5LjUzMTI3VjkuNTMxMjdDMTQyLjQ4OCAzLjU3Mjk2IDEzMi41MTIgMy41NzI5NiAxMjYuMDEzIDkuNTMxMjdWOS41MzEyN0MxMjIuODc4IDEyLjQwNTUgMTE4Ljc3OSAxNCAxMTQuNTI2IDE0SDEwNC43NzdINzIuMDU0OUg5LjY4NDU5QzcuNzE0MzYgMTQgNS44MjMyNSAxMy4yMjQ3IDQuNDIgMTEuODQxN0wyLjg2MDI5IDEwLjMwNDVDMC43Mzc0NTEgOC4yMTIzNiAwLjczNzQ1MiA0Ljc4NzY0IDIuODYwMjkgMi42OTU0NlYyLjY5NTQ2QzQuOTM5OSAwLjY0NTg3NSA4LjI3OTg4IDAuNjQ1ODc2IDEwLjM1OTUgMi42OTU0NkwxNC4yMTk4IDYuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNzlfMTA2KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzlfMTA2IiB4MT0iMjIxLjc2MiIgeTE9Ii0yLjg3NSIgeDI9IjIyMS4wOTIiIHkyPSIxOS42NjY2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNENERBRUYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUFBN0Q3Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.top-item--silver .top-item__figure:after {
	top: 3.625rem;
	background-image: url(/img/a7655f5.svg);
}

.top-item--silver .top-item__rect {
	background-image: linear-gradient(
		211.23deg,
		#d4daef -179.92%,
		rgba(212, 218, 239, 0) 73.53%
	);
}

.top-item--bronze .top-item__position {
	background-image: linear-gradient(208.78deg, #b17040 -1.13%, #8a420e 95.96%);
}

.top-item--bronze .top-item__figure {
	padding-top: 0.9375rem;
}

.top-item--bronze .top-item__figure:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjc1IDE1IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2MC43OCA2LjVMMjY0LjY0MSAyLjY5NTQ2QzI2Ni43MiAwLjY0NTg3NSAyNzAuMDYgMC42NDU4NzUgMjcyLjE0IDIuNjk1NDZWMi42OTU0NkMyNzQuMjYzIDQuNzg3NjQgMjc0LjI2MyA4LjIxMjM2IDI3Mi4xNCAxMC4zMDQ1TDI3MC41OCAxMS44NDE3QzI2OS4xNzcgMTMuMjI0NyAyNjcuMjg2IDE0IDI2NS4zMTUgMTRIMjAyLjk0NUgxNzAuMjIzSDE2MC40NzRDMTU2LjIyMSAxNCAxNTIuMTIyIDEyLjQwNTUgMTQ4Ljk4NyA5LjUzMTI3VjkuNTMxMjdDMTQyLjQ4OCAzLjU3Mjk2IDEzMi41MTIgMy41NzI5NiAxMjYuMDEzIDkuNTMxMjdWOS41MzEyN0MxMjIuODc4IDEyLjQwNTUgMTE4Ljc3OSAxNCAxMTQuNTI2IDE0SDEwNC43NzdINzIuMDU0OUg5LjY4NDU5QzcuNzE0MzYgMTQgNS44MjMyNSAxMy4yMjQ3IDQuNDIgMTEuODQxN0wyLjg2MDI5IDEwLjMwNDVDMC43Mzc0NTEgOC4yMTIzNiAwLjczNzQ1MiA0Ljc4NzY0IDIuODYwMjkgMi42OTU0NlYyLjY5NTQ2QzQuOTM5OSAwLjY0NTg3NSA4LjI3OTg4IDAuNjQ1ODc2IDEwLjM1OTUgMi42OTU0NkwxNC4yMTk4IDYuNSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNzlfMTE0KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzlfMTE0IiB4MT0iMjIxLjc2MiIgeTE9Ii0yLjg3NSIgeDI9IjIyMS4wOTIiIHkyPSIxOS42NjY2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCMTcwNDAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOEE0MjBFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.top-item--bronze .top-item__figure:after {
	top: 3.625rem;
	background-image: url(/img/a7655f5.svg);
}

.top-item--bronze .top-item__rect {
	background-image: linear-gradient(
		211.23deg,
		#976b1b -179.92%,
		rgba(151, 107, 27, 0) 73.53%
	);
}

@media (max-width: 64rem) {
	.top-item {
		max-width: 190px;
	}

	.top-item__figure {
		padding: 0 12px 82px;
	}

	.top-item__figure:before {
		left: 6.4px;
		width: 177px;
		height: 20.5px;
	}

	.top-item__figure:after {
		width: 190px;
		height: 201.5px;
	}

	.top-item__rect {
		width: 16.1875rem;
		height: 15.625rem;
		display: flex;
		justify-content: center;
	}

	.top-item__skin {
		width: 124px;
	}
}

@media (max-width: 48rem) {
	.top-item__position {
		font-size: 34px;
	}
}

@media (max-width: 36rem) {
	.top-item {
		max-width: 110px;
	}

	.top-item__figure {
		padding: 0 7px 15px;
	}

	.top-item__figure:before {
		left: 6.4px;
		width: 100px;
		height: 20.5px;
	}

	.top-item__figure:after {
		width: 110px;
		height: 117px;
		top: 32px;
	}

	.top-item__nickname {
		font-size: 16px;
	}

	.top-item__balance {
		margin-top: 8px;
		font-size: 14px;
	}

	.top-item__rect {
		width: 96px;
		height: 117px;
	}

	.top-item__skin {
		width: 65px;
		margin-top: 8px;
	}

	.top-item--silver .top-item__figure {
		padding-top: 14px;
	}

	.top-item--silver .top-item__figure:after {
		top: 30px;
	}

	.top-item--bronze .top-item__figure,
	.top-item--gold .top-item__figure {
		padding-top: 14px;
	}

	.top-item--bronze .top-item__figure:after {
		top: 30px;
	}
}

.forbes__container {
	margin-top: 5rem;
}

.forbes__title {
	display: flex;
	justify-content: center;
}

.forbes__servers {
	margin-top: 2.8125rem;
}

.forbes__content {
	margin-top: 4rem;
}

@media (max-width: 36rem) {
	.forbes__content {
		margin-top: 32px;
	}
}

.forbes__top {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-bottom: 12.75rem;
}

.forbes__top .top-item:first-child,
.forbes__top .top-item:last-child {
	margin-top: 10.6875rem;
}

.forbes__top:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 302px;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI3NCIgaGVpZ2h0PSIzMDgiIHZpZXdCb3g9IjAgMCAxMjc0IDMwOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMzA3TDEyNzQgMzA3IiBzdHJva2U9IiMxRTFEMUQiIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTYzOCAwVjMwNi41IiBzdHJva2U9IiMxRTFEMUQiIHN0cm9rZS1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTE0NiAxNzFMMTQ2IDMwNyIgc3Ryb2tlPSIjMUUxRDFEIiBzdHJva2Utb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik0xMTIwIDE3MUwxMTIwIDMwNyIgc3Ryb2tlPSIjMUUxRDFEIiBzdHJva2Utb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=)
		bottom/contain no-repeat;
}

@media (max-width: 64rem) {
	.forbes__top {
		padding-bottom: 105px;
	}
}

@media (max-width: 36rem) {
	.forbes__top {
		padding-bottom: 0;
	}

	.forbes__top:after {
		display: none;
	}

	.forbes__top .top-item:first-child,
	.forbes__top .top-item:last-child {
		margin-top: 50px;
	}
}

.forbes__list {
	display: grid;
	grid-row-gap: 16px;
	margin-top: 64px;
}

.form-button {
	width: 100%;
	line-height: 3.25rem;
	text-align: center;
	border-radius: 0.25rem;
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, 0.64);
	transition: transform 0.2s ease;
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
}

.form-button:disabled {
	color: rgba(30, 29, 29, 0.25);
	background: #f2f2f2;
	box-shadow: unset;
	cursor: default;
}

/* .form-button:hover:not(:disabled) {
    transform: scale(1.01)
} */

.load-launcher {
	font-weight: 600;
	color: rgba(30, 29, 29, 0.45);
	line-height: 17px;
	cursor: default;
}

.load-launcher > a {
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.back-home {
	display: flex;
	align-items: center;
	line-height: 1.0625rem;
}

.back-home > a {
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
}

.back-home > svg {
	fill: #ffb800;
	width: 0.9375rem;
	margin-right: 0.5rem;
}

.form-page {
	min-height: 100vh;
	background-position:
		calc(50% - 30.3125rem) 6.5625rem,
		0 100%,
		calc(50% - 28.125rem) bottom,
		calc(50% + 17.5rem) calc(100vh - 6.25rem),
		right 12.5rem,
		center 0.125rem,
		-5.4375rem 5.625rem,
		calc(50% - 15.8125rem) top;
	background-repeat: no-repeat;
}

.form-page {
	background-image:
		url(/img/7a398e8.svg), url(/img/form-page-girl.png), url(/img/370c81c.png),
		url(/img/87e89c2.svg), url(/img/7e878c1.svg), url(/img/c299ac6.svg);
}

.admin-form-page {
	min-height: 100vh;
	background-position:
		calc(50% - 30.3125rem) 6.5625rem,
		0 100%,
		calc(50% - 28.125rem) bottom,
		calc(50% + 17.5rem) calc(100vh - 6.25rem),
		right 12.5rem,
		center 0.125rem,
		-5.4375rem 5.625rem,
		calc(50% - 15.8125rem) top;
	background-repeat: no-repeat;
}

.admin-form-page__container {
	width: 408px;
	height: calc(100vh - 152px);
	margin-left: calc(50% + 100px);
}

.form-page__navbar {
	display: none;
}

.form-page__header {
	padding: 64px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form-page__container {
	width: 408px;
	height: calc(100vh - 152px);
	margin-left: calc(50% + 100px);
	padding-top: 70px;
}

@media (max-height: 835px) {
	.form-page {
		background-position:
			calc(50% - 485px) 105px,
			0 calc(100vh - 887px),
			calc(50% - 450px) bottom,
			calc(50% + 280px) calc(100vh - 100px),
			right 200px,
			center 2px,
			-87px 90px,
			calc(50% - 253px) top;
	}

	.form-page__container {
		padding-top: 0;
	}
}

@media (max-height: 775px) {
	.form-page {
		background-position:
			calc(50% - 485px) 105px,
			0 calc(100vh - 820px),
			calc(50% - 450px) bottom,
			calc(50% + 280px) calc(100vh - 100px),
			right 200px,
			center 2px,
			-87px 90px,
			calc(50% - 253px) top;
	}
}

@media (max-height: 745px) {
	.form-page__header {
		padding: 53px 64px;
	}
}

@media (max-width: 1250px) {
	.form-page {
		background-position:
			calc(50% - 485px) 105px,
			calc(50% - 245px) bottom,
			calc(50% - 450px) bottom,
			calc(50% + 280px) calc(100vh - 100px),
			right 200px,
			center 2px,
			-87px 90px,
			calc(50% - 253px) top;
	}
}

@media (max-width: 1024px) {
	.form-page__container {
		margin-left: 50%;
	}
}

@media (max-width: 825px) {
	.form-page {
		background-position:
			calc(50% - 485px) 105px,
			calc(50% - 450px) bottom,
			calc(50% + 280px) calc(100vh - 100px),
			right 200px,
			center 2px,
			-87px 90px,
			calc(50% - 253px) top;
		background-image:
			url(/img/7a398e8.svg), url(/img/370c81c.png),
			url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0MCA3MiIgZmlsbD0iIzFFMUQxRCIgZmlsbC1vcGFjaXR5PSIwLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjQiIGN5PSIzNiIgcj0iNCIvPgo8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iMzYiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI2OCIgcj0iNCIvPgo8L3N2Zz4K),
			url(/img/87e89c2.svg), url(/img/7e878c1.svg), url(/img/c299ac6.svg),
			url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3MyIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTM3MyAxMDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+CjxwYXRoIGQ9Ik0wIDBIMTEwMi41TDkxMC40OCAyMS41NDUxQzY4MC40MiA0Ny4zNTgzIDU2NS44MjUgMzEzLjY4NiA3MDUuMjYzIDQ5OC40ODZDNzc4LjI5OSA1OTUuMjgxIDc4NS41OTkgNzI2LjYxNiA3MjMuNzQxIDgzMC45MDlMNTc2IDEwODBIMFYwWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSItMjMwIiB5PSItNDEzIiB3aWR0aD0iMTYwMi41IiBoZWlnaHQ9IjE1ODAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0IGR4PSIyMCIgZHk9Ii0xNjMiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTI1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA2IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==) !important;
	}

	.form-page__container {
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}
}

@media (max-width: 576px) {
	.form-page {
		/* background: #fff url(/img/ed40b38.jpg?v=1) center 59px/576px no-repeat !important  */
		display: cover;
		background-repeat: no-repeat;
	}

	.form-page__navbar {
		display: block;
	}

	.form-page__header {
		display: none;
	}

	.form-page__container {
		text-align: center;
		padding-top: 300px;
	}

	.form-page .section-title {
		font-size: 24px;
		line-height: 29px;
	}

	.form-page {
		background-image: url(../img/form-page-girl.png) !important;
		background-repeat: no-repeat;
		display: cover;
	}
}

@media (max-width: 445px) {
	.form-page {
		background-size: 445px !important;
	}

	.form-page__container {
		width: 100%;
		padding: 235px 15px 15px;
	}
}

@media (min-width: 1920px) {
	.form-page {
		background-size:
			43rem 59.625rem,
			52.625rem 55.4375rem,
			61.75rem 40.1875rem,
			2.5rem 4.5rem,
			12.0625rem 14.5rem,
			14.5rem 10.0625rem,
			12.5rem 14.5rem,
			85.8125rem 67.5rem;
		background-position:
			calc(50% - 30.3125rem) 6.5625rem,
			0 100%,
			calc(50% - 28.125rem) bottom,
			calc(50% + 17.5rem) calc(100vh - 6.25rem),
			right 12.5rem,
			center 0.125rem,
			-5.4375rem 5.625rem,
			calc(50% - 15.8125rem) top;
	}

	.form-page__header {
		padding: 4rem;
	}

	.form-page__container {
		width: 25.5rem;
		height: calc(100vh - 9.5rem);
		margin-left: calc(50% + 6.25rem);
		padding-top: 4.375rem;
	}
}

.vue-modal-bottom,
.vue-modal-bottomLeft,
.vue-modal-bottomRight,
.vue-modal-left,
.vue-modal-right,
.vue-modal-top,
.vue-modal-topLeft,
.vue-modal-topRight {
	display: block;
	overflow: hidden;
	position: absolute;
	background: transparent;
	z-index: 9999999;
}

.vue-modal-bottomLeft,
.vue-modal-bottomRight,
.vue-modal-topLeft,
.vue-modal-topRight {
	width: 12px;
	height: 12px;
}

.vue-modal-top {
	right: 12;
	top: 0;
	width: 100%;
	height: 12px;
	cursor: n-resize;
}

.vue-modal-bottom {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 12px;
	cursor: s-resize;
}

.vue-modal-left {
	left: 0;
	top: 0;
	width: 12px;
	height: 100%;
	cursor: w-resize;
}

.vue-modal-right {
	right: 0;
	top: 0;
	width: 12px;
	height: 100%;
	cursor: e-resize;
}

.vue-modal-topRight {
	right: 0;
	top: 0;
	background: transparent;
	cursor: ne-resize;
}

.vue-modal-topLeft {
	left: 0;
	top: 0;
	cursor: nw-resize;
}

.vue-modal-bottomLeft {
	left: 0;
	bottom: 0;
	cursor: sw-resize;
}

.vue-modal-bottomRight {
	right: 0;
	bottom: 0;
	cursor: se-resize;
}

#vue-modal-triangle:after {
	display: block;
	position: absolute;
	content: '';
	background: transparent;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-bottom: 10px solid #ddd;
	border-left: 10px solid transparent;
}

#vue-modal-triangle.clicked:after {
	border-bottom: 10px solid #369be9;
}

.vm--block-scroll {
	overflow: hidden;
	width: 100vw;
}

.vm--container {
	z-index: 999;
}

.vm--container,
.vm--overlay {
	position: fixed;
	box-sizing: border-box;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
}

.vm--overlay {
	background: rgba(0, 0, 0, 0.2);
	opacity: 1;
}

.vm--container.scrollable {
	height: 100%;
	min-height: 100vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.vm--modal {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
}

.vm--container.scrollable .vm--modal {
	margin-bottom: 2px;
}

.vm--top-right-slot {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

.vm-transition--overlay-enter-active,
.vm-transition--overlay-leave-active {
	transition: all 50ms;
}

.vm-transition--overlay-enter,
.vm-transition--overlay-leave-active {
	opacity: 0;
}

.vm-transition--modal-enter-active,
.vm-transition--modal-leave-active {
	transition: all 0.4s;
}

.vm-transition--modal-enter,
.vm-transition--modal-leave-active {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.vm-transition--default-enter-active,
.vm-transition--default-leave-active {
	transition: all 2ms;
}

.vm-transition--default-enter,
.vm-transition--default-leave-active {
	opacity: 0;
}

.vue-dialog {
	font-size: 14px;
}

.vue-dialog div {
	box-sizing: border-box;
}

.vue-dialog-content {
	flex: 1 0 auto;
	width: 100%;
	padding: 14px;
}

.vue-dialog-content-title {
	font-weight: 600;
	padding-bottom: 14px;
}

.vue-dialog-buttons {
	display: flex;
	flex: 0 1 auto;
	width: 100%;
	border-top: 1px solid #eee;
}

.vue-dialog-buttons-none {
	width: 100%;
	padding-bottom: 14px;
}

.vue-dialog-button {
	font-size: inherit;
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	cursor: pointer;
	box-sizing: border-box;
	line-height: 40px;
	height: 40px;
	color: inherit;
	font: inherit;
	outline: none;
}

.vue-dialog-button:hover {
	background: #f9f9f9;
}

.vue-dialog-button:active {
	background: #f3f3f3;
}

.vue-dialog-button:not(:first-of-type) {
	border-left: 1px solid #eee;
}

.vue-notification-group {
	display: block;
	position: fixed;
	z-index: 5000;
}

.vue-notification-wrapper {
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

.notification-title {
	font-weight: 600;
}

.vue-notification-template {
	background: #fff;
}

.vue-notification,
.vue-notification-template {
	display: block;
	box-sizing: border-box;
	text-align: left;
}

.vue-notification {
	font-size: 12px;
	padding: 10px;
	margin: 0 5px 5px;
	color: #fff;
	background: #44a4fc;
	border-left: 5px solid #187fe7;
}

.vue-notification.warn {
	background: #ffb648;
	border-left-color: #f48a06;
}

.vue-notification.error {
	background: #e54d42;
	border-left-color: #b82e24;
}

.vue-notification.success {
	background: #68cd86;
	border-left-color: #42a85f;
}

.vn-fade-enter-active,
.vn-fade-leave-active,
.vn-fade-move {
	transition: all 0.5s;
}

.vn-fade-enter,
.vn-fade-leave-to {
	opacity: 0;
}

.nuxt-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	width: 0;
	opacity: 1;
	transition:
		width 0.1s,
		opacity 0.4s;
	background-color: #000;
	z-index: 999999;
}

.nuxt-progress.nuxt-progress-notransition {
	transition: none;
}

.nuxt-progress-failed {
	background-color: red;
}

.user-profile__avatar-image {
	max-width: 2.375rem;
	margin-left: -0.4375rem;
}

.user-profile__nickname {
	margin-left: 0.4375rem;
	font-weight: 600;
	line-height: 1.0625rem;
	white-space: nowrap;
	font-size: 0.75rem;
}

.user-profile .halloween-2022 {
	background-color: rgba(244, 241, 225, 0.1);
}

.user-profile .halloween-2022__nickname {
	color: rgba(244, 241, 225, 0.7);
}

.user-profile__menu {
	padding: 1rem;
	display: grid;
	grid-row-gap: 0.8125rem;
}

.user-profile__menu-divider {
	height: 0.0625rem;
	background: rgba(30, 29, 29, 0.1);
}

/* .login-button {
    background-color: #f2f2f2;
    border-radius: .375rem;
    display: inline-block;
    padding: .8125rem 1rem;
    font-weight: 600;
    line-height: 1.0625rem;
    white-space: nowrap
} */

.halloween-2022 .login-button {
	background-color: rgba(244, 241, 225, 0.1);
	color: rgba(244, 241, 225, 0.7);
}

.login-button--hide-md {
	display: none;
}

.menu-modal {
	padding: 1.5rem;
}

.menu-modal__links {
	display: grid;
	grid-row-gap: 2rem;
	justify-content: center;
	text-align: center;
}

.menu-modal__link {
	display: block;
	font-size: 1.375rem !important;
	line-height: 1.6875rem;
}

/* @media(max-width:80rem) {
    .navbar__container {
        grid-column-gap: 90px
    }

    .navbar-link {
        font-size: .9375rem
    }

    .login-button--hide-xs {
        display: inline-block
    }

    .login-button--hide-md {
        display: none
    }
} */

/* @media(max-width:64rem) {
    .navbar {
        padding-top: 12px;
        padding-bottom: 12px;
        z-index: 9
    }

    .navbar__container {
        grid-template-columns: 78px 1fr -webkit-max-content;
        grid-template-columns: 78px 1fr max-content;
        grid-column-gap: 5px
    }

    .navbar__toggle-menu {
        display: inline-block
    }

    .navbar__logo {
        order: 2;
        justify-self: center
    }

    .navbar__profile {
        order: 3
    }

    .navbar__links {
        display: none
    }

    .user-profile {
        display: block;
        background-color: transparent;
        padding: unset
    }

    .user-profile__avatar {
        width: 33px;
        height: 33px;
        background-size: 50px, 33px 33px;
        background-position: -7px 0, 0 0
    }

    .user-profile__nickname {
        display: none
    }

    .user-profile__menu {
        padding: 16px;
        display: grid;
        grid-row-gap: 13px
    }

    .user-profile__menu-divider {
        height: 1px;
        background: rgba(30, 29, 29, .1)
    }

    .login-button {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .login-button--hide-xs {
        display: none
    }

    .login-button--hide-md {
        display: inline-block
    }

    .navbar-menu-modal,
    .navbar-menu-modal>.vm--overlay {
        top: 61px !important
    }

    .navbar-menu-modal>.vm--modal {
        box-shadow: unset
    }
} */

.logo {
	display: flex;
	align-items: center;
	cursor: default;
}

.logo__image {
	flex: 1.875rem 0 0;
	width: 1.875rem;
	height: 1.6826875rem;
}

.logo__name {
	font-weight: 800;
	font-style: italic;
	font-size: 1.125rem;
	margin-left: 0.5rem;
	white-space: nowrap;
	color: whitesmoke;
}

.logo__name > span {
	font-weight: 300;
	display: inline-block;
	margin-left: 0.25rem;
}

.play-button {
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, 0.64);
	border-radius: 0.5rem;
	padding: 1.75rem 3.75rem;
	display: flex;
	align-items: center;
	transition: all 0.2s ease;
	text-transform: uppercase;
}

.play-button__text {
	color: #fff;
	font-weight: 600;
	line-height: 1.3125rem;
	font-size: 1.125rem;
}

.play-button__icon {
	margin-left: 0.5rem;
	width: 0.8125rem;
	height: 1rem;
}

.play-button:hover {
	background:
		linear-gradient(0deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0.15)),
		linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	transform: scale(1.03);
}

.header {
	position: relative;
	height: 43.4375rem;
}

.header__bg {
	position: absolute;
	background-repeat: no-repeat;
	z-index: 1;
}

.header__bg--1 {
	width: 53.0625rem;
	height: 58.625rem;
	background-image: url(/img/pers.png);
	background-size: contain;
	top: -5.9375rem;
	right: 0;
}

.header__bg--2 {
	text-transform: uppercase;
	font-size: 7.75rem;
	font-weight: 200;
	display: inline-block;
	background: linear-gradient(
		100.61deg,
		rgba(3, 3, 3, 0.1) 14.17%,
		rgba(3, 3, 3, 0) 117.48%
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 9.4375rem;
	left: 0;
	top: 10.75rem;
}

.header__bg--3 {
	width: 2.5rem;
	height: 4.5rem;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0MCA3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNCIgY3k9IjQiIHI9IjQiIGZpbGw9IiMxRTFEMUQiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxjaXJjbGUgY3g9IjQiIGN5PSIzNiIgcj0iNCIgZmlsbD0iIzFFMUQxRCIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPGNpcmNsZSBjeD0iNCIgY3k9IjY4IiByPSI0IiBmaWxsPSIjMUUxRDFEIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8Y2lyY2xlIGN4PSIzNiIgY3k9IjQiIHI9IjQiIGZpbGw9IiMxRTFEMUQiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iMzYiIHI9IjQiIGZpbGw9IiMxRTFEMUQiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iNjgiIHI9IjQiIGZpbGw9IiMxRTFEMUQiIGZpbGwtb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=);
	background-size: contain;
	top: 3.8125rem;
	left: 10.625rem;
}

.header__bg--4 {
	width: 9.875rem;
	height: 14.5rem;
	background-image: url(/img/5c1cddf.svg);
	background-size: contain;
	bottom: -2.9375rem;
	left: 0;
}

.header__bg--5 {
	width: 21.4375rem;
	height: 16.1875rem;
	background-image: url(/img/9687c19.svg);
	background-size: contain;
	top: 2.9375rem;
	right: 0;
}

.header__container,
.header__name {
	position: relative;
}

.header__name {
	text-transform: uppercase;
	display: inline-block;
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 800;
	font-size: 4rem;
	text-shadow: 0 1.6875rem 4rem rgba(255, 184, 0, 0.64);
	line-height: 4.875rem;
	margin-top: 11.25rem;
	z-index: 3;
	margin-left: 0.375rem;
}

.header__description {
	max-width: 25rem;
	line-height: 1.8125rem;
	font-size: 1.5rem;
	margin-top: 4rem;
	color: gray;
}

.header__play-button {
	margin-top: 4rem;
	z-index: 2;
	position: relative;
}

@media (max-width: 1920px) {
	.play-button {
		box-shadow: 0 27px 64px -16px rgba(255, 184, 0, 0.64);
		border-radius: 8px;
		padding: 28px 60px;
	}

	.play-button__text {
		line-height: 21px;
	}

	.play-button__icon {
		margin-left: 8px;
		width: 13px;
		height: 16px;
	}

	.header {
		height: 695px;
	}

	.header__bg--1 {
		width: 849px;
		height: 938px;
		top: -95px;
	}

	.header__bg--2 {
		font-size: 124px;
		line-height: 151px;
		top: 172px;
	}

	.header__bg--3 {
		width: 40px;
		height: 72px;
		top: 61px;
		left: 170px;
	}

	.header__bg--4 {
		width: 158px;
		height: 232px;
		bottom: -47px;
	}

	.header__bg--5 {
		width: 343px;
		height: 259px;
		top: 47px;
	}

	.header__name {
		text-shadow: 0 27px 64px rgba(255, 184, 0, 0.64);
		line-height: 78px;
		margin-top: 180px;
		margin-left: 6px;
	}

	.header__description {
		max-width: 400px;
		line-height: 29px;
		margin-top: 64px;
	}

	.header__play-button {
		margin-top: 64px;
	}
}

@media (max-width: 1280px) {
	.header__bg--1 {
		width: 700px;
		top: 0;
	}
}

@media (max-width: 1024px) {
	.header {
		overflow: hidden;
	}

	.header__bg--1 {
		right: -250px;
	}
}

@media (max-width: 768px) {
	.header__bg--1 {
		right: -400px;
	}

	.header__bg--2 {
		font-size: 105px;
	}
}

@media (max-width: 576px) {
	.header__bg--1 {
		right: 0;
		width: 403px;
		height: 370px;
		top: 300px;
	}

	.header__bg--2 {
		font-size: 59px;
		line-height: 78px;
		background: linear-gradient(
			180deg,
			rgba(3, 3, 3, 0.18) -9.93%,
			rgba(3, 3, 3, 0) 91.72%
		);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		top: 73px;
		width: 100%;
		text-align: center;
	}

	.header__bg--3,
	.header__bg--4,
	.header__bg--5 {
		display: none;
	}

	.header__name {
		margin-top: 126px;
		font-size: 42px;
		text-align: center;
		width: 100%;
	}

	.header__description {
		text-align: center;
		font-size: 1rem;
		max-width: 230px;
		margin: 0 auto;
	}

	.play-button {
		width: 100%;
		padding: 15px 0;
		justify-content: center;
		text-transform: uppercase;
	}
}

.monitoring {
	position: relative;
	overflow: hidden;
	padding-top: 107px;
}

.monitoring__map {
	width: 1280px;
	position: absolute;
	top: 0;
	left: calc(50% - 640px);
}

.monitoring__values {
	font-size: 2.625rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	color: gray;
}

.monitoring__value-current {
	font-weight: 900;
	position: relative;
	padding-left: 12px;
	color: rgb(255, 238, 250);
}

.monitoring__value-current:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #f96918;
	top: calc(50% - 6px);
	left: -12px;
}

.monitoring__value-max {
	color: rgba(107, 102, 102, 0.45);
	cursor: default;
}

@media (max-width: 768px) {
	.monitoring__values {
		font-size: 35px;
	}
}

@media (max-width: 576px) {
	.monitoring__values {
		font-size: 20px;
	}
}

.download-button {
	width: 413px;
	height: 78px;
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 27px 64px -16px rgba(255, 184, 0, 0.64);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	transition: transform 0.2s ease;
}

.download-button__image {
	margin-left: 8px;
}

.download-button:hover {
	background:
		linear-gradient(0deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0.15)),
		linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	transform: scale(1.03);
}

.screenshot {
	width: 478px;
	height: 249px;
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 27px 64px -16px rgba(255, 184, 0, 0.64);
	border-radius: 12px;
	position: relative;
	transform-style: preserve-3d;
	transition: transform 0.1s ease-out;
}

.screenshot__image {
	border-radius: 12px;
	width: 365px;
	height: 240px;
	position: absolute;
	left: 56px;
	top: -36px;
}

.screenshot:hover {
	transform: perspective(1000px) rotateX(var(--rotateX)) rotateY(var(--rotateY));
}

.how-to-start {
	background: url(/img/60efc58.svg) calc(50% + 435px) top no-repeat;
	margin-top: 130px;
	/* padding-bottom: 95px; */
	position: relative;
}

.how-to-start:after,
.how-to-start:before {
	content: '';
	position: absolute;
	border-radius: 50%;
	background-image: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 27px 64px -16px rgba(255, 184, 0, 0.64);
}

.how-to-start:before {
	width: 47px;
	height: 47px;
	bottom: 70px;
	left: calc(50% + 100px);
}

.how-to-start:after {
	width: 67px;
	height: 67px;
	top: -33.5px;
	left: calc(50% + 587px);
}

.how-to-start__wrapper {
	display: grid;
	grid-template-columns: 1fr 478px;
	grid-column-gap: 185px;
}

.how-to-start__title {
	font-weight: 800;
	font-size: 42px;
	text-transform: uppercase;
	margin-top: 35px;
	line-height: 51px;
	color: white;
}

.how-to-start__title span {
	font-weight: 300;
}

.how-to-start__desc {
	color: rgba(3, 3, 3, 0.45);
	font-size: 24px;
	line-height: 29px;
	margin: 32px 0 0;
	color: gray;
}

.how-to-start__screenshot {
	grid-row: span 3;
	margin-top: 106px;
	/* margin-left: -204px; */
}

/* .how-to-start__button {
    margin-top: 64px;
} */

@media (max-width: 1315px) {
	.how-to-start:after {
		left: calc(50% + 555px);
	}
}

@media (max-width: 1280px) {
	.how-to-start {
		background-position-x: calc(50% + 308px);
	}

	.how-to-start:after {
		left: calc(50% + 438px);
	}

	.how-to-start:before {
		left: 50%;
	}

	.how-to-start__wrapper {
		grid-column-gap: 85px;
	}

	.how-to-start__title {
		font-size: 2.895rem;
	}

	.how-to-start__desc {
		font-size: 1.3rem;
	}
}

@media (max-width: 1024px) {
	.how-to-start {
		/* margin-top: 50px; */
		background:
			calc(50% + 63px) 370px no-repeat,
			url(/img/a8fec73.svg) 0 0 no-repeat;
	}

	.how-to-start:after,
	.how-to-start:before {
		display: none;
	}

	.how-to-start__wrapper {
		grid-template-columns: 1fr;
		margin-top: -202px;
	}

	.how-to-start__title {
		order: 1;
		text-align: center;
	}

	.how-to-start__desc {
		order: 2;
		max-width: 535px;
		margin: 0 auto;
		text-align: center;
	}

	.how-to-start__button {
		order: 3;
		justify-self: center;
		z-index:;
	}

	.how-to-start__screenshot {
		order: 4;
		justify-self: center;
	}
}

@media (max-width: 576px) {
	.how-to-start {
		background:
			url(/img/60efc58.svg) calc(50% + 63px) 215px no-repeat,
			url(/img/a8fec73.svg) 0 0 no-repeat;
	}

	.how-to-start__title {
		font-size: 24px;
		line-height: 29px;
		top: 0;
	}

	.how-to-start__desc {
		font-size: 14px;
		line-height: 19px;
		margin-top: 20px;
	}

	.how-to-start__button {
		margin-top: 32px;
	}

	.how-to-start__screenshot {
		margin-top: 143px;
	}

	.screenshot {
		width: 100%;
		height: 161px;
		border-radius: 12px;
		margin-left: 0px;
		top: 23px;
	}

	.screenshot__image {
		left: calc(50% - 160px);
		top: -85px;
		width: 320px;
	}

	.download-button {
		width: 60vw;
		height: 50px;
		font-size: 16px;
		z-index: 999;
	}

	.download-button__image {
		margin-left: 8px;
	}
}

@media (max-width: 355px) {
	.screenshot__image {
		width: 270px;
		left: calc(50% - 135px);
		top: -65px;
	}
}

.posts-list__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 16px;
	-moz-column-gap: 16px;
	column-gap: 16px;
	grid-row-gap: 16px;
	row-gap: 16px;
}

@media (max-width: 1280px) {
	.posts-list__items {
		grid-template-columns: repeat(3, 1fr);
	}

	.posts-list__item {
		display: none;
	}

	.posts-list__item:first-child,
	.posts-list__item:nth-child(2),
	.posts-list__item:nth-child(3) {
		display: grid;
	}
}

@media (max-width: 1024px) {
	.posts-list__items {
		grid-template-columns: repeat(2, 1fr);
		padding: 0 40px;
	}

	.posts-list__item {
		display: grid;
	}
}

@media (max-width: 768px) {
	.posts-list__items {
		padding: 0;
	}
}

@media (max-width: 576px) {
	.posts-list__items {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 1920px) {
	.posts-list__items {
		grid-column-gap: 16px;
		-moz-column-gap: 16px;
		column-gap: 16px;
		grid-row-gap: 16px;
		row-gap: 16px;
	}
}

.posts {
	margin-top: 85px;
}

.posts__title {
	text-align: right;
}

.posts__items {
	margin-top: 64px;
}

@media (max-width: 576px) {
	.posts__title {
		text-align: center;
		/* margin-top: -928px; */
	}

	.posts__items {
		margin-top: 32px;
	}
}

.post-card {
	background: #181818;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 200px 65px 1fr 55px;
	/* border: 1px solid rgba(0, 0, 0, .1); */
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.2s ease;
	order: 2;
}

.post-card:hover {
	box-shadow: 0 32px 124px -16px rgba(0, 0, 0, 0.12);
	transform: translateY(-16px);
}

.post-card--important {
	order: 1;
	grid-column: span 2;
}

.post-card__picture {
	grid-column: span 2;
}

.post-card__image {
	width: 100%;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
}

.post-card__title {
	font-size: 16px;
	line-height: 19.5px;
	font-weight: 800;
	padding: 0 24px;
	color: #1e1d1d;
	grid-column: span 2;
	align-self: center;
	color: white;
}

.post-card__description {
	padding: 0 24px;
	grid-column: span 2;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}

.post-card__date,
.post-card__description {
	font-size: 14px;
	line-height: 17px;
	cursor: default;
	color: gray;
}

.post-card__date {
	font-weight: 600;
	/* color: rgba(30, 29, 29, .45); */
	padding-left: 24px;
	align-self: center;
}

.post-card__action {
	border-width: 0 1px 1px 0;
	border-radius: 0 0 8px 0;
	padding-right: 24px;
	text-align: right;
	align-self: center;
}

.post-card__link {
	font-size: 15px;
	font-weight: 600;
	line-height: 19px;
	outline: none;
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.post-card__link > img {
	margin-left: 8px;
}

@media (max-width: 1280px) {
	.post-card {
		grid-template-rows: 213px 65px 1fr 55px;
	}

	.post-card__image {
		height: 213px;
	}
}

@media (max-width: 576px) {
	.post-card {
		grid-template-rows: 22px 1fr;
		padding: 8px;
		grid-template-columns: 80px 1fr;
		grid-column-gap: 8px;
		-moz-column-gap: 8px;
		column-gap: 8px;
		grid-row-gap: 4px;
		row-gap: 4px;
	}

	.post-card:hover {
		transform: unset;
		box-shadow: unset;
	}

	.post-card__picture {
		grid-column: unset;
		grid-row: span 2;
	}

	.post-card__image {
		height: 80px;
		border-radius: 8px;
	}

	.post-card__title {
		grid-column: unset;
		font-size: 15px;
		padding: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 22px;
	}

	.post-card__description {
		grid-column: unset;
		-webkit-line-clamp: 3;
		padding: 0;
		line-height: 18px;
	}

	.post-card__action,
	.post-card__date {
		display: none;
	}
}

@media (min-width: 1920px) {
	.post-card {
		grid-template-rows: 200px 65px 1fr 55px;
		border-width: 1px;
		border-radius: 8px;
	}

	.post-card:hover {
		box-shadow: 0 32px 124px -16px rgba(0, 0, 0, 0.12);
		transform: translateY(-16px);
	}

	.post-card__image {
		height: 200px;
	}

	.post-card__title {
		line-height: 19.5px;
		padding: 0 24px;
	}

	.post-card__description {
		line-height: 17px;
		padding: 0 24px;
	}

	.post-card__date {
		line-height: 17px;
		padding-left: 24px;
	}

	.post-card__action {
		border-width: 0 1px 1px 0;
		border-radius: 0 0 8px 0;
		padding-right: 24px;
	}

	.post-card__link {
		line-height: 19px;
	}

	.post-card__link > img {
		margin-left: 8px;
	}
}

.social-network {
	margin-top: 180px;
	background: url(/img/c299ac6.svg) left 200px/200px 232px no-repeat;
	position: relative;
	padding-bottom: 65px;
}

.social-network__items {
	display: flex;
	justify-content: space-between;
	padding: 64px;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 64px;
	background-color: #fff;
}

.social-network:after,
.social-network:before {
	content: '';
	position: absolute;
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 27px 64px -16px rgba(255, 184, 0, 0.64);
	border-radius: 50%;
}

.social-network:after {
	width: 37px;
	height: 37px;
	top: 210px;
	right: calc(50% - 772px);
}

.social-network:before {
	width: 81px;
	height: 81px;
	top: 370px;
	left: calc(50% - 785px);
}

@media (max-width: 1553px) {
	.social-network:after {
		display: none;
	}
}

@media (max-width: 768px) {
	.social-network {
		background:
			url(/img/c299ac6.svg) left 0/200px 232px no-repeat,
			url(/img/c299ac6.svg) right 220px/200px 232px no-repeat;
	}
}

@media (max-width: 576px) {
	.social-network__title {
		text-align: center;
		font-size: 24px;
		line-height: 29px;
	}

	.social-network__items {
		margin-top: 32px;
		padding: 27px;
	}
}

.footer {
	height: 4.6875rem;
	background-color: #1e1d1e;
	display: flex;
	align-items: center;
	margin-top: 7rem;
}

.footer__container {
	display: grid;
	grid-template-columns: -webkit-max-content 1fr;
	grid-template-columns: max-content 1fr;
	align-items: center;
	grid-column-gap: 6.875rem;
	-moz-column-gap: 6.875rem;
	column-gap: 6.875rem;
}

.footer__links {
	display: flex;
	justify-content: space-between;
	color: white;
}

.footer__link {
	color: rgba(30, 29, 29, 0.45);
	font-weight: 600;
	font-size: 0.875rem;
	color: white;
}

.halloween-2022 .footer {
	background-color: #101010;
}

.halloween-2022 .footer__link {
	color: rgba(244, 241, 225, 0.45);
}

.halloween-2022 .footer__link:hover {
	color: rgba(244, 241, 225, 0.6);
}

@media (max-width: 1280px) {
	.footer__container {
		grid-column-gap: 3.125rem;
		-moz-column-gap: 3.125rem;
		column-gap: 3.125rem;
	}

	.footer__links {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		text-align: center;
		align-items: center;
	}
}

@media (max-width: 1024px) {
	.footer {
		height: auto;
		padding: 1rem 0;
	}

	.footer__container {
		grid-template-columns: 1fr;
		grid-row-gap: 2rem;
		row-gap: 2rem;
	}

	.footer__container > .logo {
		justify-self: center;
	}

	.footer__links {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		text-align: center;
		align-items: center;
	}
}

@media (max-width: 1024px) {
	.footer__container {
		grid-row-gap: 1rem;
		row-gap: 1rem;
	}

	.footer__links {
		grid-template-columns: 1fr;
	}

	.footer__link:nth-child(3) {
		margin-top: 0.5rem;
	}

	.footer__link:first-child,
	.footer__link:nth-child(2) {
		font-weight: 400;
	}
}

.sn-icon {
	border-radius: 50%;
	background: #eee 50% no-repeat;
	position: relative;
	width: 92px;
	height: 92px;
	transition: transform 0.3s ease;
}

.sn-icon:after {
	content: none;
}

.sn-icon:hover {
	transform: scale(1.15);
}

@media (max-width: 460px) {
	.sn-icon {
		width: 50px;
		height: 50px;
	}

	.sn-icon--vk {
		background-position: 48% 53%;
		background-size: 55%;
	}

	.sn-icon--ds {
		background-size: 25px;
		background-position: 50%;
	}

	.sn-icon--tg {
		background-position: 48% 53%;
		background-size: 100%;
	}

	.sn-icon--yt {
		background-size: 25px;
		background-position-x: 60%;
	}

	.sn-icon--tt {
		background-position-x: 54%;
	}

	.sn-icon--ig {
		background-position: center;
		background-size: 55%;
	}
}

.sn-icon--vk {
	background-color: #2789f6;
	background-image: url(/img/3af401f.svg);
}
.sn-icon--ds {
	background-color: #5865f2;
	background-image: url(/img/discord.png);
	background-size: 55%;
}
.sn-icon--tg {
	background-image: url(/img/80ae873.svg);
}
.sn-icon--yt {
	background-color: #fc0d1b;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC4zMzMwMDhWMzMuNjY2M0wzMy4zMzMzIDE2Ljk5OTdMMCAwLjMzMzAwOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
	background-position-x: 57%;
}
.sn-icon--tt {
	background-color: #000;
	background-image: url(/img/d3f6b5a.svg);
}
.sn-icon--ig {
	background: linear-gradient(
		45deg,
		#f09433 0%,
		#e6683c 25%,
		#dc2743 50%,
		#cc2366 75%,
		#bc1888 100%
	);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}

.currency-helper {
	font-size: 0.8rem;
	margin-top: 3rem;
	text-align: center;
}

.shop-page {
	position: relative;
	background:
		url('/img/3318580.svg') left 37.4375rem/11.25rem 14.5rem no-repeat,
		url('/img/3f573ff.svg') calc(100% - 2.6875rem) 3rem/14.5rem 14.5rem
			no-repeat,
		url('/img/14f8f37.svg') right 65.625rem/8.9375rem 14.5rem no-repeat,
		url('/img/b82b40c.svg') 5.6875rem bottom/14.5rem 13.6875rem no-repeat,
		url('/img/86fe0fa.svg') calc(100% - 20.6875rem) bottom/14.5rem 9.4375rem
			no-repeat;
}

.shop-page:before {
	width: 36.5rem;
	height: 40.5625rem;
	left: 0;
	top: -5.8125rem;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTg0IiBoZWlnaHQ9IjY0OSIgdmlld0JveD0iMCAwIDU4NCA2NDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMS4zNTkzIDM3NC42MzNMNDEuOTA2NyAzMjEuMTA3QzU3LjczMjIgMjQwLjc5NSAxMzUuMzg2IDE4OC4yOTIgMjE1LjgxMiAyMDMuNTI3QzMyMi4zNjggMjIzLjcxMSA0MTQuMDY0IDEyNi45NDkgMzg3Ljc1NSAyMS43Mzc1QzMzOC4wNDUgLTE3Ny4wNTggMjgzLjc0MSAtMzg5LjI4NyAyNzguMzY1IC0zOTIuMzgzQzI3Mi4yOTIgLTM5NS44NzkgMTUzLjk2NCAtMjcwLjMzNSA2MC4xNTI1IC0xNjguODA1QzE4LjAyMDggLTEyMy4yMDcgLTM2LjE4OCAtOTAuNDk5OSAtOTYuMjk1NSAtNzQuOTY0TC0yNjMuMDA5IC0zMS44NzM5Qy0zODQuMDE2IC0wLjU5NzM4NyAtNDcxLjE5NSAxMDQuOTM5IC00NzkuMDYyIDIyOS42NzVMLTQ4MC41OTEgMjUzLjkxMUMtNDg5LjU4NyAzOTYuNTM0IC0zODMuNDQ2IDUyMC40MTQgLTI0MS4xMzEgNTMzLjM5M0wtMTg3LjI2IDUzOC4zMDVDLTgzLjIyMjUgNTQ3Ljc5MyAxMS4xNjIgNDc3LjEzMSAzMS4zNTkzIDM3NC42MzNaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSI3NjUuOTAxIiB5MT0iNjEzLjQ0NCIgeDI9Ii0yNjkuMDkxIiB5Mj0iNzc4LjYyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjk2OTE4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjgwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=)
		50% / contain no-repeat;
}
.shop-page:after,
.shop-page:before {
	content: ' ';
	position: absolute;
	z-index: 1;
}
.shop-page:after {
	width: 46.5625rem;
	height: 37.4375rem;
	right: 0;
	top: 6.4375rem;
	background-position:
		-3.125rem 28.3125rem,
		-2.125rem -4.0625rem,
		50%;
	background-size:
		42.8125rem 16.0625rem,
		41.5rem 49.75rem,
		contain;
	background-repeat: no-repeat;
}
.no-webp .shop-page:after {
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjg1IiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDY4NSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMzMuMjY4IDQuMTk2NjNMMjMyLjIxIDI5Ljk1MDdDMjYxLjc5NCAzNy42NTE1IDI5My4yMzcgMzMuMDA5OCAzMTkuMzM0IDE3LjA4OTRDMzY5LjQzNyAtMTMuNDc1IDQzNC42MDcgLTAuNDk1Mjg5IDQ2OS4xNzYgNDYuOTMyOEw0ODYuMjExIDcwLjMwMzNDNTAyLjMxNiA5Mi40MDAyIDUyNy4wMDIgMTA2LjY3MSA1NTQuMTg4IDEwOS42MDNMNjIyLjM5IDExNi45NTdDNjg1LjU0MyAxMjMuNzY2IDcwNy42NzUgMjA0LjQyNCA2NTYuODQxIDI0Mi41MTFDNjQzLjA5NiAyNTIuODA5IDYyNi4wNDMgMjU3LjY5MiA2MDguOTMgMjU2LjIyOUw5Ny41MTc4IDIxMi41MTFDNDkuMjU0NyAyMDguMzg1IDkuOTE5MzUgMTcyLjA4NSAxLjk0MDA0IDEyNC4zMDhDLTEwLjcxNzUgNDguNTE4OSA1OC45MDc0IC0xNS4xNTkyIDEzMy4yNjggNC4xOTY2M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=),
		url(/img/9d26ffa.webp),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQ1IiBoZWlnaHQ9IjU5OSIgdmlld0JveD0iMCAwIDc0NSA1OTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01MDIuMzA1IDguNDgyODVMNTI1LjIyNiA0Ljg1MzNDNjgxLjY4MiAtMTkuOTIyMiA4MzIuMjM2IDc1LjUzODUgODc1LjY1NSAyMjcuODc3QzkyNy44OTYgNDExLjE2OCA5NzguMzc5IDU5Mi41MjcgOTc1LjUgNTk3LjVDOTcxLjk4OSA2MDMuNTY0IDgwNi43NDIgNTU0LjAwNCA2NzQuNzM0IDUxMi45ODJDNjE1LjQ0OCA0OTQuNTU5IDU1Mi4xNDggNDkzLjMzOCA0OTIuMzI1IDUwOS45MzhMMjUyLjA5MiA1NzYuNTk2QzE3NS45ODQgNTk3LjcxNSA5NC45MjU4IDU2Ny41MDMgNTEuMjA2NiA1MDEuNzIzTDI3LjgzNjUgNDY2LjU2Qy00NC45ODA2IDM1Ni45OTkgMzcuMTUzNCAyMTEuMDc3IDE2OC41OTQgMjE2LjQ4NkMyMjIuMDA0IDIxOC42ODMgMjczLjAyMyAxOTQuMjM5IDMwNC43NzggMTUxLjIzOUwzMzUuMjY2IDEwOS45NTJDMzc1LjQ2NyA1NS41MTMyIDQzNS40NjQgMTkuMDY3NCA1MDIuMzA1IDguNDgyODVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSI4OTQuODA3IiB5MT0iLTUxNy4zNCIgeDI9Ii04NC4xMTUiIHkyPSItMTQyLjg5OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjk2OTE4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjgwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
}

.shop-page:after {
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjg1IiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDY4NSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMzMuMjY4IDQuMTk2NjNMMjMyLjIxIDI5Ljk1MDdDMjYxLjc5NCAzNy42NTE1IDI5My4yMzcgMzMuMDA5OCAzMTkuMzM0IDE3LjA4OTRDMzY5LjQzNyAtMTMuNDc1IDQzNC42MDcgLTAuNDk1Mjg5IDQ2OS4xNzYgNDYuOTMyOEw0ODYuMjExIDcwLjMwMzNDNTAyLjMxNiA5Mi40MDAyIDUyNy4wMDIgMTA2LjY3MSA1NTQuMTg4IDEwOS42MDNMNjIyLjM5IDExNi45NTdDNjg1LjU0MyAxMjMuNzY2IDcwNy42NzUgMjA0LjQyNCA2NTYuODQxIDI0Mi41MTFDNjQzLjA5NiAyNTIuODA5IDYyNi4wNDMgMjU3LjY5MiA2MDguOTMgMjU2LjIyOUw5Ny41MTc4IDIxMi41MTFDNDkuMjU0NyAyMDguMzg1IDkuOTE5MzUgMTcyLjA4NSAxLjk0MDA0IDEyNC4zMDhDLTEwLjcxNzUgNDguNTE4OSA1OC45MDc0IC0xNS4xNTkyIDEzMy4yNjggNC4xOTY2M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=),
		url(/img/9d26ffa.webp),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQ1IiBoZWlnaHQ9IjU5OSIgdmlld0JveD0iMCAwIDc0NSA1OTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01MDIuMzA1IDguNDgyODVMNTI1LjIyNiA0Ljg1MzNDNjgxLjY4MiAtMTkuOTIyMiA4MzIuMjM2IDc1LjUzODUgODc1LjY1NSAyMjcuODc3QzkyNy44OTYgNDExLjE2OCA5NzguMzc5IDU5Mi41MjcgOTc1LjUgNTk3LjVDOTcxLjk4OSA2MDMuNTY0IDgwNi43NDIgNTU0LjAwNCA2NzQuNzM0IDUxMi45ODJDNjE1LjQ0OCA0OTQuNTU5IDU1Mi4xNDggNDkzLjMzOCA0OTIuMzI1IDUwOS45MzhMMjUyLjA5MiA1NzYuNTk2QzE3NS45ODQgNTk3LjcxNSA5NC45MjU4IDU2Ny41MDMgNTEuMjA2NiA1MDEuNzIzTDI3LjgzNjUgNDY2LjU2Qy00NC45ODA2IDM1Ni45OTkgMzcuMTUzNCAyMTEuMDc3IDE2OC41OTQgMjE2LjQ4NkMyMjIuMDA0IDIxOC42ODMgMjczLjAyMyAxOTQuMjM5IDMwNC43NzggMTUxLjIzOUwzMzUuMjY2IDEwOS45NTJDMzc1LjQ2NyA1NS41MTMyIDQzNS40NjQgMTkuMDY3NCA1MDIuMzA1IDguNDgyODVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSI4OTQuODA3IiB5MT0iLTUxNy4zNCIgeDI9Ii04NC4xMTUiIHkyPSItMTQyLjg5OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjk2OTE4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjgwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
}

@media (max-width: 90rem) {
	.shop-page:before {
		background-position-x: -40px;
	}

	.shop-page:after {
		background-position-x: 50px, 66px, 100px;
	}
}

@media (max-width: 80rem) {
	.shop-page {
		background: unset;
	}

	.shop-page:after {
		background-position-x: 220px, 236px, 270px;
	}
}

@media (max-width: 64rem) {
	.shop-page:before {
		top: -59px;
		left: 0;
		width: 255px;
		height: 343px;
		background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM2IiBoZWlnaHQ9IjE4MyIgdmlld0JveD0iMCAwIDEzNiAxODMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02NC43OTE3IDE1MC4wMUw2Ni44NDgyIDEzOS41NzRDNjkuOTMzOCAxMjMuOTE1IDg1LjA3NDUgMTEzLjY3OCAxMDAuNzU2IDExNi42NDhDMTIxLjUzMiAxMjAuNTg0IDEzOS40MSAxMDEuNzE3IDEzNC4yODEgODEuMjAzNUMxMjQuNTg4IDQyLjQ0MjkgMTE0IDEuMDYzMDUgMTEyLjk1MiAwLjQ1OTUxN0MxMTEuODkgLTAuMTUyMDEyIDkzLjIxNDMgMTkuNDgzNSA3Ni4xNzY2IDM3LjgyM0M2NC4xNjk0IDUwLjc0NzYgNDguNzY3NCA2MC4wNTc1IDMxLjY4NzMgNjQuNDcyMUw3LjM5NjYzIDcwLjc1MDVDLTE2LjE5NyA3Ni44NDg3IC0zMy4xOTQ4IDk3LjQyNTggLTM0LjcyODggMTIxLjc0N0wtMzUuMDI2OSAxMjYuNDcyQy0zNi43ODA5IDE1NC4yOCAtMTYuMDg1OCAxNzguNDM0IDExLjY2MjQgMTgwLjk2NEwyMi4xNjYgMTgxLjkyMkM0Mi40NTA5IDE4My43NzIgNjAuODUzNyAxNjkuOTk1IDY0Ljc5MTcgMTUwLjAxWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE0MF8xMTE1KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE0MF8xMTE1IiB4MT0iMjA4LjAxMSIgeTE9IjE5Ni41NzMiIHgyPSI2LjIxMDgyIiB5Mj0iMjI4Ljc4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGOTY5MTgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZCODAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==)
			center -79px / contain no-repeat;
	}

	.shop-page:after {
		top: -59px;
		right: 0;
		width: 276px;
		height: 249px;
		background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ3IiBoZWlnaHQ9IjEzMyIgdmlld0JveD0iMCAwIDE0NyAxMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNDkuODQxIDI2Ljc0NDVMMTQwLjE1NiAzMS4xNDRDMTI1LjYyNSAzNy43NDUyIDEwOC40OSAzMS4zODcxIDEwMS43ODIgMTYuOTA1MkM5Mi44OTUyIC0yLjI4MTk2IDY3LjE0ODYgLTUuODQ1ODQgNTMuNDQ5IDEwLjI2MTZDMjcuNTYzOCA0MC42OTY0IDAuMDY5MzQ1MiA3My4zODM2IDAuMTg4MzY1IDc0LjU4NzNDMC4zMDg5ODEgNzUuODA2OSAyNy4xNDQ4IDc5LjU3MTcgNTEuOTczNiA4Mi43NTgzQzY5LjQ3MTQgODUuMDA0IDg2LjAwNDUgOTIuMTE0IDk5LjUzMjYgMTAzLjQzN0wxMTguNzcyIDExOS41NEMxMzcuNDU5IDEzNS4xODEgMTY0LjA4NCAxMzcuMDMzIDE4NC43NTcgMTI0LjEzTDE4OC43NzQgMTIxLjYyM0MyMTIuNDExIDEwNi44NyAyMjAuMDE1IDc1Ljk4NTQgMjA1LjkyOCA1MS45NDUxTDIwMC41OTYgNDIuODQ1MUMxOTAuMjk4IDI1LjI3MDggMTY4LjM4NiAxOC4zMTk3IDE0OS44NDEgMjYuNzQ0NVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNDBfMTEyMikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNDBfMTEyMiIgeDE9IjEwNC4zODIiIHkxPSItMTE2LjgyOSIgeDI9IjI0Ny45ODkiIHkyPSIyOC41NTg3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGOTY5MTgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZCODAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==)
			center -80px / contain no-repeat !important;
	}
}

@media (max-width: 48rem) {
	.shop-page:before {
		background-position-x: -64px !important;
	}

	.shop-page:after {
		background-position-x: 64px !important;
	}
}

@media (max-width: 36rem) {
	.shop-page:before {
		width: 170px;
		height: 229px;
		background-position: -40px -32px !important;
	}

	.shop-page:after {
		width: 184px;
		height: 166px;
		background-position: 0 -40px !important;
	}
}

.shop-header {
	margin-top: 13rem;
	position: relative;
}

.shop-header__title {
	color: #030303;
	font-size: 4rem;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 4.875rem;
}

.shop-header__title > span {
	font-weight: 300;
}

.shop-header__subtitle {
	color: rgba(3, 3, 3, 0.45);
	font-size: 1.5rem;
	max-width: 38rem;
	line-height: 1.8125rem;
	margin-top: 2rem;
}

.shop-header__subtitle img {
	width: 2rem;
	height: 2rem;
	display: inline-block;
	vertical-align: middle;
}

.shop-header__button {
	width: 15rem;
	height: 4.875rem;
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, 0.64);
	border-radius: 0.5rem;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	z-index: 2;
	margin-top: 4rem;
}

@media (max-width: 64rem) {
	.shop-header {
		margin-top: 128px;
	}

	.shop-header__title {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.shop-header__subtitle {
		max-width: unset;
		text-align: center;
	}

	.shop-header__button {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 64px;
		height: 70px;
	}
}

@media (max-width: 36rem) {
	.shop-header {
		margin-top: 64px;
	}

	.shop-header__title {
		font-size: 42px;
		line-height: 52px;
	}

	.shop-header__subtitle {
		font-size: 16px;
		margin-top: 32px;
	}

	.shop-header__subtitle img {
		width: 24px;
		height: 24px;
	}

	.shop-header__button {
		margin-top: 32px;
		width: 100%;
		height: 50px;
		font-size: 16px;
	}
}

.shop-mobile-divider {
	display: none;
}

@media (max-width: 36rem) {
	.shop-mobile-divider {
		display: block;
		height: 465px;
		margin-top: 64px;
		margin-left: -15px;
		margin-right: -15px;
		background-repeat: no-repeat;
		background-size: 576px, contain, 576px;
		background-position:
			50% calc(100% + 57px),
			center 65px,
			top;
	}

	.shop-mobile-divider {
		background-image:
			url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE0IiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDQxNCAxNDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOTcuNDk0IDEzLjYxNjlMMjAzLjYyNyA5Ljg1MTI5QzIzMC40IC02LjU4NzUzIDI2NS4yNDUgLTAuMzI4ODQ4IDI4NC42MjUgMjQuMzk5NUMyOTEuMTAxIDMyLjY2NDEgMjk5LjU3NyAzOS4xNDI3IDMwOS4yNTEgNDMuMjI0MUwzMzMuNDU3IDUzLjQzNThDMzQ5LjgyNSA2MC4zNDEyIDM2Ny43OTkgNjIuNTI3OCAzODUuMzQ2IDU5Ljc0ODFMNDI4Ljg0NyA1Mi44NTY5QzQ0Ni44MjMgNTAuMDA5MyA0NjQuNDA2IDU5Ljg2MjEgNDcxLjM2MSA3Ni42ODA1QzQ4MS44NDQgMTAyLjAyNiA0NjMuODI4IDEzMC4wNTEgNDM2LjQxOCAxMzEuMDM3TDMuMjI1MTMgMTQ2LjYyOEMtMjguMDkwNiAxNDcuNzU1IC00My40NjMgMTA4LjkyMiAtMTkuODYwNyA4OC4zMDkzQy0xNi45NzUyIDg1Ljc4OTQgLTE0LjU0NjYgODIuNzkgLTEyLjY4MTggNzkuNDQzNkwtNC45NzExNiA2NS42MDY2QzEwLjY4NTMgMzcuNTEwNSA0Ni44ODg1IDI4LjU5MzcgNzMuODAyNiA0Ni4yMDQ3QzkwLjU5NzIgNTcuMTk0IDExMi4wMiA1OC4yNDY4IDEyOS44MTEgNDguOTU3MkwxOTcuNDk0IDEzLjYxNjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K),
			url(/img/9d26ffa.webp),
			url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDE0IiBoZWlnaHQ9IjMzNSIgdmlld0JveD0iMCAwIDQxNCAzMzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMjIuODI1IDQuNzgzMzlMMjQwLjIyNCAyLjMwNzM1QzMzOC45MzMgLTExLjc0IDQzMy41MiA0Ny4yNjgzIDQ2My41OTUgMTQyLjMyN0M0OTQuMzI4IDIzOS40NjMgNTIyLjYzIDMzMS4yNDIgNTIwLjkyNyAzMzMuODg2QzUxOC45NTQgMzM2Ljk0OCA0MzQuOTk5IDMxNC42NzEgMzU4LjIzMyAyOTMuNDI2QzMwNS4wNTcgMjc4LjcxIDI0OC45ODIgMjc3LjY4MSAxOTUuNDQ3IDI5MS4wMzFMNTguMTg2NCAzMjUuMjU5QzE3LjU0OTUgMzM1LjM5MiAtMjUuMTg5NCAzMjAuMDQyIC01MC4wOTI0IDI4Ni4zNjhMLTU4LjAzNDUgMjc1LjYyOUMtMTA2LjQxNiAyMTAuMjA5IC01Ny42OTQ5IDExNy44NjUgMjMuNjE3IDEyMC44NzFDNTMuOTA0OCAxMjEuOTkxIDgyLjk3ODIgMTA4LjkwMyAxMDIuMjIgODUuNDg2M0wxMjEuOTIgNjEuNTExOUMxNDcuMjc5IDMwLjY1MDkgMTgzLjI4IDEwLjQxMTEgMjIyLjgyNSA0Ljc4MzM5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE0MF8xMTE0KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE0MF8xMTE0IiB4MT0iNDcwLjY4MyIgeTE9Ii0yODkuOTQ0IiB4Mj0iLTEyMC44NjIiIHkyPSItMzguMTY3NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjk2OTE4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjgwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
	}
}
@media (max-width: 467px) {
	.shop-mobile-divider {
		height: 371px;
		background-size: 467px, contain, 467px;
		background-position:
			50% calc(100% + 57px),
			center 65px,
			top;
	}
}
.shop-products {
	margin-top: 6rem;
}
.shop-products__products-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	margin-top: 2rem;
}
@media (max-width: 64rem) {
	.shop-products__title {
		text-align: center;
	}
	.shop-products__products-list {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 48rem) {
	.shop-products {
		margin-top: 64px;
	}
	.shop-products__title {
		font-size: 24px;
		line-height: 29px;
	}
	.shop-products__products-list {
		grid-gap: 8px;
	}
}
.shop-product {
	height: 20.4375rem;
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
	border-radius: 0.5rem;
	flex-direction: column;
	transition: all 0.05s ease;
}

.shop-product,
.shop-product__icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.shop-product__icon {
	width: 5.75rem;
	height: 5.75rem;
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
	border-radius: 50%;
}

.shop-product__icon img {
	box-shadow: 0 1.6875rem 4rem rgba(255, 184, 0, 0.64);
}

.shop-product__name {
	font-size: 1.375rem;
	font-weight: 800;
	line-height: 1.6875rem;
	text-transform: uppercase;
	text-align: center;
	margin-top: 2rem;
}

.shop-product__name > span {
	font-weight: 300;
	display: block;
}

.shop-product:hover {
	box-shadow: 0 2rem 7.75rem -1rem rgba(0, 0, 0, 0.12);
	transform: translateY(-15px);
}

.shop-product:hover .shop-product__name {
	text-shadow: 0 1.6875rem 4rem rgba(255, 184, 0, 0.64);
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-width: 36rem) {
	.shop-product {
		height: 200px;
	}

	.shop-product__icon {
		width: 64px;
		height: 64px;
	}

	.shop-product__name {
		font-size: 16px;
		line-height: 20px;
	}
}

.shop-packets {
	margin-top: 4rem;
}

.shop-packets__packets {
	margin-top: 2rem;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1rem;
}

@media (max-width: 80rem) {
	.shop-packets__packets {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 64rem) {
	.shop-packets__title {
		text-align: center;
	}

	.shop-packets__packets {
		grid-template-columns: repeat(2, 306px);
		justify-content: center;
	}
}

@media (max-width: 48rem) {
	.shop-packets__title {
		font-size: 24px;
		line-height: 29px;
	}

	.shop-packets__packets {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 32px 8px;
	}
}

@media (max-width: 36rem) {
	.shop-packets__packets {
		grid-gap: 24px 4px;
	}
}

@media (max-width: 340px) {
	.shop-packets__packets {
		grid-template-columns: 1fr;
		grid-gap: 24px 4px;
	}
}

.shop-packet {
	position: relative;
}

.shop-packet__container {
	height: 21.25rem;
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
	border-radius: 0.5rem;
	overflow: hidden;
	position: relative;
}

.shop-packet__container:after {
	content: ' ';
	position: absolute;
	bottom: 0;
}

.shop-packet__name {
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.4375rem;
	text-transform: uppercase;
	text-align: center;
	margin-top: 2.6875rem;
}

.shop-packet__name > span {
	font-weight: 300;
	display: block;
}

.shop-packet__sum {
	font-size: 2.25rem;
	font-weight: 800;
	line-height: 3.1875rem;
	margin-top: 2.5625rem;
	text-align: center;
}

.shop-packet__buy {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
}

.shop-packet__button {
	font-size: 1.25rem;
	font-weight: 800;
	color: #65c466;
	line-height: 4rem;
}

.shop-packet:hover {
	transform: translateY(-15px);
}

.shop-packet:hover .shop-packet__container {
	box-shadow: 0 32px 124px -16px rgba(0, 0, 0, 0.12);
}

.shop-packet:hover .shop-packet__sum {
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.shop-packet:hover .shop-packet__buy {
	opacity: 1;
}

/* .shop-packet:first-child .shop-packet__container {
        background: url(/img/41fcbd8.svg) bottom/100% no-repeat
    } */

.shop-packet:first-child .shop-packet__container:after {
	background: 50% / contain no-repeat;
	width: 224px;
	height: 192px;
	left: calc(50% - 112px);
}

.no-webp .shop-packet:first-child .shop-packet__container:after {
	background-image: url(/img/b5721ea.webp);
}

.shop-packet:first-child .shop-packet__container:after {
	background-image: url(/img/b5721ea.webp);
}

.shop-packet:first-child:hover .shop-packet__container:after {
	width: 232px;
	height: 147px;
}

.no-webp .shop-packet:first-child:hover .shop-packet__container:after {
	background-image: url(/img/b5721ea.webp);
}

.shop-packet:first-child:hover .shop-packet__container:after {
	background-image: url(/img/73f73d8.webp);
}

.shop-packet:nth-child(2) .shop-packet__container {
	background: url('/img/41fcbd8.svg') bottom/100% no-repeat;
}

.shop-packet:nth-child(2) .shop-packet__container:after {
	background: 50% / contain no-repeat;
	width: 224px;
	height: 182px;
	left: calc(50% - 112px);
}

.shop-packet:nth-child(2) .shop-packet__container:after {
	background-image: url('/img/33e5649.webp');
}

.shop-packet:nth-child(2):hover .shop-packet__container:after {
	background-position-y: 30px;
}

.shop-packet:nth-child(2):hover .shop-packet__container:after {
	background-image: url('/img/0be0bac.webp');
}

.shop-packet:nth-child(3) .shop-packet__container {
	background: url('/img/f4b34d0.svg') bottom/100% no-repeat;
}

.shop-packet:nth-child(3) .shop-packet__container:after {
	background: 50% / contain no-repeat;
	width: 307px;
	height: 235px;
	left: calc(50% - 153px);
}

.shop-packet:nth-child(3) .shop-packet__container:after {
	background-image: url('/img/8b89447.webp');
}

.shop-packet:nth-child(3):hover .shop-packet__container:after {
	height: 204px;
}

.shop-packet:nth-child(3):hover .shop-packet__container:after {
	background-image: url('/img/ca77db5.webp');
}

.shop-packet:nth-child(4) .shop-packet__container {
	background: url('/img/81e2e91.svg') bottom/100% no-repeat;
}

.shop-packet:nth-child(4) .shop-packet__container:after {
	background: 50% / contain no-repeat;
	width: 287px;
	height: 223px;
	left: calc(50% - 143px);
}

.shop-packet:nth-child(4) .shop-packet__container:after {
	background-image: url('/img/d16806f.webp');
}

.shop-packet:nth-child(4):hover .shop-packet__container:after {
	height: 190px;
}

.shop-packet:nth-child(4):hover .shop-packet__container:after {
	background-image: url('/img/fb5d078.webp');
}

.shop-packet:nth-child(5) .shop-packet__container {
	background: url('/img/603e05d.svg') bottom/100% no-repeat;
}

.shop-packet:nth-child(5) .shop-packet__container:after {
	background: 50% / contain no-repeat;
	width: 306px;
	height: 254px;
	left: calc(50% - 153px);
}

.shop-packet:nth-child(5) .shop-packet__container:after {
	background-image: url('/img/58f1cc9.webp');
}

.shop-packet:nth-child(5):hover .shop-packet__container:after {
	height: 201px;
}

.shop-packet:nth-child(5):hover .shop-packet__container:after {
	background-image: url('/img/6e20224.webp');
}

.shop-packet:nth-child(6) .shop-packet__container {
	background: url(/img/f4b34d0.svg) bottom/100% no-repeat;
}

.shop-packet:nth-child(6) .shop-packet__container:after {
	background: 50% / contain no-repeat;
	width: 307px;
	height: 235px;
	left: calc(50% - 153px);
}

.shop-packet:nth-child(6) .shop-packet__container:after {
	background-image: url(/img/8b89447.webp);
}

.shop-packet:nth-child(6):hover .shop-packet__container:after {
	height: 204px;
}

.shop-packet:nth-child(6):hover .shop-packet__container:after {
	background-image: url(/img/ca77db5.webp);
}

.shop-packet:nth-child(7) .shop-packet__container {
	background: url(/img/f4b34d0.svg) bottom/100% no-repeat;
}

.shop-packet:nth-child(7) .shop-packet__container:after {
	background: 50% / contain no-repeat;
	width: 307px;
	height: 235px;
	left: calc(50% - 153px);
}

.shop-packet:nth-child(7) .shop-packet__container:after {
	background-image: url(/img/8b89447.webp);
}

.shop-packet:nth-child(7):hover .shop-packet__container:after {
	height: 204px;
}

.shop-packet:nth-child(7):hover .shop-packet__container:after {
	background-image: url(/img/ca77db5.webp);
}

@media (max-width: 80rem) {
	.shop-packet__sum {
		font-size: 35px;
	}
}

@media (max-width: 36rem) {
	.shop-packet__container {
		height: 234px;
	}

	.shop-packet__name {
		font-size: 14px;
		margin-top: 32px;
	}

	.shop-packet__sum {
		font-size: 23px;
		margin-top: 0;
	}

	.shop-packet__button {
		font-size: 14px;
		line-height: 32px;
	}

	.shop-packet:first-child .shop-packet__container:after {
		background-position-y: 85px;
	}

	.shop-packet:first-child:hover .shop-packet__container:after {
		background-position-y: 15px;
	}

	.shop-packet:nth-child(2) .shop-packet__container:after {
		background-position-y: 85px;
	}

	.shop-packet:nth-child(2):hover .shop-packet__container:after {
		background-position-y: 15px;
	}

	.shop-packet:nth-child(3) .shop-packet__container:after {
		background-position-y: 85px;
	}

	.shop-packet:nth-child(3):hover .shop-packet__container:after {
		background-position-y: 22px;
	}

	.shop-packet:nth-child(4) .shop-packet__container:after {
		background-position-y: 85px;
	}

	.shop-packet:nth-child(4):hover .shop-packet__container:after {
		background-position-y: 29px;
	}

	.shop-packet:nth-child(5) .shop-packet__container:after {
		background-position-y: 55px;
	}

	.shop-packet:nth-child(5):hover .shop-packet__container:after {
		background-position-y: 5px;
	}

	.shop-packet:nth-child(6) .shop-packet__container:after {
		background-position-y: 55px;
	}

	.shop-packet:nth-child(6):hover .shop-packet__container:after {
		background-position-y: 5px;
	}

	.shop-packet:nth-child(7) .shop-packet__container:after {
		background-position-y: 55px;
	}

	.shop-packet:nth-child(7):hover .shop-packet__container:after {
		background-position-y: 5px;
	}
}

@media (max-width: 380px) {
	.shop-packet__container {
		max-width: 215px;
		margin: 0 auto;
	}
}
.another-methods-container {
	text-align: center;
	margin-top: 0.5rem;
}

.another-methods-container > a {
	font-size: 0.9em;
}

.form-button-checkbox {
	display: flex;
	margin-top: 0.5rem;
}

.form-button-checkbox > p {
	font-size: 0.75rem;
	text-align: center;
}

.form-button-checkbox a {
	color: #f96918;
}

.product-info {
	margin-top: 1rem;
}

.check__overlay {
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-overlay {
	background-color: rgba(30, 29, 29, 0.24);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 4999;
}

.body-hide-scroll {
	max-height: 100vh;
	overflow: hidden;
}

.modal-content {
	position: relative;
}

.modal-close-button {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	position: absolute;
	top: 2rem;
	right: 2rem;
	background-color: #f8f8f8;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-close-button > svg {
	width: 0.5rem;
	height: 0.5rem;
}

.modal-close-button--no-border {
	background-color: transparent;
}

.modal-close-button--no-border > svg {
	width: 1rem;
	height: 1rem;
}

.modal-overlay {
	background-color: rgba(30, 29, 29, 0.24);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 4999;
}

.modal-overlay--white {
	background-color: hsla(0, 0%, 100%, 0.24);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.modal-body {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.check__wrapper {
	width: 24.5625rem;
	background-color: #fff;
	min-height: 18.75rem;
	position: relative;
	margin-bottom: 0.5625rem;
	border-radius: 0.75rem 0.75rem 0 0;
	padding: 4.5625rem 2rem 4rem;
}

.check__wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -0.5625rem;
	height: 0.5625rem;
	width: 100%;
	background: url('/img/04f419a.svg') 0 0/24.5625rem 0.5625rem no-repeat;
}
.check__wrapper.isLoading {
	min-height: unset;
}

.check__loader {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.check__loader .radmir-loader {
	width: 6rem;
	height: 6rem;
}

.check__loader span {
	font-size: 1.2rem;
	margin-top: 2rem;
	font-weight: 600;
}

.check__logo {
	width: 4rem;
	height: 4rem;
	margin: 0 auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(
		208.78deg,
		rgba(252, 204, 1, 0.15) -1.13%,
		rgba(255, 53, 0, 0.15) 95.96%
	);
}

.check__logo > img {
	width: 1.5rem;
}

.check__body {
	margin-top: 4rem;
}

.form-container {
	position: relative;
}

.payment-nickname {
	font-weight: 600;
	font-size: 1.5rem;
	text-align: center;
}

.payment-description {
	color: rgba(30, 29, 29, 0.45);
	text-align: center;
	margin-bottom: 2rem;
}

.payment-sum {
	background-color: rgba(101, 196, 102, 0.1);
	border-radius: 4px;
	padding: 2rem 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #65c466;
	margin: 2rem 0;
}

.payment-sum__value {
	font-weight: 600;
}

.payment-sum__value span {
	color: rgba(101, 196, 102, 0.45);
}

.payment-row {
	display: flex;
	justify-content: space-between;
}

.payment-row__key {
	font-weight: 400;
	color: rgba(30, 29, 29, 0.45);
}

.payment-row__value {
	font-weight: 600;
}

.payment-row__value span {
	color: rgba(30, 29, 29, 0.45);
}

.payment-info {
	display: grid;
	grid-row-gap: 1rem;
}
.server-select-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem;
	border-radius: 0.25rem;
}

.server-select-option:hover {
	background-color: #f2f2f2;
}

.server-select-option__name {
	font-weight: 600;
}

.server-select-option__name > span {
	font-weight: 300;
}

.server-select-option__icon {
	width: 1.125rem;
}

.select {
	position: relative;
	width: 100%;
	line-height: 1.1875rem;
	padding: 0.5rem;
	background-color: #f8f8f8;
	border-radius: 0.25rem;
	outline: none;
	border: 0.0625rem solid transparent;
	font-weight: 600;
	cursor: pointer;
}

.select__placeholder {
	color: rgba(30, 29, 29, 0.45);
	padding: 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.select__placeholder > span {
	width: 0.6875rem;
	height: 0.3125rem;
	display: block;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEzIDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFFMUQxRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNkw2LjUgMUwxMiA2IiAvPgo8L3N2Zz4K);
	transform: rotate(180deg);
	transition: transform 0.2s ease;
}
.select--opened {
	border-radius: 0.25rem 0.25rem 0 0;
	background: #fff;
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
	border-bottom-width: 0;
}

.select--opened:after {
	position: absolute;
	content: ' ';
	bottom: 0;
	height: 0.0625rem;
	background-color: rgba(30, 29, 29, 0.1);
	width: calc(100% - 2rem);
	left: 1rem;
}

.select--opened .select__placeholder {
	color: #1e1d1d;
}

.select--opened .select__placeholder > span {
	transform: rotate(0deg);
}

.select--opened .simplebar-track.simplebar-vertical {
	width: 0.0625rem;
	right: 0;
}

.select__options {
	position: absolute;
	width: calc(100% + 0.125rem);
	top: 3.1875rem;
	left: -0.0625rem;
	z-index: 5;
	background: #fff;
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
	border-top-width: 0;
	border-radius: 0 0 0.25rem 0.25rem;
	padding: 0.5rem;
}
.restore-account-link {
	color: rgba(30, 29, 29, 0.45);
	font-weight: 600;
	margin-top: 1rem;
	display: inline-block;
}
.select__overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.select__icon {
	position: absolute;
	right: 1rem;
	top: 1.25rem;
}

.select__icon > svg {
	max-width: 0.75rem;
	max-height: 0.75rem;
	stroke: #1e1d1d;
	stroke-opacity: 0.45;
}
.form__inputs {
	display: grid;
	grid-row-gap: 1rem;
	row-gap: 1rem;
}

.form__divider {
	margin: 1rem 0;
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr -webkit-max-content 1fr;
	grid-template-columns: 1fr max-content 1fr;
	grid-column-gap: 0.75rem;
}

.form__divider > span {
	font-size: 0.75rem;
	color: rgba(30, 29, 29, 0.5);
}

.form__divider > button {
	font-size: 0.875rem;
	color: rgba(30, 29, 29, 0.7);
}

.form__divider:after,
.form__divider:before {
	content: '';
	height: 1px;
	background-color: rgba(30, 29, 29, 0.2);
}

.form__buttons {
	margin-top: 2rem;
	text-align: center;
}

.form-page__navbar {
	display: none;
}

.submit-button {
	line-height: 3.25rem;
	border-radius: 0.25rem;
	background-image: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, 0.64);
	width: 100%;
	color: #fff;
	transition: all 0.1s;
}

.submit-button:hover {
	transform: scale(1.03);
}

.submit-button:disabled,
.submit-button[disabled] {
	background-color: #f2f2f2;
	color: rgba(30, 29, 29, 0.25);
}

.input {
	position: relative;
}

.input__icon {
	position: absolute;
	right: 1rem;
	top: 1.25rem;
	max-width: 0.75rem;
	max-height: 0.75rem;
}

.input__element {
	width: 100%;
	line-height: 1.1875rem;
	padding: 1rem;
	background-color: #f8f8f8;
	border-radius: 0.25rem;
	outline: none;
	border: 0.0625rem solid transparent;
	font-weight: 600;
}

.input__element:focus {
	background-color: #fff;
	border-color: rgba(30, 29, 29, 0.1);
}

.input__element:focus + .input__icon {
	fill-opacity: 1;
	stroke-opacity: 1;
}

.input__element::-moz-placeholder {
	font-weight: 400;
}

.input__element::placeholder {
	font-weight: 400;
}

.input--error .input__element {
	border-color: #ea4f3d;
}

.lory-slider .lory-slides {
	display: inline-block;
}

.lory-slider .lory-slide {
	position: relative;
	display: inline-block;
}
.form-button {
	width: 100%;
	line-height: 3.25rem;
	text-align: center;
	border-radius: 0.25rem;
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, 0.64);
	transition: transform 0.2s ease;
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
}

.form-button:disabled {
	color: rgba(30, 29, 29, 0.25);
	background: #f2f2f2;
	box-shadow: unset;
	cursor: default;
}

.load-launcher {
	font-weight: 600;
	color: gray;
	line-height: 17px;
	cursor: default;
}

.load-launcher > a {
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.back-home {
	display: flex;
	align-items: center;
	line-height: 1.0625rem;
}

.back-home > a {
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
}

.back-home > svg {
	fill: #ffb800;
	width: 0.9375rem;
	margin-right: 0.5rem;
}

.form-page {
	min-height: 100vh;
	background-position:
		calc(50% - 30.3125rem) 6.5625rem,
		0 100%,
		calc(50% - 28.125rem) bottom,
		calc(50% + 17.5rem) calc(100vh - 6.25rem),
		right 12.5rem,
		center 0.125rem,
		-5.4375rem 5.625rem,
		calc(50% - 15.8125rem) top;
	background-repeat: no-repeat;
}

/* .form-page {
            background-image: url(/img/7a398e8.svg),url(/img/5f523211.png?v,=),url(/img/370c81c.png),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0MCA3MiIgZmlsbD0iIzFFMUQxRCIgZmlsbC1vcGFjaXR5PSIwLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjQiIGN5PSIzNiIgcj0iNCIvPgo8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iMzYiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI2OCIgcj0iNCIvPgo8L3N2Zz4K),url(/img/87e89c2.svg),url(/img/7e878c1.svg),url(/img/c299ac6.svg),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3MyIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTM3MyAxMDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+CjxwYXRoIGQ9Ik0wIDBIMTEwMi41TDkxMC40OCAyMS41NDUxQzY4MC40MiA0Ny4zNTgzIDU2NS44MjUgMzEzLjY4NiA3MDUuMjYzIDQ5OC40ODZDNzc4LjI5OSA1OTUuMjgxIDc4NS41OTkgNzI2LjYxNiA3MjMuNzQxIDgzMC45MDlMNTc2IDEwODBIMFYwWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSItMjMwIiB5PSItNDEzIiB3aWR0aD0iMTYwMi41IiBoZWlnaHQ9IjE1ODAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz4KPGZlT2Zmc2V0IGR4PSIyMCIgZHk9Ii0xNjMiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTI1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA2IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
        } */

.form-page__navbar {
	display: none;
}

.form-page__header {
	padding: 64px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form-page__container {
	width: 408px;
	height: calc(100vh - 152px);
	margin-left: calc(50% + 100px);
	padding-top: 70px;
}

@media (max-height: 835px) {
	.form-page {
		background-position:
			calc(50% - 485px) 105px,
			0 calc(100vh - 887px),
			calc(50% - 450px) bottom,
			calc(50% + 280px) calc(100vh - 100px),
			right 200px,
			center 2px,
			-87px 90px,
			calc(50% - 253px) top;
	}

	.form-page__container {
		padding-top: 0;
	}
}

@media (max-height: 775px) {
	.form-page {
		background-position:
			calc(50% - 485px) 105px,
			0 calc(100vh - 820px),
			calc(50% - 450px) bottom,
			calc(50% + 280px) calc(100vh - 100px),
			right 200px,
			center 2px,
			-87px 90px,
			calc(50% - 253px) top;
	}
}

@media (max-height: 745px) {
	.form-page__header {
		padding: 53px 64px;
	}
}

@media (max-width: 1250px) {
	.form-page {
		background-position:
			calc(50% - 485px) 105px,
			calc(50% - 245px) bottom,
			calc(50% - 450px) bottom,
			calc(50% + 280px) calc(100vh - 100px),
			right 200px,
			center 2px,
			-87px 90px,
			calc(50% - 253px) top;
	}
}

@media (max-width: 1024px) {
	.form-page__container {
		margin-left: 50%;
	}
}

@media (max-width: 825px) {
	.form-page {
		background-position:
			calc(50% - 485px) 105px,
			calc(50% - 450px) bottom,
			calc(50% + 280px) calc(100vh - 100px),
			right 200px,
			center 2px,
			-87px 90px,
			calc(50% - 253px) top;
		background-image:
			url(/img/7a398e8.svg), url(/img/370c81c.png),
			url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0MCA3MiIgZmlsbD0iIzFFMUQxRCIgZmlsbC1vcGFjaXR5PSIwLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjQiIGN5PSIzNiIgcj0iNCIvPgo8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI0IiByPSI0Ii8+CjxjaXJjbGUgY3g9IjM2IiBjeT0iMzYiIHI9IjQiLz4KPGNpcmNsZSBjeD0iMzYiIGN5PSI2OCIgcj0iNCIvPgo8L3N2Zz4K),
			url(/img/87e89c2.svg), url(/img/7e878c1.svg), url(/img/c299ac6.svg) !important;
		background: #1e1d1d;
		background-position: -84% 37px !important;
	}

	.form-page__container {
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}
}

@media (max-width: 576px) {
	.form-page {
		/*  background: #fff url(/img/ed40b38.jpg?v=1) center 59px/576px no-repeat!important; */
		background: #1e1d1d;
		background-position: -84% 37px !important;
	}

	.form-page__navbar {
		display: block;
	}

	.form-page__header {
		display: none;
	}

	.form-page__container {
		text-align: center;
		padding-top: 300px;
	}

	.form-page .section-title {
		font-size: 24px;
		line-height: 29px;
	}

	.form-page {
		background-image: url(../img/form-page-girl.png) !important;
		background: #1e1d1d;
		background-position: 47px 37px !important;
		display: block;
		background-repeat: no-repeat;
		background-size: 503px;
	}
}

@media (max-width: 445px) {
	.form-page {
		background-size: 445px !important;
		display: block;
		background-repeat: no-repeat;
	}

	.form-page__container {
		width: 100%;
		padding: 235px 15px 15px;
	}
}

@media (min-width: 1920px) {
	.form-page {
		background-size:
			43rem 59.625rem,
			52.625rem 55.4375rem,
			61.75rem 40.1875rem,
			2.5rem 4.5rem,
			12.0625rem 14.5rem,
			14.5rem 10.0625rem,
			12.5rem 14.5rem,
			85.8125rem 67.5rem;
		background-position:
			calc(50% - 30.3125rem) 6.5625rem,
			0 100%,
			calc(50% - 28.125rem) bottom,
			calc(50% + 17.5rem) calc(100vh - 6.25rem),
			right 12.5rem,
			center 0.125rem,
			-5.4375rem 5.625rem,
			calc(50% - 15.8125rem) top;
	}

	.form-page__header {
		padding: 4rem;
	}

	.form-page__container {
		width: 25.5rem;
		height: calc(100vh - 9.5rem);
		margin-left: calc(50% + 6.25rem);
		padding-top: 4.375rem;
	}
}
.logout-link {
	color: red;
	display: inline-block;
	margin-top: 0.5rem;
}

.profile-modal {
	border-radius: 0.5rem;
	padding: 3rem;
	max-width: 31.25rem;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	background-color: #fff;
}

.profile-modal p {
	font-size: 0.875rem;
}

.profile-modal ul {
	padding-left: 1.25rem;
	font-size: 0.75rem;
}

.profile-modal .input,
.profile-modal .line-divider {
	min-width: 19rem;
}

.profile-modal .action-container {
	margin-top: 1rem;
	font-size: 0.75rem;
}

.profile-modal .form-inputs {
	display: grid;
	grid-row-gap: 1rem;
	row-gap: 1rem;
}

.profile-modal {
	transform: perspective(500px) rotateX(var(--rotateX, 0deg))
		rotateY(var(--rotateY, 0deg));
	transition: transform 0.1s linear;
}

.my-finance {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 13.4375rem);
	grid-gap: 1rem;
}

.finance-item {
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
	border-radius: 0.5rem;
	padding: 2rem;
	transition: all 0.2s ease;
}

.finance-item:first-child {
	grid-row: span 2;
	flex-direction: column;
}

.finance-item:first-child,
.finance-item__icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.finance-item__icon {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
}

.finance-item__balance {
	font-size: 1.375rem;
	line-height: 1.375rem;
	font-weight: 800;
	margin-top: 2rem;
}

.finance-item__balance > .rubble {
	color: rgba(30, 29, 29, 0.45);
}

.finance-item__description {
	color: rgba(30, 29, 29, 0.45);
	font-size: 1rem;
	line-height: 1.1875rem;
	margin-top: 0.5rem;
	font-weight: 300;
}

.finance-item--donate {
	position: relative;
}

.finance-item--donate .finance-item__icon > svg {
	width: 2rem;
	height: 2rem;
}

.finance-item--donate .finance-item__action {
	margin-top: 2rem;
}

.finance-item--donate .finance-item__link {
	font-weight: 600;
	color: #1e1d1d;
	font-size: 1rem;
}

.finance-item--donate .finance-item__bg-img {
	position: absolute;
	fill: hsla(0, 0%, 100%, 0.15);
	transition: all 0.2s ease;
}

.finance-item--donate .finance-item__bg-img:first-child {
	width: 4.6511627907%;
	height: 7.1748878924%;
	top: 0;
	left: 0;
	transform: rotate(30deg);
}

.finance-item--donate .finance-item__bg-img:nth-child(2) {
	top: 0;
	left: 40.5523255814%;
	width: 2.9069767442%;
	height: 4.4843049327%;
	transform: rotate(30deg);
}

.finance-item--donate .finance-item__bg-img:nth-child(3) {
	top: 0;
	left: 100%;
	width: 4.7965116279%;
	height: 7.399103139%;
	transform: rotate(270deg);
	fill: hsla(0, 0%, 100%, 0.1);
}

.finance-item--donate .finance-item__bg-img:nth-child(4) {
	top: 56.5022421525%;
	left: 0;
	width: 4.7965116279%;
	height: 7.399103139%;
	transform: rotate(270deg);
}

.finance-item--donate .finance-item__bg-img:nth-child(5) {
	top: 34.3049327354%;
	left: 100%;
	width: 4.6511627907%;
	height: 7.1748878924%;
	transform: rotate(-15deg);
}

.finance-item--donate .finance-item__bg-img:nth-child(6) {
	top: 100%;
	left: 0;
	width: 2.9069767442%;
	height: 4.4843049327%;
	transform: rotate(30deg);
	fill: hsla(0, 0%, 100%, 0.1);
}

.finance-item--donate .finance-item__bg-img:nth-child(7) {
	top: 60.0896860987%;
	left: 100%;
	width: 2.9069767442%;
	height: 4.4843049327%;
	transform: rotate(30deg);
	fill: hsla(0, 0%, 100%, 0.07);
}

.finance-item--donate .finance-item__bg-img:nth-child(8) {
	top: 100%;
	left: 100%;
	width: 4.6511627907%;
	height: 7.1748878924%;
	transform: rotate(-126deg);
}

.finance-item--donate:hover {
	background-color: #1e1d1d;
}

.finance-item--donate:hover .finance-item__icon {
	border-color: hsla(0, 0%, 100%, 0.1);
}

.finance-item--donate:hover .finance-item__icon > svg {
	fill: #fff;
}

.finance-item--donate:hover .finance-item__balance,
.finance-item--donate:hover .finance-item__link {
	color: #fff;
}

.finance-item--donate:hover .finance-item__description {
	color: hsla(0, 0%, 100%, 0.45);
}

.finance-item--donate:hover .finance-item__bg-img:first-child {
	top: 18.8340807175%;
	left: 10.9011627907%;
}

.finance-item--donate:hover .finance-item__bg-img:nth-child(2) {
	top: 8.5201793722%;
	left: 40.5523255814%;
}

.finance-item--donate:hover .finance-item__bg-img:nth-child(3) {
	top: 4.7085201794%;
	left: 83.4302325581%;
}

.finance-item--donate:hover .finance-item__bg-img:nth-child(4) {
	top: 56.5022421525%;
	left: 8.4302325581%;
}

.finance-item--donate:hover .finance-item__bg-img:nth-child(5) {
	top: 34.3049327354%;
	left: 71.9476744186%;
}

.finance-item--donate:hover .finance-item__bg-img:nth-child(6) {
	top: 84.7533632287%;
	left: 12.0639534884%;
}

.finance-item--donate:hover .finance-item__bg-img:nth-child(7) {
	top: 60.0896860987%;
	left: 79.9418604651%;
}

.finance-item--donate:hover .finance-item__bg-img:nth-child(8) {
	top: 79.3721973094%;
	left: 71.9476744186%;
}

.finance-item--donate:hover .rubble {
	color: hsla(0, 0%, 100%, 0.45);
}

.finance-item--cash {
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iMTA2IiB2aWV3Qm94PSIwIDAgOTYgMTA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCA2Ni4wNzk5SDEyLjU4MjVWNzUuMTUyNkgwVjkyLjk5NTdIMTIuNTgyNVYxMDZIMzQuNjQwOFY5Mi45OTU3SDkxLjMzOThWNzUuMTUyNkgzNC42NDA4VjY2LjA3OTlINDguOTMyQzU4Ljg3MzggNjYuMDc5OSA2Ni40ODU0IDY1LjYyNjIgNzEuNzY3IDY0LjU2NzhDODMuMjYyMSA2Mi4xNDg0IDk2IDUyLjAxNzEgOTYgMzIuNjYxOUM5NiAxNS43MjYxIDg2LjUyNDMgNC44Mzg4IDc0LjA5NzEgMS42NjMzM0M2OS45MDI5IDAuNjA0ODUxIDYxLjIwMzkgMCA0Ny44NDQ3IDBIMTIuNTgyNVY0OC4yMzY4SDBWNjYuMDc5OVpNNDUuMjAzOSAxNy45OTQzQzUzLjEyNjIgMTcuOTk0MyA1OC40MDc4IDE4LjI5NjcgNjEuMDQ4NSAxOC43NTA0QzY4LjAzODggMTkuOTYwMSA3My4zMjA0IDI1LjI1MjUgNzMuMzIwNCAzMi45NjQzQzczLjMyMDQgMzkuMTY0MSA2OS41OTIyIDQ0LjQ1NjUgNjQgNDYuNDIyM0M2MS4wNDg1IDQ3LjQ4MDcgNTUuMzAxIDQ4LjA4NTYgNDYuNjAxOSA0OC4wODU2SDM0LjY0MDhWMTcuOTk0M0g0NS4yMDM5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iNDgiIHkxPSItMTI2LjUiIHgyPSI0OCIgeTI9IjkzLjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iMTA2IiB2aWV3Qm94PSIwIDAgOTYgMTA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCA2Ni4wNzk5SDEyLjU4MjVWNzUuMTUyNkgwVjkyLjk5NTdIMTIuNTgyNVYxMDZIMzQuNjQwOFY5Mi45OTU3SDkxLjMzOThWNzUuMTUyNkgzNC42NDA4VjY2LjA3OTlINDguOTMyQzU4Ljg3MzggNjYuMDc5OSA2Ni40ODU0IDY1LjYyNjIgNzEuNzY3IDY0LjU2NzhDODMuMjYyMSA2Mi4xNDg0IDk2IDUyLjAxNzEgOTYgMzIuNjYxOUM5NiAxNS43MjYxIDg2LjUyNDMgNC44Mzg4IDc0LjA5NzEgMS42NjMzM0M2OS45MDI5IDAuNjA0ODUxIDYxLjIwMzkgMCA0Ny44NDQ3IDBIMTIuNTgyNVY0OC4yMzY4SDBWNjYuMDc5OVpNNDUuMjAzOSAxNy45OTQzQzUzLjEyNjIgMTcuOTk0MyA1OC40MDc4IDE4LjI5NjcgNjEuMDQ4NSAxOC43NTA0QzY4LjAzODggMTkuOTYwMSA3My4zMjA0IDI1LjI1MjUgNzMuMzIwNCAzMi45NjQzQzczLjMyMDQgMzkuMTY0MSA2OS41OTIyIDQ0LjQ1NjUgNjQgNDYuNDIyM0M2MS4wNDg1IDQ3LjQ4MDcgNTUuMzAxIDQ4LjA4NTYgNDYuNjAxOSA0OC4wODU2SDM0LjY0MDhWMTcuOTk0M0g0NS4yMDM5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iNDgiIHkxPSItMTI2LjUiIHgyPSI0OCIgeTI9IjkzLjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYiIGhlaWdodD0iMTA2IiB2aWV3Qm94PSIwIDAgOTYgMTA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCA2Ni4wNzk5SDEyLjU4MjVWNzUuMTUyNkgwVjkyLjk5NTdIMTIuNTgyNVYxMDZIMzQuNjQwOFY5Mi45OTU3SDkxLjMzOThWNzUuMTUyNkgzNC42NDA4VjY2LjA3OTlINDguOTMyQzU4Ljg3MzggNjYuMDc5OSA2Ni40ODU0IDY1LjYyNjIgNzEuNzY3IDY0LjU2NzhDODMuMjYyMSA2Mi4xNDg0IDk2IDUyLjAxNzEgOTYgMzIuNjYxOUM5NiAxNS43MjYxIDg2LjUyNDMgNC44Mzg4IDc0LjA5NzEgMS42NjMzM0M2OS45MDI5IDAuNjA0ODUxIDYxLjIwMzkgMCA0Ny44NDQ3IDBIMTIuNTgyNVY0OC4yMzY4SDBWNjYuMDc5OVpNNDUuMjAzOSAxNy45OTQzQzUzLjEyNjIgMTcuOTk0MyA1OC40MDc4IDE4LjI5NjcgNjEuMDQ4NSAxOC43NTA0QzY4LjAzODggMTkuOTYwMSA3My4zMjA0IDI1LjI1MjUgNzMuMzIwNCAzMi45NjQzQzczLjMyMDQgMzkuMTY0MSA2OS41OTIyIDQ0LjQ1NjUgNjQgNDYuNDIyM0M2MS4wNDg1IDQ3LjQ4MDcgNTUuMzAxIDQ4LjA4NTYgNDYuNjAxOSA0OC4wODU2SDM0LjY0MDhWMTcuOTk0M0g0NS4yMDM5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iNDgiIHkxPSItMTI2LjUiIHgyPSI0OCIgeTI9IjkzLjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
	background-position-x: left, 63.3720930233%, right;
	background-position-y: 51.1627906977%, bottom, 51.1627906977%;
	background-size: 5.523255814%, 13.9534883721%, 5.523255814%;
	background-repeat: no-repeat;
}
.finance-item--cash .finance-item__icon > svg {
	width: 20px;
	height: 22px;
}

.finance-item--cash:hover {
	background-color: #65c466;
	background-position:
		49.4186046512% 51.1627906977%,
		63.3720930233% 51.1627906977%,
		75.8720930233% 51.1627906977%;
}

.finance-item--cash:hover .finance-item__icon {
	border-color: hsla(0, 0%, 100%, 0.1);
}

.finance-item--cash:hover .finance-item__icon > svg {
	fill: #fff;
}

.finance-item--cash:hover .finance-item__balance {
	color: #fff;
}

.finance-item--cash:hover .finance-item__description,
.finance-item--cash:hover .rubble {
	color: hsla(0, 0%, 100%, 0.45);
}

.finance-item--bank {
	background-image: url('/img/bf97826.svg');
	background-position: 63.3720930233% 200%;
	background-size: 16.2790697674%;
	background-repeat: no-repeat;
}
.finance-item--bank .finance-item__icon > svg {
	width: 2rem;
	height: 2rem;
}

.finance-item--bank:hover {
	background-color: #ffb800;
	background-position-y: 50.2325581395%;
}

.finance-item--bank:hover .finance-item__icon {
	border-color: rgba(30, 29, 29, 0.1);
}

.finance-item--bank:hover .finance-item__icon > svg {
	fill: #1e1d1d;
}

.finance-item--bank:hover .finance-item__balance {
	color: #1e1d1d;
}

.finance-item--bank:hover .finance-item__description,
.finance-item--bank:hover .rubble,
.info-table__key {
	color: rgba(30, 29, 29, 0.45);
}

.info-table__key {
	order: 1;
}

.info-table__value {
	color: #1e1d1d;
	font-weight: 600;
	text-align: right;
	order: 3;
	display: flex;
	align-items: center;
}

.info-table__value > button {
	color: rgba(30, 29, 29, 0.45);
	margin-left: 0.5rem;
	display: flex;
	align-items: center;
}

.info-table__value > button > svg {
	fill: rgba(30, 29, 29, 0.45);
	width: 16px;
	height: 16px;
}

.info-table__divider {
	background-color: rgba(30, 29, 29, 0.1);
	height: 0.0625rem;
	margin: 1.5rem 0;
}

.info-table__row {
	display: grid;
	grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
	grid-template-columns: max-content 1fr max-content;
	grid-column-gap: 2rem;
	justify-content: space-between;
	align-items: center;
	font-size: 1rem;
	padding: 0.5rem 0;
}

.info-table__row:before {
	content: ' ';
	order: 2;
	height: 0.0625rem;
	background-color: rgba(30, 29, 29, 0.15);
	opacity: 0;
}

.info-table__row:hover:before {
	opacity: 1;
}

.info-table__config .info-table__value {
	font-size: 0.8rem;
}

.profile {
	padding-top: 40px;
	background: url('/img/f85333a.svg') calc(50% + 19.0625rem) -5.75rem/14.5rem
		12.0625rem no-repeat;
}

.profile-title {
	font-size: 1.375rem;
	font-weight: 300;
	text-transform: uppercase;
	margin: 2rem 0;
}

.profile-title > span {
	font-weight: 800;
}

.my-statistic__slides {
	display: grid;
	grid-template-columns: 1fr 1fr 2fr;
	grid-column-gap: 1rem;
}

.my-statistic__dots {
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	margin-top: 1rem;
	display: none;
}

.my-statistic__dots > div {
	height: 0.125rem;
	background-color: red;
}

.my-statistic__item {
	height: 13.4375rem;
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
	border-radius: 0.5rem;
	padding: 2rem;
	transition: all 0.2s ease;
}

.my-statistic__item .rubble {
	color: rgba(30, 29, 29, 0.45);
}

.my-statistic__item > .icon {
	width: 4rem;
	height: 4rem;
	border: 0.0625rem solid rgba(30, 29, 29, 0.1);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.my-statistic__item > .value {
	font-size: 1.375rem;
	font-weight: 300;
	margin-top: 2rem;
}

.my-statistic__item > .value span {
	font-weight: 800;
}

.my-statistic__item > .description {
	color: rgba(30, 29, 29, 0.45);
	font-size: 1rem;
}

.my-statistic__item:hover {
	transform: translateY(-1rem);
}

.my-statistic__item:hover > .value {
	color: #fff;
}

.my-statistic__item:hover .rubble,
.my-statistic__item:hover > .description {
	color: hsla(0, 0%, 100%, 0.45);
}

.my-statistic__item.property {
	text-align: center;
	background-repeat: no-repeat;
	background-image:
		url(/img/9c582e1.svg),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjEwMTcgMjAuNjUzOUwyMS42MTU3IDEwLjU3ODVDMjIuMjI5NCA5Ljk5MDI3IDIzLjE0NTIgOS44NDg0OSAyMy44ODk2IDEwLjI1ODlDMzEuNDgyOSAxNC40NDQ5IDQ0LjI2MzkgMjQuMjU3OCA0NC4xNzE0IDM1LjUwNjJDNDQuMTY2NyAzNi4wNzkzIDQzLjg3NTggMzYuNjA3NyA0My40MjEgMzYuOTU2NUwzNS45OTYzIDQyLjY0OTRDMzQuNTk2NiA0My43MjI2IDMyLjMzNSA0Mi41NDggMzEuODE4MSA0MC44NjE2QzI5LjQxOTkgMzMuMDM2NCAxOS4xODU2IDI3LjA5MDYgMTEuODE1NiAyNC4xMDQ2QzEwLjQxNzkgMjMuNTM4MyAxMC4wMTI5IDIxLjY5NzMgMTEuMTAxNyAyMC42NTM5WiIgZmlsbD0iIzY1QzQ2NiIvPgo8ZWxsaXBzZSByeD0iMy40OTg5MSIgcnk9IjQuMDQ0ODUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjU0MzcwOCAtMC44MzkyNzQgLTAuODM5Mjc0IDAuNTQzNzA4IDMxLjU5MzUgMjYuOTIwOSkiIGZpbGw9IiM4Q0RFOEQiLz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCA2MSA0MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYwLjA3MTggMTUuODQ0TDUyLjYwMzUgNDEuNTM4NUM1Mi4zNjYxIDQyLjM1NDkgNTEuNjQxIDQyLjkzNDYgNTAuNzkxMSA0Mi45NjE4QzM2Ljc0NzkgNDMuNDEgOS4zNzA3MyA0MC4wOTk4IDAuNDExMDggMjMuMzU1M0MwLjE0MDg2NiAyMi44NTAzIDAuMTI1NTA1IDIyLjI0OCAwLjM0NDcxMiAyMS43MTg4TDcuNTQwNjQgNC4zNDkwMUM4LjIxNTk0IDIuNzE4OTUgMTAuNjYxNiAyLjY0NTIxIDExLjc1NCA0LjAzMDgyQzIxLjA4ODcgMTUuODcxNyA0NC4wOTc5IDE1LjQ4NTMgNTcuNzM3NCAxMy4yNTM2QzU5LjIyNTYgMTMuMDEwMSA2MC40OTI3IDE0LjM5NTkgNjAuMDcxOCAxNS44NDRaIiBmaWxsPSIjNjVDNDY2Ii8+CjxlbGxpcHNlIHJ4PSI1LjY4Njg5IiByeT0iNi41NzQyNCIgdHJhbnNmb3JtPSJtYXRyaXgoMC44OTA1MDIgMC40NTQ5NzkgMC40NTQ5NzkgLTAuODkwNTAyIDI1LjU1NTMgMjUuNDg1KSIgZmlsbD0iIzhDREU4RCIvPgo8L3N2Zz4K),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOCAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZikiPgo8cGF0aCBkPSJNMTQuMjAyMyA3LjE3MzE1TDE4LjE2OCA4LjMyNjgxQzE4Ljk4NDMgOC41NjQyNyAxOS41Njc4IDkuMjg5NzQgMTkuNTU2NCAxMC4xMzk4QzE5LjUwMzIgMTQuMTAwNiAxOC40NjI1IDIwLjQxNTggMTQuNTc5OCAyMi45OTUxQzE0LjEwMjMgMjMuMzEyMiAxMy40OTQ2IDIzLjMxNzYgMTIuOTY1MiAyMy4wOThMMTEuNzg5NyAyMi42MTA3QzEwLjE2MDQgMjEuOTM1MSA5Ljg1MzM5IDE5LjA0NjQgMTAuNTMxMyAxNy40MThDMTEuNTAwOCAxNS4wODk0IDExLjY0MjMgMTIuMDkxNSAxMS40NTYzIDkuNTM2M0MxMS4zNDY4IDguMDMyMTkgMTIuNzU0MiA2Ljc1MTg5IDE0LjIwMjMgNy4xNzMxNVoiIGZpbGw9IiM2NUM0NjYiLz4KPGVsbGlwc2Ugcng9IjEuNjA4NCIgcnk9IjEuODU5MzciIHRyYW5zZm9ybT0ibWF0cml4KDAuNDU0OTc5IC0wLjg5MDUwMiAtMC44OTA1MDIgLTAuNDU0OTc5IDE0LjY5MzIgMTYuMjY4NikiIGZpbGw9IiM4Q0RFOEQiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mIiB4PSI2LjE5NTMxIiB5PSIzLjA5MTgiIHdpZHRoPSIxNy4zNjI1IiBoZWlnaHQ9IjI0LjE1OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzYyNiA5LjI2OTcyTDcuNTAzMzYgNS43Mzc3MUM3Ljk0Mzk5IDUuMDEwNzIgOC43OTU3NyA0LjYzNDgyIDkuNjEzODggNC44NjU4NEMxMy40MjYgNS45NDIzMyAxOS4yNTY3IDguNTgyMTEgMjAuNzQzMSAxMy4wMDAxQzIwLjkyNTkgMTMuNTQzMyAyMC43NzM4IDE0LjEzMTcgMjAuNDI0NyAxNC41ODYzTDE5LjY0OTcgMTUuNTk1NkMxOC41NzU0IDE2Ljk5NDUgMTUuNzA1NyAxNi41NDM0IDE0LjMwODMgMTUuNDY3MkMxMi4zMDk5IDEzLjkyOCA5LjQ1MDggMTMuMDE1NCA2LjkzNDUyIDEyLjUzMzhDNS40NTMzMSAxMi4yNTAyIDQuNTgwOTEgMTAuNTU5NCA1LjM2MjYgOS4yNjk3MloiIGZpbGw9IiM2NUM0NjYiLz4KPGVsbGlwc2Ugcng9IjEuNjA4NCIgcnk9IjEuODU5MzciIHRyYW5zZm9ybT0ibWF0cml4KC0wLjc0MjQwMiAtMC42Njk5NTUgLTAuNjY5OTU1IDAuNzQyNDAyIDE0LjI3NTEgMTEuMTUwNSkiIGZpbGw9IiM4Q0RFOEQiLz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjU5MzYgNi4zNjA2NEwxOC4xMjU2IDguNTAxNDFDMTguODUyNiA4Ljk0MjA0IDE5LjIyODUgOS43OTM4MiAxOC45OTc0IDEwLjYxMTlDMTcuOTIxIDE0LjQyNCAxNS4yODEyIDIwLjI1NDcgMTAuODYzMiAyMS43NDEyQzEwLjMxOTkgMjEuOTIzOSA5LjczMTU2IDIxLjc3MTggOS4yNzY5NCAyMS40MjI3TDguMjY3NzEgMjAuNjQ3N0M2Ljg2ODc3IDE5LjU3MzUgNy4zMTk4NSAxNi43MDM3IDguMzk2MTMgMTUuMzA2M0M5LjkzNTMgMTMuMzA3OSAxMC44NDc5IDEwLjQ0ODkgMTEuMzI5NSA3LjkzMjU3QzExLjYxMzEgNi40NTEzNiAxMy4zMDM5IDUuNTc4OTUgMTQuNTkzNiA2LjM2MDY0WiIgZmlsbD0iIzY1QzQ2NiIvPgo8ZWxsaXBzZSByeD0iMS42MDg0IiByeT0iMS44NTkzNyIgdHJhbnNmb3JtPSJtYXRyaXgoMC42Njk5NTUgLTAuNzQyNDAyIC0wLjc0MjQwMiAtMC42Njk5NTUgMTIuNzEyOCAxNS4yNzMxKSIgZmlsbD0iIzhDREU4RCIvPgo8L3N2Zz4K),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDciIHZpZXdCb3g9IjAgMCA0OCA0NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0NzIgMTEuODgyNkwyNi4wNjcyIDkuNDI1MTVDMjYuODkyOSA5LjIyMjY3IDI3Ljc1OTIgOS41NjAwOCAyOC4xOTI1IDEwLjI5MTRDMzEuNjQ2OSAxNi4xMjEyIDM2LjE5NzggMjcuMzY5MyAzMS45ODQ1IDM0LjgxOTNDMzEuNzAyNCAzNS4zMTgyIDMxLjE4NDkgMzUuNjI4NyAzMC42MTY2IDM1LjcwMzNMMjQuNjAxNyAzNi40OTNDMjIuODUyOSAzNi43MjI2IDIxLjQxMDggMzQuNTIxOSAyMS42MzA2IDMyLjc3MTlDMjIuMzYwMSAyNi45NjI5IDE4LjQyNiAxOS44OTkyIDE0LjkxODQgMTUuMjQ3MUMxNC4wMTA1IDE0LjA0MjkgMTQuNTgyNSAxMi4yNDE4IDE2LjA0NzIgMTEuODgyNloiIGZpbGw9IiM2NUM0NjYiLz4KPGVsbGlwc2Ugcng9IjIuNzI5NTkiIHJ5PSIzLjE1NTQ5IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wNTEyMjgxIC0wLjk5ODY4NyAtMC45OTg2ODcgMC4wNTEyMjgxIDI2LjczNjIgMjQuMjgzMykiIGZpbGw9IiM4Q0RFOEQiLz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzMyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI2NDYgMzAuMTMwOUwzLjEyNjQyIDIyLjY4MkMyLjUzODI0IDIyLjA2ODIgMi4zOTczIDIxLjE0OTMgMi44MTQgMjAuNDA4M0M2LjEzNTUzIDE0LjUwMTkgMTMuNjAxMiA0LjkzNjU2IDIyLjE1OTcgNC44NjA0QzIyLjczMjkgNC44NTUzIDIzLjI2MDUgNS4xNDgyMiAyMy42MDkzIDUuNjAzMDlMMjcuMzAwNiAxMC40MTczQzI4LjM3MzggMTEuODE3IDI3LjE4OTEgMTQuMTY2MiAyNS41NjM2IDE0Ljg1MDlDMjAuMTY4MSAxNy4xMjM1IDE2LjAxNzggMjQuMDYyNSAxMy43NDI4IDI5LjQyNjJDMTMuMTUzOSAzMC44MTQ2IDExLjMwODEgMzEuMjE5NyAxMC4yNjQ2IDMwLjEzMDlaIiBmaWxsPSIjNjVDNDY2Ii8+CjxlbGxpcHNlIHJ4PSIyLjcyOTU5IiByeT0iMy4xNTU0OSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuODM5Mjc0IDAuNTQzNzA4IDAuNTQzNzA4IDAuODM5Mjc0IDE1LjY1OTIgMTQuNjczNCkiIGZpbGw9IiM4Q0RFOEQiLz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA0NSA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZikiPgo8cGF0aCBkPSJNMjguMzk1OSA0LjkyOTAxTDUuNDUyMjQgMTEuNjAzNUM0LjYzNTk3IDExLjg0MSA0LjA1NjM3IDEyLjU2MzQgNC4wMzA5MSAxMy40MTMxQzMuNjQ3NTggMjYuMjA2NCA2LjY3NjEyIDUwLjkyMTQgMjEuNzg1NCA1OS4wODY5QzIyLjI4OTcgNTkuMzU5NCAyMi44OTI1IDU5LjM3NDMgMjMuNDIyIDU5LjE1NDdMMzguNzQ0NiA1Mi44MDE1QzQwLjM3MzkgNTIuMTI1OSA0MC40NTQgNDkuNjY2NyAzOS4wOTY4IDQ4LjU0MDFDMjguNzUxNSAzOS45NTI0IDI5LjAyODEgMTkuNTc4NSAzMC45OTM1IDcuMjYzNEMzMS4yMzExIDUuNzc0MTUgMjkuODQzOSA0LjUwNzc1IDI4LjM5NTkgNC45MjkwMVoiIGZpbGw9IiM2NUM0NjYiLz4KPGVsbGlwc2UgY3g9IjE5LjcwNDMiIGN5PSIzNi4zNTE0IiByeD0iNS4xOTAxNiIgcnk9IjYiIHRyYW5zZm9ybT0icm90YXRlKC0xMTcuMDY0IDE5LjcwNDMgMzYuMzUxNCkiIGZpbGw9IiM4Q0RFOEQiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mIiB4PSIwIiB5PSIwLjg0NzY1NiIgd2lkdGg9IjQ0LjA0NjUiIGhlaWdodD0iNjIuNDU5NiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXIiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==);
	background-position:
		30.5418719212% -5.5813953488%,
		88.8341543514% 56.2790697674%,
		84.0722495895% 15.3488372093%,
		69.4581280788% 34.8837209302%,
		95.5665024631% 3.7209302326%,
		29.7208538588% 43.7209302326%,
		63.8752052545% 4.1860465116%,
		6.4039408867% 22.3255813953%,
		7.7175697865% 66.511627907%;
	background-size:
		3.8125rem 3.8125rem,
		2.8125rem 2.8125rem,
		3.8125rem 2.6875rem,
		1.1875rem 1.3125rem,
		1.1875rem 1.3125rem,
		1.1875rem 1.3125rem,
		2rem 2.1875rem,
		2rem 2.1875rem,
		2.4375rem 3.4375rem;
}

.my-statistic__item.property > .description span:nth-child(2) {
	display: none;
}

.my-statistic__item.property:hover {
	background-image:
		url(/img/f93da9c.svg.html),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjY1NTggMTcuOTQ1OUwxOS4wNTEgOS45MDA5MUMxOS42NjQ4IDkuMzEyNzMgMjAuNTg1MiA5LjE3Mjg3IDIxLjMyNzQgOS41ODczN0MyNy43NTY0IDEzLjE3NzcgMzguMzA5NSAyMS4zNjY3IDM4LjMzNDcgMzAuNzU0MUMzOC4zMzYyIDMxLjMyNzMgMzguMDQ0IDMxLjg1NTEgMzcuNTg5MSAzMi4yMDM5TDMxLjk2OSAzNi41MTMxQzMwLjU2OTMgMzcuNTg2NCAyOC4yNTI4IDM2LjQwNTEgMjcuNjI2NyAzNC43NTYyQzI1LjI5NDggMjguNjE1NiAxNy4zNTQxIDIzLjkxNCAxMS4zNjUxIDIxLjQxNDhDOS45NzMzNSAyMC44MzQgOS41NjY5MiAxOC45ODk0IDEwLjY1NTggMTcuOTQ1OVoiIGZpbGw9IndoaXRlIi8+CjxlbGxpcHNlIHJ4PSIyLjk2NzExIiByeT0iMy40MzAwOCIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNTQzNzA4IC0wLjgzOTI3NCAtMC44MzkyNzQgMC41NDM3MDggMjcuNjY4MSAyMy42MTExKSIgZmlsbD0iI0U0RTRFNCIvPgo8L3N2Zz4K),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCA1MyAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUxLjA5MTMgMTQuMDc3OUw0NC45NTk0IDM1LjE3NDVDNDQuNzIyMSAzNS45OTA5IDQ0LjAwMSAzNi41NzA5IDQzLjE1MTEgMzYuNTk1QzMxLjIxNTEgMzYuOTM0NCA4LjMyMzY4IDM0LjA5NDUgMC43MDQ0ODQgMjAuMDgyN0MwLjQzMDg3OSAxOS41Nzk1IDAuNDE2NDE3IDE4Ljk3NzEgMC42MzU2MjUgMTguNDQ4TDYuNDExNjIgNC41MDU2N0M3LjA4NjkxIDIuODc1NjEgOS41NjAxNiAyLjc5MDk0IDEwLjcxMzUgNC4xMjYxOEMxOC43ODEgMTMuNDY1OCAzNy4zNTMxIDEzLjI2MTEgNDguNzU0IDExLjQ3NTdDNTAuMjQzOSAxMS4yNDI0IDUxLjUxMjIgMTIuNjI5OCA1MS4wOTEzIDE0LjA3NzlaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iNC44MjI1NCIgcnk9IjUuNTc1MDIiIHRyYW5zZm9ybT0ibWF0cml4KDAuODkwNTAyIDAuNDU0OTc5IDAuNDU0OTc5IC0wLjg5MDUwMiAyMS45NTk5IDIxLjc2NjcpIiBmaWxsPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZikiPgo8cGF0aCBkPSJNMTMuMzQxNiA2LjE0OTcxTDE2LjAxMjEgNi45MjY1N0MxNi44MjgzIDcuMTY0MDMgMTcuNDEyNyA3Ljg5MTY5IDE3LjM5MjUgOC43NDE1NUMxNy4zMTM3IDEyLjA3IDE2LjQyMDMgMTcuMTYzMiAxMy4yODk0IDE5LjM0ODdDMTIuODE5NCAxOS42NzY3IDEyLjIxMDEgMTkuNjggMTEuNjgwNiAxOS40NjA1TDExLjQ3MDcgMTkuMzczNUM5Ljg0MTQyIDE4LjY5NzkgOS40NDg2IDE1LjcwNDMgOS45ODk1NSAxNC4wMjU0QzEwLjUzNjggMTIuMzI3IDEwLjY1MDQgMTAuMzIxOCAxMC41NTg4IDguNTE3MDRDMTAuNDgyMyA3LjAxMDg4IDExLjg5MzUgNS43Mjg0NSAxMy4zNDE2IDYuMTQ5NzFaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iMS4zNjM5NCIgcnk9IjEuNTc2NzYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNDU0OTc5IC0wLjg5MDUwMiAtMC44OTA1MDIgLTAuNDU0OTc5IDEzLjI3NSAxMy43MjIzKSIgZmlsbD0iI0U0RTRFNCIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2YiIHg9IjUuNzYxNzIiIHk9IjIuMDY4MzYiIHdpZHRoPSIxNS42MzE3IiBoZWlnaHQ9IjIxLjU0MzciIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNDU2NzQgOC4zODU2Mkw2Ljg5ODI5IDYuMDA3MjJDNy4zMzg5MyA1LjI4MDIyIDguMTkzMDMgNC45MDQxMiA5LjAwODczIDUuMTQzNTFDMTIuMjAzNCA2LjA4MTExIDE2Ljg5MTggOC4yNjIzNiAxOC4xOTI0IDExLjg1MjFDMTguMzg3NyAxMi4zOTEgMTguMjMzMiAxMi45ODA1IDE3Ljg4NDEgMTMuNDM1MUwxNy43NDU3IDEzLjYxNTNDMTYuNjcxNSAxNS4wMTQyIDEzLjY3ODEgMTQuNjE4OSAxMi4xOTY1IDEzLjY2MThDMTAuNjk3NiAxMi42OTM2IDguNzkwMTMgMTIuMDY0OSA3LjAyMzE2IDExLjY4NjNDNS41NDg1NCAxMS4zNzAzIDQuNjc1MDUgOS42NzUzMSA1LjQ1Njc0IDguMzg1NjJaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iMS4zNjM5NCIgcnk9IjEuNTc2NzYiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjc0MjQwMiAtMC42Njk5NTUgLTAuNjY5OTU1IDAuNzQyNDAyIDEyLjc1MTQgMTAuNDEzMSkiIGZpbGw9IiNFNEU0RTQiLz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQwMzQgNS42OTMwN0wxNS43ODE4IDcuMTM0NjJDMTYuNTA4OCA3LjU3NTI2IDE2Ljg4NDkgOC40MjkzNiAxNi42NDU1IDkuMjQ1MDZDMTUuNzA4IDEyLjQzOTcgMTMuNTI2NyAxNy4xMjgxIDkuOTM2OTMgMTguNDI4OEM5LjM5ODAyIDE4LjYyNCA4LjgwODU2IDE4LjQ2OTUgOC4zNTM5NCAxOC4xMjA0TDguMTczNzYgMTcuOTgyQzYuNzc0ODIgMTYuOTA3OCA3LjE3MDIgMTMuOTE0NSA4LjEyNzIzIDEyLjQzMjlDOS4wOTU0NCAxMC45MzQgOS43MjQxOSA5LjAyNjQ1IDEwLjEwMjggNy4yNTk0OUMxMC40MTg3IDUuNzg0ODcgMTIuMTEzOCA0LjkxMTM4IDEzLjQwMzQgNS42OTMwN1oiIGZpbGw9IndoaXRlIi8+CjxlbGxpcHNlIHJ4PSIxLjM2Mzk0IiByeT0iMS41NzY3NiIgdHJhbnNmb3JtPSJtYXRyaXgoMC42Njk5NTUgLTAuNzQyNDAyIC0wLjc0MjQwMiAtMC42Njk5NTUgMTEuMzc2IDEyLjk4OTYpIiBmaWxsPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCA0MSAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjA4MjEgOS43NjAzN0wyMS44Nzg3IDcuODQ4MjVDMjIuNzA0MyA3LjY0NTc3IDIzLjU3MDMgNy45ODE1NiAyMy45OTg4IDguNzE1NzRDMjYuODk0OCAxMy42NzcxIDMwLjU4NzYgMjIuOTcxNSAyNy4xNzI5IDI5LjIxMTNDMjYuODk3OCAyOS43MTQxIDI2LjM3ODYgMzAuMDI0MiAyNS44MTAyIDMwLjA5ODhMMjEuNTU0MiAzMC42NTc2QzE5LjgwNTQgMzAuODg3MiAxOC4yOTk4IDI4LjY0NDYgMTguMzg3OSAyNi44ODNDMTguNjE4NSAyMi4yNzE1IDE1LjY4NjIgMTYuODg3NCAxMi45MzYxIDEzLjE0MDJDMTIuMDQzOCAxMS45MjQ0IDEyLjYxNzQgMTAuMTE5NiAxNC4wODIxIDkuNzYwMzdaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iMi4zMTQ3MiIgcnk9IjIuNjc1ODkiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjA1MTIyODEgLTAuOTk4Njg3IC0wLjk5ODY4NyAwLjA1MTIyODEgMjIuNjU0NCAyMC4zOTc3KSIgZmlsbD0iI0U0RTRFNCIvPgo8L3N2Zz4K),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyOCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNTM0NDQgMjYuMDYzNEwyLjk4MDE5IDIwLjI2NzRDMi4zOTIwMSAxOS42NTM2IDIuMjQ5ODMgMTguNzM1OCAyLjY3MTM3IDE3Ljk5NzVDNS41MjAwNCAxMy4wMDg4IDExLjcyMjkgNS4xNjM1OCAxOC44MzQgNS4wMDA5QzE5LjQwNzEgNC45ODc3OSAxOS45MzUyIDUuMjgyMzkgMjAuMjg0IDUuNzM3MjZMMjIuODk1OSA5LjE0MzdDMjMuOTY5MSAxMC41NDM0IDIyLjc3OTggMTIuOTY4NSAyMS4yMTAyIDEzLjc3MzFDMTcuMTAxMiAxNS44NzkxIDEzLjkwNDYgMjEuMTEwNyAxMi4wMzQ0IDI1LjM2NTlDMTEuNDI3NyAyNi43NDY2IDkuNTc3ODcgMjcuMTUyMiA4LjUzNDQ0IDI2LjA2MzRaIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSByeD0iMi4zMTQ3MiIgcnk9IjIuNjc1ODkiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjgzOTI3NCAwLjU0MzcwOCAwLjU0MzcwOCAwLjgzOTI3NCAxMy40NTc1IDEzLjMyMDcpIiBmaWxsPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNiAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZikiPgo8cGF0aCBkPSJNMTUuNTIzOCA0LjkyOTAxTDUuNDEwNTYgNy44NzEwNEM0LjU5NDMgOC4xMDg1IDQuMDEyNzkgOC44MzQyMiA0LjAwMjczIDkuNjg0MjdDMy45MjE0MSAxNi41NTY4IDUuNjI2MSAyOC43NzM0IDEzLjEyMjEgMzMuMTc5NkMxMy42MTYyIDMzLjQ3IDE0LjIxOTUgMzMuNDgwMiAxNC43NDkgMzMuMjYwN0wyMC41MDcxIDMwLjg3MzJDMjIuMTM2NCAzMC4xOTc2IDIyLjI4MjcgMjcuNTc2MiAyMS4yMDg2IDI2LjE3NzJDMTcuNTcyMSAyMS40NDAzIDE3LjQ1MDggMTMuMTY4NyAxOC4xODE5IDcuMjc4QzE4LjM2NzYgNS43ODEzOSAxNi45NzE5IDQuNTA3NzUgMTUuNTIzOCA0LjkyOTAxWiIgZmlsbD0id2hpdGUiLz4KPGVsbGlwc2UgY3g9IjEyLjM3NTciIGN5PSIyMS4yNTgiIHJ4PSIyLjc2ODY0IiByeT0iMy4yMDA2NSIgdHJhbnNmb3JtPSJyb3RhdGUoLTExNy4wNjQgMTIuMzc1NyAyMS4yNTgpIiBmaWxsPSIjRTRFNEU0Ii8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZiIgeD0iMCIgeT0iMC44NDc2NTYiIHdpZHRoPSIyNS44OTY3IiBoZWlnaHQ9IjM2LjU2NTUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=);
	background-color: #65c466;
}

.my-statistic__item.property > .icon {
	margin: 0 auto;
}

.my-statistic__item.level {
	background-repeat: no-repeat;
	background-image:
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC45MjQ0IDAuNzU5MDcxQzE1LjI4NDMgLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE3LjA3NTYgMC43NTkwNzJMMjAuNjA5OSAxMC42OTcxQzIwLjcyNDkgMTEuMDIwNiAyMC45Nzk0IDExLjI3NTEgMjEuMzAyOSAxMS4zOTAxTDMxLjI0MDkgMTQuOTI0NEMzMi4yNTMgMTUuMjg0MyAzMi4yNTMgMTYuNzE1NyAzMS4yNDA5IDE3LjA3NTZMMjEuMzAyOSAyMC42MDk5QzIwLjk3OTQgMjAuNzI0OSAyMC43MjQ5IDIwLjk3OTQgMjAuNjA5OSAyMS4zMDI5TDE3LjA3NTYgMzEuMjQwOUMxNi43MTU3IDMyLjI1MyAxNS4yODQzIDMyLjI1MyAxNC45MjQ0IDMxLjI0MDlMMTEuMzkwMSAyMS4zMDI5QzExLjI3NTEgMjAuOTc5NCAxMS4wMjA2IDIwLjcyNDkgMTAuNjk3MSAyMC42MDk5TDAuNzU5MDcxIDE3LjA3NTZDLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE1LjI4NDMgMC43NTkwNzIgMTQuOTI0NEwxMC42OTcxIDExLjM5MDFDMTEuMDIwNiAxMS4yNzUxIDExLjI3NTEgMTEuMDIwNiAxMS4zOTAxIDEwLjY5NzFMMTQuOTI0NCAwLjc1OTA3MVoiLz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC45MjQ0IDAuNzU5MDcxQzE1LjI4NDMgLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE3LjA3NTYgMC43NTkwNzJMMjAuNjA5OSAxMC42OTcxQzIwLjcyNDkgMTEuMDIwNiAyMC45Nzk0IDExLjI3NTEgMjEuMzAyOSAxMS4zOTAxTDMxLjI0MDkgMTQuOTI0NEMzMi4yNTMgMTUuMjg0MyAzMi4yNTMgMTYuNzE1NyAzMS4yNDA5IDE3LjA3NTZMMjEuMzAyOSAyMC42MDk5QzIwLjk3OTQgMjAuNzI0OSAyMC43MjQ5IDIwLjk3OTQgMjAuNjA5OSAyMS4zMDI5TDE3LjA3NTYgMzEuMjQwOUMxNi43MTU3IDMyLjI1MyAxNS4yODQzIDMyLjI1MyAxNC45MjQ0IDMxLjI0MDlMMTEuMzkwMSAyMS4zMDI5QzExLjI3NTEgMjAuOTc5NCAxMS4wMjA2IDIwLjcyNDkgMTAuNjk3MSAyMC42MDk5TDAuNzU5MDcxIDE3LjA3NTZDLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE1LjI4NDMgMC43NTkwNzIgMTQuOTI0NEwxMC42OTcxIDExLjM5MDFDMTEuMDIwNiAxMS4yNzUxIDExLjI3NTEgMTEuMDIwNiAxMS4zOTAxIDEwLjY5NzFMMTQuOTI0NCAwLjc1OTA3MVoiLz4KPC9zdmc+Cg==),
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0id2hpdGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC45MjQ0IDAuNzU5MDcxQzE1LjI4NDMgLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE3LjA3NTYgMC43NTkwNzJMMjAuNjA5OSAxMC42OTcxQzIwLjcyNDkgMTEuMDIwNiAyMC45Nzk0IDExLjI3NTEgMjEuMzAyOSAxMS4zOTAxTDMxLjI0MDkgMTQuOTI0NEMzMi4yNTMgMTUuMjg0MyAzMi4yNTMgMTYuNzE1NyAzMS4yNDA5IDE3LjA3NTZMMjEuMzAyOSAyMC42MDk5QzIwLjk3OTQgMjAuNzI0OSAyMC43MjQ5IDIwLjk3OTQgMjAuNjA5OSAyMS4zMDI5TDE3LjA3NTYgMzEuMjQwOUMxNi43MTU3IDMyLjI1MyAxNS4yODQzIDMyLjI1MyAxNC45MjQ0IDMxLjI0MDlMMTEuMzkwMSAyMS4zMDI5QzExLjI3NTEgMjAuOTc5NCAxMS4wMjA2IDIwLjcyNDkgMTAuNjk3MSAyMC42MDk5TDAuNzU5MDcxIDE3LjA3NTZDLTAuMjUzMDI0IDE2LjcxNTcgLTAuMjUzMDIzIDE1LjI4NDMgMC43NTkwNzIgMTQuOTI0NEwxMC42OTcxIDExLjM5MDFDMTEuMDIwNiAxMS4yNzUxIDExLjI3NTEgMTEuMDIwNiAxMS4zOTAxIDEwLjY5NzFMMTQuOTI0NCAwLjc1OTA3MVoiLz4KPC9zdmc+Cg==);
	background-position:
		15.763546798% 22.3255813953%,
		15.763546798% 22.3255813953%,
		15.763546798% 22.3255813953%;
	background-size:
		1.125rem 1.125rem,
		0.75rem 0.75rem,
		0.75rem 0.75rem;
}

.my-statistic__item.level:hover {
	background-position:
		78.1609195402% 14.8837209302%,
		center 34.8837209302%,
		72.9064039409% 46.511627907%;
	background-color: #8000ff;
}

.my-statistic__item.level:hover > .icon {
	border-color: hsla(0, 0%, 100%, 0.1);
}

.my-statistic__item.level:hover svg {
	fill: #fff;
}

.my-statistic__item.play-hours {
	background: url('/img/0eb724a.svg') calc(49.26108% + 50px) top/6.25rem
		3.375rem no-repeat;
}

.my-statistic__item.play-hours:hover {
	background-color: #ff6581;
	background-position-y: 19.5348837209%;
	border-color: hsla(0, 0%, 100%, 0.1);
}

.my-statistic__item.play-hours:hover svg {
	fill: #fff;
}

.player-hello {
	display: grid;
	grid-template-columns: 4rem 1fr;
	grid-gap: 0 1rem;
	grid-template-rows: 2rem 2rem;
	margin-bottom: 2rem;
}

.player-hello__image {
	width: 4rem;
	border-radius: 50%;
	overflow: hidden;
	background: url('https://delore-crmp.ru/_nuxt/052b314.CGti4mUG.jpg') 50% /
		cover no-repeat;
	grid-row: span 2;
}

.player-hello__image > div {
	height: 4rem;
	background: top/5.9375rem no-repeat;
}

.player-hello > div:nth-child(2) {
	align-self: end;
}

.player-hello__nickname {
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1.75rem;
}

.player-hello__nickname > span {
	font-weight: 800;
}

@media (max-width: 1280px) {
	.my-statistic__slides {
		grid-template-columns: 2fr 2fr 3fr;
	}

	.my-statistic__item.property {
		background-size:
			41.2956978654px 41.2956978654px,
			30.4640394089px 30.4640394089px,
			41.2956978654px 29.1100821018px,
			12.8625944171px 14.2165517241px,
			12.8625944171px 14.2165517241px,
			12.8625944171px 14.2165517241px,
			21.663316913px 23.6942528736px,
			21.663316913px 23.6942528736px,
			26.4021674877px 37.2338259442px;
	}

	.my-statistic__item.property > .icon {
		margin: 0 auto;
	}
}

@media (max-width: 1024px) {
	.my-statistic__slides {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 16px;
	}

	.my-statistic__item.property {
		grid-column: span 2;
		background-size:
			73.921182266px 73.921182266px,
			54.5320197044px 54.5320197044px,
			73.921182266px 52.1083743842px,
			23.0246305419px 25.4482758621px,
			23.0246305419px 25.4482758621px,
			23.0246305419px 25.4482758621px,
			38.7783251232px 42.4137931034px,
			38.7783251232px 42.4137931034px,
			47.2610837438px 66.6502463054px;
	}

	.my-statistic__item.property:hover {
		transform: unset;
	}
}

@media (max-width: 768px) {
	.my-statistic__item.property {
		background-size:
			54.6896551724px 54.6896551724px,
			40.3448275862px 40.3448275862px,
			54.6896551724px 38.5517241379px,
			17.0344827586px 18.8275862069px,
			17.0344827586px 18.8275862069px,
			17.0344827586px 18.8275862069px,
			28.6896551724px 31.3793103448px,
			28.6896551724px 31.3793103448px,
			34.9655172414px 49.3103448276px;
	}

	.my-finance {
		grid-template-columns: 1fr;
		grid-template-rows: 259px 167px 167px;
		grid-row-gap: 8px;
	}

	.finance-item {
		padding: 16px;
	}

	.finance-item:first-child {
		grid-row: unset;
	}

	.finance-item__balance {
		margin-top: 16px;
	}
}

@media (max-width: 576px) {
	.my-statistic__slides {
		grid-template-columns: 1fr;
	}

	.my-statistic__item {
		height: 167px;
		padding: 16px;
	}

	.my-statistic__item > .value {
		margin-top: 16px;
	}

	.my-statistic__item.level,
	.my-statistic__item.play-hours {
		background-size:
			3.8125rem 3.8125rem,
			2.8125rem 2.8125rem,
			3.8125rem 2.6875rem,
			1.1875rem 1.3125rem,
			1.1875rem 1.3125rem,
			1.1875rem 1.3125rem,
			2rem 2.1875rem,
			2rem 2.1875rem,
			2.4375rem 3.4375rem;
	}

	.my-statistic__item.play-hours {
		margin: 0;
	}

	.my-statistic__item.property {
		width: 320px;
		grid-column: unset;
		background-size:
			32.052545156px 32.052545156px,
			23.645320197px 23.645320197px,
			32.052545156px 22.5944170772px,
			9.9835796388px 11.0344827586px,
			9.9835796388px 11.0344827586px,
			9.9835796388px 11.0344827586px,
			16.8144499179px 18.3908045977px,
			16.8144499179px 18.3908045977px,
			20.4926108374px 28.8998357964px;
	}

	.my-statistic__item.property > .description span:first-child {
		display: none;
	}

	.my-statistic__item.property > .description span:nth-child(2) {
		display: inline;
	}

	.my-statistic__item:hover {
		transform: unset;
	}

	.info-table__row {
		grid-column-gap: 8px;
	}

	.info-table__row.mobile-column {
		grid-template-columns: 1fr;
	}

	.info-table__row.mobile-column .info-table__value {
		text-align: left;
	}

	.finance-item--donate {
		overflow: hidden;
	}
}

@media (max-width: 360px) {
	.my-statistic__item.property {
		width: 265px;
	}
}
.roulette-button {
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, 0.64);
	border-radius: 0.5rem;
	padding: 1.5rem 3rem;
	display: flex;
	align-items: center;
	transition: all 0.2s ease;
}

.roulette-button__text {
	color: #fff;
	font-weight: 600;
	font-size: 1.125rem;
}

.roulette-button__icon {
	margin-left: 0.5rem;
	width: 1.75rem;
	height: 1.75rem;
	stroke: #fff;
}

.roulette-button:hover {
	background:
		linear-gradient(0deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0.15)),
		linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	transform: scale(1.03);
}

.roulette-cost {
	flex-direction: column;
	padding-bottom: 45px;
}

.roulette-cost,
.spin-cost {
	display: flex;
	align-items: center;
}

.spin-cost {
	color: #5a5a5a;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 0.25rem 0.625rem;
	border-radius: 0.5rem;
	position: relative;
	z-index: 6;
}

.spin-cost img {
	width: 1.5rem;
	margin-left: 0.5rem;
}

.spin-cost-desc {
	margin-top: 0.375rem;
	position: relative;
	z-index: 6;
}

.donate-balance {
	font-size: 0.85rem;
}

.roulette-buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 4rem;
	position: relative;
	z-index: 6;
}

@media (max-width: 36rem) {
	.roulette-buttons {
		margin-top: 0;
	}
}

.my-games-button {
	margin-top: 0.5rem;
}

.roulette-modal {
	background: #fff url('/img/78b6545.jpg.html') 50% no-repeat;
	border-radius: 0.5rem;
	padding: 4rem;
	max-width: 28rem;
	min-width: 28rem;
	position: relative;
}
.roulette-modal__prize {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.roulette-modal__prize-name {
	font-size: 1.5rem;
	line-height: 1;
	font-weight: 900;
	margin-top: 2rem;
	text-align: center;
}

.roulette-modal__buttons {
	display: grid;
	grid-row-gap: 0.5rem;
	justify-content: center;
	margin-top: 2rem;
}

.roulette-modal__package-items {
	background: hsla(0, 0%, 100%, 0.8);
	border-radius: 0.5rem;
	margin-top: 1rem;
}

.roulette-modal__package-items ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.spins-list {
	position: relative;
}

.spins-list__wrapper {
	background-color: #fff;
	border-radius: 0.5rem;
	padding: 4rem;
	max-width: 39.0625rem;
	min-width: 39.0625rem;
}

.spins-list__items {
	display: grid;
	grid-row-gap: 1rem;
}

@media (max-width: 650px) {
	.spins-list__wrapper {
		min-width: 500px;
	}
}

@media (max-width: 500px) {
	.spins-list__wrapper {
		width: 428px;
		min-width: unset;
	}
}

@media (max-width: 428px) {
	.spins-list__wrapper {
		width: 360px;
		padding: 64px 32px;
	}

	.spins-list .modal-close-button {
		top: 24px;
		right: 16px;
	}
}

.spin-list-item {
	display: grid;
	grid-template-columns: 2rem 1fr -webkit-max-content;
	grid-template-columns: 2rem 1fr max-content;
	align-items: center;
	grid-column-gap: 1rem;
}

.spin-list-item__image {
	width: 2rem;
	height: 2rem;
}

.spin-list-item__name {
	font-weight: 500;
}

.spin-list-item__status {
	font-size: 0.75rem;
}

.spin-list-item__status > span {
	color: green;
	padding: 0 0.25rem;
}

.spin-list-item__status > button {
	font-size: 0.75rem;
	padding: 0 0.25rem;
}

@media (max-width: 650px) {
	.spin-list-item {
		grid-template-columns: 24px 1fr -webkit-max-content;
		grid-template-columns: 24px 1fr max-content;
		grid-column-gap: 12px;
	}

	.spin-list-item__image {
		width: 24px;
		height: 24px;
	}

	.spin-list-item__name {
		font-size: 14px;
	}
}

@media (max-width: 500px) {
	.spin-list-item {
		grid-template-columns: 1fr -webkit-max-content;
		grid-template-columns: 1fr max-content;
		grid-column-gap: 8px;
	}

	.spin-list-item__image {
		display: none;
	}

	.spin-list-item__name {
		font-size: 12px;
	}

	.spin-list-item__status {
		font-size: 10px;
	}

	.spin-list-item__status > button {
		font-size: 10px;
		padding: 0 2px;
	}
}

.spinner-cyl {
	position: relative;
	min-height: 24.0625rem;
}

.spinner-cyl:after,
.spinner-cyl:before {
	content: ' ';
	position: absolute;
	top: 2.625rem;
	left: 0;
	right: 0;
}

.spinner-cyl:before {
	height: 18.125rem;
	background: radial-gradient(circle at top, #c1c1c1 50%, #fff);
	border-radius: 50%/3.75rem;
}

.spinner-cyl:after {
	height: 7.5rem;
	border-radius: 50%;
	background-image: linear-gradient(90deg, #c1c1c1, #fff, #c1c1c1);
}

@media (max-width: 80rem) {
	.spinner-cyl:after,
	.spinner-cyl:before {
		top: 93px;
	}

	.spinner-cyl:before {
		border-radius: 50%/35px;
		height: 215px;
	}

	.spinner-cyl:after {
		height: 70px;
	}
}

@media (max-width: 64rem) {
	.spinner-cyl:before {
		height: 190px;
	}
}

.prize:first-child {
	margin-left: 0;
}

.prize:last-child {
	margin-right: 0;
}

.spinner__wrapper {
	overflow: hidden;
	position: relative;
}
.spinner__wrapper .prize {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 162px;
	flex: 0 0 162px;
	height: 210px;
	background-size: 120px 120px;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 10px;
	text-align: center;
}

.spinner__win-arrow {
	left: calc(50% - 2.1875rem);
	top: 19rem;
	z-index: 5;
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
	background: linear-gradient(180deg, #f1f1f1, #b3b3b4);
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.08);
}

.spinner__title,
.spinner__win-arrow {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

.spinner__title {
	text-transform: uppercase;
	background-image: linear-gradient(259.38deg, #f96918 -7.68%, #ffb800 76.5%);
	color: #fff;
	width: 22.5rem;
	height: 10.3125rem;
	flex-direction: column;
	font-size: 1.5rem;
	z-index: 2;
	border-radius: 0.5rem 0.5rem 50% 50%/0.5rem 0.5rem 0.25rem 0.25rem;
	left: calc(50% - 10rem);
}

.spinner__title > span {
	font-weight: 700;
}

.spinner__prizes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 165px;
	margin-left: -10px;
}

@media (max-width: 80rem) {
	.spinner__prizes {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 165px;
		margin-left: -10px;
	}
}

@media (max-width: 64rem) {
	.spinner__prizes {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 165px;
		margin-left: -10px;
	}
}

@media (max-width: 36rem) {
	.spinner__title {
		height: 100px;
		width: 250px;
		font-size: 1.125rem;
		left: calc(50% - 125px);
		top: 63px;
		border-radius: 8px 8px 50% 50%/8px 8px 8px 8px;
	}

	.spinner__win-arrow {
		top: 257px;
		width: 46px;
		height: 46px;
		left: calc(50% - 23px);
	}

	.spinner__win-arrow > svg {
		width: 16px;
	}
}

.roulette {
	position: relative;
	background:
		url(/img/3318580.svg) left 150px/11.25rem 14.5rem no-repeat,
		url(/img/14f8f37.svg) 100% 0/8.9375rem 14.5rem no-repeat,
		url(/img/b82b40c.svg) 91px bottom/14.5rem 13.6875rem no-repeat,
		url(/img/86fe0fa.svg) calc(100% - 20.6875rem) bottom/14.5rem 9.4375rem
			no-repeat;
}

.roulette-wrap {
	position: relative;
	padding-top: 85px;
	padding-bottom: 45px;
}
.prizes-tabs__tab img {
	transition: transform 0.2s;
}

.prizes-tabs__tab img:hover {
	transform: scale(1.15);
}

.prizes-tabs__tab-title {
	font-size: 2rem;
	text-align: center;
	font-weight: 700;
}

.prizes-tabs__nav {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 5rem 0 4rem;
}

.prizes-tabs__nav-item {
	display: flex;
	align-items: center;
	opacity: 0.5;
	font-size: 1.2rem;
	padding: 0.5rem;
}

.prizes-tabs__nav-item img {
	margin-right: 0.5rem;
}

.prizes-tabs__nav-item.active,
.prizes-tabs__nav-item:hover {
	opacity: 1;
}

.prizes-view {
	margin-top: 2rem;
}

.prizes-view__container {
	max-width: 64rem;
}

.prizes-view__title {
	min-height: 7.8125rem;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.375rem;
	font-weight: 600;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIzIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDEyMyAxMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMDIuMzg3IDEuMzI0MjVDMTEzLjM3NiAtMi4yMTk4NCAxMjQuMDgxIDcuNDYxNzYgMTIxLjY1NiAxOC43NTExTDEwMS40NjMgMTEyLjczNUM5OS4wMzc2IDEyNC4wMjUgODUuMzAwNSAxMjguNDU1IDc2LjczNjQgMTIwLjcwOUw1LjQ0MDE0IDU2LjIzQy0zLjEyMzk3IDQ4LjQ4NDcgLTAuMDkyMDMxNiAzNC4zNzMgMTAuODk3NiAzMC44Mjg5TDEwMi4zODcgMS4zMjQyNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xODVfMTApIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTg1XzEwIiB4MT0iMTI3LjExMyIgeTE9Ii02LjY0OTk3IiB4Mj0iMTIuNDEzMiIgeTI9IjEyMC4xNzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjI2NTYyNSIgc3RvcC1jb2xvcj0iI0ZGRDEyRSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjkwMjkiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K)
		50%/7.6875rem 7.8125rem no-repeat;
	max-width: 15.4375rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.notification-content {
	background-color: #e54d42;
	border-radius: 100.25rem;
}
.btn {
	display: inline-block;
	padding: 0.5rem 0.7rem;
	border-radius: 0.2rem;
	background-color: #eee;
	font-size: 0.9rem;
	transition: transform 0.2s;
}
.btn--orange {
	background-image: linear-gradient(315deg, #f96918, #ffb800);
	color: #fff;
}

.prizes-view__title span {
	font-weight: 700;
}

.prizes-view__items {
	margin-top: 4rem;
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-gap: 0.5rem;
}

@media (max-width: 64rem) {
	.prizes-view__items {
		grid-template-columns: repeat(7, 1fr);
	}
}

@media (max-width: 48rem) {
	.prizes-view__items {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 36rem) {
	.prizes-view__items {
		grid-template-columns: repeat(4, 1fr);
	}
}

.prizes-view__action {
	margin-top: 2rem;
	text-align: center;
}

.prizes-view__tabs {
	position: relative;
}
.two-factor-help {
	color: rgba(30, 29, 29, 0.65);
	font-size: 0.9375rem;
	line-height: 1.25rem;
	margin-top: 2rem;
}

.two-factor-code {
	margin-top: 2rem;
}

.selected-server-container {
	margin-top: 4rem;
}

.restore-account-link {
	color: gray;
	font-weight: 600;
	margin-top: 1rem;
	display: inline-block;
}
.selected-server-container {
	margin-top: 4rem;
}
.selected-server {
	display: grid;
	grid-template-columns: 6rem 1fr;
	align-items: center;
	grid-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
}
.server-logo {
	position: relative;
	width: 6rem;
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.server-logo:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	opacity: 0.15;
}
.selected-server__name {
	font-size: 1.375rem;
	line-height: 1.6875rem;
	font-weight: 800;
	text-transform: uppercase;
	text-align: left;
}
.selected-server__name > span {
	font-weight: 300;
}
.server-logo--1:before {
	background-image:
		radial-gradient(
			79.04% 79.04% at 26.57%,
			at 2.94%,
			hsla(0, 0%, 100%, 0.45) 0,
			hsla(0, 0%, 100%, 0) 100%
		),
		radial-gradient(
			52.57% 52.57% at 61.19%,
			at 47.43%,
			rgba(255, 28, 109, 0.25) 0,
			hsla(0, 0%, 100%, 0) 100%
		),
		linear-gradient(208.78deg, #fb1c46 -1.13%, #f9516c 95.96%);
	background-image:
		radial-gradient(
			79.04% 79.04% at 26.57% 2.94%,
			hsla(0, 0%, 100%, 0.45) 0,
			hsla(0, 0%, 100%, 0) 100%
		),
		radial-gradient(
			52.57% 52.57% at 61.19% 47.43%,
			rgba(255, 28, 109, 0.25) 0,
			hsla(0, 0%, 100%, 0) 100%
		),
		linear-gradient(208.78deg, #fb1c46 -1.13%, #f9516c 95.96%);
}
.recovery-form-container,
.selected-server-container {
	margin-top: 4rem;
}

.form-button {
	width: 100%;
	line-height: 3.25rem;
	text-align: center;
	border-radius: 0.25rem;
	background: linear-gradient(257.5deg, #f96918 -7.46%, #ffb800 74.36%);
	box-shadow: 0 1.6875rem 4rem -1rem rgba(255, 184, 0, 0.64);
	transition: transform 0.2s ease;
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
}

.form-button:disabled {
	color: rgba(30, 29, 29, 0.25);
	background: #f2f2f2;
	box-shadow: unset;
	cursor: default;
}

.form-button:hover:not(:disabled) {
	transform: scale(1.02);
}

.form-button--2fa {
	max-width: 19rem;
	margin-top: 2rem;
}

.form-button.load {
	pointer-events: none;
	opacity: 0.7;
	position: relative;
	color: transparent;
}

.form-button.load::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border: 2px solid white;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
}

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

.login-divider {
	color: rgba(30, 29, 29, 0.25);
	margin: 2rem 0;
	line-height: 1.0625rem;
	text-align: center;
	font-weight: 600;
}

.vk-btn {
	width: 100%;
	background-color: rgba(39, 137, 246, 0.1);
	color: #2789f6;
	font-weight: 600;
	font-size: 1rem;
	line-height: 3.25rem;
	border-radius: 0.25rem;
	margin-top: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease;
}

.vk-btn > span {
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	display: inline-block;
	background: #2789f6 url('/img/3af401f.svg') 50%/0.9375rem no-repeat;
	margin-right: 0.5rem;
}

.vk-btn:hover {
	background-color: rgba(39, 137, 246, 0.25);
}

@media (max-height: 835px) {
	.vk-btn {
		margin-top: 3.75rem;
	}

	.login-divider {
		margin: 1.625rem 0;
	}
}

@media (max-height: 745px) {
	.vk-btn {
		margin-top: 2.5rem;
	}

	.login-divider {
		margin: 1.25rem 0;
	}
}

@media (max-width: 576px) {
	.vk-btn {
		margin-top: 2rem;
	}
}
.pin-code-input {
	line-height: 1.1875rem;
	font-size: 1rem;
	padding: 1rem;
	width: 19rem;
	font-family: monospace;
	background-image: linear-gradient(
		90deg,
		#f8f8f8 0,
		#f8f8f8 14.4%,
		#fff 0,
		#fff 17%,
		#f8f8f8 0,
		#f8f8f8 31.4%,
		#fff 0,
		#fff 34%,
		#f8f8f8 0,
		#f8f8f8 48.4%,
		#fff 0,
		#fff 51%,
		#f8f8f8 0,
		#f8f8f8 65.4%,
		#fff 0,
		#fff 68%,
		#f8f8f8 0,
		#f8f8f8 82.5%,
		#fff 0,
		#fff 85%,
		#f8f8f8 0,
		#f8f8f8 99.4%
	);
	border-radius: 4px;
	outline: none;
	border: 1px solid transparent;
	font-weight: 600;
	text-indent: 0.125rem;
	letter-spacing: 2.65rem;
}
[data-simplebar] {
	position: relative;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}

.simplebar-wrapper {
	overflow: hidden;
	width: inherit;
	height: inherit;
	max-width: inherit;
	max-height: inherit;
}

.simplebar-mask {
	direction: inherit;
	overflow: hidden;
	width: auto !important;
	height: auto !important;
	z-index: 0;
}

.simplebar-mask,
.simplebar-offset {
	position: absolute;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

.simplebar-offset {
	direction: inherit !important;
	box-sizing: inherit !important;
	resize: none !important;
	-webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
	direction: inherit;
	box-sizing: border-box !important;
	position: relative;
	display: block;
	height: 100%;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.simplebar-content:after,
.simplebar-content:before {
	content: ' ';
	display: table;
}

.simplebar-placeholder {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
	box-sizing: inherit !important;
	height: 100%;
	width: 100%;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	flex-grow: inherit;
	flex-shrink: 0;
	flex-basis: 0;
}

.simplebar-height-auto-observer {
	box-sizing: inherit;
	display: block;
	opacity: 0;
	top: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	z-index: -1;
}

.simplebar-height-auto-observer,
.simplebar-track {
	position: absolute;
	overflow: hidden;
	pointer-events: none;
}

.simplebar-track {
	z-index: 1;
	right: 0;
	bottom: 0;
}

[data-simplebar].simplebar-dragging .simplebar-content {
	pointer-events: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
	pointer-events: all;
}

.simplebar-scrollbar {
	position: absolute;
	left: 0;
	right: 0;
	min-height: 10px;
}

.simplebar-scrollbar:before {
	position: absolute;
	content: '';
	background: #000;
	border-radius: 7px;
	left: 2px;
	right: 2px;
	opacity: 0;
	transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
	opacity: 0.5;
	transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
	top: 0;
	width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 2px;
	bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
	left: 0;
	height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
	height: 100%;
	left: 2px;
	right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	right: auto;
	left: 0;
	top: 2px;
	height: 7px;
	min-height: 0;
	min-width: 10px;
	width: auto;
}

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
	right: auto;
	left: 0;
}

.hs-dummy-scrollbar-size {
	direction: rtl;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	height: 500px;
	width: 500px;
	overflow-y: hidden;
	overflow-x: scroll;
}

.simplebar-hide-scrollbar {
	position: fixed;
	left: 0;
	visibility: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.vk-accounts {
	background: url('/img/vk_auth_bg.png') 50% / cover no-repeat;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.vk-accounts__overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.vk-accounts__isLoading {
	font-size: 30px;
	font-weight: 600;
	max-width: 620px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.vk-accounts__scroll {
	width: 450px;
	background-color: #fff;
	padding: 64px;
	border-radius: 8px;
	position: relative;
}

.vk-accounts__list {
	display: grid;
	grid-row-gap: 16px;
}

.selected-server {
	display: grid;
	grid-template-columns: 6rem 1fr;
	align-items: center;
	grid-column-gap: 1rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
}

.selected-server__name {
	font-size: 1.375rem;
	line-height: 1.6875rem;
	font-weight: 800;
	text-transform: uppercase;
	text-align: left;
}

.selected-server__name > span {
	font-weight: 300;
}

.selected-server--md {
	grid-template-columns: 4rem 1fr;
}

.selected-server--md .selected-server__logo {
	width: 4rem;
	height: 4rem;
}

.selected-server--md .selected-server__logo > img {
	width: 2rem;
}

.selected-server--md .selected-server__name {
	font-size: 1rem;
	line-height: 1.1875rem;
}

.server-logo {
	position: relative;
	width: 6rem;
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.server-logo > img {
	width: 2.6875rem;
}

.server-logo:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	opacity: 0.15;
}

.server-logo--1:before {
	background-image:
		radial-gradient(
			79.04% 79.04% at 26.57%,
			at 2.94%,
			hsla(0, 0%, 100%, 0.45) 0,
			hsla(0, 0%, 100%, 0) 100%
		),
		radial-gradient(
			52.57% 52.57% at 61.19%,
			at 47.43%,
			rgba(255, 28, 109, 0.25) 0,
			hsla(0, 0%, 100%, 0) 100%
		),
		linear-gradient(208.78deg, #ff3e3e -1.13%, #f46259 95.96%);
	background-image:
		radial-gradient(
			79.04% 79.04% at 26.57% 2.94%,
			hsla(0, 0%, 100%, 0.45) 0,
			hsla(0, 0%, 100%, 0) 100%
		),
		radial-gradient(
			52.57% 52.57% at 61.19% 47.43%,
			rgba(255, 28, 109, 0.25) 0,
			hsla(0, 0%, 100%, 0) 100%
		),
		linear-gradient(208.78deg, #ff3e3e -1.13%, #f46259 95.96%);
}
.nuxt-error-page {
	padding: 1rem;
	background: #f7f8fb;
	color: #47494e;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-family: sans-serif;
	font-weight: 100 !important;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.nuxt-error-page .error {
	max-width: 450px;
}

.nuxt-error-page .title {
	font-size: 1.5rem;
	margin-top: 15px;
	color: #47494e;
	margin-bottom: 8px;
}

.nuxt-error-page .description {
	color: #7f828b;
	line-height: 21px;
	margin-bottom: 10px;
}

.nuxt-error-page a {
	color: #7f828b !important;
	text-decoration: none;
}

.nuxt-error-page .logo {
	position: fixed;
	left: 12px;
	bottom: 12px;
}

/* Размер и форма скроллбара */
::-webkit-scrollbar {
	width: 5px;
	height: 12px;
}

::-webkit-scrollbar-track {
	background: #262626;
	border-radius: 10px;
	opacity: 0;
}

::-webkit-scrollbar-thumb {
	background: #f96918;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #e05500;
}