@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Julius+Sans+One&display=swap");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, button, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

img, object, embed {
	vertical-align: bottom;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

q:before, q:after {
	content: '';
}

a * {
	cursor: pointer;
}

input,
textarea {
	outline: none;
}

:root {
	--font-size-general: 16px;
	--line-height-general: 1.2;
	--default-font:  "Inter", sans-serif;
	--color-main: #fff;
	--color-second-light: #bababa;
	--color-third-light: #fbfaf7;
	--color-active-aqua: #00a0b4;
	--color-second-aqua: #01bfd7;
	--color-green: #7dd600;
	--color-dark-green: #60A500;
	--color-active: #D6007C;
	--color-active-second: #d6002a;
	--color-pink: #a95586;
	--color-second-pink: #ffb7e1;
	--color-label: #bbb;
	--color-grey: #9C9C9C;
	--color-error: #fc0838;
	--color-gradient-general-sub: linear-gradient(90deg, #d6007c 0%, #00a0b4 100%);
	--color-rgb-active: 214, 0, 124;
	--color-rgb-aqua: 0, 160, 180;
	--color-violet: #6c25b1;
	--bg-main: #000;
	--bg-darkness: #070004;
	--bg-active: #D6007C;
	--bg-error: #290606;
	--bg-rgb-dark: 0,0,0;
	--bg-rgb-light: 255, 255, 255;
	--bg-image: #2F3045;
	--bg-gradient-auth: linear-gradient(134deg, rgba(var(--color-rgb-active), .8), rgba(var(--color-rgb-aqua), 0.8))
    --bg-gradient-card-instruction: linear-gradient(180deg, rgba(147, 216, 255, .25) 0.55%, rgba(46, 148, 206, .25) 46.88%, rgba(24, 25, 43, .25) 100%);
	--bg-gradient-block-price: linear-gradient(149deg, rgba(214, 0, 124, 0.9) 0%, rgba(0, 160, 180, 0.9) 100%);
	--bg-gradient-price-column: linear-gradient(134deg, rgba(var(--color-rgb-aqua), .2) 0%, rgba(214, 0, 42, 0.2) 100%);
	--bg-gradient-price-list-tools:linear-gradient(134deg, var(--color-active-aqua) 0%, var(--color-active-second) 100%);
	--bg-gradient-card-pre-register: linear-gradient(134deg, #8c0553 0%, rgba(3, 90, 101, 0.84) 100%);
	--bg-gradient-general-preregistration: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(1, 1, 5, 0.5) 33.17%, rgba(2, 2, 7, 0.75) 52.4%, rgba(2, 3, 9, 0.98) 74.04%, #020308 100%), linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	--bg-gradient-count-item: linear-gradient(0deg, rgba(var(--bg-rgb-light),.1) 0%, rgba(var(--bg-rgb-light),.5) 49.04%, rgba(var(--bg-rgb-light),.1) 100%);
	--bg-count: linear-gradient(134deg, rgba(var(--color-rgb-active), .2) 0%, rgba(var(--color-rgb-aqua), .2) 100%);
	--bg-count-second: linear-gradient(134deg, rgba(var(--color-rgb-active), .6) 0%, rgba(var(--color-rgb-aqua), .6) 100%), rgba(var(--bg-rgb-dark), .2);
	--bg-gradient-tools: linear-gradient(134deg, var(--color-violet) 0%, var(--color-active) 100%);
	--bg-gradient-tools-active: linear-gradient(134deg, var(--color-active) 0%, var(--color-violet) 100%);
	--bg-gradient-tools-aqua-active: linear-gradient(134deg, var(--color-active-aqua) 0%, var(--color-active-second) 100%);
	--bg-gradient-tools-aqua: linear-gradient(134deg, var(--color-active-second) 36.06%, var(--color-active-aqua) 100%);
	--bg-popup-content: linear-gradient(134deg, rgba(var(--color-rgb-active), .2) 0%, rgba(var(--color-rgb-aqua), .2) 100%);
	--bg-btn-gradient-general-active: linear-gradient(134deg, var(--color-active-second) 36.06%, var(--color-active-aqua) 100%);
	--bg-btn-gradient-general: linear-gradient(134deg, var(--color-active) 0%, var(--color-active-aqua) 100%);
	--bg-form-gradient: linear-gradient(149deg, rgba(113, 6, 68, 0.9) 0%, rgba(4, 82, 92, 0.9) 100%);
	--bg-card-gradient: linear-gradient(134deg, #477407 0%, #400679 100%);
	--border-gradient:linear-gradient(134deg, rgba(var(--color-rgb-active), .8), rgba(var(--color-rgb-aqua), .8));
	--border-price-column:linear-gradient(134deg, rgba(108, 37, 177, 0.8), rgba(214, 0, 124, 0.8));
	--border-second-price-column: linear-gradient(134deg, rgba(214, 0, 124, .8) 0%, rgba(0, 160, 180, .8) 100%);
	--border-color: #D6007C;
	--border-color-input: #656565;
	--border-radius: 10px;
	--border-radius-second: 20px;
	--border-radius-third: 30px;
	--opacity: .6;
	--opacity-second: .8;
	--box-shadow-rgb-color: 255, 234, 251;
	--box-shadow-instruction: 125, 214, 0;
	--header-height: 116px;
}

@media screen and (max-width: 1024px) {
	:root {
		--header-height: 112px;
	}
}

@media screen and (max-width: 568px) {
	:root {
		--header-height: 98px;
	}
}

.new-changes {
	background: red !important;
}

html {
	height: 100%;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	font: var(--font-size-general)/var(--line-height-general) var(--default-font);
	height: 100%;
	font-weight: 700;
	min-width: 320px;
	position: relative;
	color: var(--color-main);
	background: var(--bg-main);
}

@media screen and (max-width: 1460px) {
	body.open-menu .aside-column {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

@media screen and (max-width: 1460px) {
	body.open-menu .general-hamburger {
		transform: translateZ(0) scale(1.25);
	}
	body.open-menu .general-hamburger::before {
		transform: rotate(45deg) translate3d(-50%, -50%, 0);
	}
	body.open-menu .general-hamburger::after {
		transform: rotate(-45deg) translate3d(-50%, -50%, 0);
	}
	body.open-menu .general-hamburger::before, body.open-menu .general-hamburger::after {
		top: 50%;
		left: 50%;
	}
	body.open-menu .general-hamburger span {
		opacity: 0;
		transform: translate3d(-20px, -50%, 0);
		visibility: hidden;
	}
}

@media screen and (max-width: 1240px) {
	body.open-menu .navigation,
	body.open-menu .mask {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	body.open-menu .hamburger {
		background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.8386 23.8388C22.8619 24.8155 21.2798 24.8155 20.3031 23.8388L6.16094 9.6967C5.18425 8.72001 5.18425 7.13786 6.16094 6.16117C7.13764 5.18448 8.71979 5.18448 9.69648 6.16117L23.8386 20.3033C24.8153 21.28 24.8153 22.8621 23.8386 23.8388Z" fill="url(%23paint0_linear_307_8339)" /><path d="M23.3967 20.7452C24.1276 21.4762 24.1276 22.6659 23.3967 23.3969C22.6657 24.1279 21.476 24.1279 20.745 23.3969L6.60289 9.25476C5.87191 8.52379 5.87191 7.33408 6.60289 6.60311C7.33386 5.87214 8.52356 5.87214 9.25454 6.60311L23.3967 20.7452ZM23.8386 20.3033L9.69648 6.16117C8.71979 5.18448 7.13764 5.18448 6.16094 6.16117C5.18425 7.13786 5.18425 8.72001 6.16094 9.6967L20.3031 23.8388C21.2798 24.8155 22.8619 24.8155 23.8386 23.8388C24.8153 22.8621 24.8153 21.28 23.8386 20.3033Z" fill="url(%23paint1_linear_307_8339)" /><path d="M23.839 6.16117C24.8157 7.13786 24.8157 8.72001 23.839 9.6967L9.69686 23.8388C8.72016 24.8155 7.13801 24.8155 6.16132 23.8388C5.18463 22.8621 5.18463 21.28 6.16132 20.3033L20.3035 6.16117C21.2801 5.18448 22.8623 5.18448 23.839 6.16117Z" fill="url(%23paint2_linear_307_8339)" /><path d="M20.7454 6.60311C21.4764 5.87214 22.6661 5.87214 23.397 6.60311C24.128 7.33408 24.128 8.52379 23.397 9.25476L9.25491 23.3969C8.52394 24.1279 7.33423 24.1279 6.60326 23.3969C5.87229 22.6659 5.87229 21.4762 6.60326 20.7452L20.7454 6.60311ZM20.3035 6.16117L6.16132 20.3033C5.18463 21.28 5.18463 22.8621 6.16132 23.8388C7.13801 24.8155 8.72016 24.8155 9.69686 23.8388L23.839 9.6967C24.8157 8.72001 24.8157 7.13786 23.839 6.16117C22.8623 5.18448 21.2801 5.18448 20.3035 6.16117Z" fill="url(%23paint3_linear_307_8339)" /><defs><linearGradient id="paint0_linear_307_8339" x1="14.9998" y1="-0.75787" x2="14.9998" y2="30.7579" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6" /><stop offset="1" stop-color="white" stop-opacity="0.3" /></linearGradient><linearGradient id="paint1_linear_307_8339" x1="14.9998" y1="-0.75787" x2="14.9998" y2="30.7579" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6" /><stop offset="0.493" stop-color="white" stop-opacity="0" /><stop offset="0.997" stop-color="white" stop-opacity="0.3" /></linearGradient><linearGradient id="paint2_linear_307_8339" x1="-0.757718" y1="15" x2="30.758" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6" /><stop offset="1" stop-color="white" stop-opacity="0.3" /></linearGradient><linearGradient id="paint3_linear_307_8339" x1="-0.757718" y1="15" x2="30.758" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6" /><stop offset="0.493" stop-color="white" stop-opacity="0" /><stop offset="0.997" stop-color="white" stop-opacity="0.3" /></linearGradient></defs></svg>') no-repeat;
	}
	body.open-menu .header-group {
		opacity: 0;
		visibility: hidden;
	}
	body.open-menu .header-auth:not([data-attr-visible="true"])::before {
		opacity: 1;
		visibility: visible;
	}
}

@media screen and (max-width: 1240px) {
	body.scroll-locked {
		position: fixed;
		width: 100%;
		overflow: hidden;
	}
}

body.modal-locked {
	position: fixed;
	width: 100%;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	body.show-search .logo,
	body.show-search .general-hamburger,
	body.show-search .switch-back-link,
	body.show-search .header-tools {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translate3d(0, -15px, 0) rotateX(175deg);
	}
}

@media screen and (max-width: 767px) {
	body.show-search .search-form {
		transform: translate3d(0, 0, 0) rotateX(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

body.show-autocomplete .search-autocomplete {
	transform: translate3d(-50%, 0, 0) scale(1);
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width: 767px) {
	body.show-autocomplete .search-autocomplete {
		transform: translate3d(0, 0, 0) scale(1);
	}
}

body.show-autocomplete .search-form .wrap {
	border-color: #D6007C;
}

@media screen and (max-width: 991px) {
	body.open .profile-model-navigation {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}
}

a {
	color: #2600ff;
	text-decoration: none;
}

input, textarea, button {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

input {
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
}

input:-webkit-autofill {
	background-color: transparent !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow: 0 0 0 1000px transparent inset !important;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
}

* {
	box-sizing: border-box;
	outline: none;
}

*:before, *:after {
	box-sizing: border-box;
}

* ::-moz-selection {
	background: #2600ff;
	color: #fff;
}

* ::selection {
	background: #2600ff;
	color: #fff;
}

.svg-icon {
	--icon-main: currentColor;
	--icon-main-dark: color-mix(in oklab, currentColor 100%, black);
	display: inline-block;
	vertical-align: -.125em;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #fff;
}

input:-moz-placeholder, textarea:-moz-placeholder {
	color: #fff;
	opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #fff;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	color: transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	color: transparent;
}

input.placeholder, textarea.placeholder {
	color: #fff !important;
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.wrapper[data-attr-bg] {
	background-image: url("../general-images/general-bg.svg");
	background-repeat: repeat-x;
}

@media screen and (max-width: 480px) {
	.wrapper[data-attr-bg] {
		background-image: url("../general-images/general-bg-mob.svg");
		background-size: cover;
	}
}

.container {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

@media screen and (max-width: 767px) {
	.container {
		padding: 0 10px;
	}
}

.container-fluid {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

@media screen and (max-width: 767px) {
	.container-fluid {
		padding: 0 10px;
	}
}

.container-general {
	padding: 0 30px;
}

@media screen and (max-width: 767px) {
	.container-general {
		padding: 0 10px;
	}
}

.top-panel {
	position: relative;
	z-index: 2;
	line-height: 1.25;
	background-color: var(--bg-darkness);
	overflow-x: auto;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 10px 30px;
}

@media screen and (max-width: 1024px) {
	.top-panel {
		justify-content: flex-start;
		padding: 8px 20px;
	}
}

@media screen and (max-width: 767px) {
	.top-panel {
		padding: 8px 10px;
	}
}

.top-panel a {
	display: flex;
	align-items: center;
	gap: 0 12px;
	font-size: 16px;
	font-weight: 400;
	color: var(--color-second-light);
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.top-panel a:hover {
		color: var(--color-active-aqua);
	}
}

.top-panel a span {
	font-size: 11px;
}

.header {
	z-index: 1;
	backdrop-filter: blur(14px);
	background: rgba(var(--bg-rgb-dark), var(--opacity));
}

[data-height-header-sticky] {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1000;
}

[data-height-header-sticky].is-fixed {
	position: fixed;
	top: 0;
}

.hamburger {
	display: none;
	width: 30px;
	height: 30px;
	flex-shrink: 0;
	flex-grow: 0;
	border: none;
	cursor: pointer;
	position: relative;
	z-index: 30;
	background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.5 15C27.5 16.3813 26.3812 17.5 25 17.5H5C3.61875 17.5 2.5 16.3813 2.5 15C2.5 13.6187 3.61875 12.5 5 12.5H25C26.3812 12.5 27.5 13.6187 27.5 15ZM5 8.75H25C26.3812 8.75 27.5 7.63125 27.5 6.25C27.5 4.86875 26.3812 3.75 25 3.75H5C3.61875 3.75 2.5 4.86875 2.5 6.25C2.5 7.63125 3.61875 8.75 5 8.75ZM25 21.25H5C3.61875 21.25 2.5 22.3687 2.5 23.75C2.5 25.1313 3.61875 26.25 5 26.25H25C26.3812 26.25 27.5 25.1313 27.5 23.75C27.5 22.3687 26.3812 21.25 25 21.25Z" fill="url(%23paint0_linear_279_5823)" /><path d="M25 4.375C26.0337 4.375 26.875 5.21625 26.875 6.25C26.875 7.28375 26.0337 8.125 25 8.125H5C3.96625 8.125 3.125 7.28375 3.125 6.25C3.125 5.21625 3.96625 4.375 5 4.375H25ZM25 13.125C26.0337 13.125 26.875 13.9662 26.875 15C26.875 16.0338 26.0337 16.875 25 16.875H5C3.96625 16.875 3.125 16.0338 3.125 15C3.125 13.9662 3.96625 13.125 5 13.125H25ZM25 21.875C26.0337 21.875 26.875 22.7162 26.875 23.75C26.875 24.7838 26.0337 25.625 25 25.625H5C3.96625 25.625 3.125 24.7838 3.125 23.75C3.125 22.7162 3.96625 21.875 5 21.875H25ZM25 3.75H5C3.61875 3.75 2.5 4.86875 2.5 6.25C2.5 7.63125 3.61875 8.75 5 8.75H25C26.3812 8.75 27.5 7.63125 27.5 6.25C27.5 4.86875 26.3812 3.75 25 3.75ZM25 12.5H5C3.61875 12.5 2.5 13.6187 2.5 15C2.5 16.3813 3.61875 17.5 5 17.5H25C26.3812 17.5 27.5 16.3813 27.5 15C27.5 13.6187 26.3812 12.5 25 12.5ZM25 21.25H5C3.61875 21.25 2.5 22.3687 2.5 23.75C2.5 25.1313 3.61875 26.25 5 26.25H25C26.3812 26.25 27.5 25.1313 27.5 23.75C27.5 22.3687 26.3812 21.25 25 21.25Z" fill="url(%23paint1_linear_279_5823)" /><defs><linearGradient id="paint0_linear_279_5823" x1="3.8575" y1="3.8575" x2="26.1425" y2="26.1425" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6" /><stop offset="1" stop-color="white" stop-opacity="0.3" /></linearGradient><linearGradient id="paint1_linear_279_5823" x1="3.8575" y1="3.8575" x2="26.1425" y2="26.1425" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6" /><stop offset="0.493" stop-color="white" stop-opacity="0" /><stop offset="0.997" stop-color="white" stop-opacity="0.3" /></linearGradient></defs></svg>') no-repeat;
}

@media screen and (max-width: 1240px) {
	.hamburger {
		display: block;
	}
}

.header-holder {
	display: flex;
	align-items: center;
	padding: 0 30px;
	gap: 0 40px;
}

@media screen and (max-width: 1460px) {
	.header-holder {
		gap: 0 20px;
	}
}

@media screen and (max-width: 1024px) {
	.header-holder {
		padding: 0 20px;
	}
}

@media screen and (max-width: 767px) {
	.header-holder {
		padding: 0 10px;
	}
}

@media screen and (max-width: 568px) {
	.header-holder {
		gap: 0 12px;
	}
}

.logo {
	padding: 2px 0;
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 30;
}

@media screen and (max-width: 1240px) {
	.logo {
		flex-grow: 1;
		flex-shrink: 1;
	}
}

@media screen and (max-width: 991px) {
	.logo[data-attr-tool-visible="true"] {
		opacity: 0;
		visibility: hidden;
	}
}

.logo img {
	max-width: 100%;
}

@media screen and (max-width: 568px) {
	.logo img {
		max-width: 145px;
	}
}

@media screen and (max-width: 374px) {
	.logo img {
		max-width: 120px;
	}
}

.mask {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	transition: transform .4s, visibility .4s, opacity .4s;
	visibility: hidden;
	z-index: 9;
	backdrop-filter: blur(5px);
	background-color: rgba(var(--bg-rgb-dark), 0.7);
}

.navigation {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1240px) {
	.navigation {
		align-items: flex-start;
		flex-direction: column;
		position: fixed;
		padding-top: 80px;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: calc(100svh - 32px);
		z-index: 20;
		background: rgba(var(--bg-rgb-dark), 0.2);
		transform: translate3d(0, 10%, 0);
		transition: transform .3s, visibility .3s, opacity .3s;
		visibility: hidden;
		opacity: 0;
		padding-bottom: 20px;
	}
}

.navigation .list {
	display: flex;
	gap: 0 50px;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	flex-shrink: 1;
}

@media screen and (max-width: 1460px) {
	.navigation .list {
		gap: 30px 15px;
	}
}

@media screen and (max-width: 1240px) {
	.navigation .list {
		flex-grow: 0;
		flex-shrink: 0;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
}

.navigation .link {
	display: flex;
	align-items: center;
	gap: 0 10px;
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	color: var(--color-third-light);
	transition: color .3s;
}

.navigation .link.active svg {
	color: var(--color-active);
}

.navigation .link svg {
	transition: color .3s;
	color: var(--color-second-light);
}

.navigation .link span {
	font-size: 15px;
}

@media screen and (min-width: 1025px) {
	.navigation .link:hover svg {
		color: var(--color-active-aqua);
	}
}

@media screen and (max-width: 1510px) {
	.navigation .link {
		font-size: 18px;
	}
	.navigation .link span {
		font-size: 13px;
	}
}

@media screen and (max-width: 1240px) {
	.navigation .link {
		font-size: 30px;
	}
	.navigation .link span {
		font-size: 16px;
	}
}

.container-scroll {
	flex-grow: 1;
	flex-shrink: 1;
	gap: 30px 50px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1460px) {
	.container-scroll {
		gap: 30px 15px;
	}
}

@media screen and (max-width: 1240px) {
	.container-scroll {
		padding: 30px 70px 0;
		padding-bottom: 0;
		overflow: auto;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
}

@media screen and (max-width: 390px) {
	.container-scroll {
		padding: 30px 30px 0;
	}
}

.header-group {
	display: flex;
	align-items: center;
	gap: 0 42px;
	opacity: 1;
	visibility: visible;
	transition: opacity .3s, visibility .3s;
}

@media screen and (max-width: 1460px) {
	.header-group {
		gap: 0 15px;
	}
}

.header-group .auth {
	display: flex;
	align-items: center;
	gap: 12px;
}

@media screen and (max-width: 568px) {
	.header-group .auth {
		gap: 10px;
	}
}

.header-group .btn {
	cursor: pointer;
	font-weight: 500;
	font-size: 15px;
	padding: 11px 20px;
	line-height: 1.267;
	text-transform: uppercase;
	color: var(--color-third-light);
	border-radius: var(--border-radius);
	border: 1px solid var(--border-color);
	background-color: rgba(var(--bg-rgb-dark), var(--opacity-second));
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.header-group .btn:hover {
		background: var(--bg-active);
	}
}

@media screen and (max-width: 568px) {
	.header-group .btn {
		font-size: 13px;
		line-height: 1.231;
		padding: 11px 10px;
	}
}

@media screen and (max-width: 374px) {
	.header-group .btn {
		font-size: 10px;
	}
}

.header-group .btn.second {
	position: relative;
	border: none;
	padding: 12px 20px;
	background: var(--bg-gradient-tools);
}

@media screen and (min-width: 1025px) {
	.header-group .btn.second:hover::before {
		opacity: 1;
	}
}

@media screen and (max-width: 568px) {
	.header-group .btn.second {
		padding: 12px 10px;
	}
}

.header-group .btn.second > * {
	position: relative;
	z-index: 1;
}

.header-group .btn.second::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: var(--border-radius);
	background: var(--bg-gradient-tools-active);
	opacity: 0;
	transition: opacity .3s;
}

.lang {
	position: relative;
}

.lang-action {
	display: flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: none;
	cursor: pointer;
	font-weight: 400;
	font-size: 8px;
	color: var(--color-main);
}

@media screen and (min-width: 1025px) {
	.lang-action:hover svg {
		color: var(--color-active-aqua);
	}
}

.lang-action img {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	overflow: hidden;
}

.lang-action svg {
	transition: transform .3s, color .3s;
	color: var(--color-active);
}

.lang-action span {
	font-size: 11px;
}

.lang-dropped {
	position: absolute;
	z-index: 10;
	background: var(--bg-count), rgba(var(--bg-rgb-dark), 0.6);
	border-radius: var(--border-radius-second);
	transform: translate3d(0, 10px, 0);
	opacity: 0;
	visibility: hidden;
	transition: transform .3s, opacity .3s, visibility .3s;
	overflow: hidden;
}

.lang-dropped::before {
	content: "";
	pointer-events: none;
	position: absolute;
	inset: 0;
	border-radius: var(--border-radius-second);
	padding: 3px;
	background: var(--border-gradient);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 2;
}

.lang-dropped .hold {
	font-weight: 500;
	font-size: 13px;
	padding: 10px 0;
	overflow: auto;
	max-height: 140px;
	position: relative;
	backdrop-filter: blur(14px);
}

.lang-dropped .link {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--color-main);
	padding: 10px 26px;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.lang-dropped .link:hover {
		color: var(--color-active-aqua);
	}
}

.lang-dropped img {
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 100%;
	flex-grow: 0;
	flex-shrink: 0;
	-o-object-fit: cover;
	   object-fit: cover;
}

[data-attr-dropped="true"] .lang-dropped {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

[data-attr-dropped="true"] .lang-action svg {
	transform: rotate(180deg);
	color: var(--color-active-aqua);
}

[data-attr-bottom="true"] .lang-dropped {
	top: calc(100% + 10px);
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}

@media screen and (max-width: 1240px) {
	[data-attr-bottom="true"] .lang-dropped {
		left: 0;
		right: auto;
		transform: translate3d(0, 0, 0);
	}
}

[data-attr-bottom="false"] .lang-dropped {
	top: auto;
	bottom: calc(100% + 10px);
	right: auto;
}

.auth-mobile {
	display: none;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

@media screen and (max-width: 1240px) {
	.auth-mobile {
		display: flex;
	}
}

.auth-mobile .btn {
	cursor: pointer;
	font-weight: 500;
	font-size: 15px;
	padding: 11px 20px;
	line-height: 1.267;
	text-transform: uppercase;
	color: var(--color-third-light);
	border-radius: var(--border-radius);
	border: 1px solid var(--border-color);
	background: rgba(var(--bg-rgb-dark), var(--opacity-second));
	transition: background .3s;
}

@media screen and (min-width: 1025px) {
	.auth-mobile .btn:hover {
		background: var(--bg-active);
	}
}

.auth-mobile .btn.second {
	position: relative;
	border: none;
	padding: 12px 20px;
	background: var(--bg-gradient-tools);
}

@media screen and (min-width: 1025px) {
	.auth-mobile .btn.second:hover::before {
		opacity: 1;
	}
}

.auth-mobile .btn.second > * {
	position: relative;
	z-index: 1;
}

.auth-mobile .btn.second::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: var(--border-radius);
	background: var(--bg-gradient-tools-active);
	opacity: 0;
	transition: opacity .3s;
}

.mobile-bottom {
	display: none;
	flex-direction: column;
	gap: 20px 0;
}

@media screen and (max-width: 1240px) {
	.mobile-bottom {
		display: flex;
	}
}

.mobile-bottom .copy {
	font-weight: 400;
	font-size: 12px;
	color: var(--color-third-light);
}

.link-bottom {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: var(--color-third-light);
	transition: color .3s;
	font-size: 20px;
	gap: 10px;
}

@media screen and (min-width: 1025px) {
	.link-bottom:hover svg {
		color: var(--color-active);
	}
}

.link-bottom svg {
	transition: color .3s;
}

[data-attr-auth-dropped="true"] .btn-auth {
	color: var(--color-active-aqua);
}

[data-attr-auth-dropped="true"] .btn-auth .ava::before {
	opacity: 1;
}

[data-attr-auth-dropped="true"] .btn-auth .arrow {
	transform: rotate(180deg);
}

[data-attr-auth-dropped="true"] .auth-dropped {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

[data-attr-auth-dropped="true"] .user-dropped {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

.header-auth {
	position: relative;
	opacity: 1;
	visibility: visible;
}

.header-auth::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	backdrop-filter: blur(5px);
	background-color: rgba(var(--bg-rgb-dark), 0.88);
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s, visibility .4s;
}

.btn-auth {
	display: flex;
	align-items: center;
	text-align: start;
	gap: 15px;
	background: none;
	cursor: pointer;
	border: none;
	font-weight: 400;
	font-size: 12px;
	transition: color .3s;
	overflow: hidden;
	width: 100%;
}

@media screen and (min-width: 1025px) {
	.btn-auth:hover {
		color: var(--color-active-aqua);
	}
	.btn-auth:hover .ava::before {
		opacity: 1;
	}
}

.btn-auth .adress {
	width: 100%;
	display: block;
	font-size: 13px;
	color: var(--color-main);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-auth .text {
	color: var(--color-main);
	font-size: 11px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.btn-auth .text span {
	color: var(--color-active-aqua);
}

.btn-auth .ava {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
	position: relative;
	flex-grow: 0;
	flex-shrink: 0;
}

.btn-auth .ava::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: 100%;
	opacity: 0;
	transition: opacity .3s;
	box-shadow: 0 0 0 0.114em inset var(--color-green);
}

.btn-auth img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.btn-auth .arrow {
	transition: transform .3s;
}

.btn-auth .wrap {
	display: flex;
	align-items: center;
	gap: 0 15px;
	flex-shrink: 1;
	flex-grow: 1;
	min-width: 1px;
}

@media screen and (max-width: 1240px) {
	.btn-auth .wrap {
		display: none;
	}
}

.btn-auth .block {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.auth-dropped {
	position: absolute;
	z-index: 10;
	backdrop-filter: blur(14px);
	background: var(--bg-count), rgba(var(--bg-rgb-dark), 0.6);
	border-radius: var(--border-radius-second);
	transform: translate3d(0, 10px, 0);
	opacity: 0;
	visibility: hidden;
	transition: transform .3s, opacity .3s, visibility .3s;
	min-width: 200px;
	right: 0;
	top: calc(100% + 16px);
	overflow: hidden;
}

.auth-dropped::before {
	content: "";
	pointer-events: none;
	position: absolute;
	inset: 0;
	border-radius: var(--border-radius-second);
	padding: 3px;
	background: var(--bg-gradient-auth);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 2;
}

.auth-dropped .hold {
	font-weight: 500;
	font-size: 13px;
	padding: 50px 32px;
	overflow: auto;
	max-height: 300px;
	text-transform: uppercase;
	position: relative;
	backdrop-filter: blur(14px);
}

.auth-dropped a.link {
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.auth-dropped a.link:hover {
		color: var(--color-active-aqua);
	}
}

.auth-dropped .link {
	display: inline-flex;
	align-items: center;
	line-height: 1.5;
	color: var(--color-main);
}

.auth-dropped .link.active {
	color: var(--color-active-aqua);
}

.auth-dropped ul {
	display: flex;
	flex-direction: column;
	gap: 30px 0;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed var(--color-main);
}

.auth-dropped ul:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.header-holder-general {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0 30px;
}

@media screen and (max-width: 1680px) {
	.header-holder-general {
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width: 1460px) {
	.header-holder-general {
		gap: 0 50px;
	}
}

@media screen and (max-width: 1024px) {
	.header-holder-general {
		gap: 0 20px;
		padding: 0 20px;
	}
}

@media screen and (max-width: 767px) {
	.header-holder-general {
		padding: 0 10px;
	}
}

@media screen and (max-width: 568px) {
	.header-holder-general {
		gap: 0 12px;
		min-height: 66px;
	}
}

@media screen and (max-width: 390px) {
	.header-holder-general {
		gap: 0 5px;
	}
}

@media screen and (max-width: 991px) {
	.header-holder-general .logo[data-attr-tool-visible="true"] {
		opacity: 0;
		visibility: hidden;
	}
}

@media screen and (max-width: 568px) {
	.header-holder-general .logo img {
		max-width: 140px;
	}
}

@media screen and (max-width: 479px) {
	.header-holder-general .logo img {
		max-width: 102px;
	}
}

.header-holder-general .logo,
.header-holder-general .header-tools {
	display: table-cell;
}

.logo,
.general-hamburger,
.switch-back-link,
.header-tools {
	opacity: 1;
	visibility: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0) rotateX(0);
	transition: transform .3s, opacity .3s, visibility .3s;
}

.general-hamburger {
	flex-grow: 0;
	flex-shrink: 0;
	display: none;
	cursor: pointer;
	align-items: center;
	align-self: center;
	height: 24px;
	position: relative;
	z-index: 3;
	width: 24px;
	opacity: 1;
	background: none;
	border: none;
	transform: translateZ(0);
	transition: opacity .3s,visibility .3s,transform .3s;
	visibility: visible;
}

@media screen and (min-width: 1025px) {
	.general-hamburger:hover::after, .general-hamburger:hover::before,
	.general-hamburger:hover span {
		background-color: #D6007C;
	}
}

@media screen and (max-width: 1460px) {
	.general-hamburger {
		display: flex;
	}
}

@media screen and (max-width: 991px) {
	.general-hamburger[data-attr-tool-visible="true"] {
		display: none;
	}
}

.general-hamburger::after, .general-hamburger::before,
.general-hamburger span {
	content: '';
	height: 3px;
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 10px;
	background-color: #dfe8ed;
	transform-origin: top left;
	transition: background-color .3s, transform .3s;
}

.general-hamburger::before {
	top: 0;
	bottom: auto;
}

.general-hamburger::after {
	top: auto;
	bottom: 0;
}

.general-hamburger::before, .general-hamburger::after {
	transform: translate3d(0, 0, 0) rotate(0);
	left: auto;
	width: 100%;
}

.general-hamburger span {
	top: 50%;
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, -50%, 0) rotate(0);
	transition: background-color .2s, opacity .2s, visibility .2s, transform .2s;
}

.switch-back-link {
	flex-grow: 1;
	flex-shrink: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	padding-right: 10px;
	display: none;
}

@media screen and (max-width: 991px) {
	.switch-back-link[data-attr-tool-visible="true"] {
		display: flex;
	}
}

@media screen and (max-width: 390px) {
	.switch-back-link {
		font-size: 12px;
	}
}

.switch-back-link .prev {
	display: flex;
	align-items: center;
	gap: 0 15px;
	cursor: pointer;
	background: none;
	border: none;
}

.header-tools {
	vertical-align: middle;
}

.header-tools .cols,
.header-tools .group {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0 15px;
}

@media screen and (max-width: 390px) {
	.header-tools .cols,
	.header-tools .group {
		gap: 0 10px;
	}
}

.header-tools .col.primary {
	padding-right: 30px;
}

@media screen and (max-width: 991px) {
	.header-tools .col.primary {
		display: none;
	}
}

.header-tools .col.second {
	padding-right: 10px;
}

@media screen and (max-width: 991px) {
	.header-tools .col:last-child {
		display: none;
	}
}

.header-tools .col.secondary {
	max-width: 247px;
}

.header-tools .item.primary {
	padding-right: 30px;
}

@media screen and (max-width: 991px) {
	.header-tools .item.primary {
		display: none;
	}
}

.header-tools .btn {
	cursor: pointer;
	font-weight: 500;
	font-size: 15px;
	padding: 11px 20px;
	line-height: 1.267;
	text-transform: uppercase;
	color: var(--color-third-light);
	border-radius: var(--border-radius);
	border: 1px solid var(--border-color);
	background-color: rgba(var(--bg-rgb-dark), var(--opacity-second));
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.header-tools .btn:hover {
		background: var(--bg-active);
	}
}

@media screen and (max-width: 568px) {
	.header-tools .btn {
		font-size: 13px;
		line-height: 1.231;
		padding: 11px 10px;
	}
}

@media screen and (max-width: 374px) {
	.header-tools .btn {
		font-size: 10px;
	}
}

.header-tools .btn.second {
	position: relative;
	border: none;
	padding: 12px 20px;
	background: var(--bg-gradient-tools);
}

@media screen and (min-width: 1025px) {
	.header-tools .btn.second:hover::before {
		opacity: 1;
	}
}

@media screen and (max-width: 568px) {
	.header-tools .btn.second {
		padding: 12px 10px;
	}
}

.header-tools .btn.second > * {
	position: relative;
	z-index: 1;
}

.header-tools .btn.second::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: var(--border-radius);
	background: var(--bg-gradient-tools-active);
	opacity: 0;
	transition: opacity .3s;
}

.action-search {
	font-size: 24px;
	align-items: center;
	justify-content: center;
	background: none;
	color: #E3E3E3;
	border: none;
	display: none;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.action-search {
		display: flex;
	}
}

@media screen and (max-width: 390px) {
	.action-search {
		font-size: 20px;
	}
}

.message-action {
	position: relative;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 24px;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.message-action:hover {
		color: #D6007C;
	}
}

@media screen and (max-width: 390px) {
	.message-action {
		font-size: 20px;
	}
}

.message-action .count {
	position: absolute;
	top: -4px;
	right: -10px;
	background-color: #D6007C;
	min-width: 18px;
	max-width: 30px;
	height: 18px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media screen and (max-width: 390px) {
	.message-action .count {
		min-width: 16px;
		font-size: 10px;
		height: 16px;
	}
}

.message-action .count span {
	overflow: hidden;
	text-overflow: ellipsis;
}

.info-balance {
	background-color: #322121;
	border-radius: 9px;
	padding: 7px 6px;
	line-height: 1.5;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 390px) {
	.info-balance {
		font-size: 12px;
		padding: 5px;
	}
}

.info-balance .add {
	margin-left: 7px;
	border: none;
	cursor: pointer;
	background-color: rgba(214, 0, 124, 0.4);
	width: 20px;
	height: 20px;
	border-radius: 5px;
	position: relative;
	transition: background .3s;
}

@media screen and (min-width: 1025px) {
	.info-balance .add:hover {
		background-color: #000;
	}
}

.info-balance .add::before, .info-balance .add::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	background-color: #D6007C;
	border-radius: 2px;
}

.info-balance .add::before {
	width: 2px;
	height: 10px;
}

.info-balance .add::after {
	height: 2px;
	width: 10px;
}

.user-dropped {
	padding: 10px 20px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 0 0 20px 20px;
	position: absolute;
	top: calc(100% + 14px);
	right: -10px;
	z-index: 10;
	min-width: 300px;
	transform: translate3d(0, 10px, 0);
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s, visibility .4s, transform .3s;
}

.user-dropped .hold {
	max-height: 70vh;
	overflow: auto;
	position: relative;
	z-index: 2;
}

.user-dropped .hold::-webkit-scrollbar {
	display: none;
}

.user-dropped .profile-model-box {
	border-bottom: 1px solid #3c3c3c;
}

.user-dropped li {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 14px;
}

.user-dropped li:last-child {
	margin-bottom: 0;
}

.user-dropped .link {
	display: flex;
	align-items: center;
	color: #fff;
	gap: 0 20px;
}

@media screen and (min-width: 1025px) {
	.user-dropped .link:hover i {
		color: #D6007C;
		--color-second-light: #D6007C;
	}
	.user-dropped .link:hover .arrow {
		color: #D6007C;
	}
}

.user-dropped .link.active i {
	color: #D6007C;
}

.user-dropped .link span {
	flex-grow: 1;
	flex-shrink: 1;
}

.user-dropped i {
	font-size: 21px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: #000;
	transition: color .1s;
	color: #bababa;
}

.user-dropped ul {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #3c3c3c;
}

.user-dropped ul:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.user-dropped .arrow {
	font-size: 11px;
	flex-grow: 0;
	flex-shrink: 0;
	color: #656565;
	transition: color .1s;
}

.dropped-info .button,
.user-info .button {
	display: block;
	border-radius: 20px;
	padding: 11px 10px;
	background-color: #00a0b4;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	color: #fbfaf7;
	border: none;
	line-height: 1.286;
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.dropped-info .button:hover,
	.user-info .button:hover {
		background-color: #D6007C;
	}
}

.dropped-info .sbsc,
.user-info .sbsc {
	line-height: 1.231;
	padding: 9px 0;
	font-weight: 500;
	font-size: 14px;
	color: #bababa;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.dropped-info .sbsc strong,
.user-info .sbsc strong {
	font-weight: 600;
	font-size: 26px;
	color: #fff;
}

.dropped-info {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #3c3c3c;
}

.dropped-info .block {
	display: flex;
	align-items: center;
	gap: 10px;
}

.dropped-info .sbsc {
	margin-bottom: 10px;
}

.user-info {
	margin-bottom: 20px;
}

.user-info .block {
	gap: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.user-info .block:last-child {
	margin-bottom: 0;
}

.user-info .user {
	display: flex;
	align-items: center;
	gap: 10px;
}

.user-info .ava {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
	width: 40px;
	height: 40px;
	font-size: 16px;
	position: relative;
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
	color: #fff;
	border-radius: 100%;
	overflow: hidden;
}

.user-info .ava img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.user-info .name {
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 600;
	font-size: 13px;
	color: #e3e3e3;
}

.user-info .name svg {
	color: #00a0b4;
	flex-grow: 0;
	flex-shrink: 0;
}

.user-info .name span {
	font-size: 16px;
}

.user-info .tag {
	font-weight: 400;
	font-size: 12px;
	color: #7e7e7e;
	margin-top: 2px;
}

.search-form {
	flex-shrink: 1;
	flex-grow: 1;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.search-form {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 30;
		display: flex;
		align-items: center;
		padding: 8px 10px;
		transform: translate3d(0, 60px, 0) rotateX(175deg);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: transform .3s, visibility .3s, opacity .3s;
	}
}

.search-form .form {
	width: 100%;
	max-width: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.search-form .form {
		max-width: 100%;
	}
}

.search-form .close {
	background: none;
	border: none;
	width: 30px;
	height: 30px;
	font-size: 12px;
	align-items: center;
	justify-content: center;
	display: none;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.search-form .close {
		display: flex;
	}
}

.search-form input {
	font-weight: 500;
	font-size: 14px;
	background: none;
	border: none;
	height: 52px;
	width: 100%;
	padding: 10px 15px;
	font-size: 13px;
	color: #fff;
}

.search-form input::-webkit-input-placeholder {
	color: #bbb;
}

.search-form input:-moz-placeholder {
	color: #bbb;
	opacity: 1;
}

.search-form input::-moz-placeholder {
	color: #bbb;
	opacity: 1;
}

.search-form input:-ms-input-placeholder {
	color: #bbb;
}

.search-form input:focus::-webkit-input-placeholder {
	color: transparent;
}

.search-form input:focus:-moz-placeholder {
	color: transparent;
}

.search-form input:focus::-moz-placeholder {
	color: transparent;
}

.search-form input:focus:-ms-input-placeholder {
	color: transparent;
}

.search-form input.placeholder {
	color: #bbb !important;
}

.search-form .btn {
	color: #AEAEAE;
	display: block;
	padding: 10px 15px;
	align-self: center;
	border: none;
	background: none;
	position: relative;
	cursor: pointer;
	font-size: 18px;
	line-height: 1.2;
	color: #AEAEAE;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.search-form .btn:hover {
		color: #D6007C;
	}
}

.search-form .btn::before {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	background-color: #3c3c3c;
	height: 24px;
	width: 1px;
}

.search-form .wrap {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
	transition: transform 0.4s, opacity 0.4s, visibility 0.4s;
	border: 1px solid #656565;
	border-radius: 8px;
	display: flex;
	width: 100%;
	transition: box-shadow 0.3s, border .3s;
}

.search-autocomplete {
	position: absolute;
	top: calc(100% + 2px);
	left: 50%;
	right: 0px;
	transform: translate3d(-50%, 25px, 0px) scale(0.96);
	opacity: 0;
	visibility: hidden;
	max-height: 450px;
	overflow: auto;
	border-radius: 10px;
	box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.1);
	background: #2a2e32;
	padding: 15px 0;
	max-width: 600px;
	width: 100%;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
}

@media screen and (max-width: 767px) {
	.search-autocomplete {
		left: 10px;
		right: 10px;
		max-height: calc(100vh - 70px - 30px);
		padding-bottom: 70px;
		width: auto;
		max-width: 100%;
	}
}

.search-autocomplete .hold {
	overflow: auto;
	max-height: 100%;
	padding: 0 15px;
}

.search-autocomplete .row {
	margin-bottom: 35px;
}

.search-autocomplete .row:last-child {
	margin-bottom: 0;
}

.search-autocomplete .headline {
	display: flex;
	align-items: center;
	margin-bottom: 7px;
	padding-bottom: 15px;
	border-bottom: 1px solid #4c5762;
	gap: 0 10px;
}

.search-autocomplete .headline .title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 24px;
	font-weight: 500;
	flex-grow: 1;
	flex-shrink: 1;
}

.search-autocomplete .headline .title svg {
	color: #A4A3A3;
	flex-grow: 0;
	flex-shrink: 0;
}

.search-autocomplete .headline .title span {
	color: #fff;
	font-size: 14px;
}

.search-autocomplete .headline .more {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 0 8px;
	font-weight: 400;
	font-size: 10px;
	color: #bababa;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.search-autocomplete .headline .more:hover {
		color: #D6007C;
	}
}

.search-autocomplete .headline .more span {
	font-size: 11px;
}

.search-autocomplete .headline .more svg {
	flex-grow: 0;
	flex-shrink: 0;
}

.result-name,
.result-video,
.result-photo {
	display: flex;
	color: #fff;
	gap: 0 10px;
	margin: 0 -15px;
	padding: 8px 15px;
	transition: background-color .3s;
}

.result-name:hover,
.result-video:hover,
.result-photo:hover {
	background-color: #33373a;
}

.result-name .checked,
.result-video .checked,
.result-photo .checked {
	font-size: 13px;
	flex-shrink: 0;
	flex-grow: 0;
	margin-left: 5px;
	color: #53AFF7;
}

.result-name .avatar,
.result-video .avatar,
.result-photo .avatar {
	width: 35px;
	height: 35px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 10px;
	flex-shrink: 0;
	flex-grow: 0;
}

.result-name .avatar img,
.result-video .avatar img,
.result-photo .avatar img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.result-name .name,
.result-video .name,
.result-photo .name {
	font-weight: 500;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.result-name .col,
.result-video .col,
.result-photo .col {
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	overflow: hidden;
	align-items: center;
}

.result-name .col.second,
.result-video .col.second,
.result-photo .col.second {
	flex-shrink: 0;
	flex-grow: 0;
	margin-left: 15px;
}

.result-name .list,
.result-video .list,
.result-photo .list {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 0 5px;
}

.list-item {
	display: flex;
	align-items: center;
	gap: 0 5px;
	font-weight: 400;
	font-size: 16px;
	color: #bababa;
}

.list-item span {
	font-size: 11px;
}

.list-item svg {
	flex-grow: 0;
	flex-shrink: 0;
}

.result-photo .wrap-content,
.result-video .wrap-content {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.result-photo .tag,
.result-video .tag {
	font-weight: 400;
	font-size: 11px;
	color: #656565;
	margin-top: 2px;
}

.result-photo .wrap-image,
.result-video .wrap-image {
	-o-object-fit: cover;
	   object-fit: cover;
	overflow: hidden;
	border-radius: 3px;
	margin-right: 10px;
	flex-shrink: 0;
	flex-grow: 0;
}

.result-video .wrap-image {
	width: 35px;
	height: 26px;
}

.result-photo .wrap-image {
	width: 26px;
	height: 35px;
}

.main {
	flex-shrink: 1;
	flex-grow: 1;
	position: relative;
	z-index: 2;
}

.general-section {
	position: relative;
	background: url("../images/main-banner.jpg") no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0;
	background-attachment: scroll;
}

@media screen and (max-width: 1280px) {
	.general-section {
		background-position: 70% top;
	}
}

.general-section.second {
	background: url("../images/main-banner-second.jpg") no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0;
	background-attachment: scroll;
}

@media screen and (max-width: 1024px) {
	.general-section.second .general-block {
		background: url("../images/main-banner-mobile-second.jpg") no-repeat;
		background-size: cover;
		background-position: 0 50%;
	}
}

.general-section h1.general-title {
	margin-bottom: 7px;
}

.general-block {
	min-height: 612px;
	display: flex;
}

@media screen and (max-width: 1024px) {
	.general-block {
		background: url("../images/main-banner-mobile.jpg") no-repeat;
		background-size: cover;
		background-position: 0 50%;
	}
}

.general-content {
	height: 100%;
	position: relative;
	padding: 62px 0 74px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.general-content > * {
	width: 100%;
}

.general-content .sub {
	font-family: "Julius Sans One", sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.5;
	width: auto;
}

@media screen and (max-width: 767px) {
	.general-content .sub {
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 1.2;
	}
}

[data-attr-gradient-text-primary] {
	background: linear-gradient(90deg, var(--color-active) 0%, var(--color-active-aqua) 100%);
}

[data-attr-gradient-text-primary]::before {
	background: linear-gradient(90deg, var(--color-active) 0%, var(--color-active-aqua) 100%);
}

[data-attr-gradient-text-primary] {
	display: inline-flex;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
}

[data-attr-gradient-text-primary]::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: attr(data-text);
	-webkit-background-clip: text;
	-webkit-text-stroke: .145rem transparent;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	paint-order: stroke fill;
	opacity: .7;
}

h1.general-title {
	font-size: 60px;
	margin-bottom: 20px;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	h1.general-title {
		line-height: 1;
	}
}

@media screen and (max-width: 390px) {
	h1.general-title {
		font-size: 48px;
	}
}

h2.general-title {
	font-size: 40px;
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	h2.general-title {
		font-size: 38px;
		line-height: 1;
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 390px) {
	h2.general-title {
		font-size: 34px;
	}
}

.general-title .text {
	text-align: center;
	color: var(--color-main);
	background: linear-gradient(90deg, var(--color-active) 0%, var(--color-active-aqua) 100%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 5px transparent;
	background-clip: text;
	-webkit-text-fill-color: var(--color-main);
	paint-order: stroke fill;
	letter-spacing: 1px;
	display: inline-flex;
	vertical-align: top;
	position: relative;
	z-index: 2;
}

.general-title .text::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	background: linear-gradient(180deg, var(--color-active) 0%, var(--color-active) 100%);
	filter: blur(30px);
	z-index: -1;
	opacity: .5;
	pointer-events: none;
}

.counter-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	gap: 0 20px;
	text-transform: uppercase;
}

@media screen and (max-width: 479px) {
	.counter-wrap {
		margin-bottom: 17px;
	}
}

.counter-wrap .item {
	padding: 10px;
	min-width: 100px;
	min-height: 100px;
	border-radius: var(--border-radius);
	background: rgba(var(--bg-rgb-dark), 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.counter-wrap .item {
		min-width: 80px;
		min-height: 80px;
		padding: 5px;
	}
}

.counter-wrap .item::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: var(--border-radius);
	padding: 3px;
	background: var(--border-gradient);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 2;
}

.counter-wrap .title {
	font-size: 30px;
	letter-spacing: -.02em;
}

.counter-wrap .subtitle {
	font-size: 11px;
	letter-spacing: .05em;
}

.statistic-counter {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}

.statistic-counter.second .wrap {
	padding: 10px 24px;
	background: var(--bg-count-second);
}

.statistic-counter .wrap {
	display: flex;
	align-items: center;
	background: var(--bg-count);
	padding: 22px 24px;
	border-radius: var(--border-radius-second);
}

@media screen and (max-width: 767px) {
	.statistic-counter .wrap {
		padding: 18px 12px;
	}
}

@media screen and (max-width: 374px) {
	.statistic-counter .wrap {
		padding: 14px;
	}
}

.statistic-counter .item {
	padding-left: 20px;
	margin-left: 20px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.statistic-counter .item {
		margin-left: 17px;
		padding-left: 17px;
	}
}

@media screen and (max-width: 374px) {
	.statistic-counter .item {
		margin-left: 15px;
		padding-left: 15px;
	}
}

.statistic-counter .item:first-child {
	padding-left: 0;
	margin-left: 0;
}

.statistic-counter .item:first-child::after {
	display: none;
}

.statistic-counter .item.second svg {
	color: var(--color-green);
}

.statistic-counter .item.primary svg {
	color: var(--color-active);
}

.statistic-counter .item::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	transform: rotate(180deg);
	width: 1px;
	height: 100%;
	background: var(--bg-gradient-count-item);
}

.statistic-counter .title {
	text-align: center;
	line-height: 1.174;
	font-family: "Julius Sans One", sans-serif;
	font-weight: 400;
	font-size: 46px;
	color: var(--color-main);
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
	.statistic-counter .title {
		font-size: 30px;
	}
}

@media screen and (max-width: 374px) {
	.statistic-counter .title {
		font-size: 24px;
	}
}

.statistic-counter .group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 6px;
}

@media screen and (max-width: 374px) {
	.statistic-counter .group {
		flex-direction: column;
	}
}

.statistic-counter .group span {
	font-size: 14px;
}

@media screen and (max-width: 374px) {
	.statistic-counter .group span {
		font-size: 12px;
	}
}

.statistic-counter .group svg {
	color: var(--color-active-aqua);
	flex-grow: 0;
	flex-shrink: 0;
}

[data-attr-margin-top] {
	margin-bottom: 0;
	margin-top: 30px;
}

@media screen and (max-width: 479px) {
	[data-attr-margin-top] {
		margin-top: 0;
		margin-bottom: 20px;
	}
}

.group-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

@media screen and (max-width: 767px) {
	.group-btns:not(.second) {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 390px) {
	.group-btns {
		flex-wrap: wrap;
	}
}

.group-btns.second {
	gap: 10px;
	max-width: 650px;
	margin: 0 auto;
}

.group-btns .item {
	width: 50%;
}

@media screen and (max-width: 390px) {
	.group-btns .item {
		width: 100%;
	}
}

.group-btns .item.active .button::before {
	opacity: 1;
}

.group-btns span {
	font-size: 16px;
}

.group-btns .btn {
	text-transform: uppercase;
	font-size: 30px;
	max-width: 330px;
	padding: 23px;
}

@media screen and (max-width: 767px) {
	.group-btns .btn {
		font-size: 16px;
		padding: 15px 20px;
		line-height: 1;
	}
}

.group-btns .btn.second::before {
	background: var(--bg-gradient-tools-aqua-active);
}

.group-btns .btn,
.group-btns .button {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--color-third-light);
	border: none;
	border-radius: var(--border-radius);
	width: 100%;
	position: relative;
	background: var(--bg-gradient-tools-aqua);
}

@media screen and (min-width: 1025px) {
	.group-btns .btn:hover::before,
	.group-btns .button:hover::before {
		opacity: 0;
	}
}

.group-btns .btn > *,
.group-btns .button > * {
	position: relative;
	z-index: 2;
}

.group-btns .btn::before,
.group-btns .button::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: var(--border-radius);
	opacity: 1;
	background: var(--bg-btn-gradient-general);
	box-shadow: inset 0 39px 56px -36px rgba(var(--box-shadow-rgb-color), 0.3);
	transition: opacity .6s;
	z-index: 2;
	will-change: transform;
}

.group-btns .btn .svg-icon,
.group-btns .button .svg-icon {
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 29px;
}

.group-btns .button {
	font-size: 16px;
	padding: 22px 10px;
	line-height: 1.25;
	justify-content: center;
	background: none;
}

@media screen and (min-width: 1025px) {
	.group-btns .button:hover::before {
		opacity: 1;
	}
}

.group-btns .button::before {
	opacity: 0;
	transition: opacity .8;
}

.group-btns .button::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: var(--border-radius);
	padding: 3px;
	background: var(--border-gradient);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 2;
}

.group-btns .button.second {
	padding: 22px 120px 22px 10px;
}

@media screen and (max-width: 767px) {
	.group-btns .button.second {
		padding: 22px 10px;
	}
}

.group-btns .sale {
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-third-light);
	border-radius: var(--border-radius-second);
	padding: 6px 10px;
	background: var(--bg-gradient-tools-aqua-active);
	transition: background .6s;
}

@media screen and (max-width: 767px) {
	.group-btns .sale {
		font-size: 12px;
		right: auto;
		left: 50%;
		top: auto;
		bottom: -15px;
		z-index: 3;
		transform: translate3d(-50%, 0, 0);
	}
}

@media screen and (max-width: 479px) {
	[data-attr-order] {
		order: 1;
	}
}

.wrap-mouse {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	bottom: 30px;
}

@media screen and (max-width: 1024px) {
	.wrap-mouse {
		display: none;
	}
}

.wrap-mouse .btn {
	cursor: pointer;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	color: var(--color-main);
	border: none;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.wrap-mouse .btn:hover {
		color: var(--color-active-aqua);
	}
}

.block-preregistration {
	padding-top: 135px;
	text-align: center;
	backdrop-filter: blur(6px);
	will-change: transform;
	position: relative;
}

.block-preregistration::before {
	content: '';
	z-index: -1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: var(--bg-gradient-general-preregistration);
	transform: translate3d(0, 2px, 0);
}

@media screen and (max-width: 1024px) {
	.block-preregistration {
		padding-top: 50px;
	}
}

.block-preregistration .sub {
	font-family: "Julius Sans One", sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	.block-preregistration .sub {
		font-size: 16px;
		margin-bottom: 5px;
		line-height: 1;
	}
}

.block-preregistration .title {
	font-size: 40px;
	text-align: center;
	color: var(--color-third-light);
	margin-bottom: 65px;
}

.grid-pre-register {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	--flex-items: 4;
	--flex-gap: 30px;
	gap: var(--flex-gap);
}

@media screen and (max-width: 1240px) {
	.grid-pre-register {
		--flex-gap: 20px;
	}
}

@media screen and (max-width: 1024px) {
	.grid-pre-register {
		--flex-gap: 10px;
		--flex-items: 3;
		justify-content: center;
	}
}

@media screen and (max-width: 568px) {
	.grid-pre-register {
		--flex-items: 2;
	}
}

.grid-pre-register .th {
	position: relative;
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}

.card-pre-register {
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-second);
	box-shadow: 0 0 0 0 var(--color-active);
	transition: box-shadow .4s;
}

@media screen and (min-width: 1025px) {
	.card-pre-register:hover {
		box-shadow: 0 4px 74px 0 var(--color-active);
	}
	.card-pre-register:hover::before {
		transform: translate3d(0, 0, 0);
	}
	.card-pre-register:hover .hold {
		box-shadow: 0 4px 74px 0 #d6007c, inset 0 39px 56px -36px rgba(255, 255, 255, 0.1);
	}
	.card-pre-register:hover .hold::after {
		opacity: 1;
	}
	.card-pre-register:hover .hold::before {
		background-color: rgba(var(--bg-rgb-light), 0.4);
	}
	.card-pre-register:hover .hold .image::before {
		background: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-42" y="-42" width="184" height="184"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(21px);clip-path:url(%23bgblur_0_156_968_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="42"><rect width="100" height="100" rx="30" fill="url(%23paint0_linear_156_968)" fill-opacity="0.5"/><rect x="0.5" y="0.5" width="99" height="99" rx="29.5" stroke="white" stroke-opacity="0.11"/></g><defs><clipPath id="bgblur_0_156_968_clip_path" transform="translate(42 42)"><rect width="100" height="100" rx="30"/></clipPath><linearGradient id="paint0_linear_156_968" x1="50" y1="0" x2="50" y2="100" gradientUnits="userSpaceOnUse"><stop offset="0.00554471" stop-color="%2393D8FF" stop-opacity="0.4"/><stop offset="0.46875" stop-color="%232E94CE" stop-opacity="0.213685"/><stop offset="1" stop-color="%2318192B"/></linearGradient></defs></svg>') no-repeat;
		backdrop-filter: blur(42px);
		box-shadow: 0 34px 24px 0 rgba(var(--bg-rgb-dark), 0.2);
	}
	.card-pre-register:hover .hold .card-bottom {
		padding-top: 30px;
		height: 74px;
		opacity: 1;
		visibility: visible;
	}
}

@media screen and (max-width: 1024px) {
	.card-pre-register .card-bottom {
		padding-top: 30px;
		height: 74px;
		opacity: 1;
		visibility: visible;
	}
}

.card-pre-register::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
	background: url('data:image/svg+xml,<svg width="298" height="170" viewBox="0 0 298 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.143 -105L149 -222.857L266.857 -105L149 12.8572L31.143 -105ZM40.9644 -105L149 -213.036L257.036 -105L149 3.03577L40.9644 -105Z" fill="url(%23paint0_radial_159_1032)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-8.14274 -105L149 52.1429L306.143 -105L149 -262.143L-8.14274 -105ZM149 -252.321L1.67869 -105L149 42.3215L296.322 -105L149 -252.321Z" fill="url(%23paint1_radial_159_1032)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-47.4285 -105L149 -301.429L345.429 -105L149 91.4286L-47.4285 -105ZM-37.6071 -105L149 -291.607L335.607 -105L149 81.6071L-37.6071 -105Z" fill="url(%23paint2_radial_159_1032)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-86.7142 -105L149 130.714L384.714 -105L149 -340.714L-86.7142 -105ZM149 -330.893L-76.8928 -105L149 120.893L374.893 -105L149 -330.893Z" fill="url(%23paint3_radial_159_1032)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-126 -105L149 170L424 -105L149 -380L-126 -105ZM149 -370.179L-116.179 -105L149 160.179L414.179 -105L149 -370.179Z" fill="url(%23paint4_radial_159_1032)"/><defs><radialGradient id="paint0_radial_159_1032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(149 -91.1109) rotate(57.5288) scale(271.647 271.647)"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient><radialGradient id="paint1_radial_159_1032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(149 -91.1109) rotate(57.5288) scale(271.647 271.647)"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient><radialGradient id="paint2_radial_159_1032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(149 -91.1109) rotate(57.5288) scale(271.647 271.647)"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient><radialGradient id="paint3_radial_159_1032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(149 -91.1109) rotate(57.5288) scale(271.647 271.647)"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient><radialGradient id="paint4_radial_159_1032" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(149 -91.1109) rotate(57.5288) scale(271.647 271.647)"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient></defs></svg>') no-repeat;
	background-size: contain;
	transform: translate3d(0, -100%, 0);
	transition: transform .6s;
}

.card-pre-register .hold {
	padding: 32px 20px 40px;
	text-align: center;
	position: relative;
	box-shadow: 0 0 0 0 var(--color-active), inset 0 39px 56px -36px rgba(var(--bg-rgb-light), 0.1);
	transition: box-shadow .3s;
}

@media screen and (max-width: 1024px) {
	.card-pre-register .hold {
		padding: 20px 20px 30px;
	}
}

@media screen and (max-width: 390px) {
	.card-pre-register .hold {
		padding: 10px 10px 20px;
	}
}

.card-pre-register .hold::after, .card-pre-register .hold::before {
	position: absolute;
	inset: 0;
	content: "";
}

.card-pre-register .hold::after {
	background: var(--bg-gradient-card-pre-register);
	opacity: .2;
	border-radius: var(--border-radius-second);
	transition: opacity .3s;
}

.card-pre-register .hold::before {
	border-radius: var(--border-radius-second);
	padding: 3px;
	background: var(--border-gradient);
	-webkit-mask: linear-gradient(var(--color-main) 0 0) content-box, linear-gradient(var(--color-main) 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 2;
}

.card-pre-register .hold > * {
	position: relative;
	z-index: 2;
}

.card-pre-register .image {
	max-width: 130px;
	margin: 0 auto 10px;
	position: relative;
}

@media screen and (max-width: 390px) {
	.card-pre-register .image {
		max-width: 100px;
	}
}

.card-pre-register .image::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 30C0 13.4315 13.4315 0 30 0H70C86.5685 0 100 13.4315 100 30V70C100 86.5685 86.5685 100 70 100H30C13.4315 100 0 86.5685 0 70V30Z" fill="url(%23paint0_linear_159_1012)" fill-opacity="0.5"/><path d="M30 0.5H70C86.2924 0.5 99.5 13.7076 99.5 30V70C99.5 86.2924 86.2924 99.5 70 99.5H30C13.7076 99.5 0.5 86.2924 0.5 70V30C0.500001 13.7076 13.7076 0.500001 30 0.5Z" stroke="white" stroke-opacity="0.11"/><defs><linearGradient id="paint0_linear_159_1012" x1="50" y1="0" x2="50" y2="100" gradientUnits="userSpaceOnUse"><stop offset="0.00554471" stop-color="%2393D8FF" stop-opacity="0.4"/><stop offset="0.46875" stop-color="%232E94CE" stop-opacity="0.213685"/><stop offset="1" stop-color="%2318192B"/></linearGradient></defs></svg>') no-repeat;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: var(--border-radius-third);
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(var(--bg-rgb-dark), 0.2);
	transition: box-shadow .4s;
}

@media screen and (max-width: 390px) {
	.card-pre-register .image::before {
		width: 80px;
		height: 80px;
	}
}

.card-pre-register .image img {
	height: auto;
	width: 100%;
	position: relative;
	z-index: 2;
}

.card-pre-register .text {
	font-weight: 700;
	font-size: 30px;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.card-pre-register .text {
		font-size: 26px;
	}
}

@media screen and (max-width: 767px) {
	.card-pre-register .text {
		font-size: 24px;
	}
}

@media screen and (max-width: 390px) {
	.card-pre-register .text {
		font-size: 20px;
	}
}

.card-pre-register .text span {
	font-weight: 300;
}

.card-pre-register .sub-text {
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	color: var(--color-second-aqua);
}

@media screen and (max-width: 767px) {
	.card-pre-register .sub-text {
		font-size: 14px;
	}
}

@media screen and (max-width: 390px) {
	.card-pre-register .sub-text {
		font-size: 12px;
	}
}

.card-bottom {
	padding-top: 0;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transition: padding-top .4s, opacity .4s, visibility .4s, height .4s;
}

.btn-more {
	cursor: pointer;
	display: flex;
	gap: 10px;
	align-items: center;
	background: rgba(var(--bg-rgb-dark), 0.8);
	border: 1px solid var(--color-active);
	border-radius: var(--border-radius);
	font-size: 18px;
	padding: 0 20px;
	height: 44px;
	font-weight: 700;
	line-height: 1.175;
	margin: 0 auto;
}

@media screen and (min-width: 1025px) {
	.btn-more:hover .svg-icon {
		animation: .4s infinite alternate slide-in;
	}
}

@media screen and (max-width: 390px) {
	.btn-more {
		padding: 0 15px;
	}
}

.btn-more .svg-icon {
	flex-shrink: 0;
	flex-grow: 0;
	transform: translate3d(0, 0, 0);
	transition: transform .4s;
}

.btn-more span {
	font-size: 12px;
}

@keyframes slide-in {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(5px);
	}
}

.partners {
	white-space: nowrap;
	overflow-x: auto;
	margin-top: 65px;
	display: flex;
	align-items: center;
	gap: 0 50px;
	mix-blend-mode: luminosity;
	opacity: .4;
}

@media screen and (max-width: 767px) {
	.partners {
		margin: 10px -10px 0;
		padding: 0 10px;
	}
}

@media screen and (max-width: 390px) {
	.partners {
		gap: 0 25px;
	}
}

.partners img {
	height: auto;
	display: inline-block;
	vertical-align: top;
}

.partners::-webkit-scrollbar {
	display: none;
}

.section-pricing {
	padding-top: 78px;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 1024px) {
	.section-pricing {
		padding-bottom: 50px;
		padding-top: 50px;
	}
}

.section-pricing::before {
	position: absolute;
	content: '';
	background-image: url("../images/collage.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 1964px;
	height: 100%;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}

.section-headline {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
}

.section-headline .image {
	max-width: 130px;
	margin: 0 auto 15px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.section-headline .image {
		max-width: 66px;
	}
}

.section-headline .image::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 30C0 13.4315 13.4315 0 30 0H70C86.5685 0 100 13.4315 100 30V70C100 86.5685 86.5685 100 70 100H30C13.4315 100 0 86.5685 0 70V30Z" fill="url(%23paint0_linear_159_1012)" fill-opacity="0.5"/><path d="M30 0.5H70C86.2924 0.5 99.5 13.7076 99.5 30V70C99.5 86.2924 86.2924 99.5 70 99.5H30C13.7076 99.5 0.5 86.2924 0.5 70V30C0.500001 13.7076 13.7076 0.500001 30 0.5Z" stroke="white" stroke-opacity="0.11"/><defs><linearGradient id="paint0_linear_159_1012" x1="50" y1="0" x2="50" y2="100" gradientUnits="userSpaceOnUse"><stop offset="0.00554471" stop-color="%2393D8FF" stop-opacity="0.4"/><stop offset="0.46875" stop-color="%232E94CE" stop-opacity="0.213685"/><stop offset="1" stop-color="%2318192B"/></linearGradient></defs></svg>') no-repeat;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: var(--border-radius-third);
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(var(--bg-rgb-dark), 0.2);
	transition: box-shadow .4s;
}

@media screen and (max-width: 767px) {
	.section-headline .image::before {
		width: 80px;
		height: 80px;
	}
}

.section-headline .image img {
	height: auto;
	width: 100%;
	position: relative;
	z-index: 2;
}

.section-headline .text {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.4;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: var(--color-main);
	background: linear-gradient(90deg, var(--color-active) 0%, var(--color-active-aqua) 100%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 5px transparent;
	background-clip: text;
	-webkit-text-fill-color: var(--color-main);
	paint-order: stroke fill;
	position: relative;
	letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
	.section-headline .text {
		font-size: 38px;
		line-height: 1;
	}
}

@media screen and (max-width: 390px) {
	.section-headline .text {
		font-size: 34px;
	}
}

.section-headline .text::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 120%;
	background: linear-gradient(180deg, var(--color-active) 0%, var(--color-active) 100%);
	filter: blur(30px);
	z-index: -1;
	opacity: .6;
	pointer-events: none;
}

.section-headline .sub-text {
	text-align: center;
	color: var(--color-active-aqua);
}

.price-list {
	margin-top: 60px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	--flex-gap: 30px;
	--flex-items: 2;
	gap: 20px var(--flex-gap);
	position: relative;
}

@media screen and (max-width: 1024px) {
	.price-list {
		margin-top: 30px;
		gap: 20px 15px;
	}
}

@media screen and (max-width: 767px) {
	.price-list {
		--flex-items:  1;
	}
}

.price-list .icon {
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	.price-list .icon {
		margin-bottom: 5px;
	}
}

.price-list .icon img {
	max-width: 100%;
	height: auto;
}

.price-list .title {
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 30px;
	text-align: center;
	color: var(--color-third-light);
}

@media screen and (max-width: 767px) {
	.price-list .title {
		font-size: 24px;
	}
}

.price-list .label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(var(--bg-rgb-dark), 0.3);
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-label);
	padding: 5px 16px;
	border-radius: var(--border-radius);
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.price-list .label {
		margin-bottom: 10px;
	}
}

.price-list .list {
	color: var(--color-main);
	line-height: 1.5;
}

.price-list .list li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	line-height: 1.4;
	gap: 2px 10px;
	padding: 9px;
	margin-bottom: 10px;
	border-radius: var(--border-radius-second);
	border-bottom: 1px solid var(--color-pink);
}

@media screen and (max-width: 767px) {
	.price-list .list li {
		margin-bottom: 5px;
	}
}

.price-list .list li:last-child {
	margin-bottom: 0;
}

.price-list .list li.second {
	color: var(--color-label);
}

.price-list .list span {
	font-weight: 500;
	font-size: 14px;
}

.price-list .list .color {
	font-size: 15px;
	color: var(--color-second-pink);
}

.price-list .list strong {
	color: var(--color-main);
	font-weight: 700;
	font-size: 15px;
}

.price-list .list svg {
	font-size: 21px;
	flex-grow: 0;
	flex-shrink: 0;
}

.price-list .btn {
	margin-top: 25px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-transform: uppercase;
	color: var(--color-third-light);
	padding: 28px 15px;
	border: none;
	border-radius: var(--border-radius);
	font-size: 20px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: var(--bg-gradient-tools-aqua);
}

@media screen and (min-width: 1025px) {
	.price-list .btn:hover::before {
		opacity: 0;
	}
}

@media screen and (max-width: 767px) {
	.price-list .btn {
		margin-top: 20px;
	}
}

.price-list .btn span {
	font-size: 16px;
}

.price-list .btn > * {
	position: relative;
	z-index: 2;
}

.price-list .btn::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: var(--border-radius);
	opacity: 1;
	background: var(--bg-gradient-price-list-tools);
	transition: opacity .6s;
	z-index: 2;
}

.old-price {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	.old-price {
		margin-bottom: 5px;
	}
}

.old-price span:not(.sale) {
	font-weight: 500;
	font-size: 20px;
	text-decoration: line-through;
	text-align: center;
	color: rgba(var(--bg-rgb-light), 0.5);
}

.old-price .sale {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-third-light);
	border-radius: var(--border-radius-second);
	padding: 6px 10px;
	background: var(--bg-gradient-price-list-tools);
}

.main-price {
	margin-bottom: 15px;
	font-size: 28px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-third-light);
}

@media screen and (max-width: 767px) {
	.main-price {
		margin-bottom: 10px;
	}
}

.main-price span:not(.currency) {
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	color: var(--color-label);
}

.main-price .currency {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}

.tabs-price {
	display: none;
}

.tabs-price.selected {
	display: block;
}

.price-column {
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
	text-align: center;
	padding: 40px 30px;
	border-radius: var(--border-radius-second);
	backdrop-filter: blur(24px);
	background: var(--bg-gradient-price-column);
	position: relative;
}

@media screen and (max-width: 767px) {
	.price-column {
		padding: 20px;
	}
}

.price-column::before {
	position: absolute;
	inset: 0;
	content: "";
	border-radius: var(--border-radius-second);
	padding: 3px;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	background: var(--border-price-column);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 2;
}

.price-column[data-attr-price]::before {
	background: var(--border-second-price-column);
}

[data-attr-price-second]::after,
[data-attr-price]::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(var(--bg-rgb-dark), var(--opacity));
	z-index: -1;
	border-radius: var(--border-radius-second);
}

[data-attr-price-second] {
	--opacity: .5;
}

[data-attr-price] {
	--opacity: .7;
	box-shadow: 0 4px 74px 0 var(--color-active);
	background: var(--bg-gradient-block-price);
	backdrop-filter: blur(0);
}

[data-attr-price] .list li:nth-child(even) {
	background: linear-gradient(134deg, var(--color-active) 0%, rgba(var(--color-rgb-aqua), 0.84) 100%);
}

[data-attr-price] .list li:nth-child(odd) {
	background: linear-gradient(134deg, rgba(var(--color-rgb-active), 0.2) 0%, rgba(var(--color-rgb-aqua), 0.2) 100%);
}

.price-sticky {
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	z-index: 3;
	display: flex;
	justify-content: center;
}

.price-sticky .badge {
	position: absolute;
	top: 0;
	padding: 8px;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	min-width: 164px;
	color: var(--bg-main);
	background: var(--color-green);
	border-radius: 0 0 16px 16px;
	max-width: 164px;
}

.price-sticky .badge::before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 0;
	height: 0;
	border-bottom: 14px solid var(--color-dark-green);
	border-left: 14px solid transparent;
}

.price-sticky .badge::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% - 32px);
	background: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="2999" height="1024" viewBox="0 0 2999 1024"><path fill="%237dd600" d="M2999 7.072h-2999v295.72c0 124.947 79.11 236.194 197.132 277.214l1210.309 420.658c62.583 21.75 130.685 21.686 193.225-0.186l1201.721-420.236c117.759-41.178 196.614-152.289 196.614-277.031v-296.14z"></path></svg>') no-repeat;
	background-size: cover;
	height: 56px;
	width: 100%;
	background-position: 100% 100%;
}

.price-sticky span {
	position: relative;
	z-index: 2;
}

.section-registration {
	padding-top: 100px;
}

@media screen and (max-width: 1024px) {
	.section-registration {
		padding-top: 50px;
	}
}

@media screen and (max-width: 767px) {
	.section-registration {
		padding-top: 0;
	}
}

.registration-frame {
	display: flex;
	position: relative;
	min-height: 798px;
	width: 100%;
	padding: 3px;
}

@media screen and (max-width: 860px) {
	.registration-frame {
		max-width: 650px;
		margin: 0 auto;
	}
}

.registration-frame::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-second);
	overflow: hidden;
	background: var(--border-gradient);
}

.registration-frame .cols {
	display: flex;
	position: relative;
	z-index: 3;
	flex-shrink: 1;
	flex-grow: 1;
	border-radius: 17px;
	overflow: hidden;
}

@media screen and (max-width: 860px) {
	.registration-frame .cols {
		flex-direction: column;
		min-height: auto;
	}
}

.registration-frame .col {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
}

.registration-frame .col.second {
	position: relative;
	flex-grow: 0;
	flex-shrink: 0;
	max-width: 450px;
	width: 100%;
	border-radius: 0;
}

@media screen and (max-width: 860px) {
	.registration-frame .col.second {
		padding-bottom: 177.238%;
		max-width: 100%;
		margin-bottom: -20px;
	}
}

.registration-frame .media {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.form-field {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	flex-grow: 1;
	flex-shrink: 1;
	background: var(--bg-form-gradient);
}

@media screen and (max-width: 860px) {
	.form-field {
		position: relative;
		z-index: 2;
		border-radius: 20px 20px 0 0;
	}
}

@media screen and (max-width: 767px) {
	.form-field::after {
		position: absolute;
		content: '';
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: -1;
		background: rgba(var(--bg-rgb-dark), 0.25);
	}
}

@media screen and (max-width: 390px) {
	.form-field {
		padding: 15px;
	}
}

.form-field .wrapped {
	background: rgba(var(--bg-rgb-dark), 0.25);
	border: 1px solid rgba(var(--bg-rgb-light), 0.21);
	border-radius: var(--border-radius-second);
	padding: 20px;
	max-width: 630px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media screen and (max-width: 767px) {
	.form-field .wrapped {
		background: none;
		border: none;
		padding: 0;
	}
}

.form-field .hold:last-child {
	margin-bottom: 0;
}

.form-field .row:last-child {
	margin-bottom: 0;
}

.form-field .group {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1160px) {
	.form-field .group {
		flex-wrap: wrap;
	}
}

.form-field .group.second {
	gap: 30px;
	padding: 4px 0px;
	flex-wrap: wrap;
}

[data-attr-form-field-counter="false"] .form-headline {
	margin-bottom: 40px;
}

[data-attr-form-field-counter="false"] .row {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	[data-attr-form-field-counter="false"] .row {
		margin-bottom: 20px;
	}
}

[data-attr-form-field-counter="false"] .hold {
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	[data-attr-form-field-counter="false"] .hold {
		margin-bottom: 30px;
	}
}

[data-attr-form-field-counter="false"] .group {
	gap: 20px 30px;
}

[data-attr-form-field-counter="true"] .form-headline {
	margin-bottom: 17px;
}

[data-attr-form-field-counter="true"] .row {
	margin-bottom: 15px;
}

[data-attr-form-field-counter="true"] .hold {
	margin-bottom: 20px;
}

[data-attr-form-field-counter="true"] .group {
	gap: 15px 30px;
}

.form-headline {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.form-headline .image {
	max-width: 80px;
	margin: 0 auto 15px;
	position: relative;
}

.form-headline .image::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 30C0 13.4315 13.4315 0 30 0H70C86.5685 0 100 13.4315 100 30V70C100 86.5685 86.5685 100 70 100H30C13.4315 100 0 86.5685 0 70V30Z" fill="url(%23paint0_linear_159_1012)" fill-opacity="0.5"/><path d="M30 0.5H70C86.2924 0.5 99.5 13.7076 99.5 30V70C99.5 86.2924 86.2924 99.5 70 99.5H30C13.7076 99.5 0.5 86.2924 0.5 70V30C0.500001 13.7076 13.7076 0.500001 30 0.5Z" stroke="white" stroke-opacity="0.11"/><defs><linearGradient id="paint0_linear_159_1012" x1="50" y1="0" x2="50" y2="100" gradientUnits="userSpaceOnUse"><stop offset="0.00554471" stop-color="%2393D8FF" stop-opacity="0.4"/><stop offset="0.46875" stop-color="%232E94CE" stop-opacity="0.213685"/><stop offset="1" stop-color="%2318192B"/></linearGradient></defs></svg>') no-repeat;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: var(--border-radius-third);
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(var(--bg-rgb-dark), 0.2);
	transition: box-shadow .4s;
}

.form-headline img {
	height: auto;
	width: 100%;
	position: relative;
	z-index: 2;
}

.form-headline .title {
	margin-bottom: 15px;
	font-size: 40px;
	text-align: center;
	color: var(--color-main);
	background: linear-gradient(90deg, var(--color-active) 0%, var(--color-active-aqua) 100%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 5px transparent;
	background-clip: text;
	-webkit-text-fill-color: var(--color-main);
	paint-order: stroke fill;
	text-shadow: 0 4px 30px var(--color-active);
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.form-headline .title {
		line-height: 1;
		font-size: 38px;
	}
}

@media screen and (max-width: 390px) {
	.form-headline .title {
		font-size: 34px;
	}
}

.form-headline .sub-text {
	line-height: 1.5;
	text-align: center;
	color: var(--color-active-aqua);
}

.registration-counter {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 17px;
	gap: 0 20px;
}

@media screen and (max-width: 1024px) {
	.registration-counter {
		gap: 0 15px;
	}
}

@media screen and (max-width: 479px) {
	.registration-counter {
		gap: 0 10px;
	}
}

.registration-counter .item {
	padding: 7px;
	min-width: 84px;
	min-height: 76px;
	border-radius: var(--border-radius);
	background: rgba(var(--bg-rgb-dark), 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 3px;
	position: relative;
	text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
	.registration-counter .item {
		min-width: 74px;
	}
}

.registration-counter .item.second {
	min-width: 94px;
}

@media screen and (max-width: 1024px) {
	.registration-counter .item.second {
		min-width: 84px;
	}
}

.registration-counter .item::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: var(--border-radius);
	padding: 3px;
	background: var(--border-gradient);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 2;
}

.registration-counter .title {
	font-size: 30px;
	letter-spacing: -.02em;
}

@media screen and (max-width: 479px) {
	.registration-counter .title {
		font-size: 25px;
	}
}

.registration-counter .subtitle {
	font-size: 11px;
	letter-spacing: .05em;
}

.enter-box {
	display: flex;
	background: rgba(var(--bg-rgb-dark), 0.5);
	border-radius: 8px;
	border: 1px solid var(--border-color-input);
	padding-right: 15px;
	width: 100%;
	transition: border .3s, background .3s;
	position: relative;
}

@media screen and (min-width: 1025px) {
	.enter-box.error.hover:hover {
		border-color: var(--color-error);
		background: var(--bg-error);
	}
	.enter-box.error.hover:hover .icon {
		color: var(--color-main);
	}
}

.enter-box.error {
	border-color: var(--color-error);
	background: var(--bg-error);
	padding-right: 125px;
}

@media screen and (min-width: 1025px) {
	.enter-box.hover:hover {
		background: var(--bg-main);
		border-color: var(--color-active);
	}
	.enter-box.hover:hover .icon {
		color: var(--color-active-aqua);
	}
}

.enter-box.verified .verify {
	display: flex;
}

.enter-box .verify {
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 10px;
	align-self: center;
	background: var(--color-green);
	color: var(--bg-main);
	border-radius: 4px;
	padding: 2px 9px;
	line-height: 1.5;
	font-weight: 600;
	font-size: 12px;
	position: relative;
	display: none;
	align-items: center;
	gap: 5px;
}

@media screen and (max-width: 390px) {
	.enter-box .verify {
		padding: 6px 5px;
	}
}

@media screen and (max-width: 390px) {
	.enter-box .verify span:not(.icon) {
		display: none;
	}
}

.enter-box .verify .icon {
	background: url('data:image/svg+xml,<svg width="9" height="7" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 3.123L3.124 5.496L7.87 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 9px;
	height: 7px;
}

.enter-box svg {
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 21px;
}

.enter-box .icon {
	transition: color .3s;
}

.enter-box label {
	padding: 0 15px;
	display: flex;
	align-items: center;
}

.enter-box .input {
	height: 100%;
	width: 100%;
	border: none;
	font-size: 14px;
	background: none;
	color: var(--color-main);
	font-family: inherit;
	padding: 15px 0;
	height: 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.enter-box .text {
	align-self: center;
	padding-left: 15px;
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 11px;
	color: var(--color-third-light);
	opacity: .5;
}

.text-error {
	position: absolute;
	top: 50%;
	right: 15px;
	color: var(--color-error);
	font-size: 14px;
	transform: translate3d(0, -50%, 0);
}

.input-prefix {
	display: flex;
	align-items: center;
	align-self: center;
	padding-left: 15px;
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 21px;
	color: var(--color-grey);
	cursor: pointer;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.input-prefix:hover {
		color: var(--color-main);
	}
}

.checkbox-label {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.checkbox-label .checkbox {
	display: inline-flex;
	vertical-align: top;
	position: relative;
	margin-right: 10px;
	flex-shrink: 0;
	flex-grow: 0;
	width: 20px;
	border: 1px solid var(--border-color-input);
	transition: background .2s, border .2s, border-radius .2s;
	border-radius: 5px;
	height: 20px;
	background: rgba(var(--bg-rgb-dark), 0.5);
}

.checkbox-label .checkbox::after {
	content: "";
	position: absolute;
	opacity: 0;
	transition: opacity .2s;
	left: 6px;
	top: 3px;
	width: 5px;
	height: 8px;
	border: solid var(--color-main);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.checkbox-label span:not(.checkbox) {
	color: var(--color-main);
	font-weight: 500;
	font-size: 14px;
}

.checkbox-label a {
	text-decoration: underline;
	color: var(--color-main);
}

@media screen and (min-width: 1025px) {
	.checkbox-label a:hover {
		text-decoration: none;
	}
}

.checkbox-input {
	display: none;
}

.checkbox-input:checked + .checkbox {
	border-radius: 8px;
	border-color: var(--color-active);
}

.checkbox-input:checked + .checkbox::after {
	opacity: 1;
}

.btn-submit {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--color-third-light);
	padding: 28px;
	border: none;
	border-radius: var(--border-radius);
	font-size: 21px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: var(--bg-gradient-tools-aqua);
}

@media screen and (min-width: 1025px) {
	.btn-submit:hover::before {
		opacity: 0;
	}
}

.btn-submit > * {
	position: relative;
	z-index: 2;
}

.btn-submit span {
	font-size: 16px;
}

.btn-submit::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: var(--border-radius);
	opacity: 1;
	background: var(--bg-gradient-tools-aqua-active);
	transition: opacity .6s;
	z-index: 2;
}

.section-instruction {
	padding-top: 175px;
	padding-bottom: 50px;
	background-image: url("../images/instruction-bg.png");
	background-size: cover;
	background-repeat: repeat-x;
	background-position: bottom;
}

@media screen and (max-width: 1024px) {
	.section-instruction {
		padding-top: 100px;
	}
}

@media screen and (max-width: 767px) {
	.section-instruction {
		padding-bottom: 25px;
		padding-top: 58px;
	}
}

.instruction-headline {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 95px;
}

@media screen and (max-width: 767px) {
	.instruction-headline {
		margin-bottom: 70px;
	}
}

.instruction-headline .image {
	max-width: 120px;
	margin: 0 auto 20px;
	position: relative;
}

.instruction-headline .image::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 30C0 13.4315 13.4315 0 30 0H70C86.5685 0 100 13.4315 100 30V70C100 86.5685 86.5685 100 70 100H30C13.4315 100 0 86.5685 0 70V30Z" fill="url(%23paint0_linear_159_1012)" fill-opacity="0.5"/><path d="M30 0.5H70C86.2924 0.5 99.5 13.7076 99.5 30V70C99.5 86.2924 86.2924 99.5 70 99.5H30C13.7076 99.5 0.5 86.2924 0.5 70V30C0.500001 13.7076 13.7076 0.500001 30 0.5Z" stroke="white" stroke-opacity="0.11"/><defs><linearGradient id="paint0_linear_159_1012" x1="50" y1="0" x2="50" y2="100" gradientUnits="userSpaceOnUse"><stop offset="0.00554471" stop-color="%2393D8FF" stop-opacity="0.4"/><stop offset="0.46875" stop-color="%232E94CE" stop-opacity="0.213685"/><stop offset="1" stop-color="%2318192B"/></linearGradient></defs></svg>') no-repeat;
	background-size: cover;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: var(--border-radius-third);
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(var(--bg-rgb-dark), 0.2);
	transition: box-shadow .4s;
}

@media screen and (max-width: 767px) {
	.instruction-headline .image::before {
		width: 80px;
		height: 80px;
	}
}

.instruction-headline img {
	height: auto;
	width: 100%;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.instruction-headline img {
		max-width: 66px;
	}
}

.instruction-headline .text {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.5;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: var(--color-main);
	background: linear-gradient(90deg, var(--color-active) 0%, var(--color-active-aqua) 100%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 5px transparent;
	background-clip: text;
	-webkit-text-fill-color: var(--color-main);
	paint-order: stroke fill;
	position: relative;
	letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
	.instruction-headline .text {
		font-size: 38px;
		line-height: 1;
	}
}

@media screen and (max-width: 390px) {
	.instruction-headline .text {
		font-size: 34px;
	}
}

.instruction-headline .text::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 70%;
	background: linear-gradient(180deg, var(--color-green) 0%, var(--color-green) 100%);
	filter: blur(30px);
	z-index: -1;
	opacity: .6;
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.instruction-headline .text::after {
		filter: blur(45px);
		opacity: 1;
	}
}

.instruction-headline .sub-text {
	line-height: 1.5;
	color: var(--color-second-light);
}

@media screen and (max-width: 767px) {
	.instruction-headline .sub-text {
		text-align: center;
	}
}

.grid-instruction {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	--flex-items: 3;
	--flex-gap: 30px;
	gap: var(--flex-gap);
}

@media screen and (max-width: 1024px) {
	.grid-instruction {
		justify-content: center;
		--flex-items: 2;
	}
}

@media screen and (max-width: 568px) {
	.grid-instruction {
		--flex-items: 1;
	}
}

.grid-instruction .th {
	position: relative;
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}

.grid-instruction .card {
	line-height: 1.5;
	text-align: center;
	padding: 20px 20px 40px;
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-second);
	background: var(--bg-card-gradient);
	transition: box-shadow .3s, padding .4s;
}

.grid-instruction .card::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -1;
	backdrop-filter: blur(42px);
	opacity: 0;
	transition: opacity .3s;
}

@media screen and (min-width: 1025px) {
	.grid-instruction .card:hover {
		padding: 20px;
		box-shadow: 0 24px 34px 0 rgba(var(--box-shadow-instruction), 0.2);
	}
	.grid-instruction .card:hover .card-bottom {
		padding-top: 30px;
		height: 74px;
		opacity: 1;
		visibility: visible;
	}
	.grid-instruction .card:hover .media {
		box-shadow: 0 6px 13px 0 rgba(var(--bg-rgb-dark), 0.42), 0 24px 24px 0 rgba(var(--bg-rgb-dark), 0.37), 0 54px 33px 0 rgba(var(--bg-rgb-dark), 0.21), 0 97px 39px 0 rgba(var(--bg-rgb-dark), 0.06), 0 151px 42px 0 rgba(var(--bg-rgb-dark), 0.01);
	}
}

@media screen and (max-width: 1024px) {
	.grid-instruction .card .card-bottom {
		padding-top: 30px;
		height: 74px;
		opacity: 1;
		visibility: visible;
	}
}

.grid-instruction .card .btn-more {
	padding: 0 29px;
}

.grid-instruction .media {
	padding-bottom: 68.2%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	position: relative;
	border-radius: var(--border-radius-second);
	transition: box-shadow .3s;
	background: var(--bg-gradient-card-instruction);
}

.grid-instruction .media::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: var(--border-radius-second);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	background: linear-gradient(180deg, rgba(147, 216, 255, 0.2) 0.55%, rgba(46, 148, 206, 0.2) 46.88%, rgba(24, 25, 43, 0.2) 100%);
}

.grid-instruction .media > * {
	z-index: 1;
}

.grid-instruction img {
	max-height: 214px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
}

.grid-instruction img.primary {
	max-height: 100%;
	padding: 10px 0;
}

.grid-instruction img.nopadding {
	padding: 0;
	max-height: 100%;
	border-radius: var(--border-radius-second);
}

.grid-instruction .step {
	position: absolute;
	z-index: 2;
	left: -10px;
	bottom: -20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	overflow: hidden;
	box-shadow: 0 0 0 1px rgba(var(--bg-rgb-light), 0.11);
	backdrop-filter: blur(42px);
	background: var(--bg-gradient-card-instruction);
	background: linear-gradient(180deg, rgba(147, 216, 255, 0.2) 0.55%, rgba(46, 148, 206, 0.2) 46.88%, rgba(24, 25, 43, 0.2) 100%);
}

.grid-instruction .text {
	font-size: 30px;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}

.grid-instruction .sub {
	font-weight: 500;
	position: relative;
	z-index: 2;
}

.section-questions {
	padding-top: 260px;
}

@media screen and (max-width: 1240px) {
	.section-questions {
		padding-top: 100px;
	}
}

@media screen and (max-width: 767px) {
	.section-questions {
		padding-top: 25px;
	}
}

.questions-headline {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 40px;
	transform: translate3d(12px, 0, 0);
}

.questions-headline .image {
	max-width: 120px;
	margin-bottom: 20px;
	position: relative;
}

.questions-headline .image::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 30C0 13.4315 13.4315 0 30 0H70C86.5685 0 100 13.4315 100 30V70C100 86.5685 86.5685 100 70 100H30C13.4315 100 0 86.5685 0 70V30Z" fill="url(%23paint0_linear_159_1012)" fill-opacity="0.5"/><path d="M30 0.5H70C86.2924 0.5 99.5 13.7076 99.5 30V70C99.5 86.2924 86.2924 99.5 70 99.5H30C13.7076 99.5 0.5 86.2924 0.5 70V30C0.500001 13.7076 13.7076 0.500001 30 0.5Z" stroke="white" stroke-opacity="0.11"/><defs><linearGradient id="paint0_linear_159_1012" x1="50" y1="0" x2="50" y2="100" gradientUnits="userSpaceOnUse"><stop offset="0.00554471" stop-color="%2393D8FF" stop-opacity="0.4"/><stop offset="0.46875" stop-color="%232E94CE" stop-opacity="0.213685"/><stop offset="1" stop-color="%2318192B"/></linearGradient></defs></svg>') no-repeat;
	background-size: cover;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: var(--border-radius-third);
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(var(--bg-rgb-dark), 0.2);
	transition: box-shadow .4s;
}

@media screen and (max-width: 767px) {
	.questions-headline .image::before {
		width: 80px;
		height: 80px;
	}
}

.questions-headline img {
	height: auto;
	width: 100%;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.questions-headline img {
		max-width: 66px;
	}
}

.questions-headline .text {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.5;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: var(--color-main);
	background: linear-gradient(90deg, var(--color-active) 0%, var(--color-active-aqua) 100%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 5px transparent;
	background-clip: text;
	-webkit-text-fill-color: var(--color-main);
	paint-order: stroke fill;
	position: relative;
	letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
	.questions-headline .text {
		font-size: 38px;
		margin-bottom: 15px;
		line-height: 1;
		text-align: start;
	}
}

@media screen and (max-width: 390px) {
	.questions-headline .text {
		font-size: 34px;
	}
}

.questions-headline .text::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	background: linear-gradient(180deg, var(--color-active) 0%, var(--color-active) 100%);
	filter: blur(30px);
	z-index: -1;
	opacity: .6;
	pointer-events: none;
}

@media screen and (max-width: 479px) {
	.questions-headline .text::after {
		width: 90%;
		filter: blur(45px);
		opacity: .4;
	}
}

.questions-headline .sub-text {
	text-align: start;
	line-height: 1.5;
	color: var(--color-second-light);
}

.accordion-field {
	display: flex;
	gap: 20px;
}

@media screen and (max-width: 767px) {
	.accordion-field {
		flex-direction: column;
		gap: 10px;
	}
}

.accordion-field .col {
	width: 50%;
}

@media screen and (max-width: 767px) {
	.accordion-field .col {
		width: 100%;
	}
}

.accordion-panel {
	border-radius: 20px 8px 20px 20px;
	margin-bottom: 20px;
	transition: box-shadow .3s;
	backdrop-filter: blur(14px);
	padding: 21px 15px;
	cursor: pointer;
	background: rgba(var(--bg-rgb-dark), 0.7);
}

@media screen and (min-width: 1025px) {
	.accordion-panel:hover {
		box-shadow: inset 0 0 0 2px var(--color-active);
	}
}

.accordion-panel:last-child {
	margin-bottom: 0;
}

.accordion-panel.active .arrow {
	color: var(--color-active-aqua);
	transform: rotate(180deg);
}

.accordion-panel.active .ask {
	color: var(--color-active);
}

.accordion-panel.active .chat {
	color: var(--color-active-aqua);
}

.accordion-panel.active .detail .icon {
	color: var(--color-active-aqua);
}

.accordion-panel .detail {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-second-light);
}

.accordion-panel .detail p {
	margin-bottom: 34px;
}

.accordion-panel .detail p:last-child {
	margin-bottom: 0;
}

.accordion-panel .accordion {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 10px 0;
}

.accordion-panel .item {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-grow: 1;
	flex-shrink: 1;
	color: var(--color-third-light);
}

.accordion-panel svg {
	flex-grow: 0;
	flex-shrink: 0;
}

.accordion-panel .chat, .accordion-panel .ask {
	font-size: 24px;
	transition: color .3s;
}

.accordion-panel .arrow {
	font-size: 15px;
	transition: transform .3s;
}

.accordion-panel .inf {
	flex-grow: 1;
	flex-shrink: 1;
}

.accordion-panel .wrap {
	display: flex;
	gap: 20px;
}

[data-attr-general-main] {
	display: flex;
	flex-direction: column;
	transition: padding-left .2s;
}

@media screen and (max-width: 568px) {
	[data-attr-general-main] {
		padding-top: 70px;
	}
}

.section {
	margin-bottom: 50px;
}

.section:last-child {
	margin-bottom: 0;
}

.general-headline {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}

.general-headline .title {
	flex-grow: 1;
	flex-shrink: 1;
	font-size: 16px;
	line-height: 1.5;
	color: #fbfaf7;
}

.general-headline .sort {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	background: #272626;
	border-radius: 20px;
	padding: 6px;
}

.general-headline .btn {
	cursor: pointer;
	border: none;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	background: #545454;
	border-radius: 20px;
	padding: 7px 12px;
	line-height: 1.286;
	transition: background .3s, box-shadow .3s;
}

@media screen and (min-width: 1025px) {
	.general-headline .btn:hover {
		background: #000;
		box-shadow: 0 0 0 1px inset #D6007C;
	}
}

.general-headline .btn.active {
	background: #d6007c;
}

.btn-primary {
	display: flex;
	align-items: center;
	cursor: pointer;
	color: #7E7E7E;
	border: none;
	font-size: 20px;
	background: none;
	padding: 5px;
}

@media screen and (min-width: 1025px) {
	.btn-primary:hover svg {
		transform: rotate(180deg);
	}
}

.btn-primary svg {
	transform: rotate(0);
	transition: transform 0.4s;
}

.btn-profile-search {
	display: flex;
	align-items: center;
	cursor: pointer;
	color: #7E7E7E;
	border: none;
	font-size: 20px;
	background: none;
	padding: 5px;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-profile-search:hover {
		color: #D6007C;
	}
}

.btn-profile-search svg {
	transform: rotate(0);
	transition: transform 0.4s;
}

@media screen and (min-width: 1025px) {
	a.card-main:hover .name {
		color: #d6007c;
	}
	a.card-main:hover .img {
		opacity: .9;
	}
}

.card-main .media {
	border-radius: var(--border-radius);
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 140%;
}

.card-main .media::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	width: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.card-main .media.second {
	padding-bottom: 71.41%;
}

.card-main .media.private::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	backdrop-filter: blur(10px);
}

.card-main .closed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-main .wrapped {
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translate3d(0, -10px, 0);
}

.card-main .icon {
	color: #fff;
	margin-bottom: 10px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-main .link {
	font-weight: 600;
	font-size: 12px;
	color: #fff;
	background: linear-gradient(135deg, rgba(24, 25, 32, 0.3) 0%, rgba(15, 15, 19, 0.3) 100%);
	border-radius: 6px;
	padding: 3px;
	transition: transform .3s;
	transform: scale(1);
}

@media screen and (min-width: 1025px) {
	.card-main .link:hover {
		transform: scale(1.02);
	}
}

.card-main .img {
	position: absolute;
	bottom: 0;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 1;
	transition: opacity .3s;
}

.card-main .tools {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.card-main .avatar {
	flex-shrink: 0;
	flex-grow: 0;
	width: 40px;
	height: 40px;
	position: relative;
}

.card-main .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 100%;
	overflow: hidden;
}

.card-main .network {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #00E109;
}

.card-main .group {
	overflow: hidden;
	flex-grow: 1;
	flex-shrink: 1;
}

.card-main .name {
	color: #fff;
	transition: color .3s;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
	line-height: 1.8;
	gap: 5px;
}

.card-main .name span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.card-main .name svg {
	flex-shrink: 0;
	flex-grow: 0;
	margin-left: 5px;
}

@media screen and (min-width: 1025px) {
	.card-main a.name:hover {
		color: #d6007c;
	}
}

.card-main .adress {
	font-weight: 400;
	font-size: 11px;
	color: #bababa;
}

.card-main .time {
	flex-grow: 0;
	flex-shrink: 0;
	font-weight: 400;
	font-size: 11px;
	color: #bababa;
}

.card-main .list {
	margin-top: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px 10px;
	font-weight: 400;
	font-size: 11px;
}

.card-main .list li {
	display: flex;
	align-items: center;
	gap: 0 5px;
	color: #bababa;
}

.card-main .list i {
	display: flex;
	padding: 7px;
	font-size: 16px;
	background-color: #000;
	border-radius: var(--border-radius);
}

.tools-item {
	display: flex;
	align-items: center;
	gap: 5px;
}

.slider-top {
	margin-right: -30px;
	padding-right: 30px;
	margin-bottom: 30px;
	position: relative;
}

@media screen and (max-width: 1460px) {
	.slider-top {
		margin: 0 -30px 30px;
		padding: 0 30px;
	}
}

@media screen and (max-width: 767px) {
	.slider-top {
		margin: 0 -10px 20px;
		padding: 0 10px;
	}
}

.slider-top .swiper-slide {
	width: 60px;
}

.card-slider {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 60px;
	color: #fff;
	font-weight: 400;
	font-size: 11px;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.card-slider:hover {
		color: #D6007C;
	}
}

.card-slider .media {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.card-slider .media.secondary::before {
	background: linear-gradient(225deg, #ee1d52 0%, #7fc6cf 100%);
}

.card-slider .media::after, .card-slider .media::before {
	content: "";
	position: absolute;
	border-radius: 100%;
}

.card-slider .media::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, #8c8c8c 0%, #e8e8e8 100%);
}

.card-slider .media::after {
	background: #151515;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
}

.card-slider .media .badge {
	position: absolute;
	bottom: 0;
	z-index: 2;
	margin: 0 auto;
	border-radius: 8px;
	background: #ee1d52;
	color: #fff;
	padding: 2px 4px;
	font-weight: 400;
	font-size: 11px;
	line-height: 1.091;
}

.card-slider img {
	display: inline-block;
	vertical-align: top;
	width: 52px;
	height: 52px;
	border-radius: 30px;
	-o-object-fit: cover;
	   object-fit: cover;
	position: relative;
	z-index: 2;
}

.card-slider .text {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-align: center;
	margin-top: 10px;
}

.twocolumns {
	display: flex;
	align-items: flex-start;
	gap: 55px;
	width: 100%;
}

.content-column {
	flex-shrink: 1;
	flex-grow: 1;
	min-width: 1px;
	padding-top: 30px;
}

@media screen and (max-width: 991px) {
	.content-column {
		padding-bottom: 90px;
	}
}

.content-column.second {
	display: flex;
	align-items: flex-start;
}

.content-column-unregistered {
	flex-shrink: 1;
	flex-grow: 1;
	min-width: 1px;
	padding-top: 30px;
}

.content-hero {
	flex-grow: 1;
	flex-shrink: 1;
	min-width: 1px;
	padding-bottom: 20px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 20px;
}

@media screen and (max-width: 991px) {
	.content-hero {
		background-color: transparent;
	}
}

.content-hero .slider-top {
	margin: 0 0 20px;
	padding: 0;
}

@media screen and (max-width: 767px) {
	.content-hero .slider-top {
		margin: 0 -10px 20px;
		padding: 0 10px;
	}
}

.content-wrapped {
	display: flex;
	align-items: flex-start;
}

.model-profile {
	padding-bottom: 20px;
}

.model-profile .wrapped {
	max-width: 640px;
	padding: 0 20px;
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 991px) {
	.model-profile .wrapped {
		padding: 0;
	}
}

[data-attr-style-user] {
	padding-top: 20px;
	border-radius: 20px;
}

.model-poster {
	min-height: 200px;
	position: relative;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.model-poster {
		min-height: 180px;
	}
}

@media screen and (max-width: 568px) {
	.model-poster {
		border-radius: 20px 20px 0 0;
	}
}

.model-poster img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.action-profile-list {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
}

@media screen and (max-width: 767px) {
	.action-profile-list {
		display: none;
	}
}

.action-profile-list .icon {
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	font-size: 20px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #BABABA;
	transition: color .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.action-profile-list .icon:hover {
		background-color: var(--bg-active);
		color: var(--color-main);
	}
}

.model-information {
	text-align: center;
	padding: 0 10px;
}

.model-information .row {
	margin-bottom: 15px;
}

.model-information .row:last-child {
	margin-bottom: 0;
}

.model-information .sup {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
	overflow: hidden;
}

.model-information .block {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.model-information .name {
	font-size: 19px;
	color: #fbfaf7;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.model-information .flag {
	max-width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
}

.model-information .tag {
	margin-top: 4px;
	font-weight: 500;
	font-size: 14px;
	color: #00a0b4;
}

.model-information .wrap {
	display: flex;
	position: relative;
}

.model-information .avatar {
	flex-shrink: 0;
	flex-grow: 0;
	width: 180px;
	height: 180px;
	border-radius: 100%;
	padding: 8px;
	position: relative;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(2, 6, 12, 0.1);
	margin-top: -150px;
}

.model-information .avatar::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="90.7763" cy="6.2069" r="4.65517" fill="%23EF1E53"/><circle cx="6.9833" cy="90" r="4.65517" fill="%2380C6CF"/><path d="M6.36119 90C5.4185 90 4.65251 90.7644 4.67136 91.7069C4.99698 107.99 9.97603 123.854 19.0375 137.415C28.4153 151.45 41.7443 162.389 57.3391 168.848C72.9338 175.308 90.0938 176.998 106.649 173.705C123.204 170.412 138.411 162.284 150.347 150.348C162.283 138.412 170.411 123.205 173.704 106.65C176.997 90.0947 175.307 72.9347 168.847 57.3399C162.388 41.7452 151.449 28.4162 137.414 19.0384C123.853 9.97691 107.989 4.99785 91.706 4.67223C90.7635 4.65338 89.9991 5.41937 89.9991 6.36206V6.36206C89.9991 7.30476 90.7635 8.0671 91.706 8.08674C107.314 8.41187 122.518 13.1905 135.518 21.8768C148.991 30.8795 159.492 43.6754 165.694 58.6464C171.895 73.6173 173.517 90.0909 170.356 105.984C167.195 121.877 159.391 136.476 147.933 147.934C136.475 159.392 121.876 167.195 105.983 170.357C90.09 173.518 73.6164 171.896 58.6455 165.694C43.6745 159.493 30.8787 148.992 21.876 135.518C13.1896 122.518 8.41099 107.315 8.08587 91.7069C8.06623 90.7644 7.30389 90 6.36119 90V90Z" fill="url(%23paint0_linear_756_7618)"/><defs><linearGradient id="paint0_linear_756_7618" x1="89.9991" y1="4.65517" x2="4.65429" y2="90" gradientUnits="userSpaceOnUse"><stop stop-color="%23EE1D52"/><stop offset="1" stop-color="%237FC6CF"/></linearGradient></defs></svg>') no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	z-index: 2;
}

.model-information .avatar .wrap-avatar {
	width: 155px;
	height: 155px;
}

.model-information .network {
	position: absolute;
	bottom: 20px;
	right: 24px;
	width: 19px;
	height: 19px;
	border-radius: 100%;
	border: 3px solid #151515;
	background-color: #0DCB5B;
	z-index: 5;
}

.model-information .image {
	width: 155px;
	height: 155px;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 100%;
	position: relative;
	z-index: 1;
}

.model-information .half-circle {
	position: absolute;
	top: -7px;
	left: -7px;
	right: -5px;
	bottom: -5px;
}

.model-information .description {
	font-weight: 500;
	font-size: 13px;
	line-height: 1.5;
	color: #bbb;
}

.model-information .bottom {
	margin-top: 15px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.model-information .more {
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 10px;
	font-weight: 400;
	color: #87878c;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.model-information .more:hover {
		color: #d6007c;
	}
}

.model-information .more.show span::before {
	content: attr(data-attr-secondary);
}

.model-information .more.show svg {
	transform: rotate(180deg);
}

.model-information .more span {
	font-size: 12px;
}

.model-information .more span::before {
	content: attr(data-attr-entry);
}

.model-information .content {
	margin-bottom: 15px;
}

.model-information .tools {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
}

.model-information .amount {
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
}

.model-information .amount strong {
	font-weight: 700;
	font-size: 30px;
}

.model-information .group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

@media screen and (max-width: 767px) {
	.model-information .group {
		flex-direction: column;
	}
}

@media screen and (max-width: 390px) {
	.model-information .group {
		gap: 10px 5px;
	}
}

.model-information .list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

@media screen and (max-width: 390px) {
	.model-information .list {
		gap: 10px 5px;
	}
}

.model-information .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	height: 40px;
	min-width: 40px;
	font-size: 24px;
	border: 1px solid #656565;
	border-radius: 60px;
	overflow: hidden;
	background-color: #151515;
	color: #BABABA;
	cursor: pointer;
	gap: 0 5px;
	font-weight: 500;
	transition: color .3s, border-color .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.model-information .icon:hover {
		border-color: #D6007C;
		background-color: #000;
		color: #fff;
	}
}

.model-information .icon.second {
	font-size: 9px;
}

.model-information .icon.primary {
	padding: 5px 10px;
}

.model-information .icon svg {
	flex-grow: 0;
	flex-shrink: 0;
}

.model-information .icon span {
	font-size: 14px;
}

.btn-sbsc {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	background-color: #D6007C;
	padding: 8px 12px;
	line-height: 1.143;
	border-radius: 20px;
	box-shadow: 0 0 0 1px inset #D6007C;
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-sbsc:hover {
		background-color: #000;
	}
}

.btn-fav {
	cursor: pointer;
	background: #272626;
	border: none;
	font-size: 20px;
	border-radius: 60px;
	padding: 8px 10px;
	line-height: 1.2;
	color: #BABABA;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-fav:hover {
		background-color: #000;
		color: #fff;
	}
}

.btn-fav.active {
	background-color: #D6007C;
	color: #fff;
}

.information-model {
	margin-top: 15px;
	display: none;
}

.list-group-model {
	font-weight: 400;
	font-size: 13px;
	color: #fff;
	-moz-column-count: 3;
	     column-count: 3;
	gap: 0 35px;
	border: 1px solid #444;
	border-radius: 20px;
	padding: 15px;
	max-width: 580px;
	line-height: 1.445;
}

@media screen and (max-width: 767px) {
	.list-group-model {
		-moz-column-count: 2;
		     column-count: 2;
		gap: 0 20px;
	}
}

@media screen and (max-width: 390px) {
	.list-group-model {
		font-size: 12px;
		gap: 0 10px;
	}
}

.list-groupi-item {
	margin-bottom: 5px;
	text-align: start;
}

.list-groupi-item:last-child {
	margin-bottom: 0;
}

.list-groupi-item span {
	color: #bababa;
}

.form-subscribe {
	display: flex;
	justify-content: center;
}

.form-subscribe .button {
	cursor: pointer;
	border: none;
	background-color: #00a0b4;
	box-shadow: 0 4px 14px 0 rgba(66, 164, 251, 0.4);
	border-radius: 30px;
	padding: 15px 65px 15px 20px;
	display: flex;
	align-items: center;
	max-width: 380px;
	width: 100%;
	gap: 10px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #fbfaf7;
	transition: background .3s, box-shadow .3s;
}

@media screen and (min-width: 1025px) {
	.form-subscribe .button:hover {
		background-color: #D6007C;
		box-shadow: 0 4px 14px 0 rgba(214, 0, 124, 0.4);
	}
}

.form-subscribe .col {
	flex-grow: 1;
	flex-shrink: 1;
}

.form-subscribe .col.second {
	flex-grow: 0;
	flex-shrink: 0;
}

.form-subscribe em {
	font-weight: 400;
	font-size: 13px;
}

.sub-text {
	font-weight: 400;
	font-size: 12px;
	text-align: center;
	color: #87878c;
	margin-top: 10px;
}

.profile-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	gap: 0 15px;
}

@media screen and (max-width: 390px) {
	.profile-heading {
		gap: 0 15px;
	}
}

.profile-heading .item {
	position: relative;
}

@media screen and (min-width: 1025px) {
	.profile-heading .item:hover strong {
		color: #fff;
	}
	.profile-heading .item:hover::after {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.profile-heading .item.active strong {
	color: #fff;
}

.profile-heading .item.active::after {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.profile-heading .item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	height: 2px;
	width: 100%;
	opacity: 0;
	transform: translate3d(0, 4px, 0);
	transition: transform 0.3s, opacity 0.3s;
}

.profile-heading .link {
	padding: 20px 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px 0;
	line-height: 1.1354;
}

@media screen and (max-width: 390px) {
	.profile-heading .link {
		padding: 20px 10px;
	}
}

.profile-heading span {
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
}

.profile-heading strong {
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	color: #656565;
}

@media screen and (max-width: 390px) {
	.profile-heading strong {
		font-size: 20px;
	}
}

.profile-heading .title {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	text-transform: uppercase;
	color: #656565;
}

.profile-heading .btn-secondary {
	padding: 7px 20px;
}

.card-post {
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.card-post {
		margin-bottom: 30px;
	}
}

.card-post:last-child {
	margin-bottom: 0;
}

.card-post .description {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.8;
	color: #fff;
	margin-top: 10px;
}

.card-post .description.expanded .description-text {
	-webkit-line-clamp: unset;
}

.description-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.more-btn {
	background: none;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	border: none;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.more-btn:hover {
		color: #d6007c;
	}
}

.more-btn.open::before {
	content: attr(data-attr-less);
}

.more-btn::before {
	content: attr(data-attr-more);
}

[data-attr-post-model] .watch::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.97) 98%, rgba(0, 0, 0, 0.98) 99%);
}

.card-head {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}

.card-head .avatar {
	flex-shrink: 0;
	flex-grow: 0;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
	position: relative;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}

.card-head .avatar span {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #cacacd;
}

.card-head .avatar span.network {
	background-color: #00E109;
}

.card-head .avatar a {
	color: #fff;
}

.card-head img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.card-head .badge {
	position: absolute;
	bottom: 0;
	z-index: 2;
	margin: 0 auto;
	border-radius: 8px;
	background: #ee1d52;
	color: #fff;
	padding: 1px 4px;
	font-weight: 400;
	font-size: 11px;
	line-height: 1;
}

.card-content {
	flex-shrink: 1;
	flex-grow: 1;
	min-width: 1px;
}

.card-content .heading {
	display: flex;
	align-items: flex-start;
}

.card-content .primary {
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.card-content .secondary {
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	align-items: center;
	margin-left: 20px;
	position: relative;
	gap: 0 15px;
}

.card-content .time {
	font-weight: 400;
	font-size: 12px;
	color: #656565;
}

.card-content .group {
	margin-left: 5px;
	flex-shrink: 0;
	flex-grow: 0;
}

.card-content .name {
	display: flex;
	align-items: center;
	overflow: hidden;
	font-weight: 400;
	font-size: 13px;
	gap: 5px;
}

.card-content .name a {
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.card-content .name a:hover {
		color: #D6007C;
	}
}

.card-content .name svg {
	flex-shrink: 0;
	flex-grow: 0;
}

.card-content .name svg {
	color: #00A0B4;
}

.card-content .tag {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-weight: 400;
	font-size: 13px;
	margin-top: 2px;
}

.card-content .tag a {
	color: #00a0b4;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.card-content .tag a:hover {
		color: #D6007C;
	}
}

.drop-detail {
	position: relative;
}

.drop-detail.show .drop-hidden {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

.drop-detail.show .btn-detail {
	color: #00A0B4;
}

.drop-detail .drop-hidden {
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 10px, 0);
	transition: opacity .4s, visibility .4s, transform .3s;
	position: absolute;
	min-width: 200px;
	right: 0;
	top: calc(100% + 5px);
	background: rgba(0, 0, 0, 0.9);
	border-radius: 10px;
	padding: 10px 15px;
}

.drop-detail .item {
	margin-bottom: 20px;
}

.drop-detail .item:last-child {
	margin-bottom: 0;
}

.drop-detail .link {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 0 10px;
	font-size: 16px;
	background: none;
	border: none;
	cursor: pointer;
	font-weight: 500;
	color: #BABABA;
	transition: color .3s;
}

.drop-detail .link:hover {
	color: #D6007C;
}

.drop-detail .link:hover span {
	color: #d6007c;
}

.drop-detail .link span {
	font-size: 14px;
	color: #656565;
	transition: color .3s;
}

.drop-detail .row {
	border-bottom: 1px solid #3c3c3c;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.drop-detail .row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.drop-detail .wrap {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.drop-detail .text {
	flex-grow: 1;
	flex-shrink: 1;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #656565;
}

.btn-detail {
	font-size: 15px;
	background: none;
	cursor: pointer;
	border: none;
	display: flex;
	color: #656565;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-detail:hover {
		color: #D6007C;
	}
}

.post-tags {
	font-weight: 400;
	font-size: 13px;
	gap: 5px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.post-tags a {
	color: #00a0b4;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.post-tags a:hover {
		color: #D6007C;
	}
}

.watch {
	padding-bottom: 56.267%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

@media screen and (max-width: 410px) {
	.watch {
		padding-bottom: 0;
		min-height: 220px;
	}
}

.watch.second {
	padding-bottom: 100%;
}

.watch::after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.watch.private::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	backdrop-filter: blur(14px);
}

.watch .closed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.watch .wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translate3d(0, -2px, 0);
	gap: 10px 0;
	font-size: 30px;
}

.watch .wrap > * {
	margin-bottom: 5px;
}

.watch .wrap > *:last-child {
	margin-bottom: 0;
}

.watch .wrap div {
	font-size: 14px;
}

.watch img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.watch .time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1;
	font-weight: 400;
	padding: 5px 4px;
	background: linear-gradient(135deg, rgba(24, 25, 32, 0.3) 0%, rgba(15, 15, 19, 0.3) 100%);
	letter-spacing: .04em;
	text-align: center;
	color: #fff;
}

.watch .icon {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	backdrop-filter: blur(5px);
	font-size: 20px;
	background: linear-gradient(135deg, rgba(24, 25, 32, 0.3) 0%, rgba(15, 15, 19, 0.3) 100%);
}

.watch .button {
	cursor: pointer;
	border: none;
	font-weight: 700;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	padding: 17px 20px;
	color: #fbfaf7;
	background-color: #00a0b4;
	line-height: 1.25;
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.watch .button:hover {
		background-color: #D6007C;
	}
}

.watch .box {
	padding: 2px 8px;
	border-radius: 6px;
	background: linear-gradient(135deg, rgba(24, 25, 32, 0.3) 0%, rgba(15, 15, 19, 0.3) 100%);
}

.post-tools {
	position: relative;
}

.post-tools .card-footer {
	padding: 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 3;
	margin-top: 0;
}

.post-tools .swiper-pagination {
	bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-tools .time {
	bottom: 58px;
}

.post-tools .post-secondary {
	font-size: 16px;
	padding: 10px 8px;
	color: #fff;
	background-color: #00a0b4;
}

.post-primary {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
	background: none;
	gap: 0 5px;
	font-weight: 400;
	font-size: 13px;
	color: #fff;
	transition: color .3s;
}

@media screen and (min-width: 1024px) {
	.post-primary:hover {
		color: #D6007C;
	}
}

.post-primary .icon {
	font-size: 20px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	padding: 8px;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 390px) {
	.post-primary span {
		display: none;
	}
}

.stream-block {
	position: absolute;
	z-index: 4;
	bottom: 20px;
	left: 0;
	right: 0;
	font-weight: 500;
	color: #fff;
	text-align: center;
}

.play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 3;
	margin: auto;
	font-size: 34px;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	color: #fff;
	align-items: center;
	transform: scale(1);
	will-change: transform;
	transition: color  .3s;
}

@media screen and (min-width: 1025px) {
	.play-btn:hover {
		color: #D6007C;
	}
}

@media screen and (max-width: 767px) {
	.play-btn {
		font-size: 22px;
	}
}

.card-footer {
	display: flex;
	padding: 0 10px;
	gap: 0 10px;
	margin-top: 10px;
}

.post-information {
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}

.second-list {
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	gap: 0 10px;
}

.post-view {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 0 5px;
	font-size: 24px;
	font-weight: 400;
	color: #bababa;
	background: none;
	border: none;
	height: 100%;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.post-view:hover:not(.active) {
		color: #D6007C;
	}
	.post-view:hover:not(.active) svg {
		color: #D6007C;
	}
}

.post-view.active {
	color: #D6007C;
}

.post-view.active svg {
	color: #D6007C;
}

.post-view svg {
	position: relative;
	color: #87878C;
	transition: color .3s;
}

.post-view use {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale(1);
	transform-origin: center;
	transition: opacity .1s, visibility .1s, transform .3s;
}

.post-view use[href="#icon-heart-active"] {
	opacity: 0;
	visibility: hidden;
	transform: scale(0.2);
}

.post-view use[href="#icon-heart"] {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.post-view.active use[href="#icon-heart-active"] {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.post-view.active use[href="#icon-heart"] {
	opacity: 0;
	visibility: hidden;
	transform: scale(0.2);
}

.post-view span {
	font-size: 13px;
}

@media screen and (max-width: 390px) {
	.post-view span {
		display: none;
	}
}

.post-view .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 15px;
}

.post-gift {
	display: flex;
	align-items: center;
	gap: 0 5px;
	font-weight: 500;
	color: #bbb;
	font-size: 24px;
	border: 1px solid #656565;
	background: none;
	border-radius: 160px;
	line-height: 1.25;
	padding: 2px 8px;
	cursor: pointer;
	transition: border-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.post-gift:hover {
		border-color: #D6007C;
		color: #D6007C;
	}
	.post-gift:hover .icon {
		color: #D6007C;
	}
}

.post-gift span {
	font-size: 14px;
}

.post-gift .icon {
	color: #C9C9C9;
	transition: color .3s;
}

.post-secondary {
	cursor: pointer;
	border: none;
	display: flex;
	gap: 0 6px;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	background-color: #272626;
	color: #A4A3A3;
	padding: 8px;
	border-radius: 15px;
	font-weight: 400;
	transition: background .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.post-secondary:hover {
		background-color: #D6007C;
		color: #fff;
	}
}

@media screen and (max-width: 390px) {
	.post-secondary {
		padding: 10px;
	}
}

.post-secondary.active {
	background-color: #D6007C;
	color: #fff;
}

.post-secondary span {
	font-size: 13px;
}

@media screen and (max-width: 390px) {
	.post-secondary span {
		display: none;
	}
}

.field-comment {
	display: none;
	margin-top: 10px;
}

.field-comment.show {
	display: block;
}

.field-comment .form {
	display: flex;
	gap: 10px;
}

.field-comment .textarea {
	flex-shrink: 1;
	flex-grow: 1;
	background: #262a33;
	border-radius: 15px;
	height: 50px;
	display: flex;
	align-items: flex-start;
}

.field-comment .wrap {
	padding: 17px 15px;
	width: 100%;
	height: 100%;
	cursor: text;
}

.field-comment .field {
	font-family: inherit;
	font-weight: 400;
	font-size: 13px;
	background: none;
	border: none;
	resize: none;
	width: 100%;
	height: 20px;
	display: block;
	color: #fff;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.field-comment .field::-webkit-input-placeholder {
	color: #bababa;
}

.field-comment .field:-moz-placeholder {
	color: #bababa;
	opacity: 1;
}

.field-comment .field::-moz-placeholder {
	color: #bababa;
	opacity: 1;
}

.field-comment .field:-ms-input-placeholder {
	color: #bababa;
}

.field-comment .field:focus::-webkit-input-placeholder {
	color: transparent;
}

.field-comment .field:focus:-moz-placeholder {
	color: transparent;
}

.field-comment .field:focus::-moz-placeholder {
	color: transparent;
}

.field-comment .field:focus:-ms-input-placeholder {
	color: transparent;
}

.field-comment .field.placeholder {
	color: #bababa !important;
}

.field-comment .send {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	cursor: pointer;
	flex-shrink: 0;
	flex-grow: 0;
	border-radius: 100%;
	font-size: 22px;
	background: linear-gradient(155deg, #53aff7 0%, #2894ff 100%);
	box-shadow: 0 4px 14px 0 rgba(47, 152, 254, 0.5);
}

@media screen and (min-width: 1025px) {
	.field-comment .send:hover svg {
		transform: scale(0.92);
	}
}

.field-comment .send svg {
	transform: scale(1);
	transition: transform 0.3s;
}

.emoji-btn {
	font-size: 26px;
	color: #778797;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 5px 15px;
	background: none;
	border: none;
	cursor: pointer;
	flex-shrink: 0;
	flex-grow: 0;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.emoji-btn:hover {
		color: #D6007C;
	}
}

.list-comment {
	display: none;
	margin-top: 20px;
}

.list-comment.show {
	display: block;
}

.list-comment .comment {
	display: flex;
	align-items: flex-start;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #3e3e3e;
}

.list-comment .comment:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.list-comment .comment.me .message {
	background-color: #00a0b4;
	color: #fff;
}

.list-comment .comment .comment {
	border-top: none;
	padding-top: 0;
}

.list-comment .comment .comment .avatar {
	width: 30px;
	height: 30px;
}

.list-comment .comment .field-comment {
	margin-top: 20px;
}

.list-comment .avatar {
	position: relative;
	flex-shrink: 0;
	flex-grow: 0;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.list-comment img {
	border-radius: 100%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.list-comment .content {
	flex-shrink: 1;
	flex-grow: 1;
	min-width: 1px;
}

.list-comment .name {
	font-weight: 400;
	font-size: 13px;
	color: #fff;
	line-height: 1;
	display: flex;
	align-items: center;
	gap: 0 5px;
}

.list-comment .name a {
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	max-width: 70%;
	text-overflow: ellipsis;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.list-comment .name a:hover {
		color: #D6007C;
	}
}

.list-comment .name .forward-name {
	font-weight: 400;
	font-size: 12px;
	color: #656565;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.list-comment .name .forward-name:hover {
		color: #d6007c;
	}
}

.list-comment .name svg {
	flex-shrink: 0;
	flex-grow: 0;
	color: #00A0B4;
}

.list-comment .name svg:not(.checked) {
	color: #87878C;
	font-size: 7px;
}

.list-comment .tag {
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	font-size: 13px;
	color: #00a0b4;
	margin-top: 5px;
}

.list-comment .info {
	display: flex;
	align-items: flex-start;
}

.list-comment .col {
	flex-shrink: 1;
	flex-grow: 1;
	position: relative;
	min-width: 1px;
	padding-top: 4px;
}

.list-comment .col.second {
	padding-top: 0;
	margin-left: 10px;
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.list-comment .time {
	font-weight: 400;
	font-size: 12px;
	color: #656565;
}

.list-comment .block {
	margin-top: 5px;
	gap: 0 10px;
	display: flex;
	align-items: center;
}

.list-comment .message {
	flex-grow: 1;
	flex-shrink: 1;
	border-radius: 0 15px 15px 15px;
	padding: 10px 15px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: #bababa;
	background-color: #262a33;
}

.list-comment .group {
	display: flex;
	align-items: flex-start;
	gap: 0 10px;
}

.list-comment .badge {
	position: absolute;
	bottom: -6px;
	z-index: 2;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	border-radius: 8px;
	background: #ee1d52;
	color: #fff;
	padding: 1px 3px;
	line-height: 1;
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 0.02em;
}

.like-btn {
	display: flex;
	flex-direction: column;
	gap: 2px 0;
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	transition: color .3s;
	color: #bababa;
	font-weight: 400;
}

@media screen and (min-width: 1025px) {
	.like-btn:hover:not(.active) {
		color: #D6007C;
	}
	.like-btn:hover:not(.active) svg {
		color: #D6007C;
	}
}

.like-btn svg {
	position: relative;
	color: #87878C;
	transition: color .3s;
}

.like-btn use {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scale(1);
	transform-origin: center;
	transition: opacity .1s, visibility .1s, transform .3s;
}

.like-btn use[href="#icon-heart-active"] {
	opacity: 0;
	visibility: hidden;
	transform: scale(0.2);
}

.like-btn use[href="#icon-heart"] {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.like-btn.active use[href="#icon-heart-active"] {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.like-btn.active use[href="#icon-heart"] {
	opacity: 0;
	visibility: hidden;
	transform: scale(0.2);
}

.like-btn span {
	font-size: 12px;
}

.btn-reply {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 20px;
	border: none;
	background: none;
	color: #87878C;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-reply:hover {
		color: #D6007C;
	}
}

.btn-hide {
	margin: 20px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	cursor: pointer;
	font-weight: 400;
	font-size: 12px;
	text-align: center;
	color: #87878c;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-hide:hover {
		color: #D6007C;
	}
}

.loader {
	margin: 20px auto 0;
	width: 30px;
	height: 30px;
	display: block;
	position: relative;
}

.loader::after {
	content: '';
	position: absolute;
	border: 3px solid #D6007C;
	border-bottom-color: transparent;
	animation: rotation 1s linear infinite;
	box-sizing: border-box;
	border-radius: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.loader::before {
	content: '';
	position: absolute;
	border-radius: 50%;
	border: 3px solid rgba(217, 217, 217, 0.1);
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

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

.section-authorization.second::before {
	display: none;
}

.section-authorization::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, 0.8) 85%);
}

.section-authorization .logotype {
	width: 200px;
	height: 200px;
}

.section-authorization .logotype::before {
	width: 200px;
	height: 200px;
}

.section-authorization .panel {
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px;
	gap: 40px;
}

@media screen and (max-width: 767px) {
	.section-authorization .panel {
		justify-content: flex-end;
	}
}

@media screen and (max-width: 390px) {
	.section-authorization .panel {
		padding: 40px 20px;
	}
}

.section-authorization .panel-content {
	max-width: 430px;
	border-radius: 20px;
	padding: 50px;
	backdrop-filter: blur(14px);
	background: rgba(0, 0, 0, 0.9);
	width: 100%;
}

@media screen and (max-width: 767px) {
	.section-authorization .panel-content {
		padding: 0;
		border-radius: 0;
		max-width: 100%;
		background: none;
		backdrop-filter: blur(0);
	}
}

.section-authorization .group {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.section-authorization .button {
	border: 2px solid var(--color-second-light);
	padding: 15px 20px;
	font-family: inherit;
	background-color: transparent;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.25;
	color: var(--color-main);
	text-align: center;
	display: block;
	width: 100%;
	border-radius: 22px;
	transition: color .3s, border-color .3s;
}

@media screen and (min-width: 1025px) {
	.section-authorization .button:hover {
		border-color: #D6007C;
		color: #D6007C;
	}
}

.section-authorization .button.second {
	background-color: #00a0b4;
	border-color: #00A0B4;
	transition: color .3s, background-color .3s, border-color .3s;
}

@media screen and (min-width: 1025px) {
	.section-authorization .button.second:hover {
		border-color: #D6007C;
		color: #fff;
		background-color: #d6007c;
	}
}

.section-authorization .bg-img {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.slider-auth {
	padding-bottom: 30px;
	position: relative;
	width: 100%;
	display: none;
}

.slider-auth.swiper-initialized {
	display: block;
}

.slider-auth .slider-wrapper {
	text-align: center;
}

.slider-auth .swiper-slide {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.25);
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
}

.slider-auth .swiper-slide.swiper-slide-active {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.slider-auth .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .slider-auth .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px;
}

.slider-auth .swiper-pagination {
	margin-top: 20px;
	position: static;
	height: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider-auth .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
}

.slider-auth .swiper-pagination-bullet {
	opacity: 1;
	background: #C5C2C3;
}

.slider-auth .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #d6007c;
}

.section-authorization,
.form-authorization {
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 1;
}

.section-authorization .logotype,
.form-authorization .logotype {
	margin: 0 auto 20px;
	position: relative;
	border-radius: 100%;
	background: linear-gradient(135deg, #434343 0.71%, #120f0f 97.4%);
	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.02), 0 7px 5px 0 rgba(0, 0, 0, 0.03), 0 13px 10px 0 rgba(0, 0, 0, 0.04), 0 22px 18px 0 rgba(0, 0, 0, 0.04), 0 42px 33px 0 rgba(0, 0, 0, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-authorization .logotype::before,
.form-authorization .logotype::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 10px solid rgba(0, 0, 0, 0.1);
	border-radius: 100%;
}

.form-authorization {
	overflow: hidden;
	overflow-y: auto;
	height: 100vh;
	position: relative;
}

@media screen and (max-width: 767px) {
	.form-authorization {
		background: #151515;
	}
	.form-authorization::before {
		display: none;
	}
}

.form-authorization::before {
	position: fixed;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, 0.8) 85%);
}

.form-authorization .logotype {
	width: 140px;
	height: 140px;
}

@media screen and (max-width: 767px) {
	.form-authorization .logotype {
		position: absolute;
		top: -140px;
		left: 0;
		right: 0;
		z-index: 2;
	}
}

.form-authorization .logotype::before {
	width: 140px;
	height: 140px;
}

.form-authorization .logotype img {
	max-width: 100px;
}

.form-authorization .wrap-image {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.form-authorization .wrap-image {
		position: relative;
		overflow: hidden;
		height: 23.741%;
		min-height: 211px;
		background-color: #151515;
	}
}

.form-authorization .wrap-image .img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.form-authorization .holder {
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px;
	gap: 40px;
}

@media screen and (max-width: 767px) {
	.form-authorization .holder {
		padding-top: 50px;
		justify-content: flex-start;
	}
}

@media screen and (max-width: 390px) {
	.form-authorization .holder {
		padding: 40px 20px;
	}
}

@media screen and (max-width: 767px) {
	.form-authorization .holder::before {
		content: "";
		position: absolute;
		bottom: 100%;
		left: 0;
		width: 132px;
		height: 132px;
		border-radius: 100%;
		box-shadow: 0 100px 0 0 #151515;
		transform: rotate(44deg);
	}
	.form-authorization .holder::after {
		content: "";
		position: absolute;
		bottom: 100%;
		right: 0;
		width: 132px;
		height: 132px;
		border-radius: 100%;
		box-shadow: 0 100px 0 0 #151515;
		transform: rotate(-44deg);
	}
}

.form-authorization .frame {
	padding: 50px;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-shrink: 1;
	flex-grow: 1;
	max-width: 430px;
	position: relative;
	z-index: 2;
	background-color: #151515;
	border-radius: 20px;
}

@media screen and (max-width: 767px) {
	.form-authorization .frame {
		padding: 0;
	}
}

.choice-login .row {
	text-align: center;
	margin-bottom: 20px;
}

.choice-login .row:last-child {
	margin-bottom: 0;
}

.choice-login .title {
	font-weight: 700;
	font-size: 30px;
	line-height: 1.37;
	text-align: center;
	margin-bottom: 20px;
}

.choice-login .sub {
	font-weight: 500;
	font-size: 14px;
	color: #bababa;
	margin-top: 5px;
}

.choice-login .input {
	width: 100%;
	padding: 15px;
	background: none;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #656565;
	background: #000;
	border-radius: 8px;
	height: 50px;
}

.choice-login .input::-webkit-input-placeholder {
	color: #656565;
}

.choice-login .input:-moz-placeholder {
	color: #656565;
	opacity: 1;
}

.choice-login .input::-moz-placeholder {
	color: #656565;
	opacity: 1;
}

.choice-login .input:-ms-input-placeholder {
	color: #656565;
}

.choice-login .input:focus::-webkit-input-placeholder {
	color: transparent;
}

.choice-login .input:focus:-moz-placeholder {
	color: transparent;
}

.choice-login .input:focus::-moz-placeholder {
	color: transparent;
}

.choice-login .input:focus:-ms-input-placeholder {
	color: transparent;
}

.choice-login .input.placeholder {
	color: #656565 !important;
}

.choice-login .input:focus {
	border-color: #D6007C;
}

.choice-login .label {
	position: relative;
	display: block;
	width: 100%;
}

.choice-login .label.show .visible-pass path {
	fill: #fff;
}

.choice-login .label.password .input {
	padding-right: 54px;
}

.choice-login .visible-pass {
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	right: 0;
	border: none;
	background: none;
	cursor: pointer;
	padding: 0 15px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 1025px) {
	.choice-login .visible-pass:hover path {
		fill: #a9acb6;
	}
}

.choice-login .link {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.8;
	color: #656565;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.choice-login .link:hover {
		color: #00A0B4;
	}
}

.choice-login .button {
	font-weight: 700;
	font-size: 16px;
	color: #fbfaf7;
	cursor: pointer;
	line-height: 1.25;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 17px;
	border: none;
	width: 100%;
	border-radius: 30px;
	background: #00a0b4;
	box-shadow: 0 0 0 1px #00A0B4;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.choice-login .button:hover {
		color: #00A0B4;
		background: none;
	}
}

.choice-login .text {
	color: #bababa;
	font-weight: 400;
	font-size: 12px;
}

.choice-login .inf {
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	margin-top: 20px;
}

.sep-single {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.sep-single i {
	font-style: normal;
	position: relative;
	padding: 0 14px;
	font-weight: 400;
	font-size: 13px;
	color: #00a0b4;
}

.sep-single i::before {
	content: "";
	background-color: #656565;
	height: 1px;
	position: absolute;
	top: 50%;
	right: 100%;
	width: 450px;
	transform: translate3d(0, -50%, 0);
}

.sep-single i::after {
	content: "";
	background-color: #656565;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 100%;
	width: 450px;
	transform: translate3d(0, -50%, 0);
}

.cols-social {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 18px;
}

.cols-social .btn {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	border: none;
	border-radius: 15px;
	padding: 5px 12px;
	background-color: #262a33;
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.cols-social .btn:hover {
		background-color: #00A0B4;
	}
}

.cols-social .icon {
	flex-grow: 0;
	flex-shrink: 0;
	background: #0F0F0F;
	width: 44px;
	height: 44px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.col-social {
	width: calc(50% - 10px);
}

@media screen and (max-width: 410px) {
	.col-social {
		width: 100%;
	}
}

.col-social.second {
	width: 100%;
}

.select-link {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #00a0b4;
}

@media screen and (min-width: 1025px) {
	.select-link:hover {
		text-decoration: underline;
	}
}

.logo-auth {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 40px;
}

.logo-auth img {
	max-width: 270px;
	height: auto;
}

.slider-card {
	font-size: 29px;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.8;
	gap: 13px 0;
	font-weight: 500;
}

.slider-card span {
	font-size: 14px;
}

.auth-choice {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}

.auth-choice .item {
	border-radius: 30px;
	backdrop-filter: blur(14px);
	background: rgba(0, 0, 0, 0.7);
}

.auth-choice .box {
	text-align: center;
	padding: 20px 20px 0;
	margin-bottom: 15px;
	line-height: 1.5;
	font-size: 30px;
}

.auth-choice .sub {
	margin-top: 4px;
	font-weight: 500;
	font-size: 14px;
	color: #bababa;
}

.auth-choice .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: #fbfaf7;
	background: #00a0b4;
	box-shadow: 0 0 0 1px inset #00a0b4;
	border-radius: 30px;
	padding: 15px 20px;
	transition: background .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.auth-choice .btn:hover {
		background-color: transparent;
		color: #00A0B4;
	}
}

.auth-choice .btn.second {
	background: #d6007c;
	box-shadow: 0 0 0 1px inset #d6007c;
}

@media screen and (min-width: 1025px) {
	.auth-choice .btn.second:hover {
		background-color: transparent;
		color: #d6007c;
	}
}

.auth-text {
	margin-top: 30px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	color: #bababa;
}

.auth-text .text {
	margin-bottom: 18px;
}

.auth-text .text:last-child {
	margin-bottom: 0;
}

.data-container .poster,
.data-container-form .poster {
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	background-color: #fff;
}

.data-container .poster::after,
.data-container-form .poster::after {
	content: "";
	position: absolute;
	top: -5%;
	left: -5%;
	right: -5%;
	bottom: -5%;
	background: linear-gradient(135deg, rgba(214, 0, 124, 0.8) 0%, rgba(0, 160, 180, 0.8) 55%, #6c25b1 100%);
}

.data-container .poster img,
.data-container-form .poster img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.data-container .upload,
.data-container-form .upload {
	cursor: pointer;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 3;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(15, 15, 19, 0.4);
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.data-container .upload:hover,
	.data-container-form .upload:hover {
		background-color: #D6007C;
	}
}

.data-container .upload input,
.data-container-form .upload input {
	display: none;
}

.data-container .avatar,
.data-container-form .avatar {
	flex-shrink: 0;
	flex-grow: 0;
	width: 140px;
	height: 140px;
	border-radius: 100%;
	padding: 8px;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(2, 6, 12, 0.1);
	margin: -75px auto 15px;
}

.data-container .avatar::before,
.data-container-form .avatar::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="90.7763" cy="6.2069" r="4.65517" fill="%23EF1E53"/><circle cx="6.9833" cy="90" r="4.65517" fill="%2380C6CF"/><path d="M6.36119 90C5.4185 90 4.65251 90.7644 4.67136 91.7069C4.99698 107.99 9.97603 123.854 19.0375 137.415C28.4153 151.45 41.7443 162.389 57.3391 168.848C72.9338 175.308 90.0938 176.998 106.649 173.705C123.204 170.412 138.411 162.284 150.347 150.348C162.283 138.412 170.411 123.205 173.704 106.65C176.997 90.0947 175.307 72.9347 168.847 57.3399C162.388 41.7452 151.449 28.4162 137.414 19.0384C123.853 9.97691 107.989 4.99785 91.706 4.67223C90.7635 4.65338 89.9991 5.41937 89.9991 6.36206V6.36206C89.9991 7.30476 90.7635 8.0671 91.706 8.08674C107.314 8.41187 122.518 13.1905 135.518 21.8768C148.991 30.8795 159.492 43.6754 165.694 58.6464C171.895 73.6173 173.517 90.0909 170.356 105.984C167.195 121.877 159.391 136.476 147.933 147.934C136.475 159.392 121.876 167.195 105.983 170.357C90.09 173.518 73.6164 171.896 58.6455 165.694C43.6745 159.493 30.8787 148.992 21.876 135.518C13.1896 122.518 8.41099 107.315 8.08587 91.7069C8.06623 90.7644 7.30389 90 6.36119 90V90Z" fill="url(%23paint0_linear_756_7618)"/><defs><linearGradient id="paint0_linear_756_7618" x1="89.9991" y1="4.65517" x2="4.65429" y2="90" gradientUnits="userSpaceOnUse"><stop stop-color="%23EE1D52"/><stop offset="1" stop-color="%237FC6CF"/></linearGradient></defs></svg>') no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	z-index: 2;
}

.data-container .avatar .upload,
.data-container-form .avatar .upload {
	background-color: #0f0f13;
	right: 10px;
	bottom: 10px;
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.data-container .avatar .upload:hover,
	.data-container-form .avatar .upload:hover {
		background-color: #D6007C;
	}
}

.data-container .block,
.data-container-form .block {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 10px;
}

.data-container .flag,
.data-container-form .flag {
	max-width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
}

.data-container .name,
.data-container-form .name {
	font-size: 19px;
	line-height: 1.5;
	color: #fbfaf7;
	text-align: center;
}

.data-container .subname,
.data-container-form .subname {
	margin-top: 5px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	color: #00a0b4;
}

.data-container .info,
.data-container-form .info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	color: #bababa;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	margin: 10px auto 0;
	max-width: 348px;
	width: 100%;
}

.data-container .item,
.data-container-form .item {
	display: flex;
	align-items: center;
	padding: 5px;
}

.data-container .item span,
.data-container-form .item span {
	font-weight: 700;
	font-size: 30px;
	margin-right: 5px;
	color: #fff;
}

.data-container .wrap-avatar,
.data-container-form .wrap-avatar {
	width: 119px;
	height: 119px;
}

.data-container {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 1;
	padding: 30px 0;
	background-image: url("../general-images/bg-step.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.data-container .wrapped {
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

.data-container .headline {
	flex-grow: 0;
	flex-shrink: 0;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}

.data-container .step {
	margin-right: 14px;
	padding-right: 14px;
	position: relative;
	font-weight: 500;
	font-size: 14px;
}

.data-container .step:last-child {
	margin-right: 0;
	padding-right: 0;
}

.data-container .step:last-child::after {
	display: none;
}

.data-container .step.active span {
	background: #d6007c;
}

.data-container .step.active .wrap::before {
	display: block;
}

.data-container .step.check span {
	background: #00A0B4;
}

.data-container .step.check::after {
	background: #00A0B4;
}

.data-container .step.check .wrap::before {
	display: block;
	border-color: #00A0B4;
}

.data-container .step::after {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(100% - 10px);
	height: 2px;
	width: 20px;
	background-color: #656565;
	border-radius: 5px;
}

.data-container .step span {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: #656565;
}

.data-container .step svg {
	font-size: 12px;
}

.data-container .wrap {
	padding: 5px;
	position: relative;
}

.data-container .wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #D6007C;
	border-radius: 20px;
	display: none;
}

.data-container .list {
	padding: 0 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.data-container .link-prev {
	border: 1px solid #656565;
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: none;
	border-radius: 100%;
	cursor: pointer;
	transition: border .3s;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0) scale(1);
}

@media screen and (min-width: 1025px) {
	.data-container .link-prev:hover {
		border-color: #00a0b4;
	}
	.data-container .link-prev:hover path {
		stroke: #00A0B4;
	}
}

.data-container .link-prev path {
	transition: stroke .3s;
}

.data-container .num {
	margin-top: 25px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.4;
	text-transform: uppercase;
	color: #87878c;
}

.data-container .title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 9px;
}

.data-container .form {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 1;
}

.data-container .form .headline {
	margin-bottom: 10px;
}

.data-container .form .title {
	font-size: 16px;
}

.data-container .content {
	flex-grow: 1;
	flex-shrink: 1;
}

.data-container .poster {
	margin: 0 -10px;
	padding-bottom: 48.662%;
}

.data-container .badge {
	display: flex;
	flex-direction: column;
	max-width: 144px;
	margin: 20px auto 0;
}

.data-container .some-text {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
}

.exit-link {
	position: absolute;
	top: 15px;
	right: 30px;
	font-size: 14px;
	color: #656565;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.exit-link:hover {
		color: #d6007c;
	}
}

.bottom-block {
	flex-grow: 0;
	flex-shrink: 0;
	margin-top: 30px;
	text-align: center;
}

.bottom-block .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: #d6007c;
	font-size: 16px;
	color: #fbfaf7;
	line-height: 1;
	font-family: inherit;
	border: none;
	cursor: pointer;
	border-radius: 30px;
	padding: 19px 20px;
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.bottom-block .button:hover {
		background-color: #f60390;
	}
}

.bottom-block .button strong {
	flex-grow: 1;
	flex-shrink: 1;
}

.bottom-block .button:disabled {
	pointer-events: none;
	opacity: .4;
}

.bottom-block .row-block {
	margin-bottom: 25px;
}

.bottom-block .row-block:last-child {
	margin-bottom: 0;
}

.bottom-block .skip {
	font-weight: 500;
	font-size: 14px;
	color: #bababa;
}

@media screen and (min-width: 1025px) {
	.bottom-block .skip:hover {
		text-decoration: underline;
	}
}

@keyframes opacityAnimation {
	0%, 100% {
		opacity: 0.33;
		transform: scale(0.98);
	}
	50% {
		opacity: 1;
		transform: scale(1);
	}
}

.path1 {
	animation: opacityAnimation 2s ease-in-out infinite;
	animation-delay: 0s;
}

.path2 {
	animation: opacityAnimation 2s ease-in-out infinite;
	animation-delay: 0.5s;
}

.path3 {
	animation: opacityAnimation 2s ease-in-out infinite;
	animation-delay: 1s;
}

.wrap-avatar {
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
	border-radius: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 42px;
	position: relative;
}

.wrap-avatar .image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.profile-field {
	max-width: 640px;
	padding: 0 20px;
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 1024px) {
	.profile-field {
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.profile-field {
		padding: 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.profile-field .poster {
		margin: 0 -20px;
	}
}

.data-container-form .poster {
	min-height: 200px;
}

.data-container-form .total {
	padding-top: 10px;
	max-width: 160px;
	margin: 0 auto;
}

.data-container-form .title {
	width: 100%;
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
}

.data-container-form .detail {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.data-container-form .cash {
	font-weight: 600;
	font-size: 26px;
	color: #00a0b4;
}

.data-container-form .status {
	display: flex;
	align-items: center;
	font-size: 10px;
	gap: 0 5px;
	font-weight: 400;
	color: #7dd600;
}

.data-container-form .status span {
	font-size: 13px;
}

.list-form {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #3c3c3c;
}

.list-form li {
	margin-bottom: 20px;
}

.list-form li:last-child {
	margin-bottom: 0;
}

.list-form .link {
	display: flex;
	align-items: center;
	gap: 0 20px;
	font-weight: 500;
	font-size: 22px;
	color: #fff;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.list-form .link:hover {
		color: #D6007C;
	}
	.list-form .link:hover .arrow {
		color: #D6007C;
	}
}

.list-form .link span {
	font-size: 14px;
	flex-grow: 1;
	flex-shrink: 1;
	color: #fff;
}

.list-form .icon {
	background-color: #000;
	border-radius: 15px;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.list-form .arrow {
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 11px;
	color: #656565;
	transition: color .3s;
}

.pay-container {
	max-width: 640px;
	padding: 20px 20px 0;
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 991px) {
	.pay-container {
		padding: 0;
	}
}

.blacklist-container {
	max-width: 640px;
	padding: 0 20px;
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 991px) {
	.blacklist-container {
		padding: 0;
	}
}

.blacklist-container .row {
	margin-bottom: 20px;
}

.blacklist-container .row:last-child {
	margin-bottom: 0;
}

.blacklist-container .box {
	border-radius: 20px;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.8);
}

.blacklist-container .headline {
	margin-bottom: 12px;
	color: #fbfaf7;
}

.blacklist-container .sub-title {
	margin-top: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.8;
	color: #656565;
}

.blacklist-container .row-wrap {
	margin-top: 20px;
}

.blacklist-container .row-wrap:first-child {
	margin-top: 0;
}

.blacklist-container .row-wrap:last-child {
	margin-top: 12px;
}

.blacklist-container .wrap-textarea {
	height: 50px;
	display: flex;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #656565;
	position: relative;
	transition: padding .3s, height .3s;
}

.blacklist-container .wrap-textarea.blur {
	height: 145px;
	padding: 40px 15px 15px;
}

.blacklist-container .wrap-textarea.blur span {
	font-size: 12px;
	top: 20%;
}

.blacklist-container .wrap-textarea.blur .textarea {
	padding: 0;
}

.blacklist-container .wrap-textarea span {
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #656565;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translate3d(0, -50%, 0);
	transition: top .3s, font-size .3s;
}

.blacklist-container .textarea {
	width: 100%;
	height: 100%;
	padding: 13px 15px;
	border: none;
	background: none;
	resize: none;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	display: block;
	transition: padding 0.3s;
	color: #fff;
}

.blacklist-container .button {
	width: 100%;
	border: none;
	font-family: inherit;
	border-radius: 30px;
	padding: 10px 20px;
	background-color: #d6007c;
	color: #fff;
	min-height: 50px;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	box-shadow: 0 0 0 1px #d6007c;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.blacklist-container .button:hover {
		background-color: #000;
		color: #D6007C;
	}
}

.blacklist-container .wrap {
	position: relative;
}

.blacklist-container .wrap.open .select-dropped {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

.blacklist-container .wrap.open .field {
	border-color: #d6007c;
}

.blacklist-container .field {
	padding: 0 15px;
	height: 50px;
	display: flex;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #656565;
}

.field-search {
	flex-grow: 1;
	flex-shrink: 1;
	border: none;
	background: none;
	width: 100%;
	height: 50px;
	padding: 16px 0;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
}

.field-search::-webkit-input-placeholder {
	color: #656565;
}

.field-search:-moz-placeholder {
	color: #656565;
	opacity: 1;
}

.field-search::-moz-placeholder {
	color: #656565;
	opacity: 1;
}

.field-search:-ms-input-placeholder {
	color: #656565;
}

.field-search:focus::-webkit-input-placeholder {
	color: transparent;
}

.field-search:focus:-moz-placeholder {
	color: transparent;
}

.field-search:focus::-moz-placeholder {
	color: transparent;
}

.field-search:focus:-ms-input-placeholder {
	color: transparent;
}

.field-search.placeholder {
	color: #656565 !important;
}

.wrapped-section {
	overflow: auto;
	max-height: 290px;
}

.select-dropped {
	position: absolute;
	top: calc(100% - 7px);
	left: 0;
	right: 0;
	z-index: 2;
	padding: 20px;
	border-radius: 20px;
	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.05), 0 7px 5px 0 rgba(0, 0, 0, 0.08), 0 13px 10px 0 rgba(0, 0, 0, 0.09), 0 22px 18px 0 rgba(0, 0, 0, 0.11), 0 42px 33px 0 rgba(0, 0, 0, 0.14), 0 100px 80px 0 rgba(0, 0, 0, 0.19);
	background: #08090a;
	transform: translate3d(0, 10px, 0);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
}

@media screen and (min-width: 390px) {
	.select-dropped {
		padding: 10px;
	}
}

.select-dropped .head {
	border-bottom: 1px solid #3e3e3e;
	padding-bottom: 15px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 0 10px;
	font-size: 24px;
	font-weight: 600;
	color: #87878c;
}

.select-dropped .head span {
	font-size: 14px;
}

.select-dropped .item {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-bottom: 15px;
}

.select-dropped .item:last-child {
	margin-bottom: 0;
}

.select-dropped .group {
	flex-grow: 1;
	flex-shrink: 1;
}

.choice-search {
	width: 100%;
	display: flex;
	gap: 0 10px;
	overflow: hidden;
}

.choice-search .group {
	order: -1;
	flex-grow: 0;
	flex-shrink: 0;
}

.choice-search .group,
.select-dropped .group {
	display: flex;
	align-items: center;
	overflow: hidden;
}

.choice-search .avatar,
.select-dropped .avatar {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 16px;
	position: relative;
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
	color: #fff;
}

.choice-search img,
.select-dropped img {
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	-o-object-fit: cover;
	   object-fit: cover;
}

.choice-search .name,
.select-dropped .name {
	font-weight: 400;
	font-size: 13px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.choice-search .checked,
.select-dropped .checked {
	font-size: 13px;
	flex-shrink: 0;
	flex-grow: 0;
	margin-left: 5px;
	color: #53aff7;
}

.info-list {
	display: flex;
	align-items: center;
	gap: 0 5px;
	font-size: 16px;
	color: #bababa;
	font-weight: 400;
}

.info-list span {
	font-size: 11px;
}

.info-list li {
	display: flex;
	align-items: center;
	gap: 0 5px;
}

.list-users .title {
	margin-bottom: 20px;
}

.list-users .item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #3c3c3c;
}

.list-users .item:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: none;
}

.user-item .content {
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	gap: 0 10px;
}

.user-item .second {
	flex-shrink: 0;
	flex-grow: 0;
}

.user-item .user {
	display: flex;
	align-items: center;
	gap: 0 10px;
	flex-grow: 1;
	flex-shrink: 1;
}

.user-item .avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
	width: 40px;
	height: 40px;
	font-size: 16px;
	position: relative;
	margin-right: 10px;
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
	color: #fff;
	border-radius: 100%;
}

.user-item .avatar img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 100%;
}

.user-item .avatar span {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #cacacd;
}

.user-item .avatar span.network {
	background-color: #00e109;
}

.user-item .info {
	flex-shrink: 1;
	flex-grow: 1;
}

.user-item .name {
	display: flex;
	align-items: center;
	gap: 0 5px;
	font-weight: 400;
	font-size: 13px;
	color: #fff;
}

.user-item .checked {
	color: #53aff7;
	flex-grow: 0;
	flex-shrink: 0;
}

.user-item .tag {
	font-weight: 400;
	font-size: 13px;
	color: #00a0b4;
}

.user-item .tools {
	margin-top: 10px;
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
}

.user-item .block {
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
}

.user-item .block span {
	color: #fff;
}

.user-item .date {
	font-weight: 400;
	font-size: 12px;
	color: #bababa;
	margin-top: 5px;
}

.btn-check {
	display: block;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2145;
	border-radius: 15px;
	padding: 12px 15px;
	border: 1px solid #000;
	background: #000;
	color: #bababa;
	transition: border .3s, color .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-check:hover {
		background-color: #D6007C;
		color: #fff;
		border-color: #d6007c;
	}
}

.btn-check.uncheck::before {
	content: attr(data-attr-second);
}

.btn-check::before {
	content: attr(data-attr-entry);
}

.group-box {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #3c3c3c;
}

.group-box:first-child {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}

.group-box:last-child {
	padding-top: 0;
	border-top: none;
}

[data-attr-block-visible="true"] {
	opacity: 1;
	pointer-events: auto;
}

[data-attr-block-visible="false"] {
	opacity: 0.4;
	pointer-events: none;
	transition: opacity .3s;
}

.block
.cols-panel {
	display: flex;
	align-items: center;
	gap: 10px;
}

.block
.cols-panel .col-item {
	flex-shrink: 1;
	flex-grow: 1;
}

.block
.cols-panel .col-item.second {
	flex-shrink: 0;
	flex-grow: 0;
}

.block
.cols-panel .text {
	font-weight: 500;
	font-size: 14px;
}

.radio-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.radio-tabs label {
	cursor: pointer;
	color: #bababa;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.0718;
	display: flex;
}

.radio-tabs .percent {
	font-style: normal;
	padding: 14px 15px;
	background-color: #000;
	border-radius: 160px;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.radio-tabs .percent:hover {
		background-color: #D6007C;
		color: #fff;
	}
}

.radio-tabs input {
	display: none;
}

.radio-tabs input:checked + .percent {
	color: #fff;
	background-color: #00A0B4;
}

.slider-post .swiper-pagination-bullet {
	opacity: 1;
	background: #9c9c9c;
}

.slider-post .swiper-pagination-bullet-active {
	background-color: #D6007C;
}

.tab-section {
	display: none;
}

.tab-section.selected {
	display: block;
}

.video-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	--flex-items: 3;
	--flex-gap: 3px;
	gap: var(--flex-gap);
	border-radius: 10px;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.video-list {
		--flex-gap: 1px;
	}
}

.video-list .th {
	position: relative;
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}

@media screen and (min-width: 1025px) {
	a.video-card:hover .media {
		transform: scale(1.02);
	}
}

.video-card {
	height: auto;
	width: 100%;
	overflow: hidden;
	padding-bottom: 201.524%;
}

.video-card .media {
	position: absolute;
	bottom: 0;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	right: 0;
	top: 0;
	width: 100%;
	transform: scale(1);
	transition: transform .3s;
}

.card-gallery,
.video-card {
	position: relative;
	display: block;
}

.card-gallery::before,
.video-card::before {
	position: absolute;
	z-index: 4;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	backdrop-filter: blur(8px);
	display: none;
}

.card-gallery.private::before,
.video-card.private::before {
	display: block;
}

.card-gallery .icon,
.video-card .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: linear-gradient(135deg, rgba(24, 25, 32, 0.3) 0%, rgba(15, 15, 19, 0.3) 100%);
}

.card-gallery .lock,
.video-card .lock {
	width: 100%;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px 0;
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform: translate3d(-50%, 0, 0);
	z-index: 5;
}

@media screen and (max-width: 767px) {
	.card-gallery .lock,
	.video-card .lock {
		padding: 0 24px;
	}
}

@media screen and (max-width: 410px) {
	.card-gallery .lock,
	.video-card .lock {
		padding: 0 20px;
	}
}

@media screen and (max-width: 390px) {
	.card-gallery .lock,
	.video-card .lock {
		padding: 0 10px;
	}
}

.card-gallery .pay,
.video-card .pay {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	text-align: center;
	border-radius: 30px;
	padding: 12px 10px;
	background: #00a0b4;
	font-weight: 700;
	font-size: 14px;
	color: #fbfaf7;
	transition: background-color .3s;
}

@media screen and (min-width: 1025px) {
	.card-gallery .pay:hover,
	.video-card .pay:hover {
		background-color: #D6007C;
	}
}

@media screen and (max-width: 767px) {
	.card-gallery .pay,
	.video-card .pay {
		padding: 8px 10px;
		font-size: 12px;
	}
}

@media screen and (max-width: 410px) {
	.card-gallery .pay,
	.video-card .pay {
		font-size: 10px;
	}
}

.card-gallery .info,
.video-card .info {
	padding: 10px;
}

.card-gallery .sticky,
.video-card .sticky {
	position: absolute;
	z-index: 2;
	top: 6px;
	left: 8px;
	border-radius: 8px;
	padding: 3px 4px;
	line-height: 1.273;
	background: #d6007c;
	font-weight: 400;
	font-size: 11px;
	color: #fff;
}

.card-gallery .info,
.video-card .info,
.gallery-list .info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 10px;
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	bottom: 0;
	font-weight: 400;
	color: #fff;
}

.card-gallery .info span,
.video-card .info span,
.gallery-list .info span {
	font-size: 12px;
}

.card-gallery .item,
.video-card .item,
.gallery-list .item {
	display: flex;
	align-items: center;
	gap: 0 5px;
	border-radius: 6px;
	padding: 3px 5px;
	background: linear-gradient(135deg, rgba(24, 25, 32, 0.3) 0%, rgba(15, 15, 19, 0.3) 100%);
}

.grid-media {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.094em;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.grid-media {
		margin: 0 -0.063em;
	}
}

.grid-item {
	width: 33.333333%;
	padding: 0 0.094em;
	margin-bottom: 3px;
	transition: top .4s;
}

@media screen and (max-width: 767px) {
	.grid-item {
		padding: 0 0.063em;
		margin-bottom: 1px;
	}
}

.card-gallery > img {
	overflow: hidden;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: scale(0.8);
	transition: opacity .6s, filter .6s, transform .6s;
}

.card-gallery > img.lazyloaded {
	opacity: 1;
	filter: blur(0);
	transform: scale(1);
}

@media screen and (max-width: 480px) {
	.card-gallery .lock {
		bottom: auto;
		top: calc(50% - 2px);
		transform: translate3d(-50%, -50%, 0);
	}
}

@media screen and (max-width: 410px) {
	.card-gallery .lock {
		gap: 5px 0;
		top: 5px;
		transform: translate3d(-50%, 0, 0);
	}
}

@media screen and (max-width: 410px) {
	.card-gallery .icon {
		width: 30px;
		height: 30px;
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	.card-gallery .info {
		padding: 5px;
	}
}

@media screen and (max-width: 410px) {
	.card-gallery .pay {
		padding: 4px 8px;
	}
}

.headline-sort {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px;
	gap: 10px;
}

.headline-sort .title {
	flex-grow: 1;
	flex-shrink: 1;
}

.sort-box {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.sort-box .text {
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
}

.btn-sort {
	border-radius: 20px;
	padding: 7px 10px;
	background: #262a33;
	border: none;
	display: flex;
	align-items: center;
	text-transform: capitalize;
	cursor: pointer;
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
	gap: 0 10px;
	line-height: 1.231;
	transition: color .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-sort:hover {
		background-color: #00A0B4;
		color: #fff;
	}
}

.sort-panel {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sort-panel .btn {
	display: flex;
	align-items: center;
	border-radius: 20px;
	padding: 7px 20px;
	background-color: #000;
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.sort-panel .btn:hover {
		background-color: #00A0B4;
		color: #fff;
	}
}

@media screen and (max-width: 390px) {
	.sort-panel .btn {
		padding: 7px 15px;
	}
}

.sort-panel .btn.active {
	background-color: #00A0B4;
	color: #fff;
}

.sort-panel .hold {
	display: flex;
	align-items: center;
	gap: 0 10px;
	background: #262a33;
	border-radius: 20px;
	padding: 4px 6px;
}

@media screen and (max-width: 390px) {
	.sort-panel .hold {
		gap: 0 5px;
	}
}

.sort-panel .search {
	font-size: 20px;
	cursor: pointer;
	background: none;
	color: #BABABA;
	border: none;
	padding: 2px 5px;
	line-height: 1.3;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.sort-panel .search:hover {
		color: #00A0B4;
	}
}

.gallery-list .row {
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #3c3c3c;
}

.gallery-list .row[data-attr-activated="false"] img {
	filter: grayscale(1);
}

.gallery-list .row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.gallery-list .content {
	flex-grow: 1;
	flex-shrink: 1;
}

.gallery-list .tools {
	display: flex;
	align-items: center;
	gap: 0 5px;
	flex-grow: 0;
	flex-shrink: 0;
}

.gallery-list .info {
	padding: 2px 3px;
}

.gallery-list .media {
	position: relative;
	flex-grow: 0;
	flex-shrink: 0;
	width: 100px;
	height: 100px;
	border-radius: 5px;
	overflow: hidden;
	background: linear-gradient(135deg, #29122f 0%, #656565 100%);
}

.gallery-list .media.landscape {
	width: 178px;
}

@media screen and (max-width: 390px) {
	.gallery-list .media.landscape {
		width: 120px;
	}
}

.gallery-list .media img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.gallery-list .date {
	font-weight: 400;
	font-size: 12px;
	line-height: 1.35;
	color: #bababa;
	margin-bottom: 10px;
}

.gallery-list .list {
	font-weight: 400;
	font-size: 13px;
	color: #d7d7d7;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	margin-bottom: 10px;
}

@media screen and (max-width: 390px) {
	.gallery-list .list {
		font-size: 12px;
	}
}

.gallery-list .list span {
	color: #87878c;
}

.gallery-list .sum {
	font-weight: 500;
	font-size: 14px;
	color: #d7d7d7;
}

@media screen and (max-width: 390px) {
	.gallery-list .sum {
		font-size: 13px;
	}
}

.gallery-list .sum span {
	color: #87878c;
}

.status-box {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.status-box .free {
	font-weight: 400;
	font-size: 12px;
	color: #e0e1ff;
	border-radius: 10px;
	padding: 4px 10px;
	background: #1419c5;
	line-height: 1.3334;
}

.status-box .status {
	font-weight: 400;
	font-size: 12px;
	color: #7dd600;
	border-radius: 10px;
	padding: 4px 10px;
	background: #0b2c12;
	line-height: 1.25;
}

.status-box .status.pending {
	color: #dbb85d;
	background: #2a1f03;
}

.status-box .status.declined {
	color: #e47575;
	background: #240e0e;
}

.status-box .inf {
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.status-box .inf::before {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #00e109;
	border-radius: 100%;
	overflow: hidden;
}

.status-box .inf.inactive::before {
	background-color: #bababa;
}

.btn-edit {
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	font-size: 14px;
	background-color: #000;
	overflow: hidden;
	border-radius: 100%;
	color: #bababa;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-edit:hover {
		color: #fff;
		background-color: #D6007C;
	}
}

.drop-inf {
	position: relative;
}

.drop-inf[data-attr-auth-dropped="true"] .drop {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

.drop-inf[data-attr-auth-dropped="true"] .btn {
	color: #00A0B4;
}

.drop-inf .btn {
	background: none;
	cursor: pointer;
	border: none;
	font-size: 15px;
	color: #7E7E7E;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.drop-inf .btn:hover {
		color: #D6007C;
	}
}

.drop-inf .drop {
	background: rgba(0, 0, 0, 0.9);
	border-radius: 10px;
	padding: 10px 15px;
	position: absolute;
	top: calc(100%);
	right: 0;
	z-index: 10;
	min-width: 200px;
	transform: translate3d(0, 10px, 0);
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s, visibility .4s, transform .3s;
}

.drop-inf .link {
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-bottom: 20px;
	font-weight: 500;
	padding: 2px 0;
	font-size: 17px;
	color: #656565;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.drop-inf .link:hover {
		color: #00A0B4;
	}
	.drop-inf .link:hover svg {
		color: #00A0B4;
	}
}

.drop-inf .link:last-child {
	margin-bottom: 0;
}

.drop-inf .link span {
	font-size: 14px;
}

.drop-inf .link svg {
	color: #bababa;
	transition: color .3s;
}

.drop-inf .box {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #3c3c3c;
}

.drop-inf .box:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.switch-item {
	font-weight: 500;
	font-size: 14px;
	color: #656565;
	display: flex;
	align-items: center;
	gap: 0 5px;
	margin-bottom: 15px;
}

.switch-item:last-child {
	margin-bottom: 0;
}

.switch-item span {
	flex-grow: 1;
	flex-shrink: 1;
}

.switch-item .switcher {
	flex-grow: 0;
	flex-shrink: 0;
}

.notify-message {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1000;
	max-width: 391px;
	width: 100%;
}

@media screen and (max-width: 480px) {
	.notify-message {
		max-width: 100%;
		width: auto;
		left: 10px;
		right: 10px;
		top: 10px;
	}
}

.notify-message .group {
	padding: 10px;
	border-radius: 10px;
	background: #161313;
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-bottom: 10px;
}

.notify-message .group:last-child {
	margin-bottom: 0;
}

.heading {
	display: flex;
	align-items: center;
	gap: 10px;
}

.heading .title {
	font-weight: 700;
	font-size: 16px;
	color: #fbfaf7;
	flex-grow: 1;
	flex-shrink: 1;
}

.heading .heading-view {
	flex-grow: 0;
	flex-shrink: 0;
	margin-bottom: 20px;
}

.heading .heading-view .button {
	cursor: pointer;
	border: none;
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
	border-radius: 15px;
	padding: 7px 10px;
	background-color: #262a33;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.heading .heading-view .button:hover {
		color: #fff;
		background-color: #00A0B4;
	}
}

.notification-section .avatar,
.notify-message .avatar {
	flex-shrink: 0;
	flex-grow: 0;
	width: 40px;
	height: 40px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
	color: #fff;
	border-radius: 100%;
}

.notification-section .avatar.adm,
.notify-message .avatar.adm {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #00a0b4 0%, #d6007c 100%);
}

.notification-section .avatar.adm img,
.notify-message .avatar.adm img {
	width: auto;
	height: auto;
	border-radius: 0;
	-o-object-fit: contain;
	   object-fit: contain;
}

.notification-section .avatar img,
.notify-message .avatar img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 100%;
}

.notification-section .content,
.notify-message .content {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.notification-section .sup,
.notify-message .sup {
	display: flex;
	align-items: center;
	gap: 5px;
}

.notification-section .name,
.notify-message .name {
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.notification-section .name:hover,
	.notify-message .name:hover {
		color: #d6007c;
	}
}

.notification-section .name,
.notification-section .more,
.notify-message .name,
.notify-message .more {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: 13px;
	color: #fff;
}

.notification-section .second,
.notify-message .second {
	flex-shrink: 0;
	flex-grow: 0;
}

.notification-section .btn-info,
.notify-message .btn-info {
	font-weight: 400;
	font-size: 13px;
	color: #fff;
	border-radius: 15px;
	padding: 7px 10px;
	background-color: #d6007c;
	line-height: 1.231;
	transition: color .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.notification-section .btn-info:hover,
	.notify-message .btn-info:hover {
		color: #fff;
		background-color: #00A0B4;
	}
}

.notification-section .info,
.notify-message .info {
	margin-top: 1px;
	max-width: 75%;
	font-weight: 400;
	font-size: 12px;
	color: #bababa;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px 10px;
}

.notification-section {
	display: flex;
	flex-direction: column;
}

.notification-section .headline {
	font-weight: 500;
	font-size: 14px;
	color: #656565;
	text-align: center;
	margin-bottom: 10px;
}

.notification-section .box {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #272626;
}

.notification-section .box:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.notification-section .item {
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-bottom: 20px;
}

.notification-section .item:last-child {
	margin-bottom: 0;
}

.notification-section .tag {
	max-width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	font-size: 12px;
	color: #00a0b4;
}

.notification-section .card-info {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	width: 50px;
	height: 50px;
	overflow: hidden;
}

.notification-section .card-info img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.notification-section .icon {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	box-shadow: 0 0 0 2px #151515;
	display: flex;
	font-size: 8px;
	justify-content: center;
	align-items: center;
}

.notification-section .icon.like {
	background-color: #EE1D52;
}

.notification-section .icon.comment {
	background-color: #83C3FF;
}

.notification-section .adm-icon {
	font-size: 22px;
	color: #D6002A;
}

.notification-section .adm-icon.check {
	color: #00A0B4;
}

.avatar-list {
	flex-shrink: 0;
	flex-grow: 0;
	width: 40px;
	height: 40px;
	position: relative;
	margin-right: 10px;
}

.avatar-list img {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 100%;
}

.avatar-list img:first-child {
	bottom: 0;
	left: 0;
	z-index: 2;
	box-shadow: 0 0 0 1px #151515;
}

.avatar-list img:last-child {
	top: 0;
	right: 0;
}

.btn-tips {
	line-height: 1.25;
	background: none;
	cursor: pointer;
	border: 1px solid #e3e3e3;
	border-radius: 160px;
	padding: 9px 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 5px;
	font-weight: 700;
	color: #fbfaf7;
	font-size: 20px;
	transition: color .3s, border .3s;
}

@media screen and (min-width: 1025px) {
	.btn-tips:hover {
		color: #00A0B4;
		border-color: #00A0B4;
	}
}

.btn-tips span {
	font-size: 16px;
}

.aside-column {
	flex-shrink: 0;
	flex-grow: 0;
	max-width: 280px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
	padding-top: 30px;
	padding-bottom: 30px;
	position: sticky;
	z-index: 9;
	min-height: calc(100vh - var(--header-height));
}

@media screen and (max-width: 1460px) {
	.aside-column {
		position: fixed;
		left: 0;
		width: 100%;
		z-index: 10;
		background: rgba(0, 0, 0, 0.8);
		transform: translate3d(-10%, 0, 0);
		visibility: hidden;
		opacity: 0;
		max-width: 411px;
		border-radius: 0 0 20px 20px;
		padding: 0;
		max-height: calc(100% - var(--header-height) - 70px - 25px);
		transition: transform .3s, visibility .3s, opacity .3s, top .1s;
		min-height: auto;
	}
}

.aside-wrapper {
	flex-grow: 1;
	flex-shrink: 1;
}

@media screen and (max-width: 1460px) {
	.aside-wrapper {
		overflow-x: auto;
	}
}

.aside {
	backdrop-filter: blur(14px);
	background: rgba(0, 0, 0, 0.6);
	border-radius: 20px;
	transition: width .2s;
	overflow-y: auto;
	scrollbar-width: none;
	padding: 30px 20px;
}

@media screen and (max-width: 1460px) {
	.aside {
		backdrop-filter: none;
		background: none;
	}
}

.aside .row {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #3c3c3c;
}

.aside .row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.aside .row.second {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #3c3c3c;
}

.aside-list {
	display: flex;
	flex-direction: column;
	font-weight: 500;
	font-size: 24px;
	gap: 15px 20px;
}

.aside-list i {
	position: relative;
	border-radius: 11px;
	display: flex;
	padding: 6px;
	background-color: #000;
	transition: color .3s, box-shadow .3s;
}

@media screen and (min-width: 1025px) {
	.aside-list a.link:hover,
	.aside-list button.link:hover {
		background: #020202;
	}
	.aside-list a.link:hover i,
	.aside-list button.link:hover i {
		color: var(--color-active);
	}
}

.aside-list .link {
	display: flex;
	align-items: center;
	gap: 0 20px;
	padding: 5px 0;
	color: #fff;
	transition: background-color .3s;
	border-radius: 160px;
	width: 100%;
	background: none;
	cursor: pointer;
	border: none;
}

.aside-list .link.active i {
	color: var(--color-active);
}

.aside-list .link span {
	font-size: 14px;
}

.aside-list .count {
	position: absolute;
	top: 0;
	right: -5px;
	background-color: #d6007c;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	font-size: 11px;
	color: #fff;
	font-style: normal;
}

.content-aside {
	flex-shrink: 0;
	flex-grow: 0;
	max-width: 300px;
	width: 100%;
	margin-left: 50px;
	padding-bottom: 20px;
	position: sticky;
	top: calc(80px + 30px);
	z-index: 9;
	transition: top 0.3s;
	max-height: 1200px;
	overflow-y: auto;
}

@media screen and (max-width: 1460px) {
	.content-aside {
		margin-left: 20px;
	}
}

@media screen and (max-width: 991px) {
	.content-aside {
		display: none;
	}
}

.content-aside .heading {
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-bottom: 15px;
}

.content-aside .title {
	flex-grow: 1;
	flex-shrink: 1;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: #bbb;
}

.content-aside .btn-secondary {
	padding: 7px 10px;
}

.box-sbsc {
	max-width: 260px;
	width: 100%;
	margin: 0 auto;
}

.heading-filter {
	flex-shrink: 0;
	flex-grow: 0;
	background-color: #272626;
	padding: 4px 6px;
	border-radius: 20px;
}

.heading-filter .cols {
	gap: 0 10px;
	display: flex;
	align-items: center;
}

.heading-filter .col {
	display: flex;
}

.btn-secondary {
	display: flex;
	align-items: center;
	border: none;
	cursor: pointer;
	font-family: inherit;
	background-color: #545454;
	border-radius: 20px;
	color: #bababa;
	font-weight: 400;
	font-size: 13px;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-secondary:hover {
		color: #fff;
		background-color: #D6007C;
	}
}

.list-suggestions .item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.list-suggestions .item:last-child {
	margin-bottom: 0;
}

.list-suggestions .avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
	width: 40px;
	height: 40px;
	font-size: 16px;
	position: relative;
	margin-right: 10px;
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
	color: #fff;
	border-radius: 100%;
}

.list-suggestions .avatar a {
	color: #fff;
}

.list-suggestions .avatar span {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #cacacd;
}

.list-suggestions .avatar span.network {
	background-color: #00E109;
}

.list-suggestions img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.list-suggestions .content {
	font-weight: 400;
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
	font-size: 13px;
}

.list-suggestions .sup {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 3px;
}

.list-suggestions .name {
	color: #fff;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.list-suggestions .name:hover {
		color: #D6007C;
	}
}

.list-suggestions .checked {
	flex-shrink: 0;
	flex-grow: 0;
	color: #53AFF7;
	margin-left: 5px;
}

.list-suggestions .tag {
	font-size: 12px;
	color: #00a0b4;
	font-weight: 500;
	margin-bottom: 3px;
	display: inline-flex;
	vertical-align: top;
}

.list-suggestions .info {
	color: #87878c;
}

.list-suggestions .btn {
	flex-shrink: 0;
	flex-grow: 0;
	border-radius: 15px;
	background-color: #272626;
	padding: 8px 10px;
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
	line-height: 1.077;
	font-family: inherit;
	border: none;
	cursor: pointer;
	transition: background-color .3s, color 0.3s;
	margin-left: 15px;
}

@media screen and (min-width: 1025px) {
	.list-suggestions .btn:hover {
		background-color: #D6007C;
		color: #fff;
	}
}

.footer-aside {
	flex-grow: 0;
	flex-shrink: 0;
}

@media screen and (max-width: 1460px) {
	.footer-aside {
		padding: 0 20px 50px;
	}
}

.footer-aside .list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}

.footer-aside .list li {
	font-weight: 400;
	font-size: 13px;
}

.footer-aside .list a {
	color: #bababa;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.footer-aside .list a:hover {
		color: #D6007C;
	}
}

.aside-reserved {
	margin-top: 20px;
	font-weight: 400;
	font-size: 12px;
	color: #bababa;
}

.aside-subsc {
	cursor: pointer;
	border: none;
	background-color: #00a0b4;
	box-shadow: 0 4px 14px 0 rgba(66, 164, 251, 0.4);
	border-radius: 30px;
	padding: 15px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	max-width: 265px;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #fbfaf7;
	transition: background .3s, box-shadow .3s;
}

@media screen and (min-width: 1025px) {
	.aside-subsc:hover {
		background-color: #D6007C;
		box-shadow: 0 4px 14px 0 rgba(214, 0, 124, 0.4);
	}
}

.aside-subsc em {
	font-weight: 400;
	font-size: 13px;
}

.fixed-navigation-second {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: none;
	align-items: flex-end;
	min-width: 320px;
	z-index: 9992;
}

@media screen and (max-width: 991px) {
	.fixed-navigation-second {
		display: flex;
	}
}

.fixed-navigation-second .middle {
	width: 68px;
	height: 21px;
	flex-shrink: 0;
	flex-grow: 0;
	position: relative;
}

.fixed-navigation-second .middle::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 34px;
	height: 68px;
	box-shadow: -50px 30px 0 30px black;
	border-radius: 0 0 0 68px;
	transform: rotate(-40deg);
}

.fixed-navigation-second .middle::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 34px;
	height: 68px;
	box-shadow: 50px 30px 0 30px black;
	border-radius: 0 0 68px 0;
	transform: rotate(40deg);
}

.fixed-navigation-second .middle .add {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	z-index: 2;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 68px;
	height: 68px;
	border: none;
	font-size: 14px;
	border-radius: 100%;
	background-color: #D6007C;
	transform: rotate(45deg);
	border: 5px solid rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 14px 0 rgba(214, 0, 124, 0.8);
	cursor: pointer;
	transition: transform .3s, background-color .3s, box-shadow .3s;
}

.fixed-navigation-second .middle .add.active {
	transform: rotate(0deg);
	background-color: #656565;
	box-shadow: none;
}

.fixed-navigation-second .list {
	display: flex;
	align-items: center;
	justify-content: space-around;
	background: black;
	width: 50%;
	padding: 0 14px;
	height: 70px;
	position: relative;
	z-index: 2;
}

.fixed-navigation-second .list:last-child {
	border-radius: 47px 35px 0 0;
}

.fixed-navigation-second .list:first-child {
	border-radius: 35px 47px 0 0;
}

.fixed-navigation-second .list.second {
	width: 100%;
}

.fixed-navigation-second .item.active .wrapped {
	box-shadow: 0 11px 14px 0 rgba(174, 22, 60, 0.3);
}

.fixed-navigation-second .item.active .wrapped .icon {
	color: #D6007C;
}

.fixed-navigation-second .item.active .wrapped .icon .active {
	display: block;
}

.fixed-navigation-second .item.active .wrapped .icon .static {
	display: none;
}

.fixed-navigation-second .avatar {
	width: 35px;
	height: 35px;
	font-size: 16px;
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.fixed-navigation-second .avatar img {
	display: inline-block;
	vertical-align: top;
	-o-object-fit: cover;
	   object-fit: cover;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-radius: 100%;
}

.fixed-navigation-second .wrapped {
	color: #E3E3E3;
	background: #000;
	display: flex;
	align-items: center;
	font-size: 24px;
	padding: 3px 6px;
	border-radius: 15px;
	line-height: 1.25;
}

.fixed-navigation-second .icon {
	position: relative;
	transition: color .3s;
}

.fixed-navigation-second .icon .active {
	display: none;
}

.fixed-navigation-second .circle {
	position: absolute;
	right: -5px;
	top: 0;
	width: 9px;
	height: 8px;
	background-color: #d6007c;
	border-radius: 100%;
}

.profile-model-navigation {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 101;
	width: 100%;
	max-width: 100%;
	backdrop-filter: blur(14px);
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	transform: translate3d(0, 100%, 0);
	transition: transform 0.3s, visibility 0.3s, opacity 0.3s, top .3s;
}

.profile-model-navigation .holder {
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 20px;
	display: flex;
	flex-direction: column;
}

.profile-model-navigation .column {
	flex-grow: 0;
	flex-shrink: 0;
}

.profile-model-navigation .column.second {
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.profile-model-navigation .list {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #3c3c3c;
}

.profile-model-navigation .list:first-child {
	margin-top: 0;
}

.profile-model-navigation .item {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 14px;
}

.profile-model-navigation .item:last-child {
	margin-bottom: 0;
}

.profile-model-navigation .item i {
	font-size: 21px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: #000;
	transition: color .3s;
	color: #bababa;
}

.profile-model-navigation .link {
	display: flex;
	align-items: center;
	color: #fff;
	gap: 0 20px;
}

.profile-model-navigation .link.active i {
	color: #D6007C;
}

.profile-model-navigation .link span {
	flex-grow: 1;
	flex-shrink: 1;
}

.profile-model-navigation .arrow {
	font-size: 11px;
	flex-grow: 0;
	flex-shrink: 0;
	color: #656565;
}

.profile-model-box {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.profile-model-box[data-attr-border-top] {
	border-bottom: 1px solid #3c3c3c;
}

.profile-model-box .block {
	display: flex;
	align-items: flex-start;
	gap: 0 15px;
	margin-bottom: 20px;
}

.profile-model-box .block:last-child {
	margin-bottom: 0;
}

.profile-model-box .group {
	display: flex;
	justify-content: space-between;
	flex-shrink: 1;
	flex-grow: 1;
	padding: 0 26px;
	margin: -2px -5px;
	font-size: 24px;
}

@media screen and (max-width: 991px) {
	.profile-model-box .group {
		font-size: 26px;
	}
}

@media screen and (max-width: 390px) {
	.profile-model-box .group {
		padding: 0;
	}
}

.profile-model-box .group span {
	margin-left: 5px;
	font-weight: 500;
	font-size: 14px;
	color: #bababa;
}

.profile-model-box .col {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	padding: 2px 5px;
}

.profile-model-box .col strong {
	font-weight: 600;
}

.profile-model-box .avatar {
	flex-shrink: 0;
	flex-grow: 0;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	padding: 8px;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(2, 6, 12, 0.1);
}

.profile-model-box .avatar::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="92" height="92" viewBox="0 0 92 92" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M47 3.8C47 2.80589 47.8063 1.99624 48.7996 2.03599C57.069 2.36688 65.1001 4.97304 72.0007 9.58387C79.4009 14.5285 85.1686 21.5566 88.5746 29.7792C91.9805 38.0019 92.8717 47.0499 91.1353 55.7791C89.399 64.5082 85.1132 72.5264 78.8198 78.8198C72.5264 85.1132 64.5082 89.399 55.7791 91.1353C47.0499 92.8717 38.0019 91.9805 29.7792 88.5746C21.5566 85.1686 14.5285 79.4009 9.58387 72.0007C4.97304 65.1001 2.36688 57.069 2.03599 48.7996C1.99624 47.8063 2.80589 47 3.8 47V47C4.79411 47 5.59591 47.8064 5.63912 48.7996C5.96784 56.3567 8.36195 63.6921 12.5772 70.0006C17.1262 76.8088 23.592 82.1151 31.1569 85.2486C38.7218 88.3821 47.0459 89.2019 55.0767 87.6045C63.1076 86.0071 70.4843 82.0641 76.2742 76.2742C82.0641 70.4843 86.0071 63.1076 87.6045 55.0767C89.2019 47.0459 88.3821 38.7218 85.2486 31.1569C82.1151 23.592 76.8088 17.1262 70.0006 12.5772C63.6921 8.36195 56.3567 5.96785 48.7996 5.63912C47.8064 5.59591 47 4.79411 47 3.8V3.8Z" fill="url(%23paint0_linear_837_8480)"/><circle cx="49" cy="4" r="4" fill="%2393CEFF"/><circle cx="4" cy="47" r="4" fill="%2393CEFF"/><defs><linearGradient id="paint0_linear_837_8480" x1="47" y1="2" x2="1.99999" y2="47" gradientUnits="userSpaceOnUse"><stop stop-color="%23D6007C"/><stop offset="1" stop-color="%2300A0B4"/></linearGradient></defs></svg>') no-repeat;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	background-size: contain;
	z-index: 2;
}

.profile-model-box .wrap-avatar {
	width: 80px;
	height: 80px;
}

.profile-model-box .tag {
	font-size: 14px;
	color: #00a0b4;
	font-weight: 500;
	margin-top: 2px;
}

.profile-model-box .total {
	margin-top: 5px;
}

.profile-model-box .title {
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
}

@media screen and (max-width: 991px) {
	.profile-model-box .title {
		font-size: 12px;
	}
}

.profile-model-box .info {
	display: flex;
	gap: 0 10px;
	margin-top: 5px;
}

.profile-model-box .cash {
	font-size: 24px;
	color: #00a0b4;
}

@media screen and (max-width: 991px) {
	.profile-model-box .cash {
		font-weight: 600;
		font-size: 26px;
	}
}

.profile-model-box .status {
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 13px;
	color: #7dd600;
	gap: 0 4px;
}

.name-block {
	display: flex;
	align-items: center;
	gap: 0 10px;
	line-height: 1.5;
}

.name-block .name {
	font-size: 19px;
	color: #fbfaf7;
}

@media screen and (max-width: 390px) {
	.name-block .name {
		font-size: 16px;
	}
}

.name-block .checked {
	font-size: 14px;
	color: #53aff7;
}

.name-block .flag {
	max-width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
}

.name-block svg {
	flex-grow: 0;
	flex-shrink: 0;
}

.footer {
	flex-shrink: 0;
	flex-grow: 0;
	position: relative;
	z-index: 2;
	margin-top: 80px;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.footer {
		margin-top: 50px;
	}
}

.footer:not(.secondary) {
	background: url("../images/footer-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}

.footer .frame {
	background-image: url("../images/girl.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}

@media screen and (max-width: 767px) {
	.footer .frame {
		background-size: auto 75%;
		background-position: center bottom;
	}
}

.footer.secondary::before {
	display: none;
}

.footer[data-attr-footer-user-panel] {
	background: none;
}

@media screen and (max-width: 991px) {
	.footer[data-attr-footer-user-panel] {
		padding-bottom: 70px;
	}
}

.footer .footer-bottom {
	margin-top: 42px;
}

@media screen and (max-width: 767px) {
	.footer .footer-bottom {
		margin-top: 30px;
	}
}

.questions-frame {
	margin-bottom: 82px;
}

.footer-holder {
	background: rgba(var(--bg-rgb-dark), 0.5);
	backdrop-filter: blur(10px);
	padding: 30px 0;
}

@media screen and (max-width: 767px) {
	.footer-holder {
		padding: 30px 10px 20px;
	}
}

.logo-footer {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

@media screen and (max-width: 479px) {
	.logo-footer {
		margin-bottom: 20px;
	}
}

.logo-footer img {
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width: 479px) {
	.logo-footer img {
		max-width: 145px;
	}
}

.footer-cols {
	display: flex;
	justify-content: space-between;
	gap: 30px 100px;
}

@media screen and (max-width: 1240px) {
	.footer-cols {
		flex-direction: column;
		align-items: center;
	}
}

.footer-cols .col {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

@media screen and (max-width: 1240px) {
	.footer-cols .col {
		width: 100%;
		flex-wrap: wrap;
	}
}

.footer-cols .col.second {
	flex-grow: 0;
	flex-shrink: 0;
	max-width: 576px;
	width: 100%;
}

.footer-sbsc {
	flex-grow: 1;
	flex-shrink: 1;
	background: rgba(var(--bg-rgb-dark), 0.7);
	border-radius: 8px;
	padding: 30px 15px;
}

@media screen and (max-width: 479px) {
	.footer-sbsc {
		padding: 20px 15px;
	}
}

.footer-sbsc .title {
	line-height: 1.5;
	color: var(--color-third-light);
	margin-bottom: 10px;
}

.footer-sbsc .sub {
	margin-bottom: 20px;
	color: var(--color-third-light);
	font-weight: 400;
	line-height: 1.5;
}

.sbsc-box {
	display: flex;
	align-items: center;
	gap: 15px;
}

@media screen and (max-width: 479px) {
	.sbsc-box {
		flex-direction: column;
	}
}

.sbsc-box .block {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	border-radius: 8px;
	border: 1px solid var(--color-active);
	padding-right: 15px;
	height: 60px;
	transition: border .3s;
}

@media screen and (max-width: 479px) {
	.sbsc-box .block {
		width: 100%;
	}
}

@media screen and (min-width: 1025px) {
	.sbsc-box .block.hover:hover {
		border-color: var(--color-active-aqua);
	}
}

.sbsc-box label {
	padding: 0 15px;
	display: flex;
	align-items: center;
	color: var(--color-active-aqua);
	font-size: 24px;
}

.sbsc-box .input {
	height: 100%;
	width: 100%;
	border: none;
	background: none;
	color: var(--color-main);
	font-family: inherit;
	padding: 21px 0;
	font-size: 14px;
}

.sbsc-box .btn {
	flex-grow: 0;
	flex-shrink: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--color-third-light);
	padding: 18px 20px;
	border: none;
	border-radius: var(--border-radius);
	position: relative;
	line-height: 1.5;
	font-size: 24px;
	overflow: hidden;
	background: var(--bg-gradient-tools-aqua);
}

@media screen and (min-width: 1025px) {
	.sbsc-box .btn:hover::before {
		opacity: 0;
	}
}

@media screen and (max-width: 479px) {
	.sbsc-box .btn {
		width: 100%;
	}
}

.sbsc-box .btn > * {
	position: relative;
	z-index: 2;
}

.sbsc-box .btn span {
	font-size: 16px;
}

.sbsc-box .btn::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: var(--border-radius);
	opacity: 1;
	background: var(--bg-gradient-price-list-tools);
	transition: opacity .6s;
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.footer-navigation.second {
		width: 100%;
	}
	.footer-navigation.second .list {
		max-width: 100%;
		gap: 20px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.footer-navigation.second .item {
		margin-bottom: 0;
	}
}

.footer-navigation .title {
	text-shadow: -1px -1px 0 var(--bg-main), 1px -1px 0 var(--bg-main), -1px 1px 0 var(--bg-main), 1px 1px 0 var(--bg-main);
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	line-height: 1.5;
	text-align: center;
	color: var(--color-third-light);
	padding-bottom: 18px;
	margin-bottom: 20px;
	border-bottom: 2px solid var(--color-active-aqua);
}

.footer-navigation .list {
	max-width: 164px;
	line-height: 1.5;
}

.footer-navigation .item {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.footer-navigation .item:last-child {
	margin-bottom: 0;
}

.footer-navigation .wrap,
.footer-navigation .link {
	display: inline-flex;
	gap: 10px;
	color: var(--color-third-light);
}

.footer-navigation .link {
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.footer-navigation .link:hover {
		color: var(--color-active-aqua);
	}
}

.footer-navigation .wrap {
	font-weight: 400;
}

.footer-navigation strong {
	font-family: 700;
}

.footer-navigation svg {
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 20px;
}

.list-icon {
	color: var(--color-active-aqua);
	transition: color .3s;
}

.social-list {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 20px;
}

.social-list a {
	color: var(--color-active-aqua);
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.social-list a:hover {
		color: var(--color-active);
	}
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px 30px;
}

@media screen and (max-width: 991px) {
	.footer-bottom {
		justify-content: center;
		flex-wrap: wrap;
	}
}

.footer-bottom .group {
	display: flex;
	align-items: center;
	gap: 20px;
}

.footer-bottom .copyright {
	font-weight: 400;
	font-size: 12px;
	color: var(--color-third-light);
}

@media screen and (max-width: 991px) {
	.footer-bottom .col.second {
		flex-grow: 1;
		flex-shrink: 1;
	}
}

@media screen and (max-width: 479px) {
	.footer-bottom .col.second {
		display: flex;
		justify-content: center;
	}
}

.links-group {
	display: flex;
	align-items: center;
	gap: 0 50px;
	font-weight: 400;
	font-size: 12px;
}

.links-group a {
	text-decoration: underline;
	color: var(--color-third-light);
}

@media screen and (min-width: 1025px) {
	.links-group a:hover {
		text-decoration: none;
	}
}

.pay-list {
	display: flex;
	align-items: center;
	gap: 4px;
}

.pay-list li {
	max-width: 32px;
}

.pay-list img {
	max-width: 100%;
	height: auto;
}

.footer-sticky {
	position: absolute;
	right: 50px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	display: flex;
	flex-direction: column;
	gap: 20px;
	z-index: 10;
}

@media screen and (max-width: 1680px) {
	.footer-sticky {
		top: 30px;
		transform: translate3d(0, 0, 0);
		right: 20px;
		gap: 10px;
	}
}

@media screen and (max-width: 1240px) {
	.footer-sticky {
		display: none;
	}
}

.footer-sticky .btn {
	color: var(--color-main);
	cursor: pointer;
	background: none;
	border: none;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
	transition: transform .4s, box-shadow .4s;
}

@media screen and (min-width: 1025px) {
	.footer-sticky .btn:hover {
		transform: scale(1.07);
		box-shadow: 0 0 40px 10px rgba(var(--color-rgb-aqua), 0.4);
	}
}

@media screen and (max-width: 1680px) {
	.footer-sticky .btn {
		width: 60px;
		height: 60px;
	}
}

.footer-sticky .btn[data-attr-chat]::after {
	background: url('data:image/svg+xml,<svg width="50" height="29" viewBox="0 0 50 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.9238 0C8.02539 0 0 6.11133 0 13.6309C0 16.1328 0.902344 18.4707 2.44727 20.4805L0.0546877 28.5195L10.0352 25.8535C12.4141 26.7422 15.0801 27.2617 17.9238 27.2617C27.8223 27.2617 35.8477 21.1641 35.8477 13.6309C35.834 6.11133 27.8223 0 17.9238 0Z" fill="%23D6007C"/><path d="M10.7598 11.4844C10.2267 11.4844 9.71555 11.6961 9.33865 12.073C8.96174 12.4499 8.75 12.9611 8.75 13.4941C8.75 14.0272 8.96174 14.5384 9.33865 14.9153C9.71555 15.2922 10.2267 15.5039 10.7598 15.5039C11.2928 15.5039 11.804 15.2922 12.1809 14.9153C12.5578 14.5384 12.7695 14.0272 12.7695 13.4941C12.7695 12.9611 12.5578 12.4499 12.1809 12.073C11.804 11.6961 11.2928 11.4844 10.7598 11.4844ZM19.0586 13.4941C19.0586 14.6016 18.1563 15.5039 17.0488 15.5039C15.9414 15.5039 15.0391 14.6016 15.0391 13.4941C15.0391 12.3867 15.9414 11.4844 17.0488 11.4844C18.1699 11.4844 19.0586 12.373 19.0586 13.4941ZM25.2246 13.4941C25.2246 14.6016 24.3223 15.5039 23.2148 15.5039C22.1074 15.5039 21.2051 14.6016 21.2051 13.4941C21.2051 12.3867 22.1074 11.4844 23.2148 11.4844C24.3223 11.4844 25.2246 12.373 25.2246 13.4941Z" fill="%23B7CAC4"/><path d="M35.1641 3.63672C42.9707 3.63672 49.3008 8.44922 49.3008 14.3828C49.3008 16.3516 48.5899 18.1973 47.3731 19.7832L49.2598 26.1133L41.3985 24.0215C39.5254 24.7188 37.4199 25.1289 35.1778 25.1289C27.3711 25.1289 21.041 20.3164 21.041 14.3828C21.0274 8.44922 27.3574 3.63672 35.1641 3.63672Z" fill="%2300A0B4"/><path d="M31.8418 13.8906C31.8418 14.834 31.0762 15.6133 30.1191 15.6133C29.1758 15.6133 28.3965 14.8477 28.3965 13.8906C28.3965 12.9473 29.1621 12.168 30.1191 12.168C31.0762 12.168 31.8418 12.9336 31.8418 13.8906ZM37.2285 13.8906C37.2285 14.834 36.4629 15.6133 35.5059 15.6133C34.5625 15.6133 33.7832 14.8477 33.7832 13.8906C33.7832 12.9473 34.5488 12.168 35.5059 12.168C36.4629 12.168 37.2285 12.9336 37.2285 13.8906ZM42.4922 13.8906C42.4922 14.834 41.7266 15.6133 40.7695 15.6133C39.8125 15.6133 39.0469 14.8477 39.0469 13.8906C39.0469 12.9473 39.8125 12.168 40.7695 12.168C41.7266 12.168 42.4922 12.9336 42.4922 13.8906Z" fill="%23B7CAC4"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 30px;
}

@media screen and (max-width: 1680px) {
	.footer-sticky .btn[data-attr-chat]::after {
		width: 40px;
	}
}

.footer-sticky .btn[data-attr-scroll-up]::after {
	background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="40" height="60"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(12.5px);clip-path:url(%23bgblur_0_183_1322_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_i_183_1322)" data-figma-bg-blur-radius="25"><path d="M4.7619 0C2.14332 0 0 2.14332 0 4.7619V35.2381C0 37.8567 2.14332 40 4.7619 40H35.2381C37.8567 40 40 37.8567 40 35.2381V4.7619C40 2.14332 37.8567 0 35.2381 0H4.7619ZM4.7619 1.90476H35.2381C36.8271 1.90476 38.0952 3.17287 38.0952 4.7619V35.2381C38.0952 36.8271 36.8271 38.0952 35.2381 38.0952H4.7619C3.17287 38.0952 1.90476 36.8271 1.90476 35.2381V4.7619C1.90476 3.17287 3.17287 1.90476 4.7619 1.90476ZM23.5355 15.5221C21.5829 13.5695 18.4171 13.5695 16.4645 15.5221L7.89807 24.0885C7.80666 24.1763 7.73369 24.2814 7.68341 24.3977C7.63314 24.514 7.60658 24.6392 7.60529 24.7659C7.604 24.8926 7.62801 25.0183 7.6759 25.1356C7.7238 25.2529 7.79462 25.3595 7.88422 25.4491C7.97382 25.5387 8.08039 25.6095 8.19771 25.6574C8.31502 25.7053 8.44071 25.7293 8.56741 25.728C8.69412 25.7268 8.81929 25.7002 8.93561 25.6499C9.05192 25.5996 9.15703 25.5267 9.24479 25.4353L16.4645 18.2156C18.4171 16.263 21.5829 16.263 23.5355 18.2156L30.7552 25.4353C30.843 25.5267 30.9481 25.5996 31.0644 25.6499C31.1807 25.7002 31.3059 25.7268 31.4326 25.728C31.5593 25.7293 31.685 25.7053 31.8023 25.6574C31.9196 25.6095 32.0262 25.5387 32.1158 25.4491C32.2054 25.3595 32.2762 25.2529 32.3241 25.1356C32.372 25.0183 32.396 24.8926 32.3947 24.7659C32.3934 24.6392 32.3669 24.514 32.3166 24.3977C32.2663 24.2814 32.1933 24.1763 32.1019 24.0885L23.5355 15.5221Z" fill="%23D6007C" fill-opacity="0.9"/><path d="M4.7619 0C2.14332 0 0 2.14332 0 4.7619V35.2381C0 37.8567 2.14332 40 4.7619 40H35.2381C37.8567 40 40 37.8567 40 35.2381V4.7619C40 2.14332 37.8567 0 35.2381 0H4.7619ZM4.7619 1.90476H35.2381C36.8271 1.90476 38.0952 3.17287 38.0952 4.7619V35.2381C38.0952 36.8271 36.8271 38.0952 35.2381 38.0952H4.7619C3.17287 38.0952 1.90476 36.8271 1.90476 35.2381V4.7619C1.90476 3.17287 3.17287 1.90476 4.7619 1.90476ZM23.5355 15.5221C21.5829 13.5695 18.4171 13.5695 16.4645 15.5221L7.89807 24.0885C7.80666 24.1763 7.73369 24.2814 7.68341 24.3977C7.63314 24.514 7.60658 24.6392 7.60529 24.7659C7.604 24.8926 7.62801 25.0183 7.6759 25.1356C7.7238 25.2529 7.79462 25.3595 7.88422 25.4491C7.97382 25.5387 8.08039 25.6095 8.19771 25.6574C8.31502 25.7053 8.44071 25.7293 8.56741 25.728C8.69412 25.7268 8.81929 25.7002 8.93561 25.6499C9.05192 25.5996 9.15703 25.5267 9.24479 25.4353L16.4645 18.2156C18.4171 16.263 21.5829 16.263 23.5355 18.2156L30.7552 25.4353C30.843 25.5267 30.9481 25.5996 31.0644 25.6499C31.1807 25.7002 31.3059 25.7268 31.4326 25.728C31.5593 25.7293 31.685 25.7053 31.8023 25.6574C31.9196 25.6095 32.0262 25.5387 32.1158 25.4491C32.2054 25.3595 32.2762 25.2529 32.3241 25.1356C32.372 25.0183 32.396 24.8926 32.3947 24.7659C32.3934 24.6392 32.3669 24.514 32.3166 24.3977C32.2663 24.2814 32.1933 24.1763 32.1019 24.0885L23.5355 15.5221Z" fill="url(%23paint0_linear_183_1322)"/><path d="M4.7619 0C2.14332 0 0 2.14332 0 4.7619V35.2381C0 37.8567 2.14332 40 4.7619 40H35.2381C37.8567 40 40 37.8567 40 35.2381V4.7619C40 2.14332 37.8567 0 35.2381 0H4.7619ZM4.7619 1.90476H35.2381C36.8271 1.90476 38.0952 3.17287 38.0952 4.7619V35.2381C38.0952 36.8271 36.8271 38.0952 35.2381 38.0952H4.7619C3.17287 38.0952 1.90476 36.8271 1.90476 35.2381V4.7619C1.90476 3.17287 3.17287 1.90476 4.7619 1.90476ZM23.5355 15.5221C21.5829 13.5695 18.4171 13.5695 16.4645 15.5221L7.89807 24.0885C7.80666 24.1763 7.73369 24.2814 7.68341 24.3977C7.63314 24.514 7.60658 24.6392 7.60529 24.7659C7.604 24.8926 7.62801 25.0183 7.6759 25.1356C7.7238 25.2529 7.79462 25.3595 7.88422 25.4491C7.97382 25.5387 8.08039 25.6095 8.19771 25.6574C8.31502 25.7053 8.44071 25.7293 8.56741 25.728C8.69412 25.7268 8.81929 25.7002 8.93561 25.6499C9.05192 25.5996 9.15703 25.5267 9.24479 25.4353L16.4645 18.2156C18.4171 16.263 21.5829 16.263 23.5355 18.2156L30.7552 25.4353C30.843 25.5267 30.9481 25.5996 31.0644 25.6499C31.1807 25.7002 31.3059 25.7268 31.4326 25.728C31.5593 25.7293 31.685 25.7053 31.8023 25.6574C31.9196 25.6095 32.0262 25.5387 32.1158 25.4491C32.2054 25.3595 32.2762 25.2529 32.3241 25.1356C32.372 25.0183 32.396 24.8926 32.3947 24.7659C32.3934 24.6392 32.3669 24.514 32.3166 24.3977C32.2663 24.2814 32.1933 24.1763 32.1019 24.0885L23.5355 15.5221Z" fill="url(%23paint1_linear_183_1322)"/></g><defs><filter id="filter0_i_183_1322" x="0" y="0" width="40" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="36" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_183_1322"/><feOffset dy="39"/><feGaussianBlur stdDeviation="28"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.917405 0 0 0 0 0.984858 0 0 0 0.3 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_183_1322"/></filter><clipPath id="bgblur_0_183_1322_clip_path" transform="translate(0 0)"><path d="M4.7619 0C2.14332 0 0 2.14332 0 4.7619V35.2381C0 37.8567 2.14332 40 4.7619 40H35.2381C37.8567 40 40 37.8567 40 35.2381V4.7619C40 2.14332 37.8567 0 35.2381 0H4.7619ZM4.7619 1.90476H35.2381C36.8271 1.90476 38.0952 3.17287 38.0952 4.7619V35.2381C38.0952 36.8271 36.8271 38.0952 35.2381 38.0952H4.7619C3.17287 38.0952 1.90476 36.8271 1.90476 35.2381V4.7619C1.90476 3.17287 3.17287 1.90476 4.7619 1.90476ZM23.5355 15.5221C21.5829 13.5695 18.4171 13.5695 16.4645 15.5221L7.89807 24.0885C7.80666 24.1763 7.73369 24.2814 7.68341 24.3977C7.63314 24.514 7.60658 24.6392 7.60529 24.7659C7.604 24.8926 7.62801 25.0183 7.6759 25.1356C7.7238 25.2529 7.79462 25.3595 7.88422 25.4491C7.97382 25.5387 8.08039 25.6095 8.19771 25.6574C8.31502 25.7053 8.44071 25.7293 8.56741 25.728C8.69412 25.7268 8.81929 25.7002 8.93561 25.6499C9.05192 25.5996 9.15703 25.5267 9.24479 25.4353L16.4645 18.2156C18.4171 16.263 21.5829 16.263 23.5355 18.2156L30.7552 25.4353C30.843 25.5267 30.9481 25.5996 31.0644 25.6499C31.1807 25.7002 31.3059 25.7268 31.4326 25.728C31.5593 25.7293 31.685 25.7053 31.8023 25.6574C31.9196 25.6095 32.0262 25.5387 32.1158 25.4491C32.2054 25.3595 32.2762 25.2529 32.3241 25.1356C32.372 25.0183 32.396 24.8926 32.3947 24.7659C32.3934 24.6392 32.3669 24.514 32.3166 24.3977C32.2663 24.2814 32.1933 24.1763 32.1019 24.0885L23.5355 15.5221Z"/></clipPath><linearGradient id="paint0_linear_183_1322" x1="5.08502e-08" y1="1.5" x2="47.6963" y2="18.8852" gradientUnits="userSpaceOnUse"><stop stop-color="%23D6007C"/><stop offset="1" stop-color="%2300A0B4"/></linearGradient><linearGradient id="paint1_linear_183_1322" x1="5.08502e-08" y1="1.5" x2="47.6963" y2="18.8852" gradientUnits="userSpaceOnUse"><stop stop-color="%2300A0B4"/><stop offset="1" stop-color="%23D6002A"/></linearGradient></defs></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 1680px) {
	.footer-sticky .btn[data-attr-scroll-up]::after {
		width: 30px;
		height: 30px;
	}
}

.footer-sticky .btn::after {
	position: absolute;
	content: '';
}

.footer-sticky .btn::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="70" height="69" viewBox="0 0 70 69" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-22.9199" y="0" width="115.84" height="125.84"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(21px);clip-path:url(%23bgblur_0_183_1314_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_d_183_1314)" data-figma-bg-blur-radius="42"><path d="M1.08008 33.9199C1.08008 15.1895 16.2695 0 35 0C53.7305 0 68.9199 15.1895 68.9199 33.9199C68.9199 52.6504 53.7305 67.8398 35 67.8398C16.2695 67.8398 1.08008 52.6504 1.08008 33.9199Z" fill="url(%23paint0_linear_183_1314)" fill-opacity="0.5" shape-rendering="crispEdges" /><path d="M35 0.5C53.4543 0.5 68.4199 15.4656 68.4199 33.9199C68.4199 52.3742 53.4543 67.3398 35 67.3398C16.5457 67.3398 1.58008 52.3742 1.58008 33.9199C1.58008 15.4656 16.5457 0.5 35 0.5Z" stroke="white" stroke-opacity="0.11" shape-rendering="crispEdges" /></g><defs><filter id="filter0_d_183_1314" x="-22.9199" y="0" width="115.84" height="125.84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" /><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /><feOffset dy="34" /><feGaussianBlur stdDeviation="12" /><feComposite in2="hardAlpha" operator="out" /><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_183_1314" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_183_1314" result="shape" /></filter><clipPath id="bgblur_0_183_1314_clip_path" transform="translate(22.9199 0)"><path d="M1.08008 33.9199C1.08008 15.1895 16.2695 0 35 0C53.7305 0 68.9199 15.1895 68.9199 33.9199C68.9199 52.6504 53.7305 67.8398 35 67.8398C16.2695 67.8398 1.08008 52.6504 1.08008 33.9199Z" /></clipPath><linearGradient id="paint0_linear_183_1314" x1="35" y1="0" x2="35" y2="67.8398" gradientUnits="userSpaceOnUse"><stop offset="0.00554471" stop-color="%2393D8FF" stop-opacity="0.4" /><stop offset="0.46875" stop-color="%232E94CE" stop-opacity="0.213685" /><stop offset="1" stop-color="%2318192B" /></linearGradient></defs></svg>');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	box-shadow: 0 34px 24px 0 rgba(var(--bg-rgb-dark), 0.2);
	transition: box-shadow .4s;
}

.footer-intro {
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 2;
	padding: 20px 30px;
}

@media screen and (max-width: 767px) {
	.footer-intro {
		display: none;
	}
}

.footer-intro .footer-bottom {
	max-width: 830px;
	margin: 0 auto;
}

.footer-group {
	display: flex;
	align-items: center;
	gap: 20px;
}

.modal-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 1px;
	z-index: 9993;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	overflow: auto;
	background: rgba(0, 0, 0, 0.7);
}

.modal-box.show {
	opacity: 1;
	visibility: visible;
}

.modal-box .modal-content {
	backdrop-filter: blur(14px);
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	padding: 10px 20px;
	border-radius: 20px;
	overflow: hidden;
	max-width: 451px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: transform .3s;
	position: relative;
	margin: auto;
}

@media screen and (max-width: 390px) {
	.modal-box .modal-content {
		padding: 10px;
	}
}

.modal-headline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #3c3c3c;
}

.modal-headline .prev {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	line-height: 1.5;
	color: #fbfaf7;
	font-size: 16px;
}

.modal-headline a.prev {
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.modal-headline a.prev:hover {
		color: #D6007C;
	}
}

.modal-headline .close {
	flex-grow: 0;
	flex-shrink: 0;
	background: none;
	cursor: pointer;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	color: #656565;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.modal-headline .close:hover {
		color: #D6007C;
	}
}

.modal-headline .title {
	font-size: 19px;
}

.form-frame .input-group-addon,
.form-frame .select2-container--default .select2-selection--single,
.form-frame .modal-input,
.form-frame .modal-textarea {
	background-color: rgba(0, 0, 0, 0.5);
}

.form-container .row,
.form-frame .row {
	margin-bottom: 20px;
}

.form-container .row:last-child,
.form-frame .row:last-child {
	margin-bottom: 0;
}

.form-container .group,
.form-frame .group {
	height: 50px;
}

.form-container .group,
.form-container .group-textarea,
.form-frame .group,
.form-frame .group-textarea {
	overflow: hidden;
	width: 100%;
	border: 1px solid #656565;
	border-radius: 8px;
}

.form-container .label,
.form-frame .label {
	display: flex;
	position: relative;
}

.form-container .label.second,
.form-frame .label.second {
	background-color: rgba(0, 0, 0, 0.5);
	padding-right: 15px;
}

.form-container .label.second .modal-input,
.form-frame .label.second .modal-input {
	background: none;
}

.form-container .label .input-prefix,
.form-frame .label .input-prefix {
	font-size: 24px;
}

.form-container .label span:not(.input-prefix),
.form-frame .label span:not(.input-prefix) {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	bottom: 0;
	color: #656565;
	padding: 16px 14px;
	display: flex;
	align-items: flex-start;
	cursor: text;
	font-weight: 500;
	font-size: 14px;
	transform: translate3d(0, 0, 0);
	transition: transform .3s, font-size .3s, opacity .3s;
}

.form-container .cols,
.form-frame .cols {
	--flex-gap: 10px;
	--flex-items: 2;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--flex-gap);
}

@media screen and (max-width: 390px) {
	.form-container .cols,
	.form-frame .cols {
		flex-direction: column;
		--flex-items: 1;
	}
}

.form-container .col,
.form-container .col-item,
.form-frame .col,
.form-frame .col-item {
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}

.form-container .heading,
.form-frame .heading {
	display: flex;
	align-items: center;
	gap: 0 10px;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 20px;
	color: #fff;
}

.form-container .heading .title,
.form-frame .heading .title {
	font-weight: 500;
	font-size: 14px;
	flex-grow: 1;
	flex-shrink: 1;
}

.form-container .button,
.form-frame .button {
	width: 100%;
	border: none;
	font-family: inherit;
	border-radius: 30px;
	padding: 10px 20px;
	background-color: #d6007c;
	color: #fff;
	min-height: 50px;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	box-shadow: 0 0 0 1px #d6007c;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.form-container .button:hover,
	.form-frame .button:hover {
		background-color: #000;
		color: #D6007C;
	}
}

.switcher {
	width: 52px;
	height: 26px;
	border-radius: 20px;
	background-color: #4c5762;
	border: none;
	cursor: pointer;
	display: block;
	padding: 3px;
	transition: background-color 0.3s;
}

.switcher[data-handler-switch="true"], .switcher[data-target-switch="true"] {
	background-color: #d6007c;
}

.switcher[data-handler-switch="true"] i, .switcher[data-target-switch="true"] i {
	transform: translate3d(26px, 0, 0);
	background-color: #fff;
}

.switcher i {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #909ba6;
	transform: translate3d(0, 0, 0);
	transition: transform .3s, color .3s;
}

.switcher .field {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
}

.profile-pay-list {
	display: block;
}

.profile-pay-list .item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #3c3c3c;
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.profile-pay-list .item:last-child {
	padding-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.profile-pay-list .wrap,
.profile-pay-list .item {
	display: flex;
	align-items: center;
}

.profile-pay-list .wrap {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	align-items: center;
	gap: 0 20px;
}

.profile-pay-list .icon {
	flex-grow: 0;
	flex-shrink: 0;
	border-radius: 15px;
	background-color: #000;
	font-size: 21px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.profile-pay-list .text {
	flex-grow: 1;
	flex-shrink: 1;
	font-weight: 500;
	font-size: 14px;
}

.profile-pay-list img {
	max-width: 30px;
	height: auto;
}

.profile-pay-list .next {
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	color: #656565;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.profile-pay-list .next:hover {
		color: #D6007C;
	}
}

.profile-pay-list .arrow {
	font-size: 11px;
}

.upload-container {
	--flex-gap: 10px;
	--flex-items: 2;
	display: flex;
	flex-wrap: wrap;
	gap: var(--flex-gap);
	opacity: 0.4;
	pointer-events: none;
	transition: opacity 0.3s;
}

.upload-container.visible {
	opacity: 1;
	pointer-events: auto;
}

.gallery-upload-video {
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
	position: relative;
	padding-bottom: 27%;
	border-radius: 10px;
	overflow: hidden;
}

.gallery-upload-video .button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: none;
	cursor: pointer;
	background-color: #262a33;
	border-radius: 10px;
	border: 1px dashed #656565;
	transition: border .3s;
}

@media screen and (min-width: 1025px) {
	.gallery-upload-video .button:hover {
		border-color: #fff;
	}
	.gallery-upload-video .button:hover span::before, .gallery-upload-video .button:hover span::after {
		background-color: #fff;
	}
}

.gallery-upload-video .button span {
	width: 16px;
	height: 16px;
	position: relative;
}

.gallery-upload-video .button span::before, .gallery-upload-video .button span::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background-color: #656565;
	transition: background-color .3s;
}

.gallery-upload-video .button span::before {
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}

.gallery-upload-video .button span::after {
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translate3d(0, -50%, 0);
}

.gallery-upload-video .edit {
	position: absolute;
	left: 2px;
	bottom: 2px;
	z-index: 2;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background-color: rgba(0, 0, 0, 0.9);
	font-size: 11px;
	color: #BABABA;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.gallery-upload-video .edit:hover {
		color: #fff;
		background-color: rgba(214, 0, 124, 0.9);
	}
}

.gallery-upload-video .delete {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 2;
	border: none;
	width: 20px;
	height: 20px;
	border-radius: 24px;
	background-color: rgba(0, 0, 0, 0.9);
	font-size: 8px;
	color: #BABABA;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.gallery-upload-video .delete:hover {
		color: #fff;
		background-color: rgba(214, 0, 124, 0.9);
	}
}

.gallery-upload-video .sticky {
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 2;
	font-weight: 500;
	font-size: 12px;
	color: #fff;
	border-radius: 10px;
	padding: 6px 5px;
	line-height: 1;
	background: rgba(0, 0, 0, 0.2);
}

.gallery-upload-video .file {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.gallery-upload-video img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.group-textarea {
	padding: 30px 14px 14px;
	position: relative;
}

.group-textarea .label {
	position: static;
}

.group-textarea span {
	bottom: auto;
}

.modal-input {
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 21px 14px 8px;
}

.modal-input.blur + span:not(.input-prefix) {
	font-size: 12px;
	font-weight: 400;
	transform: translate3d(0, -10px, 0);
}

div.modal-input {
	display: flex;
	align-items: center;
	gap: 0 5px;
	font-size: 13px;
}

div.modal-input div {
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div.modal-input svg {
	flex-grow: 0;
	flex-shrink: 0;
	color: #53aff7;
}

.modal-input,
.modal-textarea {
	border: none;
	background: none;
	color: #fff;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	position: relative;
	z-index: 1;
	line-height: 1.5;
}

.modal-textarea {
	height: 167px;
	resize: none;
}

.modal-textarea.blur + span {
	font-size: 12px;
	font-weight: 400;
	transform: translate3d(0, -10px, 0);
}

#sandbox-container {
	width: 100%;
}

.input-group {
	display: flex;
}

.input-group-addon {
	color: #656565;
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 24px;
	display: flex;
	align-items: center;
	padding-right: 15px;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.input-group-addon:hover {
		color: #D6007C;
	}
}

.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.modal-mask.visible {
	opacity: 1;
	visibility: visible;
}

.wrapper-select {
	position: relative;
}

.wrapper-select .select-label {
	position: absolute;
	left: 15px;
	top: 5px;
	font-weight: 400;
	font-size: 12px;
	color: #656565;
}

select {
	display: none;
	font-family: inherit;
	font-size: inherit;
}

.select2-dropdown {
	z-index: 9993;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #656565;
	background: none;
	border-radius: 8px;
	height: 50px;
	display: flex;
	align-items: center;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
}

.select2-container--default .select2-selection--single img {
	width: 16px;
	height: 16px;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 16px;
	overflow: hidden;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	flex-shrink: 1;
	flex-grow: 1;
	padding: 0 15px;
	padding-right: 40px;
	transform: translate3d(0, 6px, 0);
	color: #fff;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border: none;
	transform: rotate(-180deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 40px;
	height: 100%;
	flex-shrink: 0;
	flex-grow: 0;
	top: 50%;
	right: 0;
	transform: translate3d(0, -50%, 0);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	width: 14px;
	height: 8px;
	margin-left: -5px;
	margin-top: -4px;
	border: none;
	transform: rotate(0);
	transition: transform .3s;
	background-color: #656565;
	-webkit-mask: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.200887 0.204917C0.444386 -0.0434662 0.825423 -0.0660468 1.09393 0.137176L1.17086 0.204917L6.66667 5.81118L12.1625 0.204916C12.406 -0.0434668 12.787 -0.0660473 13.0555 0.137175L13.1324 0.204916C13.3759 0.453299 13.3981 0.841978 13.1989 1.11587L13.1324 1.19434L7.15165 7.29508C6.90815 7.54347 6.52711 7.56605 6.25861 7.36283L6.18168 7.29508L0.200887 1.19434C-0.0669623 0.921117 -0.0669623 0.478138 0.200887 0.204917Z" fill="%23656565" /></svg>') center/contain no-repeat;
	mask: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.200887 0.204917C0.444386 -0.0434662 0.825423 -0.0660468 1.09393 0.137176L1.17086 0.204917L6.66667 5.81118L12.1625 0.204916C12.406 -0.0434668 12.787 -0.0660473 13.0555 0.137175L13.1324 0.204916C13.3759 0.453299 13.3981 0.841978 13.1989 1.11587L13.1324 1.19434L7.15165 7.29508C6.90815 7.54347 6.52711 7.56605 6.25861 7.36283L6.18168 7.29508L0.200887 1.19434C-0.0669623 0.921117 -0.0669623 0.478138 0.200887 0.204917Z" fill="%23656565" /></svg>') center/contain no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.select2-results__option img {
	width: 16px;
	height: 16px;
	border-radius: 16px;
	-o-object-fit: cover;
	   object-fit: cover;
	overflow: hidden;
}

.select2-results__option--selectable {
	color: #fff;
	background: none;
	height: 50px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 500;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background: #D6007C;
	color: #fff;
}

.select2-dropdown {
	border: none;
	border-radius: 8px;
	overflow: hidden;
	background: #000;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: none;
	padding: 0 20px;
	color: #fff;
	height: 50px;
	border-radius: 8px;
	background-color: none;
	border: 1px solid #656565;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #fff;
}

.select2-container--default .select2-results__option--selected {
	color: #fff;
	background: #D6007C;
}

.calendar-modal {
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20000;
	overflow: auto;
	align-items: center;
	justify-content: center;
	background-clip: padding-box;
	will-change: transform;
}

.calendar-modal.active {
	display: flex;
}

.calendar-modal.active:not(.opened-time) [data-attr-entry]::before {
	content: attr(data-attr-entry);
}

.calendar-modal.opened-time .data-time {
	display: block;
}

.calendar-modal.opened-time [data-attr-second]::before {
	content: attr(data-attr-second);
}

.modal-frame {
	backdrop-filter: blur(14px);
	background: rgba(0, 0, 0, 0.8);
	border-radius: 20px;
	padding: 20px;
	max-width: 640px;
	width: 100%;
	animation: slideIn 0.3s ease;
	position: relative;
	margin: auto;
}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.modal-title {
	font-size: 19px;
	font-weight: 700;
	color: #fbfaf7;
}

.close-btn {
	background: none;
	border: none;
	color: #656565;
	cursor: pointer;
	padding: 0;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-radius: 50%;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.close-btn:hover {
		color: #D6007C;
	}
}

.modal-footer {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.modal-footer .btn {
	background-color: #d6007c;
	box-shadow: 0 0 0 1px inset #d6007c;
	color: #fff;
	border: none;
	min-height: 54px;
	width: 100%;
	display: block;
	border-radius: 30px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	font-family: inherit;
	transition: color .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.modal-footer .btn:hover {
		color: #D6007C;
		background-color: transparent;
	}
}

.modal-footer .btn:disabled {
	pointer-events: none;
	opacity: .3;
}

.datepicker .next span,
.datepicker .prev span {
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.datepicker .next span:hover,
	.datepicker .prev span:hover {
		color: #fff;
		background: #D6007C;
	}
}

.datepicker-inline,
.datepicker table {
	width: 100%;
}

.datepicker table tr td {
	position: relative;
}

.datepicker table tr td.old {
	color: #bababa;
}

.datepicker table tr td.today.day {
	background: none;
	color: #fff;
}

.datepicker table tr td.today.day:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate3d(-50%, -50%, 0);
	background: transparent;
	border: 1px solid #fff;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.datepicker table tr td.today.active, .datepicker table tr td.today:active {
	background: none;
	border: none;
}

.datepicker table tr td.active.day {
	background: none;
	border: none;
}

.datepicker table tr td.active.day:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate3d(-50%, -50%, 0);
	background: #d6007c;
	border: 1px solid #d6007c;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.datepicker table tr td {
	height: 40px;
}

.datepicker table tr td span.month.focused {
	background-color: #d6007c;
	color: #fff;
}

.datepicker-switch {
	font-size: 19px;
	font-weight: 700;
}

.datepicker {
	font-weight: 500;
	font-size: 14px;
}

.datepicker .prev span,
.datepicker .next span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 100%;
	background-color: rgba(76, 87, 98, 0.5);
	border-radius: 10px;
}

.datepicker .next span {
	justify-self: flex-end;
}

.datepicker .dow {
	font-size: 11px;
	color: #656565;
}

.datepicker .datepicker-switch {
	width: auto;
}

.data-time {
	display: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 22px;
	text-align: center;
	color: #e3e3e3;
}

.data-time .block {
	height: 150px;
	display: flex;
	align-items: center;
	position: relative;
	min-width: 34px;
}

.data-time .wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.data-time .wrap::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 49px;
	background: #00a0b4;
	margin: auto 0;
	border-radius: 10px;
}

.data-time .swiper {
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.data-time .swiper-slide {
	transition: font-size .1s;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: font-size .3s;
}

.data-time .swiper-slide.swiper-slide-prev, .data-time .swiper-slide.swiper-slide-next {
	font-weight: 500;
	font-size: 14px;
	color: #bababa;
}

.modal-gift {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 1px;
	z-index: 9993;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	overflow: auto;
}

.modal-gift.show {
	opacity: 1;
	visibility: visible;
}

.modal-gift .row {
	margin-bottom: 20px;
}

.modal-gift .row:last-child {
	margin-bottom: 0;
}

.modal-gift .content {
	backdrop-filter: blur(14px);
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	padding: 20px;
	border-radius: 20px;
	overflow: hidden;
	max-width: 351px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: transform .3s;
	position: relative;
	margin: auto;
}

.modal-gift .close {
	flex-grow: 0;
	flex-shrink: 0;
	background: none;
	cursor: pointer;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	color: #a3a3a3;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.modal-gift .close:hover {
		color: #D6007C;
	}
}

.modal-gift .headline {
	display: flex;
	align-items: center;
	gap: 0 15px;
	margin-bottom: 20px;
}

.modal-gift .avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	position: relative;
	flex-grow: 0;
	flex-shrink: 0;
	background: linear-gradient(140deg, #93cbff 0%, #fff 100%);
}

.modal-gift .avatar img {
	max-width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	height: 100%;
	width: 100%;
}

.modal-gift .wrap {
	flex-grow: 1;
	flex-shrink: 1;
}

.modal-gift .group {
	display: flex;
	align-items: center;
	gap: 0 5px;
}

.modal-gift .title {
	flex-grow: 1;
	flex-shrink: 1;
	font-size: 19px;
	color: #fbfaf7;
	line-height: 1.5;
}

.modal-gift .sub {
	font-weight: 500;
	font-size: 14px;
	color: #656565;
	line-height: 1.8;
}

.modal-gift .hint {
	text-align: right;
	font-weight: 500;
	font-size: 14px;
	color: #656565;
	margin-top: 20px;
}

.modal-gift .hint[data-attr-alert="true"] {
	color: #d6002a;
}

.modal-gift .submit {
	width: 100%;
	cursor: pointer;
	background: #D6007C;
	color: #fff;
	font-size: 16px;
	border-radius: 30px;
	padding: 13px 20px;
	line-height: 1.5;
	border: 2px solid #D6007C;
	transition: color .3s, background .3s, border .3s;
}

@media screen and (min-width: 1025px) {
	.modal-gift .submit:hover {
		background: none;
		color: #D6007C;
	}
}

.modal-gift .submit:disabled {
	background: #262a33;
	border-color: #262a33;
	color: #656565;
	pointer-events: none;
}

.form-tools {
	border: 1px solid #656565;
	border-radius: 8px;
	padding: 15px 10px;
	height: 50px;
	display: flex;
	align-items: center;
	transition: border-color .3s;
}

.form-tools.focus {
	border-color: #D6007C;
}

.form-tools.focus span {
	color: #fff;
}

.form-tools.error .notify {
	color: #d6002a;
}

.form-tools span,
.form-tools .notify {
	flex-grow: 0;
	flex-shrink: 0;
	color: #656565;
}

.form-tools span {
	font-weight: 500;
	font-size: 14px;
	margin-right: 1px;
	transition: color .3s;
}

.form-tools .notify {
	font-size: 16px;
	margin-left: 10px;
}

.form-tools .input {
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	height: 48px;
	color: #fff;
	background: none;
	padding: 15px 0;
	border: none;
}

.add-field {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 13px;
	color: #bababa;
	cursor: pointer;
	border: none;
	border-radius: 15px;
	padding: 7px 10px;
	background-color: #262a33;
	line-height: 1.231;
	transition: color .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.add-field:hover {
		background-color: #D6007C;
		color: #fff;
	}
}

.form-textarea {
	overflow: hidden;
	width: 100%;
	border: 1px solid #656565;
	border-radius: 8px;
	display: none;
	padding: 30px 14px 10px;
	position: relative;
}

.form-textarea.show {
	display: block;
}

.form-textarea .label {
	display: flex;
}

.form-textarea span {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	bottom: 0;
	color: #656565;
	padding: 16px 14px;
	display: flex;
	align-items: flex-start;
	cursor: text;
	font-weight: 500;
	font-size: 14px;
	transform: translate3d(0, 0, 0);
	transition: transform .3s, font-size .3s, opacity .3s;
}

.form-textarea .modal-textarea {
	height: 100px;
	font-size: 16px;
	font-weight: 600;
	color: #d7d7d7;
	line-height: 1.5;
}

.form-textarea .modal-textarea.blur + span {
	transform: translate3d(0, 0, 0);
}

.modal-post {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 0;
	display: flex;
	transform: translate3d(0, 5px, 0) scale(0.98);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
	will-change: transform;
	z-index: 9991;
	backdrop-filter: blur(10px);
	background: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 991px) {
	.modal-post {
		padding: 0;
		overflow: hidden;
	}
}

.modal-post.show {
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width: 991px) {
	.modal-post.posted .modal-wrapper {
		height: 100%;
		max-width: 100%;
		box-shadow: none;
		border-radius: 0;
		padding: 10px 10px 115px;
		overflow: auto;
	}
	.modal-post.posted .modal-wrapper::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-image: url("../general-images/bg-post.svg");
	}
}

.modal-wrapper {
	margin: auto;
	width: 100%;
	max-height: 100%;
	max-width: 700px;
	padding: 30px;
	border-radius: 20px;
	overflow: auto;
	backdrop-filter: blur(34px);
	background: rgba(0, 0, 0, 0.9);
	display: flex;
	flex-direction: column;
}

.modal-heading {
	margin-bottom: 25px;
	flex-shrink: 0;
	flex-grow: 0;
}

.modal-heading .title {
	font-size: 19px;
	color: #fbfaf7;
	flex-grow: 1;
	flex-shrink: 1;
}

.modal-heading .sub {
	font-weight: 500;
	font-size: 14px;
	color: #656565;
	margin-top: 5px;
}

.modal-heading .wrap {
	display: flex;
	gap: 0 5px;
}

.modal-heading .close {
	flex-grow: 0;
	flex-shrink: 0;
	background: none;
	color: #a3a3a3;
	border: none;
	cursor: pointer;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.modal-heading .close:hover {
		color: #d6007c;
	}
}

.wrap-post {
	display: flex;
	gap: 0 10px;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #272626;
}

@media screen and (max-width: 991px) {
	.wrap-post {
		display: none;
	}
}

.wrap-post .title {
	font-size: 19px;
	line-height: 1.5;
	color: #fbfaf7;
	flex-grow: 1;
	flex-shrink: 1;
}

.wrap-post .close {
	flex-grow: 0;
	flex-shrink: 0;
	background: none;
	cursor: pointer;
	font-size: 12px;
	color: #7e7e7e;
	transition: color .3s;
	border: none;
}

@media screen and (min-width: 1025px) {
	.wrap-post .close:hover {
		color: #d6007c;
	}
}

.panel-post {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.panel-post .avatar {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.panel-post .avatar::before, .panel-post .avatar::after {
	content: "";
	position: absolute;
	border-radius: 60px;
}

.panel-post .avatar::before {
	background: linear-gradient(225deg, #ee1d52 0%, #7fc6cf 100%);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.panel-post .avatar::after {
	background: #151515;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
}

.panel-post .avatar img {
	display: inline-block;
	vertical-align: top;
	width: 52px;
	height: 52px;
	border-radius: 30px;
	-o-object-fit: cover;
	   object-fit: cover;
	position: relative;
	z-index: 2;
}

.radio-choice,
.field-choice .wrap {
	display: flex;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #656565;
	cursor: pointer;
	transition: border .3s;
	gap: 0 10px;
}

@media screen and (min-width: 1025px) {
	.radio-choice:hover,
	.field-choice .wrap:hover {
		border-color: #00a0b4;
	}
}

.field-choice {
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;
}

.field-choice.show .dropped-visibility {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}

.field-choice.show .wrap {
	border-color: #00a0b4;
}

.field-choice .wrap {
	flex-shrink: 1;
	flex-grow: 1;
	padding: 8px;
}

.field-choice .col {
	flex-grow: 1;
	flex-shrink: 1;
}

.field-choice .col.second {
	flex-shrink: 0;
	flex-grow: 0;
}

.field-choice .group {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	color: #656565;
	gap: 0 8px;
}

@media screen and (max-width: 410px) {
	.field-choice .group {
		font-size: 12px;
	}
}

.field-choice .icon {
	border-radius: 10px;
	background: #323232;
	color: #BABABA;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
	width: 30px;
	height: 30px;
	margin-right: 8px;
}

.field-choice .list {
	display: flex;
}

.field-choice .list-item {
	margin-left: -5px;
}

.field-choice .list-item:first-child {
	margin-left: 0;
}

.field-choice .user {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	font-size: 12px;
	display: flex;
	font-weight: 500;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	background: linear-gradient(140deg, #bababa 0%, #656565 100%);
}

@media screen and (max-width: 410px) {
	.field-choice .user {
		width: 20px;
		height: 20px;
	}
}

.field-choice .user img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
}

.field-choice .monogram {
	font-size: 10px;
}

.field-choice .count {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	overflow: hidden;
	font-weight: 500;
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #00a0b4;
}

@media screen and (max-width: 410px) {
	.field-choice .count {
		width: 20px;
		height: 20px;
		font-size: 6px;
	}
}

.field-choice .sup-title {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 14px;
}

.post-content {
	flex-shrink: 1;
	flex-grow: 1;
}

.post-content .form-post {
	margin: 0;
	height: 100%;
}

.post-content form {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.post-content .area {
	display: flex;
	flex-direction: column;
	flex-shrink: 1;
	flex-grow: 1;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #3c3c3c;
}

@media screen and (max-width: 991px) {
	.post-content .area {
		justify-content: space-between;
	}
}

.post-content .textarea {
	background: none;
	border: none;
	font-size: 14px;
	width: 100%;
	resize: none;
	font-weight: 500;
	color: #fff;
	height: 150px;
	padding: 0;
}

.post-content .textarea::-webkit-input-placeholder {
	color: #656565;
}

.post-content .textarea:-moz-placeholder {
	color: #656565;
	opacity: 1;
}

.post-content .textarea::-moz-placeholder {
	color: #656565;
	opacity: 1;
}

.post-content .textarea:-ms-input-placeholder {
	color: #656565;
}

.post-content .textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

.post-content .textarea:focus:-moz-placeholder {
	color: transparent;
}

.post-content .textarea:focus::-moz-placeholder {
	color: transparent;
}

.post-content .textarea:focus:-ms-input-placeholder {
	color: transparent;
}

.post-content .textarea.placeholder {
	color: #656565 !important;
}

@media screen and (max-width: 991px) {
	.post-content .textarea {
		height: 100%;
	}
}

.post-content .tools {
	display: flex;
	margin-top: 15px;
	gap: 5px;
}

.post-content .column {
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
}

.post-content .column.second {
	flex-shrink: 0;
	flex-grow: 0;
	gap: 5px;
}

.post-content .item.active .button {
	border-color: rgba(227, 227, 227, 0.5);
}

.post-content .button {
	position: relative;
	background-color: #000;
	border: 1px solid #000;
	width: 50px;
	height: 50px;
	border-radius: 15px;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #BABABA;
	transition: color .1s, background-color .1s, border .1s;
}

@media screen and (min-width: 1025px) {
	.post-content .button:hover {
		color: #fff;
		--color-second-light: #fff;
		border: 1px solid #e3e3e380;
		background: #020202;
	}
}

.post-content .button.selected {
	border-color: #d6007c;
}

.post-content .button .count {
	position: absolute;
	top: 3px;
	left: 6px;
	background-color: #D6007C;
	min-width: 15px;
	max-width: 30px;
	height: 15px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	font-size: 9px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-content .button.second {
	font-size: 20px;
}

.post-content .button.active {
	border-color: #d6007c;
}

.post-content .bottom {
	display: flex;
	flex-shrink: 0;
	flex-grow: 0;
	gap: 0 10px;
}

.action-tabs {
	display: flex;
	align-items: center;
	gap: 5px;
}

.button-send {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #d6007c;
	color: #fbfaf7;
	font-size: 16px;
	line-height: 1;
	border: 1px solid #d6007c;
	padding: 16px 20px;
	cursor: pointer;
	border-radius: 30px;
	transition: opacity .3s, color .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.button-send:hover {
		color: #d6007c;
		background-color: transparent;
	}
}

.button-send:disabled {
	pointer-events: none;
	opacity: .3;
}

.dropped-visibility {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	width: 100%;
	top: calc(100% + 10px);
	background: #000;
	border: 1px solid #656565;
	border-radius: 8px;
	padding: 15px 20px;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, -10px, 0);
	transition: opacity .3s, visibility .3s, transform .3s;
}

@media screen and (max-width: 410px) {
	.dropped-visibility {
		padding: 15px 10px;
	}
}

.dropped-visibility .row {
	margin-bottom: 20px;
}

.dropped-visibility .row:last-child {
	margin-bottom: 0;
}

.dropped-visibility .save-button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	background-color: #d6007c;
	color: #fbfaf7;
	font-size: 16px;
	line-height: 1;
	padding: 18px 20px;
	border: 1px solid #d6007c;
	cursor: pointer;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.dropped-visibility .save-button:hover {
		background-color: transparent;
		color: #d6007c;
	}
}

.radio-choice {
	padding: 0 15px;
	line-height: 1.3577;
}

@media screen and (max-width: 410px) {
	.radio-choice {
		padding: 0 10px;
	}
}

.radio-choice.selected {
	border-color: #d6007c;
}

.label-choice {
	display: flex;
	padding: 12px 0;
	cursor: pointer;
}

.radio-info {
	cursor: pointer;
	display: flex;
	align-items: center;
	position: relative;
	flex-grow: 1;
	flex-shrink: 1;
	padding-left: 28px;
	font-weight: 500;
	font-size: 14px;
	color: #656565;
}

@media screen and (max-width: 410px) {
	.radio-info {
		font-size: 12px;
		padding-left: 0;
	}
}

.radio-info::before {
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	border: .094em solid #767b80;
	border-radius: 100%;
	left: 0;
	transition: .3s;
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

@media screen and (max-width: 410px) {
	.radio-info::before {
		display: none;
	}
}

.input-choice {
	display: none;
}

.input-choice:checked + .radio-info::before {
	background: #d6007c;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	margin: auto;
	display: flex;
	transform: translate3d(0px, 5px, 0px) scale(0.98);
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	z-index: 9992;
	padding: 10px 0px;
	background: rgba(0, 0, 0, 0.7);
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
}

.modal.show {
	transform: translate3d(0px, 0px, 0px) scale(1);
	opacity: 1;
	visibility: visible;
}

.modal-wrap {
	margin: auto;
	width: 100%;
	max-width: 640px;
	padding: 20px;
	border: 1px solid #656565;
	border-radius: 8px;
	background: black;
	display: flex;
	flex-direction: column;
}

.modal-content .row {
	margin-bottom: 20px;
}

.modal-content .row:last-child {
	margin-bottom: 0;
}

.modal-content .hint {
	text-align: right;
	font-weight: 500;
	font-size: 14px;
	color: #656565;
}

.modal-content .hint[data-attr-alert="true"] {
	color: #D6002A;
}

.modal-content .button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	background-color: #d6007c;
	color: #fbfaf7;
	font-size: 16px;
	line-height: 1;
	padding: 18px 20px;
	border: 1px solid #d6007c;
	cursor: pointer;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.modal-content .button:hover {
		background-color: transparent;
		color: #d6007c;
		border-color: #d6007c;
	}
}

.modal-content .button:disabled {
	pointer-events: none;
	border-color: #262a33;
	background: #262a33;
	color: #656565;
}

.wrap-input {
	display: flex;
	align-items: center;
	overflow: hidden;
	border: 1px solid #656565;
	padding: 0 15px;
	border-radius: 8px;
}

.wrap-input.active {
	border: 1px solid #d6007c;
}

.wrap-input.active .currency {
	color: #fff;
}

.wrap-input .currency {
	font-weight: 500;
	font-size: 14px;
	color: #656565;
}

.wrap-input .notify {
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 16px;
	color: #656565;
}

.wrap-input .notify[data-attr-alert="true"] {
	color: #D6002A;
}

.total-wrapper {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-shrink: 0;
	flex-grow: 0;
	justify-content: space-between;
}

.total-calendar {
	order: 1;
	display: flex;
	padding-bottom: 25px;
}

.total-cash {
	display: flex;
	order: 2;
	padding-bottom: 25px;
}

.calendar-item,
.cash-item {
	color: #fbfaf7;
	font-size: 16px;
	display: flex;
	align-items: center;
	background: #00a0b4;
	border-radius: 20px;
	padding: 10px 15px;
	line-height: 1.25;
	gap: 10px;
}

.calendar-item .delete,
.cash-item .delete {
	cursor: pointer;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.5);
	transition: color .3s;
}

.calendar-item .delete:hover,
.cash-item .delete:hover {
	color: #000;
}

.numeric-input {
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	height: 48px;
	color: #fff;
	background: none;
	padding: 15px 15px 15px 5px;
	border: none;
}

.dropped-tabs {
	margin-top: 20px;
	display: none;
}

.dropped-tabs.selected {
	display: block;
}

.dropped-upload {
	display: flex;
	align-items: center;
	gap: 0 10px;
	white-space: nowrap;
	overflow-x: auto;
	margin: 0 -10px;
	padding: 0 10px;
}

.dropped-upload::-webkit-scrollbar {
	display: none;
}

.dropped-upload .th {
	min-width: 110px;
}

.dropped-upload.video .th {
	min-width: 196px;
}

.gallery-upload {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: 110px;
}

.gallery-upload .img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	max-width: 100%;
}

.gallery-upload .delete-btn {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 2;
	border: none;
	width: 20px;
	height: 20px;
	border-radius: 24px;
	background-color: rgba(0, 0, 0, 0.9);
	font-size: 8px;
	color: #BABABA;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.gallery-upload .delete-btn:hover {
		background-color: #d6007c;
		color: #fff;
	}
}

.gallery-upload .edit {
	position: absolute;
	left: 2px;
	bottom: 2px;
	z-index: 2;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background-color: rgba(0, 0, 0, 0.9);
	font-size: 11px;
	color: #BABABA;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: background-color .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.gallery-upload .edit:hover {
		background-color: #d6007c;
		color: #fff;
	}
}

.gallery-upload .file {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.gallery-upload .sticky {
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 2;
	font-weight: 500;
	font-size: 12px;
	color: #fff;
	border-radius: 10px;
	padding: 6px 5px;
	line-height: 1;
	background: rgba(0, 0, 0, 0.2);
}

.gallery-upload .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: none;
	cursor: pointer;
	background-color: #262a33;
	border-radius: 10px;
	border: 1px dashed #656565;
	transition: border .3s;
}

@media screen and (min-width: 1025px) {
	.gallery-upload .btn:hover {
		border-color: #d6007c;
	}
}

.gallery-upload .btn span {
	width: 16px;
	height: 16px;
	position: relative;
}

.gallery-upload .btn span::before, .gallery-upload .btn span::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background-color: #656565;
	transition: background-color .3s;
}

.gallery-upload .btn span:after {
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translate3d(0, -50%, 0);
}

.gallery-upload .btn span::before {
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}

.gallery-upload .btn .file {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.upload-progress {
	padding: 7px 12px;
	height: 100%;
	background: #262a33;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.upload-progress .status {
	font-weight: 500;
	font-size: 12px;
	color: #656565;
	margin-bottom: 10px;
	text-align: center;
}

.progress-bar {
	height: 5px;
	width: 100%;
	border-radius: 20px;
	background-color: #656565;
	position: relative;
	overflow: hidden;
}

.progress-bar .active {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #00a0b4;
}

.upload-loader {
	margin-bottom: 10px;
	display: inline-flex;
	padding: 10px;
	border-radius: 15px;
	background: #000;
}

.upload-loader .loader {
	margin: 0;
}

.popup {
	height: 100%;
	overflow-y: auto;
	position: fixed;
	background: rgba(var(--bg-rgb-dark), 0.4);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 1001;
	padding: 10px;
	display: flex;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s, transform .3s;
}

.popup.show {
	opacity: 1;
	visibility: visible;
}

.popup.show .content {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.popup .content {
	text-align: center;
	margin: auto;
	max-width: 700px;
	position: relative;
	width: 100%;
	z-index: 2;
	padding: 50px 40px;
	transform: scale(0.9);
	border-radius: 20px;
	background: linear-gradient(134deg, #69013d 0%, rgba(0, 65, 73, 0.84) 100%);
	transform: scale(0.9);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s, transform .3s;
}

@media screen and (max-width: 767px) {
	.popup .content {
		padding: 30px 20px;
	}
}

.popup .content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	padding: 3px;
	background: linear-gradient(134deg, rgba(214, 0, 124, 0.8), rgba(0, 160, 180, 0.8));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 2;
}

.popup .content > * {
	position: relative;
	z-index: 4;
}

.popup .title {
	font-family: "Julius Sans One", sans-serif;
	font-weight: 400;
	font-size: 54px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-third-light);
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.popup .title {
		font-size: 40px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 390px) {
	.popup .title {
		font-size: 32px;
	}
}

.popup .headline {
	font-weight: 700;
	font-size: 30px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.popup .headline {
		font-size: 28px;
	}
}

@media screen and (max-width: 390px) {
	.popup .headline {
		font-size: 24px;
	}
}

.popup .group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}

@media screen and (max-width: 390px) {
	.popup .group {
		margin-top: 10px;
	}
}

.popup .btn {
	font-weight: 700;
	font-size: 30px;
	line-height: 1.5;
	text-transform: uppercase;
	padding: 23px;
	max-width: 330px;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--color-third-light);
	border: none;
	border-radius: 10px;
	position: relative;
	background: linear-gradient(134deg, #d6002a 36.06%, #00a0b4 100%);
}

@media screen and (min-width: 1025px) {
	.popup .btn:hover::before {
		opacity: 0;
	}
}

@media screen and (max-width: 767px) {
	.popup .btn {
		padding: 15px;
	}
}

@media screen and (max-width: 390px) {
	.popup .btn {
		font-size: 26px;
	}
}

.popup .btn::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: 10px;
	opacity: 1;
	background: linear-gradient(134deg, #00a0b4 0%, #d6002a 100%);
	box-shadow: inset 0 39px 56px -36px rgba(255, 234, 251, 0.3);
	transition: opacity .6s;
	z-index: 2;
}

.popup .btn span {
	font-size: 16px;
}

@media screen and (max-width: 390px) {
	.popup .btn span {
		font-size: 14px;
	}
}

.popup .btn > * {
	position: relative;
	z-index: 3;
}

.popup .image {
	max-width: 130px;
	margin: 0 auto 10px;
	position: relative;
}

.popup .image::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2F3045 url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-42" y="-42" width="184" height="184"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(21px);clip-path:url(%23bgblur_0_276_3007_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="42"><rect width="100" height="100" rx="30" fill="url(%23paint0_linear_276_3007)" fill-opacity="0.5"/><rect x="0.5" y="0.5" width="99" height="99" rx="29.5" stroke="white" stroke-opacity="0.11"/></g><defs><clipPath id="bgblur_0_276_3007_clip_path" transform="translate(42 42)"><rect width="100" height="100" rx="30"/></clipPath><linearGradient id="paint0_linear_276_3007" x1="50" y1="0" x2="50" y2="100" gradientUnits="userSpaceOnUse"><stop offset="0.00554471" stop-color="%2393D8FF" stop-opacity="0.4"/><stop offset="0.46875" stop-color="%232E94CE" stop-opacity="0.213685"/><stop offset="1" stop-color="%2318192B"/></linearGradient></defs></svg>') no-repeat;
	backdrop-filter: blur(42px);
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	transition: box-shadow .4s;
}

.popup .image img {
	height: auto;
	width: 100%;
	position: relative;
	z-index: 2;
}

.wrap-btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 10px;
}

.wrap-btn .close {
	cursor: pointer;
	border: none;
	background: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transition: color .3s, transform .3s;
	transform: scale(1);
}

@media screen and (min-width: 1025px) {
	.wrap-btn .close:hover {
		color: var(--color-active);
		transform: scale(1.05);
	}
}

[data-attr-decoration]::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	height: 186px;
	width: 550px;
	background-image: url('data:image/svg+xml,<svg width="550" height="186" viewBox="0 0 550 186" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M157.143 -89L275 -206.857L392.857 -89L275 28.8572L157.143 -89ZM166.964 -89L275 -197.036L383.036 -89L275 19.0358L166.964 -89Z" fill="url(%23paint0_linear_276_3006)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M117.857 -89L275 68.1429L432.143 -89L275 -246.143L117.857 -89ZM275 -236.321L127.679 -89L275 58.3215L422.322 -89L275 -236.321Z" fill="url(%23paint1_linear_276_3006)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M78.5715 -89L275 -285.429L471.429 -89L275 107.429L78.5715 -89ZM88.3929 -89L275 -275.607L461.607 -89L275 97.6071L88.3929 -89Z" fill="url(%23paint2_linear_276_3006)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M39.2858 -89L275 146.714L510.714 -89L275 -324.714L39.2858 -89ZM275 -314.893L49.1072 -89L275 136.893L500.893 -89L275 -314.893Z" fill="url(%23paint3_linear_276_3006)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0 -89L275 186L550 -89L275 -364L0 -89ZM275 -354.179L9.82143 -89L275 176.179L540.179 -89L275 -354.179Z" fill="url(%23paint4_linear_276_3006)" /><defs><linearGradient id="paint0_linear_276_3006" x1="274.75" y1="237.5" x2="274.75" y2="-40.5" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.4" /><stop offset="1" stop-color="white" stop-opacity="0" /></linearGradient><linearGradient id="paint1_linear_276_3006" x1="274.75" y1="237.5" x2="274.75" y2="-40.5" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.4" /><stop offset="1" stop-color="white" stop-opacity="0" /></linearGradient><linearGradient id="paint2_linear_276_3006" x1="274.75" y1="237.5" x2="274.75" y2="-40.5" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.4" /><stop offset="1" stop-color="white" stop-opacity="0" /></linearGradient><linearGradient id="paint3_linear_276_3006" x1="274.75" y1="237.5" x2="274.75" y2="-40.5" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.4" /><stop offset="1" stop-color="white" stop-opacity="0" /></linearGradient><linearGradient id="paint4_linear_276_3006" x1="274.75" y1="237.5" x2="274.75" y2="-40.5" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.4" /><stop offset="1" stop-color="white" stop-opacity="0" /></linearGradient></defs></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	transform: translate3d(-50%, 0, 0);
	transition: transform .6s;
}

.btn-exit {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-third-light);
	background: none;
	border: none;
	cursor: pointer;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.btn-exit:hover {
		color: var(--color-active);
	}
}

.popup-logo {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.popup-logo {
		margin-bottom: 20px;
	}
}

.popup-logo img {
	max-width: 100%;
}

.box-wrap {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 390px) {
	.box-wrap {
		font-size: 12px;
	}
}

.box-wrap.hidden {
	-webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 90%);
	mask-image: linear-gradient(to bottom, black 40%, transparent 90%);
}

.box-wrap .box {
	padding-bottom: 20px;
	max-height: 225px;
	min-height: 225px;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

@media screen and (max-width: 390px) {
	.box-wrap .box {
		padding-bottom: 10px;
	}
}

.box-wrap .box::-webkit-scrollbar {
	display: none;
}

.box-wrap p {
	margin-bottom: 25px;
}

@media screen and (max-width: 390px) {
	.box-wrap p {
		margin-bottom: 15px;
	}
}

.box-wrap p:last-child {
	margin-bottom: 0;
}

[data-attr-card] .box {
	max-height: 175px;
	min-height: 175px;
}

.btn-close {
	cursor: pointer;
	border: 1px solid var(--color-active);
	border-radius: 10px;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.4;
	text-transform: uppercase;
	text-align: center;
	color: var(--color-third-light);
	background: none;
	transition: border .3s;
}

@media screen and (min-width: 1025px) {
	.btn-close:hover {
		border-color: var(--color-active-aqua);
	}
}

.popup-cookies {
	max-width: 300px;
	width: 100%;
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 1002;
}

@media screen and (max-width: 390px) {
	.popup-cookies {
		max-width: 100%;
		width: auto;
		right: 10px;
		left: 10px;
		bottom: 10px;
	}
}

.popup-cookies .content {
	padding: 30px 15px;
	backdrop-filter: blur(14px);
	background: rgba(var(--bg-rgb-dark), 0.7);
	border-radius: 20px 8px 20px 20px;
}

@media (orientation: landscape) and (max-height: 520px) {
	.popup-cookies .content {
		padding: 15px;
	}
}

.popup-cookies .headline {
	font-size: 28px;
	line-height: 1.5;
	text-align: center;
	color: var(--color-third-light);
	margin-bottom: 10px;
}

@media screen and (max-width: 390px) {
	.popup-cookies .headline {
		font-size: 24px;
	}
}

@media (orientation: landscape) and (max-height: 520px) {
	.popup-cookies .headline {
		font-size: 24px;
	}
}

.popup-cookies .subtitle {
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
}

.popup-cookies .group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

@media screen and (max-width: 390px) {
	.popup-cookies .group {
		margin-top: 10px;
	}
}

.popup-cookies .btn {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;
	text-transform: uppercase;
	padding: 21px;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--color-third-light);
	border: none;
	border-radius: 10px;
	position: relative;
	background: linear-gradient(134deg, #d6002a 36.06%, #00a0b4 100%);
}

@media screen and (min-width: 1025px) {
	.popup-cookies .btn:hover::before {
		opacity: 0;
	}
}

@media screen and (max-width: 390px) {
	.popup-cookies .btn {
		font-size: 18px;
		padding: 15px;
	}
}

@media (orientation: landscape) and (max-height: 520px) {
	.popup-cookies .btn {
		padding: 15px;
		font-size: 18px;
	}
}

.popup-cookies .btn::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: 10px;
	opacity: 1;
	background: linear-gradient(134deg, #00a0b4 0%, #d6002a 100%);
	box-shadow: inset 0 39px 56px -36px rgba(255, 234, 251, 0.3);
	transition: opacity .6s;
	z-index: 2;
}

.popup-cookies .btn span {
	font-size: 16px;
}

@media screen and (max-width: 390px) {
	.popup-cookies .btn span {
		font-size: 14px;
	}
}

@media (orientation: landscape) and (max-height: 520px) {
	.popup-cookies .btn span {
		font-size: 14px;
	}
}

.popup-cookies .btn > * {
	position: relative;
	z-index: 3;
}

.popup-cookies .image {
	max-width: 80px;
	min-height: 80px;
	margin: 0 auto 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-cookies .image::before {
	content: "";
	position: absolute;
	background: url('data:image/svg+xml,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" rx="30" fill="url(%23paint0_linear_307_15884)" fill-opacity="0.5"/><rect x="0.5" y="0.5" width="79" height="79" rx="29.5" stroke="white" stroke-opacity="0.11"/><defs><linearGradient id="paint0_linear_307_15884" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse"><stop offset="0.00554471" stop-color="%2393D8FF" stop-opacity="0.4"/><stop offset="0.46875" stop-color="%232E94CE" stop-opacity="0.213685"/><stop offset="1" stop-color="%2318192B"/></linearGradient></defs></svg>');
	backdrop-filter: blur(42px);
	width: 80px;
	height: 80px;
	margin: auto;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	transition: box-shadow .4s;
}

.popup-cookies .image img {
	height: auto;
	width: auto;
	position: relative;
	z-index: 2;
}

.link-detail {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 17px;
	font-weight: 500;
	border: 1px solid var(--color-active);
	border-radius: 10px;
	padding: 22px;
	width: 100%;
	background: none;
	transition: color .3s;
	color: var(--color-main);
}

@media screen and (min-width: 1025px) {
	.link-detail:hover {
		color: var(--color-active);
	}
	.link-detail:hover svg {
		color: var(--color-active-aqua);
	}
}

@media screen and (max-width: 390px) {
	.link-detail {
		padding: 16px;
	}
}

@media (orientation: landscape) and (max-height: 520px) {
	.link-detail {
		padding: 16px;
	}
}

.link-detail svg {
	transition: color .3s;
}

.link-detail span {
	font-size: 14px;
}