@import url("https://fonts.googleapis.com/css2?family=Anton&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
	--height-top: 35px;
	--font-size-general: 14px;
	--line-height-general: 1.2;
	--default-font: "Inter", sans-serif;
	--color-white: #fff;
	--color-white-smoke: #fbfaf7;
	--color-dark-smoke: #f2f1ef;
	--color-light-smoke: #e2e7e3;
	--color-black-smoke: #313030;
	--color-primary-smoke: #3a3a3a;
	--color-smoke: #bfbfbf;
	--color-black: #000;
	--color-darkness: #170F29;
	--color-black-gray: #484848;
	--color-active: #2552EA;
	--color-active-dark: #1e3a8a;
	--color-placeholder: #878787;
	--color-gold: #e3a800;
	--color-gold-primary: #e6b11a;
	--color-green: #1a9c4e;
	--color-green-dark: #0D824F;
	--color-green-primary: #33a775;
	--color-blue-dark: #0D824F;
	--color-blue-primary: #3b64ed;
	--color-red-light: #ff511c;
	--color-red: #b23131;
	--color-red-darkness: #D62822;
	--color-red-dark: #d72b25;
	--color-gray: #999;
	--color-gray-100: #747474;
	--color-orange-dark: #FA4A1F;
	--bg-white: #fff;
	--bg-white-smoke: #fafafa;
	--bg-dark-gray: #06070a;
	--bg-black: #000;
	--bg-black-primary: #020929;
	--bg-gray: #f8f8f8;
	--bg-gray-light: #e2e1de;
	--bg-gray-light-100: #eee;
	--bg-gray-light-300: #FBFBFE;
	--bg-gray-light-400: #d6d6d6;
	--bg-gray-light-500: #e5e1ed;
	--bg-gray-dark: #242424;
	--bg-garay-black: #dbdbdb;
	--bg-gray-lighter: #E2E2E2;
	--bg-gold: #f7b700;
	--bg-gold-dark: #C29000;
	--bg-gold-primary: #FDD903;
	--bg-gold-light: #fff2cd;
	--bg-gold-lighter: #FFF9E9;
	--bg-gold-lighter-primary: #FFEFC3;
	--bg-gold-100: #ffe087;
	--bg-green: #1c9c65;
	--bg-green-light: #D7FFEE;
	--bg-green-lighter: #00e109;
	--bg-green-lighter-secondary: #f1f8f3;
	--bg-green-100: #1eac57;
	--bg-blue: #2552ea;
	--bg-blue-secondary: #143eca;
	--bg-blue-primary: #0436d2;
	--bg-blue-light: #E7F6FF;
	--bg-blue-dark: #000935;
	--bg-blue-darker: #1a31a2;
	--bg-blue-darkness: #010D40;
	--bg-sky: #EBF4FE;
	--bg-red-light: #ffe7e7;
	--bg-red-lighter: #fee;
	--bg-red-100: #f0322b;
	--bg-rose: #ffe8e8;
	--bg-brown: #6D644D;
	--bg-brown-light: #87878C;
	--bg-darkness: #4C4953;
	--bg-color-empty: #bfbfbf;
	--bg-empty: #f6f6f7;
	--rgb-blue: 37, 82, 234;
	--rgb-gold: 227, 168, 0;
	--rgb-gold-light: 247, 183, 0;
	--rgb-green: 28, 156, 101;
	--rgb-black: 0, 0, 0;
	--rgb-black-gray: 36, 36, 36;
	--rgb-black-light: 22, 18, 18;
	--rgb-white: 255, 255, 255;
	--gradient-black: linear-gradient(90deg, #000 0%, #0a0e19 100%);
	--gradient-gold: linear-gradient(0deg, #C29000 0%, #ffca31 100%);
	--gradient-gold-secondary: linear-gradient(0deg, #C29000 0%, #FDD903 100%);
	--gradient-gold-hover: linear-gradient(0deg, #C29000 0%, #C29000 100%);
	--gradient-blue: linear-gradient(0deg, #2552EA 0%, #143ECA 100%);
	--gradient-blue-light: linear-gradient(90deg, #3b60d3 0%, #3b60d4 100%);
	--gradient-green: linear-gradient(180deg, #23C663 0%, #0A923F 100%);
	--gradient-red: linear-gradient(180deg, #FD4A44 0%, #B0100B 100%);
}

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;
}

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

body {
	font: 400 var(--font-size-general)/var(--line-height-general) var(--default-font);
	height: 100%;
	min-width: 320px;
	position: relative;
	color: var(--color-black);
	background: var(--bg-white);
	font-size: 13px;
}
body.open-menu .hamburger::before {
	-webkit-transform: rotate(45deg) translate3d(-50%, -50%, 0);
	        transform: rotate(45deg) translate3d(-50%, -50%, 0);
}
body.open-menu .hamburger::after {
	-webkit-transform: rotate(-45deg) translate3d(-50%, -50%, 0);
	        transform: rotate(-45deg) translate3d(-50%, -50%, 0);
}
body.open-menu .hamburger::before, body.open-menu .hamburger::after {
	top: 50%;
	left: 50%;
	width: 30px;
}
body.open-menu .hamburger span {
	opacity: 0;
	-webkit-transform: translate3d(-50px, -50%, 0);
	        transform: translate3d(-50px, -50%, 0);
	visibility: hidden;
}
body.open-menu .navigation {
	-webkit-transform: scale(1) rotateX(0) translate3d(0, 0, 0);
	        transform: scale(1) rotateX(0) translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}
body.scroll-locked {
	height: 100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
}

a {
	color: currentColor;
	text-decoration: none;
}

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

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

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

.wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
}

.container {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
@media screen and (max-width: 860px) {
	.container {
		padding: 0 10px;
	}
}

.container-fluid {
	max-width: 1210px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
@media screen and (max-width: 860px) {
	.container-fluid {
		padding: 0 10px;
	}
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: var(--color-black-gray);
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color: var(--color-black-gray);
	opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: var(--color-black-gray);
	opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: var(--color-black-gray);
}
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: var(--color-black-gray) !important;
}

.header {
	background: var(--gradient-black);
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	padding: 18px 30px;
	gap: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	z-index: 3;
}
@media screen and (max-width: 860px) {
	.header {
		padding: 18px 10px;
		gap: 12px;
	}
}
.header::after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 100%;
	height: 30px;
	background: url("../images/header-bg-bottom.svg") center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.hamburger {
	cursor: pointer;
	position: relative;
	z-index: 2;
	width: 25px;
	height: 22px;
	opacity: 1;
	background: none;
	border: none;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	-webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
	transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
	visibility: visible;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	display: none;
}
@media screen and (max-width: 1024px) {
	.hamburger {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media (hover: hover) {
	.hamburger:hover::after, .hamburger:hover::before,
	.hamburger:hover span {
		background-color: var(--color-active);
	}
}
.hamburger::after, .hamburger::before,
.hamburger span {
	content: "";
	height: 5px;
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 5px;
	background-color: var(--bg-gold);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
	-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, transform 0.3s;
	transition: background-color 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.hamburger::before {
	top: 0;
	bottom: auto;
}
.hamburger::after {
	top: auto;
	bottom: 0;
}
.hamburger::before, .hamburger::after {
	-webkit-transform: translate3d(0, 0, 0) rotate(0);
	        transform: translate3d(0, 0, 0) rotate(0);
	left: auto;
	width: 100%;
}
.hamburger span {
	top: 50%;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, -50%, 0) rotate(0);
	        transform: translate3d(0, -50%, 0) rotate(0);
	-webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s;
	transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.logo {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 1024px) {
	.logo {
		-ms-flex-negative: 1;
		    flex-shrink: 1;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
}
.logo img {
	max-width: 100%;
	height: auto;
}

.navigation {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (max-width: 1024px) {
	.navigation {
		position: absolute;
		top: calc(100% + 20px);
		left: 30px;
		z-index: 9;
		-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
		        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
		background: rgba(0, 0, 0, 0.9);
		border-radius: 20px;
		padding: 10px 0;
		border: 2px solid var(--bg-gold);
		-webkit-transform: scale(0.98) rotateY(45deg) translate3d(-5px, 0, 0);
		        transform: scale(0.98) rotateY(45deg) translate3d(-5px, 0, 0);
		opacity: 0;
		visibility: hidden;
		-webkit-transform-origin: left center;
		        transform-origin: left center;
		-webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
		transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
		transition: transform 0.4s, opacity 0.4s, visibility 0.4s;
		transition: transform 0.4s, opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
	}
}
@media screen and (max-width: 860px) {
	.navigation {
		left: 10px;
	}
}

.navigation-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-transform: capitalize;
	gap: 0 50px;
	font-weight: 700;
	font-size: 16px;
}
@media screen and (max-width: 1160px) {
	.navigation-list {
		gap: 0 25px;
	}
}
@media screen and (max-width: 1024px) {
	.navigation-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 10px;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
}
.navigation-list a {
	color: var(--color-white-smoke);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	font-size: 14px;
}
@media (hover: hover) {
	.navigation-list a:hover .svg-icon {
		color: var(--color-active);
	}
}
@media screen and (max-width: 1024px) {
	.navigation-list a {
		padding: 10px 15px;
	}
}
.navigation-list .svg-icon {
	font-size: 20px;
	width: 20px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	color: var(--color-gold);
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
@media screen and (max-width: 1024px) {
	.navigation-list .svg-icon {
		width: 25px;
	}
}
.navigation-list .svg-icon.icon-home {
	font-size: 18px;
	width: 18px;
}
@media screen and (max-width: 1024px) {
	.navigation-list .svg-icon.icon-home {
		width: 25px;
	}
}

.auth {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 12px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.auth .avatar {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	overflow: hidden;
}
.auth .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.btn-auth {
	border-radius: 5px;
	color: var(--color-white-smoke);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.25;
	padding: 2px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
	-webkit-transition: color 0.3s, background .3s, border-color .3s;
	transition: color 0.3s, background .3s, border-color .3s;
	border: 1px solid #000000;
	padding: 0;
}
@media (hover: hover) {
	.btn-auth:hover {
		background: var(--color-gold);
		border-color: transparent;
		color: #000;
	}
}
.btn-auth.primary {
	/* background: var(--gradient-gold); */
	border-color: transparent;
	color: var(--color-black);
}
@media (hover: hover) {
	.btn-auth.primary:hover {
		background: var(--gradient-gold-hover);
		background: transparent;
		border-color: transparent;
	}

	.btn-auth.primary:hover span {
		background: var(--color-gold);
		border-color: var(--color-gold);
		color: #000;
	}
}
.btn-auth.primary span {
	background-color: var(--bg-gold);
	background-color: #3B60D3;
	color: #fff;
	-webkit-transition: color 0.3s, background .3s, border-color .3s;
	transition: color 0.3s, background .3s, border-color .3s;
}
.btn-auth span {
	padding: 8px 10px;
	padding: 11px 21px;
	font-size: 14px;
	border-radius: 4px;
}

.balance-view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 8px;
	background-color: var(--bg-black);
	color: var(--color-white-smoke);
	overflow: hidden;
}
.balance-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	padding: 6px 6px;
	font-size: 13px;
	line-height: 1;
	position: relative;
}
.balance-item + .balance-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	width: 1px;
	background: rgba(255, 255, 255, 0.12);
}
.balance-item i {
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.balance-item .icon-coin {
	background-image: url('/static/images/icon-coin.svg');
}
.balance-item .icon-wallet {
	background-image: url('/static/images/icon-wallet.svg');
}

.btn-add-credits {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	padding: 5px 5px;
	border-radius: 8px;
	background-color: #3B60D3;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
@media (hover: hover) {
	.btn-add-credits:hover {
		background-color: #2f4fb8;
		color: #fff;
	}
}
.btn-add-credits .icon-plus-square {
	width: 20px;
	height: 20px;
	background: url('/static/images/icon-plus-square.svg') no-repeat center / contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
	.balance-item .balance-label {
		display: none;
	}
	.btn-add-credits {
		display: none;
	}
}

.upload-hero {
	position: relative;
	background-color: #0A0E19;
	background-image: url('/static/images/upload-hero-rays.svg'), -webkit-gradient(linear, left top, right top, from(#000), to(#0A0E19));
	background-image: url('/static/images/upload-hero-rays.svg'), linear-gradient(90deg, #000 0%, #0A0E19 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: center center, 0 0;
	background-size: cover, auto;
	color: #fff;
	padding: 60px 0 90px;
}
.upload-hero::before {
	content: '';
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 13px;
	background: url('/static/images/upload-hero-top-line.png') center top no-repeat;
	background-size: cover;
	pointer-events: none;
	z-index: 2;
}
.upload-hero::after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 100%;
	height: 13px;
	background: url('/static/images/spinner-bg-top.svg') center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: scaleY(-1);
	    -ms-transform: scaleY(-1);
	        transform: scaleY(-1);
	pointer-events: none;
	z-index: 2;
}
.upload-hero .container {
	position: relative;
	z-index: 1;
}
.upload-hero__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 40px;
}
.upload-hero__left {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	min-width: 0;
}
.upload-hero__title {
	font-size: 60px;
	line-height: 73px;
	font-weight: 700;
	color: #F7B700;
	margin: 0 0 10px;
	white-space: nowrap;
}
.upload-hero__subtitle {
	font-size: 30px;
	line-height: 36px;
	color: #FBFAF7;
	font-weight: 700;
	margin: 0 0 20px;
}
.upload-hero__pill {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	padding: 5px 10px;
	background: #000000;
	border-radius: 20px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	color: #B5B5B5;
}
.upload-hero__pill-check {
	width: 33px;
	height: 33px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	background: url('/static/images/hero-icon-shield.svg') no-repeat center / contain;
}
.upload-hero__pill-stripe {
	width: 52px;
	height: 22px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 25'%3E%3Cpath fill='%23635BFF' d='M60 12.4c0-4.3-2.1-7.7-6.1-7.7-4 0-6.4 3.4-6.4 7.7 0 5.1 2.9 7.6 7 7.6 2 0 3.5-.4 4.6-1.1v-3.4c-1.1.6-2.4.9-4 .9-1.6 0-3-.6-3.2-2.5h8c0-.2.1-1 .1-1.5zm-8.1-1.6c0-1.8 1.1-2.5 2.1-2.5 1 0 2 .8 2 2.5h-4.1zm-10.4-6.1c-1.6 0-2.7.8-3.3 1.3l-.2-1.1h-3.7v19.6l4.2-.9v-4.7c.6.4 1.5 1 3 1 3 0 5.8-2.4 5.8-7.8 0-4.9-2.8-7.4-5.8-7.4zm-1 11.5c-1 0-1.6-.4-2-.8l0-6.4c.4-.4 1.1-.8 2.1-.8 1.6 0 2.7 1.8 2.7 4 0 2.3-1.1 4-2.8 4zm-11.1-12.5l4.2-.9v-3.4l-4.2.9v3.4zm0 1.3h4.2v14.8h-4.2V5zm-4.5 1.3l-.3-1.3h-3.6v14.8h4.2V9.7c1-1.3 2.7-1 3.2-.9V5c-.5-.2-2.5-.5-3.5 1.3zm-8.4-4.9l-4.1.9-.1 13.4c0 2.5 1.9 4.3 4.3 4.3 1.4 0 2.4-.2 3-.5v-3.4c-.5.2-3.2 1-3.2-1.5V8.6h3.2V5H16.5V1.4zM4.2 9.3c0-.7.5-.9 1.4-.9 1.2 0 2.7.4 3.9 1V5.4c-1.3-.5-2.6-.7-3.9-.7C2.4 4.7 0 6.4 0 9.5c0 4.6 6.4 3.9 6.4 6 0 .8-.7.9-1.7.9-1.3 0-2.9-.5-4.2-1.2v4c1.5.6 2.9.9 4.2.9 3.3 0 5.8-1.6 5.8-4.7 0-4.9-6.3-4-6.3-6.1z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.upload-hero__right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 20px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-filter: drop-shadow(0 11px 24px rgba(0, 0, 0, 0.1)) drop-shadow(0 43px 43px rgba(0, 0, 0, 0.09)) drop-shadow(0 96px 58px rgba(0, 0, 0, 0.05)) drop-shadow(0 171px 68px rgba(0, 0, 0, 0.01));
	        filter: drop-shadow(0 11px 24px rgba(0, 0, 0, 0.1)) drop-shadow(0 43px 43px rgba(0, 0, 0, 0.09)) drop-shadow(0 96px 58px rgba(0, 0, 0, 0.05)) drop-shadow(0 171px 68px rgba(0, 0, 0, 0.01));
}
.upload-hero__divider {
	width: 1px;
	height: 55px;
	background: #394664;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.hero-balance-card {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 174px;
	height: 204px;
	background: #2D344A;
	border: 2px solid #697188;
	border-radius: 25px;
	padding: 30px 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	text-align: center;
}
.hero-balance-card__icon {
	display: block;
	width: 74px;
	height: 74px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.hero-balance-card__icon--coin {
	background-image: url('/static/images/hero-icon-coin.svg');
}
.hero-balance-card__icon--wallet {
	background-image: url('/static/images/hero-icon-wallet.svg');
}
.hero-balance-card__label {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	color: #FBFAF7;
}
.hero-balance-card__value {
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
	color: #FBFAF7;
}

@media screen and (max-width: 1100px) {
	.upload-hero__title {
		font-size: 48px;
		line-height: 1.15;
	}
	.upload-hero__subtitle {
		font-size: 24px;
		line-height: 1.2;
	}
	.hero-balance-card {
		width: 156px;
		height: 184px;
		padding: 26px 30px;
	}
	.hero-balance-card__icon {
		width: 64px;
		height: 64px;
	}
	.hero-balance-card__value {
		font-size: 26px;
	}
}

@media screen and (max-width: 900px) {
	.upload-hero__title {
		white-space: normal;
		font-size: 40px;
	}
}

@media screen and (max-width: 767px) {
	.upload-hero {
		padding: 30px 0;
	}
	.upload-hero__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 10px;
	}
	.upload-hero__left {
		text-align: center;
		width: 100%;
	}
	.upload-hero__title {
		font-size: 30px;
		line-height: 36px;
		margin: 0 0 5px;
		white-space: normal;
	}
	.upload-hero__subtitle {
		font-size: 23px;
		line-height: 28px;
		margin: 0 0 20px;
	}
	.upload-hero__pill {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		font-size: 12px;
		line-height: 1.5;
	}
	.upload-hero__pill > span {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		text-align: left;
	}
	.upload-hero__right {
		display: none;
	}
}

.upload-section {
	padding: 40px 0;
}
.upload-section__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	margin-bottom: 20px;
}
.upload-step-badge {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(15.68%, #FEDE00), color-stop(85.28%, #FFD000));
	background: linear-gradient(135deg, #FEDE00 15.68%, #FFD000 85.28%);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 1;
	color: #000;
	position: relative;
	border: 4.5px solid #F5BE00;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.upload-section__title {
	font-family: 'Inter', sans-serif;
	font-size: 25px;
	line-height: 31px;
	font-weight: 700;
	color: #000;
	margin: 0;
}

.submission-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 20px;
	width: 100%;
}
.submission-card {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
	width: 401px;
	max-width: 401px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0;
	        flex: 1 1 0;
	padding: 0 0 20px 30px;
	background: #fff;
	border: 3px solid #000;
	border-radius: 20px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: border-color 0.2s, background 0.2s;
	transition: border-color 0.2s, background 0.2s;
}
.submission-card--variant-hover:not(:has(.submission-card__input:checked)) {
	border-color: #F7B700;
}
.submission-card--variant-hover:not(:has(.submission-card__input:checked)) .submission-card__radio {
	background-image: url('/static/images/card-radio-hover.svg');
}
.submission-card:has(.submission-card__input:checked) {
	background: #FDD903;
	border-color: #F7B700;
}
@media (hover: hover) {
	.submission-card:hover:not(:has(.submission-card__input:checked)) {
		border-color: #F7B700;
	}
	.submission-card:hover:not(:has(.submission-card__input:checked)) .submission-card__radio {
		background-image: url('/static/images/card-radio-hover.svg');
	}
}
.submission-card__input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}
.submission-card__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
}
.submission-card__logo {
	display: block;
	width: 103px;
	height: 30px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-filter: brightness(0);
	        filter: brightness(0);
}
.submission-card__ribbon {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 150px;
	height: 93px;
	padding: 0 31px 0 41px;
	background: #322b00;
	border-bottom-left-radius: 50px;
	color: #FDD903;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 1;
	text-transform: uppercase;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.submission-card__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 15px;
	padding: 30px 30px 0 0;
}
.submission-card__icon {
	display: block;
	width: 70px;
	height: 70px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.submission-card__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
	min-width: 0;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.submission-card__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.2;
	color: #000;
	margin: 0;
}
.submission-card__desc {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: #484848;
	margin: 0;
}
.submission-card__button {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 15px 30px 0 0;
	padding: 10px 20px;
	background: #FDD903;
	border-radius: 10px;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	color: #000;
	text-align: center;
}
.submission-card:has(.submission-card__input:checked) .submission-card__button {
	background: #fff;
}
.submission-card__radio {
	display: block;
	width: 36px;
	height: 36px;
	margin: 10px auto 0;
	background: url('/static/images/card-radio-default.svg') no-repeat center / contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.submission-card:has(.submission-card__input:checked) .submission-card__radio {
	background-image: url('/static/images/card-radio-selected.svg');
}

@media screen and (max-width: 1200px) {
	.submission-card__ribbon {
		width: 120px;
		height: 80px;
		padding: 0 24px 0 32px;
		font-size: 48px;
	}
	.submission-card__title {
		font-size: 22px;
	}
}

@media screen and (max-width: 900px) {
	.submission-cards {
		gap: 15px;
	}
	.submission-card {
		padding: 0 0 16px 20px;
	}
	.submission-card__ribbon {
		width: 90px;
		height: 65px;
		padding: 0 16px 0 20px;
		font-size: 36px;
		border-bottom-left-radius: 30px;
	}
	.submission-card__body {
		padding: 20px 20px 0 0;
	}
	.submission-card__icon {
		width: 54px;
		height: 54px;
	}
	.submission-card__title {
		font-size: 18px;
	}
	.submission-card__desc {
		font-size: 12px;
	}
	.submission-card__button {
		margin: 10px 20px 0 0;
		font-size: 16px;
		padding: 8px 14px;
	}
	.submission-card__radio {
		margin: 8px 20px 0 auto;
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width: 767px) {
	.upload-section {
		padding: 30px 0;
	}
	.upload-section__head {
		gap: 10px;
	}
	.upload-step-badge {
		width: 40px;
		height: 40px;
		font-size: 18px;
	}
	.upload-section__title {
		font-size: 22px;
		line-height: 1.2;
	}
	.submission-cards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 16px;
	}
	.submission-card {
		width: 100%;
		max-width: none;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
}

.upload-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	margin-bottom: 30px;
}
.upload-tab {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0;
	        flex: 1 1 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 15px;
	padding: 20px 30px;
	background: #fff;
	border: 3px solid #E9E9E9;
	cursor: pointer;
	position: relative;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: #000;
	-webkit-transition: background 0.2s, border-color 0.2s;
	transition: background 0.2s, border-color 0.2s;
}
.upload-tab:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	margin-right: -3px;
	z-index: 1;
}
.upload-tab:last-child {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	z-index: 1;
}
.upload-tab:has(.upload-tab__input:checked) {
	background: #FFFBF0;
	border-color: #F7B700;
	z-index: 2;
}
.upload-tab--disabled {
	cursor: not-allowed;
	opacity: 0.5;
	pointer-events: none;
}
.upload-tab__input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	width: 0;
	height: 0;
}
.upload-tab__icon {
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.upload-tab__icon--upload {
	background-image: url('/static/images/icon-upload-arrow.svg');
}
.upload-tab__icon--record {
	background-image: url('/static/images/icon-video-camera.svg');
}

.upload-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 30px;
	width: 100%;
	margin-bottom: 30px;
}
.upload-col {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0;
	        flex: 1 1 0;
	min-width: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
}
.upload-col__label {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: #000;
}
.upload-col__label-main {
	font-weight: 700;
}
.upload-col__label-note {
	font-weight: 500;
	font-size: 16px;
}

.cvu-file-input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	pointer-events: none;
}
.upload-dropzone.is-drag {
	border-color: #F7B700;
	background: #FFFBF0;
}

.upload-dropzone__default {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 18px;
	width: 100%;
}
.upload-file {
	display: none;
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
	gap: 19px !important;
	width: 399px !important;
	max-width: 100% !important;
	-webkit-box-sizing: border-box !important;
	        box-sizing: border-box !important;
	margin: 0 auto !important;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.upload-dropzone.has-file .upload-dropzone__default {
	display: none;
}
.upload-dropzone.has-file .upload-file {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
}
.upload-file__badge {
	position: relative;
	width: 36px;
	height: 40px;
	background: url('/static/images/icon-file-badge.svg') no-repeat center / contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-bottom: 6px;
}
.upload-file__badge-ext {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: 1;
	color: #927110;
	text-transform: uppercase;
}
.upload-file__info {
	-webkit-box-flex: 0 !important;
	    -ms-flex: 0 0 224px !important;
	        flex: 0 0 224px !important;
	width: 224px !important;
	min-width: 224px !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
	gap: 4px !important;
	-webkit-box-align: start !important;
	    -ms-flex-align: start !important;
	        align-items: flex-start !important;
}
.upload-file__name {
	display: block;
	min-height: 21px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.upload-file__progress {
	display: block;
	width: 100%;
	min-width: 100px;
}
.upload-file__size {
	white-space: nowrap;
}
.upload-file__name {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: #484848;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.upload-file__progress {
	position: relative;
	height: 4px;
	background: #F2F3F7;
	border-radius: 2px;
	overflow: hidden;
	width: 100%;
}
.upload-file__progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #E3A800;
	border-radius: 2px;
	-webkit-transition: width 0.2s;
	transition: width 0.2s;
}
.upload-file__size {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.5;
	color: #484848;
}
.upload-file__percent {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.5;
	color: #484848;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.upload-file__remove {
	position: relative;
	width: 22px;
	height: 22px;
	border: 0;
	background: #F2F3F7;
	border-radius: 16px;
	cursor: pointer;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	padding: 0;
}
.upload-file__remove::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background: url('/static/images/icon-close-small.svg') no-repeat center / contain;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.upload-file__remove:hover {
	background-color: #E5E7EE;
}

.upload-error {
	display: none;
	margin-top: 12px;
	padding: 10px 14px;
	background: #FFF0F0;
	border: 1px solid #EFB6B6;
	border-radius: 8px;
	color: #B10015;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
}
.upload-error.is-shown {
	display: block;
}


.upload-dropzone {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 18px;
	padding: 46px 30px;
	background: #F8F8F8;
	border: 3px dashed #E9E9E9;
	border-radius: 20px;
}
.upload-dropzone__icon {
	display: block;
	width: 104px;
	height: 104px;
	background: url('/static/images/icon-film-big.svg') no-repeat center / contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.upload-dropzone__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: #313030;
	text-align: center;
	width: 100%;
}
.upload-dropzone__or {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
	padding: 0 180px;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.upload-dropzone__or-line {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0;
	        flex: 1 1 0;
	height: 1px;
	background: rgba(0, 0, 0, 0.3);
}
.upload-dropzone__or-text {
	font-family: 'Public Sans', 'Inter', sans-serif;
	font-weight: 500;
	font-size: 10px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.5);
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.upload-dropzone__btn {
	padding: 10px 20px;
	background: #F7B700;
	border: 0;
	border-radius: 10px;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	color: #000;
	cursor: pointer;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.upload-dropzone__btn:hover {
	background: #E3A800;
}
.upload-dropzone__hint {
	padding: 5px 10px;
	background: #fff;
	border-radius: 20px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: #484848;
	white-space: pre;
}

.upload-preview {
	position: relative;
	height: 386px;
	width: 100%;
	background: #F8F8F8;
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.upload-preview__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	display: none;
	background: #000;
}
.upload-preview.has-video .upload-preview__video {
	display: block;
}
.upload-preview__play {
	position: absolute;
	left: 50%;
	top: calc(50% - 30px);
	width: 76px;
	height: 76px;
	margin-left: -38px;
	margin-top: -38px;
	background: url('/static/images/icon-play-button.svg') no-repeat center / contain;
	border: 0;
	padding: 0;
	cursor: pointer;
	z-index: 2;
}
.upload-preview.is-playing .upload-preview__play {
	display: none;
}
.upload-preview__timeline {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	padding: 10px 5px;
	background: rgba(0, 0, 0, 0.4);
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
	border-radius: 10px;
	z-index: 2;
}
.upload-preview__time {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1;
	color: #fff;
	padding: 4px 5px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.upload-preview__track {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0;
	        flex: 1 1 0;
	height: 6px;
	background: #000;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}
.upload-preview__track-fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0%;
	background: #fff;
	border-radius: 5px;
	-webkit-transition: width 0.15s linear;
	transition: width 0.15s linear;
}
.upload-preview__bubble {
	position: absolute;
	bottom: 100%;
	margin-bottom: 6px;
	left: 0%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	background: #000;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1;
	padding: 6px 8px;
	border-radius: 5px;
	white-space: nowrap;
	pointer-events: none;
}

.upload-title-field {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 15px;
	width: 100%;
}
.upload-title-field__label {
	font-family: 'Inter', sans-serif;
	color: #000;
}
.upload-title-field__label-main {
	font-weight: 700;
	font-size: 18px;
}
.upload-title-field__label-note {
	font-weight: 500;
	font-size: 16px;
}
.upload-title-field__input-wrap {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	height: 50px;
	padding: 8px 15px;
	background: #fff;
	border: 0.5px solid rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.upload-title-field__icon {
	display: block;
	width: 20px;
	height: 20px;
	background: url('/static/images/icon-document.svg') no-repeat center / contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.upload-title-field__input {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
}
.upload-title-field__input::-webkit-input-placeholder { color: #484848; }
.upload-title-field__input::-moz-placeholder { color: #484848; }
.upload-title-field__input:-ms-input-placeholder { color: #484848; }
.upload-title-field__input::placeholder { color: #484848; }
.upload-title-field__counter {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: #484848;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

@media screen and (max-width: 900px) {
	.upload-cols {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.upload-col {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.upload-dropzone__or {
		padding: 0 60px;
	}
}
@media screen and (max-width: 767px) {
	.upload-tab {
		padding: 14px 16px;
		font-size: 15px;
		gap: 10px;
	}
	.upload-tab__icon {
		width: 26px;
		height: 26px;
	}
	.upload-dropzone {
		padding: 30px 20px;
	}
	.upload-dropzone__icon {
		width: 74px;
		height: 74px;
	}
	.upload-dropzone__or {
		padding: 0 40px;
	}
	.upload-preview {
		height: 240px;
	}
}

.review-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 30px;
	width: 100%;
}
.review-panel {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0;
	        flex: 1 1 0;
	min-width: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 46px 30px;
	border: 3px solid #E9E9E9;
	border-radius: 20px;
	gap: 18px;
}
.review-panel--balance {
	background: #F8F8F8;
}
.review-panel--summary {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.review-panel__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
}
.review-panel__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: #000;
	margin: 0;
}

.balance-pill {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	border-radius: 5px;
	overflow: hidden;
	background: #000;
}
.balance-pill__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	padding: 4px 8px;
	height: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1;
}
.balance-pill__item--coins {
	border-right: 1px solid #262525;
}
.balance-pill__icon {
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.balance-pill__icon--coin {
	background-image: url('/static/images/icon-coin.svg');
}
.balance-pill__icon--wallet {
	background-image: url('/static/images/icon-wallet.svg');
}

.pay-option {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 15px;
	padding: 20px 30px;
	background: #fff;
	border: 3px solid #E9E9E9;
	border-radius: 20px;
	cursor: pointer;
	-webkit-transition: background 0.2s, border-color 0.2s;
	transition: background 0.2s, border-color 0.2s;
}
.pay-option:has(.pay-option__input:checked) {
	background: #FFFBF0;
	border-color: #F7B700;
}
.pay-option__input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	width: 0;
	height: 0;
}
.pay-option__radio {
	width: 36px;
	height: 36px;
	background: url('/static/images/card-radio-default.svg') no-repeat center / contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.pay-option:has(.pay-option__input:checked) .pay-option__radio {
	background-image: url('/static/images/card-radio-selected.svg');
}
.pay-option__divider {
	width: 2px;
	height: 40px;
	background: #D9D9D9;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.pay-option__coin {
	width: 64px;
	height: 64px;
	background: url('/static/images/coin-big-64.svg') no-repeat center / contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.pay-option__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
	min-width: 0;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.pay-option__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: #313030;
}
.pay-option__desc {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #313030;
}

.buy-credits {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 18px;
}
.buy-credits__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: #000;
	margin: 0;
}
.buy-credits__packs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 18px;
}
.pack-btn {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0;
	        flex: 1 1 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 10px 20px;
	background: #F7B700;
	border: 0;
	border-radius: 10px;
	color: #000;
	cursor: pointer;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.pack-btn:hover {
	background: #E3A800;
}
.pack-btn__label {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
}
.pack-btn__price {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
}
.pack-btn[disabled] {
	cursor: not-allowed;
	opacity: 0.55;
}

.buy-credits__status {
	margin-top: 12px;
	padding: 10px 14px;
	background: rgba(59, 96, 211, 0.08);
	color: #2552ea;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
}
.buy-credits__status.is-error {
	background: rgba(212, 34, 34, 0.08);
	color: #d42222;
}
.buy-credits__status[hidden] {
	display: none;
}

.summary-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 20px;
	padding: 0 0 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.summary-row:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.summary-row__label {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #313030;
}
.summary-row__value {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: #313030;
	text-align: right;
}

.upload-section--cta {
	padding: 20px 0 30px;
}
.upload-agree {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	margin-bottom: 30px;
	cursor: pointer;
}
.upload-agree__input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	width: 0;
	height: 0;
}
.upload-agree__box {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	width: 18px;
	height: 18px;
	background: #fff;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.upload-agree__input:checked + .upload-agree__box {
	background: #2552EA;
	border-color: #143ECA;
}
.upload-agree__box::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	width: 8px;
	height: 8px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4l3 3L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
	opacity: 0;
	transition: opacity 0.15s ease;
}
.upload-agree__input:checked + .upload-agree__box::after {
	opacity: 1;
}
.upload-agree__text {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 13px;
	line-height: 1.5;
	color: #484848;
}
.upload-agree__link {
	color: #2552EA;
	text-decoration: none;
}
.upload-agree__link:hover {
	text-decoration: underline;
}

.upload-cta-btn {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 4px;
	width: 100%;
	padding: 30px 5px;
	background: -webkit-gradient(linear, left top, right top, from(#3B60D3), to(#3B60D4));
	background: linear-gradient(90deg, #3B60D3 0%, #3B60D4 100%);
	border: 0;
	border-radius: 20px;
	color: #fff;
	cursor: pointer;
	-webkit-box-shadow: 0 8px 9px rgba(0, 0, 0, 0.1), 0 34px 17px rgba(0, 0, 0, 0.09), 0 76px 22.5px rgba(0, 0, 0, 0.05), 0 134px 27px rgba(0, 0, 0, 0.01);
	        box-shadow: 0 8px 9px rgba(0, 0, 0, 0.1), 0 34px 17px rgba(0, 0, 0, 0.09), 0 76px 22.5px rgba(0, 0, 0, 0.05), 0 134px 27px rgba(0, 0, 0, 0.01);
	-webkit-transition: -webkit-transform 0.15s;
	transition: -webkit-transform 0.15s;
	transition: transform 0.15s;
	transition: transform 0.15s, -webkit-transform 0.15s;
}
.upload-cta-btn:hover {
	-webkit-transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	        transform: translateY(-1px);
}
.upload-cta-btn__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.upload-cta-btn__hint {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(251, 250, 247, 0.7);
	text-align: center;
}

.steps-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	margin-bottom: 30px;
}
.step-card {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0;
	        flex: 1 1 0;
	min-width: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 15px;
	padding: 20px;
	background: #fff;
	border: 3px solid #E9E9E9;
	border-radius: 20px;
}
.step-card--first {
	background: #FFFBF0;
}
.step-card__icon {
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.step-card__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
	min-width: 0;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.step-card__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: #000;
}
.step-card__desc {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: #484848;
}
.step-arrow {
	width: 24px;
	height: 24px;
	margin: 0 12px;
	background: url('/static/images/icon-arrow-right.svg') no-repeat center / contain;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

.upload-section__bottom-pill {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.upload-hero__pill--light {
	background: #F8F8F8;
	color: #484848;
}

@media screen and (max-width: 900px) {
	.review-cols {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.review-panel {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.buy-credits__packs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.pack-btn {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.steps-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
	.step-card {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.step-arrow {
		margin: 8px auto;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
}

@media screen and (max-width: 767px) {
	.review-panel {
		padding: 26px 20px;
	}
	.review-panel__head {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		gap: 10px;
	}
	.pay-option {
		padding: 15px 20px;
		gap: 12px;
	}
	.pay-option__coin {
		width: 48px;
		height: 48px;
	}
	.pay-option__divider {
		height: 32px;
	}
	.pay-option__title,
	.pay-option__desc {
		font-size: 14px;
	}
	.pay-option__radio {
		width: 30px;
		height: 30px;
	}
	.summary-row {
		gap: 10px;
	}
	.summary-row__label,
	.summary-row__value {
		font-size: 14px;
	}

	.upload-agree {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		gap: 8px;
		text-align: left;
	}
	.upload-agree__text {
		font-size: 12px;
	}
	.upload-cta-btn {
		padding: 20px 15px;
	}
	.upload-cta-btn__title {
		font-size: 18px;
		white-space: normal;
	}
	.upload-cta-btn__hint {
		font-size: 12px;
	}

	.step-card {
		padding: 16px;
	}
	.step-card__icon {
		width: 40px;
		height: 40px;
	}
	.step-card__title {
		font-size: 16px;
	}
	.step-card__desc {
		font-size: 13px;
	}
	.upload-hero__pill--light {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.pack-btn__label {
		font-size: 14px;
	}
	.pack-btn__price {
		font-size: 18px;
	}
}

.main {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.section-spot {
	background: var(--gradient-black);
	padding: 44px 0;
	color: var(--color-white-smoke);
	position: relative;
}
.section-spot::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 13px;
	background: url("../images/subscribe-bg-bottom.svg") center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.section-spot .holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.section-spot .title {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 15px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.section-spot .title {
		font-size: 28px;
	}
}
.section-spot .desc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	font-size: 28px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.section-spot .desc {
		font-size: 16px;
	}
}
.section-spot .button {
	margin-top: 15px;
	font-family: inherit;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 18px;
	min-height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	cursor: pointer;
	color: var(--color-white);
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, right top, from(#3b60d3), to(#3b60d4));
	background: linear-gradient(90deg, #3b60d3 0%, #3b60d4 100%);
	border: 2px solid #3b60d3;
	-webkit-transition: border 0.2s;
	transition: border 0.2s;
}
@media screen and (min-width: 1025px) {
	.section-spot .button:hover {
		border-color: #90aaff;
	}
}
.section-spot .button:active {
	border-color: #fff;
	-webkit-transform: scale(0.99);
	        transform: scale(0.99);
}

.section-primary,
.section-primary-white {
	background-color: var(--bg-gold-primary);
	padding: 15px 0;
	min-height: 245px;
	margin-top: 20px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.section-primary::after,
.section-primary-white::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 13px;
	background: url("../images/line-bottom.svg") center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-primary-white {
	min-height: auto;
}

.before-picture,
.after-picture {
	position: absolute;
	top: 0;
	max-width: 50%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

.before-picture {
	background-image: url("../images/before-picture.svg");
	background-position: 0 100%;
	left: 0;
	width: 13vw;
}
@media screen and (max-width: 1780px) {
	.before-picture {
		width: 10vw;
		left: -5vw;
	}
}
@media screen and (max-width: 1440px) {
	.before-picture {
		width: 25%;
	}
}
@media screen and (max-width: 1024px) {
	.before-picture {
		background-image: url("../images/before-picture-single.svg");
		left: 0;
		width: 12vw;
		background-position: 0 0;
	}
}

.after-picture {
	background-image: url("../images/after-picture.svg");
	background-position: 100% 100%;
	right: 0;
	width: 18vw;
}
@media screen and (max-width: 1780px) {
	.after-picture {
		width: 15vw;
		right: -3.5vw;
	}
}
@media screen and (max-width: 1440px) {
	.after-picture {
		width: 25%;
	}
}
@media screen and (max-width: 1024px) {
	.after-picture {
		background-image: url("../images/after-picture-single.svg");
		right: 0;
		width: 12vw;
		background-position: 100% 0;
	}
}

.section-primary-white {
	background-color: var(--color-white-smoke);
}
.section-primary-white .before-picture,
.section-primary-white .after-picture {
	width: 255px;
}
@media screen and (max-width: 1440px) {
	.section-primary-white .before-picture,
	.section-primary-white .after-picture {
		width: 200px;
	}
}
.section-primary-white .before-picture {
	background-image: url("../images/tv-left.svg");
	background-position: 0 130%;
	left: 0;
}
@media screen and (max-width: 1024px) {
	.section-primary-white .before-picture {
		background-image: url("../images/tv-mob-left.svg");
		background-position: calc(100% - 50px) calc(100% + 50px);
	}
}
@media screen and (max-width: 767px) {
	.section-primary-white .before-picture {
		background-position: calc(100% - 35px) calc(100% + 35px);
		width: 144px;
	}
}
.section-primary-white .after-picture {
	background-image: url("../images/tv-right.svg");
	background-position: 0 0;
	right: 0;
}
@media screen and (max-width: 1024px) {
	.section-primary-white .after-picture {
		background-image: url("../images/tv-mob-right.svg");
		background-position: calc(100% + 80px) -80px;
	}
}
@media screen and (max-width: 767px) {
	.section-primary-white .after-picture {
		background-position: calc(100% + 50px) -50px;
		width: 130px;
	}
}
.section-primary-white .slider-primary .hold-text {
	max-width: 60vw;
	margin: auto;
	text-align: center;
	padding: 30px 0 20px;
}
@media screen and (max-width: 479px) {
	.section-primary-white .slider-primary .hold-text {
		max-width: 80%;
	}
}
.section-primary-white .hold-text {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.slider-primary {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.slider-primary.swiper {
	width: 100%;
}
.slider-primary .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.slider-primary .swiper-slide {
	height: auto;
}
.slider-primary .cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 65px;
}
@media screen and (max-width: 1440px) {
	.slider-primary .cols {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
		gap: 0;
		padding-bottom: 28px;
		max-width: 65%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 860px) {
	.slider-primary .cols {
		max-width: 100%;
	}
}
.slider-primary .col {
	width: 50%;
}
@media screen and (max-width: 1440px) {
	.slider-primary .col {
		width: 100%;
		padding-top: 10px;
	}
	.slider-primary .col:first-child {
		padding-top: 0;
	}
}
.slider-primary .hold-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	max-width: 85%;
	gap: 5px;
}
@media screen and (max-width: 1440px) {
	.slider-primary .hold-text {
		max-width: 100%;
	}
}
.slider-primary .sup,
.slider-primary .title {
	font-weight: 700;
}
.slider-primary .sup {
	font-weight: 700;
	font-size: 28px;
}
@media screen and (max-width: 860px) {
	.slider-primary .sup {
		font-size: 19px;
	}
}
.slider-primary .title {
	font-size: 40px;
	padding-bottom: 24px;
}
@media screen and (max-width: 860px) {
	.slider-primary .title {
		font-size: 30px;
		text-align: center;
	}
}
.slider-primary .title > * {
	display: inline;
}
@media screen and (max-width: 860px) {
	.slider-primary .title > * {
		display: block;
	}
}
.slider-primary .swiper-pagination {
	bottom: 5px;
}
@media screen and (max-width: 1440px) {
	.slider-primary .swiper-pagination {
		bottom: 0;
	}
}
.slider-primary .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.slider-primary .hold {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
}
@media screen and (max-width: 1440px) {
	.slider-primary .button-action {
		font-size: 13px;
		padding: 10px 15px;
		gap: 5px 10px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.slider-primary .button-action span {
		margin: 0;
	}
}
.slider-primary .button-action .icon {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
@media screen and (max-width: 1440px) {
	.slider-primary .button-action .icon {
		font-size: 24px;
		height: auto;
	}
}
@media screen and (max-width: 1440px) {
	.slider-primary .button-action .icon img {
		max-height: 26px;
	}
}

.section-general {
	padding: 35px 0 15px;
	min-height: 225px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 1024px) {
	.section-general {
		padding: 70px 0 240px;
		min-height: auto;
	}
}
@media screen and (max-width: 480px) {
	.section-general {
		padding: 30px 0 200px;
	}
}

.picture-indicator {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	background: url("../images/tv-sticky.png") no-repeat;
	background-position: 100% 0;
	width: 312px;
	height: 410px;
	pointer-events: none;
	background-size: 388px 430px;
	-webkit-transition: -webkit-transform 0.1s;
	transition: -webkit-transform 0.1s;
	transition: transform 0.1s;
	transition: transform 0.1s, -webkit-transform 0.1s;
}
@media screen and (max-width: 1808px) {
	.picture-indicator {
		-webkit-transform: scale(0.65);
		        transform: scale(0.65);
		top: auto;
		bottom: -75px;
		background-position: 0 0;
		-webkit-transform-origin: bottom right;
		        transform-origin: bottom right;
	}
}
@media screen and (max-width: 1480px) {
	.picture-indicator {
		-webkit-transform: scale(0.55);
		        transform: scale(0.55);
	}
}
@media screen and (max-width: 1440px) {
	.picture-indicator {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@media screen and (max-width: 1024px) {
	.picture-indicator {
		background: url("../images/tv-sticky-bottom.png") no-repeat;
		bottom: -5px;
		left: 50%;
		background-size: contain;
		z-index: -1;
		width: 505px;
		height: 269px;
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

.slider-headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	z-index: 2;
}
.slider-headline .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: var(--color-gold);
	gap: 12px;
	background-color: rgba(var(--rgb-black-light), 0.7);
	border-radius: 10px 10px 0 0;
	padding: 8px 12px;
	font-size: 13px;
}
.slider-headline svg {
	font-size: 15px;
}

.swiper {
	display: none;
}
.swiper.swiper-initialized {
	display: block;
}

.slider-general {
	padding-bottom: 20px;
}
@media screen and (max-width: 1440px) {
	.slider-general {
		padding-bottom: 0;
	}
}
.slider-general.swiper {
	width: 100%;
}
.slider-general .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (min-width: 1441px) {
	.slider-general .swiper-wrapper {
		height: 100% !important;
	}
}
.slider-general .swiper-slide {
	height: auto;
}
.slider-general .cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 65px;
}
@media screen and (max-width: 1440px) {
	.slider-general .cols {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
		gap: 0;
	}
}
.slider-general .col {
	width: 50%;
}
@media screen and (max-width: 1440px) {
	.slider-general .col {
		width: 100%;
		padding-top: 40px;
	}
	.slider-general .col:first-child {
		padding-top: 0;
	}
}
.slider-general .hold-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	max-width: 85%;
}
@media screen and (max-width: 1440px) {
	.slider-general .hold-text {
		max-width: 100%;
	}
}
.slider-general .sup,
.slider-general .title {
	font-weight: 700;
}
.slider-general .sup {
	font-weight: 700;
	font-size: 28px;
}
.slider-general .title {
	font-size: 40px;
}
@media screen and (max-width: 860px) {
	.slider-general .title {
		font-size: 33px;
	}
}
.slider-general .title > * {
	display: inline;
}
@media screen and (max-width: 860px) {
	.slider-general .title > * {
		display: block;
	}
}
.slider-general .swiper-pagination {
	bottom: 0;
}
@media screen and (max-width: 1440px) {
	.slider-general .swiper-pagination {
		bottom: 100px;
	}
}
@media screen and (max-width: 860px) {
	.slider-general .swiper-pagination {
		bottom: 112px;
	}
}
.slider-general .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.slider-general .hold {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
}

.button-action {
	--opacity: .9;
	background: none;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px 10px;
	border-radius: 10px;
	padding: 16px 10px;
	font-weight: 700;
	font-size: 28px;
	color: var(--color-white);
}
@media screen and (max-width: 860px) {
	.button-action {
		font-size: 19px;
		padding: 12px 16px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
@media screen and (max-width: 374px) {
	.button-action {
		font-size: 16px;
	}
}
.button-action .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.button-action .icon img {
	max-width: 100%;
}
@media screen and (max-width: 860px) {
	.button-action .icon img {
		max-height: 40px;
	}
}

[data-attr-spin] {
	background-color: rgba(var(--rgb-blue), var(--opacity));
}
[data-attr-spin] .icon {
	max-width: 70px;
}

[data-attr-comment] {
	background-color: var(--bg-brown);
}
[data-attr-comment] .icon {
	max-width: 68px;
}

[data-attr-create] {
	background-color: rgba(var(--rgb-green), var(--opacity));
}
[data-attr-create] .icon {
	max-width: 43px;
}

[data-attr-words],
[data-attr-match],
[data-attr-hotseat],
[data-attr-udance] {
	--opacity: .3;
	padding: 5px 0;
	background-color: rgba(37, 82, 234, var(--opacity));
}

.swiper-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 12px;
}

.swiper-pagination-bullet {
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 0 0 1px rgba(49, 48, 48, 0.2);
	        box-shadow: inset 0 0 0 1px rgba(49, 48, 48, 0.2);
	opacity: 1;
}

.swiper-pagination-bullet-active {
	width: 12px;
	height: 12px;
	background-color: var(--color-gold);
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.section-headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (max-width: 568px) {
	.section-headline {
		margin-bottom: 20px;
	}
}
.section-headline .col {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
}
.section-headline .col.second {
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
@media screen and (max-width: 860px) {
	.section-headline .col.second {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		-ms-flex-negative: 1;
		    flex-shrink: 1;
		margin: 0 -10px;
		white-space: nowrap;
		overflow: hidden;
	}
}
.section-headline .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 10px;
}
@media screen and (max-width: 568px) {
	.section-headline .group {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 10px;
		text-align: center;
		width: 100%;
	}
}
.section-headline .icon {
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 30px;
	width: 80px;
	height: 80px;
}
@media screen and (max-width: 860px) {
	.section-headline .icon {
		width: 70px;
		height: 70px;
	}
}
.section-headline .icon.blue {
	background-color: var(--bg-blue-light);
	color: var(--color-active);
}
.section-headline .icon.gold {
	background-color: var(--bg-gold-light);
	color: var(--bg-gold);
}
.section-headline .icon.green {
	background-color: var(--bg-green-light);
	color: var(--color-green-dark);
}
.section-headline .icon.red {
	background-color: var(--bg-red-light);
}
.section-headline .icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.section-headline .title {
	font-weight: 700;
	font-size: 33px;
}
@media screen and (max-width: 860px) {
	.section-headline .title {
		font-size: 30px;
	}
}
@media screen and (max-width: 479px) {
	.section-headline .title {
		font-size: 28px;
	}
}
.section-headline .sub {
	color: var(--color-black-gray);
	margin-top: 5px;
}
.section-headline .sort {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
@media screen and (max-width: 860px) {
	.section-headline .sort {
		padding: 0 10px;
		overflow: auto;
	}
}
.section-headline .sort::-webkit-scrollbar {
	display: none;
}
.section-headline .link {
	display: block;
	font-weight: 700;
	color: var(--color-black);
	border: 1px solid var(--color-black);
	border-radius: 10px;
	padding: 10px;
	line-height: 1.385;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
	.section-headline .link:hover {
		background-color: var(--bg-gold);
	}
}
.section-headline a.active,
.section-headline span.active {
	background-color: var(--bg-gold);
}

.section-thumbs {
	padding: 82px 0;
	position: relative;
}
@media screen and (max-width: 860px) {
	.section-thumbs {
		padding: 50px 0;
	}
}
.section-thumbs::before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 13px;
	background: url("../images/spinner-bg-top.svg") center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-row {
	margin-top: 120px;
}
@media screen and (max-width: 860px) {
	.section-row {
		margin-top: 50px;
	}
}
.section-row:first-child {
	margin-top: 0;
}

.section {
	padding: 54px 0;
}
@media screen and (max-width: 991px) {
	.section {
		padding: 24px 0;
	}
}

.thumbs {
	--flex-gap: 40px;
	--flex-items: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: var(--flex-gap);
}
.thumbs.tiny {
	--flex-gap: 26px;
	gap: 36px var(--flex-gap);
}
@media screen and (max-width: 767px) {
	.thumbs.tiny {
		--flex-gap: 10px;
	}
}
@media screen and (max-width: 767px) {
	.thumbs {
		--flex-items: 2;
		--flex-gap: 10px;
		gap: 20px var(--flex-gap);
	}
}
.thumbs .thumb {
	position: relative;
	width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));
}
.thumbs .btn-action {
	margin-top: 20px;
	padding: 5px 10px;
}
@media screen and (max-width: 767px) {
	.thumbs .btn-action {
		margin-top: 12px;
	}
}

.link-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	cursor: pointer;
	background: none;
	padding: 0;
}
@media (hover: hover) {
	.link-wrap:hover .play {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
	.link-wrap:hover .desc {
		color: var(--color-gold);
	}
}
.link-wrap .wrap {
	padding-bottom: 74.25%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.link-wrap .wrap img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.link-wrap .wrap img.thumb--cta {
	-o-object-fit: contain;
	   object-fit: contain;
	background: #101115;
}
.link-wrap .wrap img.hotseat-poster-hidden {
	-o-object-fit: contain;
	   object-fit: contain;
	background: #101115;
	padding: 10% 22% 30%;
	box-sizing: border-box;
}
.area-thumbs .wrap .review-badge {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 3px 8px;
	border-radius: 5px;
	background: #FDC525;
	color: #000;
	font-family: Inter, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	z-index: 3;
	pointer-events: none;
}
.link-wrap .play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 76px;
	height: 76px;
	margin: auto;
	z-index: 2;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	background: url('data:image/svg+xml,<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-4" y="-4" width="84" height="84"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_663_17501_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_i_663_17501)" data-figma-bg-blur-radius="4"><rect width="76" height="76" rx="33" fill="white" fill-opacity="0.1"/><rect x="0.5" y="0.5" width="75" height="75" rx="32.5" stroke="url(%23paint0_linear_663_17501)"/><path d="M47.3357 40.2414C47.221 40.3572 46.7926 40.8465 46.3902 41.2529C44.0427 43.798 37.9134 47.9597 34.707 49.2333C34.2202 49.4365 32.9891 49.8691 32.3292 49.8997C31.6997 49.8997 31.0982 49.7533 30.5248 49.4649C29.8087 49.0608 29.2375 48.4228 28.9216 47.6713C28.7204 47.1514 28.4046 45.5894 28.4046 45.561C28.0908 43.8548 27.9199 41.0803 27.9199 38.0131C27.9199 35.0944 28.0908 32.4335 28.3483 30.6989C28.3764 30.6683 28.6923 28.7306 29.0363 28.0664C29.6659 26.8518 30.897 26.1003 32.2146 26.1003H32.3292C33.1882 26.1287 34.9926 26.8824 34.9926 26.9086C38.028 28.1822 44.0124 32.143 46.4183 34.7754C46.4183 34.7754 47.0977 35.4527 47.3919 35.8743C47.8506 36.4816 48.0799 37.2332 48.0799 37.9847C48.0799 38.8236 47.8225 39.6035 47.3357 40.2414Z" fill="%23FBFAF7"/></g><defs><filter id="filter0_i_663_17501" x="-4" y="-4" width="84" height="84" 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"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_663_17501"/></filter><clipPath id="bgblur_0_663_17501_clip_path" transform="translate(4 4)"><rect width="76" height="76" rx="33"/></clipPath><linearGradient id="paint0_linear_663_17501" x1="10" y1="10" x2="38" y2="38" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%237B7B7B"/></linearGradient></defs></svg>') no-repeat;
	background-size: contain;
	border-radius: 33px;
	backdrop-filter: blur(2px);
	overflow: hidden;
}
@media screen and (max-width: 1280px) {
	.link-wrap .play {
		width: 50px;
		height: 50px;
		border-radius: 22px;
	}
}
@media screen and (max-width: 860px) {
	.link-wrap .play {
		width: 36px;
		height: 36px;
		border-radius: 15px;
	}
}
.link-wrap .desc {
	padding: 0 10px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 22px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
@media screen and (max-width: 767px) {
	.link-wrap .desc {
		margin-top: 12px;
		font-size: 13px;
	}
}

.sticky-bottom {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
}
@media screen and (max-width: 860px) {
	.sticky-bottom {
		bottom: 5px;
		right: 5px;
	}
}
.sticky-bottom .box {
	background: rgba(var(--rgb-black-gray), 0.8);
	color: var(--color-white-smoke);
	padding: 3px 5px;
	border-radius: 5px;
	line-height: 1.25;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 5px;
	line-height: 1.2;
}
.sticky-bottom svg {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.sticky-bottom i {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	margin: -3px 0 -3px -14px;
	width: 22px;
	height: 22px;
	background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22Z" fill="url(%23paint0_radial_231_2146)" /><path d="M17.7218 12.2222C17.7218 12.2222 17.8068 19.5555 10.9996 19.5555C4.19245 19.5555 4.27739 12.2222 4.27739 12.2222C4.27739 12.2222 5.77095 12.2222 10.9996 12.2222C16.2283 12.2222 17.7218 12.2222 17.7218 12.2222Z" fill="url(%23paint1_radial_231_2146)" /><path d="M14.6671 11C16.0171 11 17.1115 9.63201 17.1115 7.94447C17.1115 6.25693 16.0171 4.88892 14.6671 4.88892C13.3171 4.88892 12.2227 6.25693 12.2227 7.94447C12.2227 9.63201 13.3171 11 14.6671 11Z" fill="white" /><path d="M14.6666 9.77782C15.3416 9.77782 15.8888 9.23061 15.8888 8.5556C15.8888 7.88058 15.3416 7.33337 14.6666 7.33337C13.9915 7.33337 13.4443 7.88058 13.4443 8.5556C13.4443 9.23061 13.9915 9.77782 14.6666 9.77782Z" fill="%23212121" /><path d="M7.33312 11C8.68315 11 9.77756 9.63201 9.77756 7.94447C9.77756 6.25693 8.68315 4.88892 7.33312 4.88892C5.98309 4.88892 4.88867 6.25693 4.88867 7.94447C4.88867 9.63201 5.98309 11 7.33312 11Z" fill="white" /><path d="M7.33355 9.77782C8.00856 9.77782 8.55577 9.23061 8.55577 8.5556C8.55577 7.88058 8.00856 7.33337 7.33355 7.33337C6.65854 7.33337 6.11133 7.88058 6.11133 8.5556C6.11133 9.23061 6.65854 9.77782 7.33355 9.77782Z" fill="%23212121" /><path d="M17.7218 12.2222C17.7218 15.9347 14.7121 18.9444 10.9996 18.9444C7.28707 18.9444 4.27734 15.9347 4.27734 12.2222H17.7218Z" fill="url(%23paint2_radial_231_2146)" /><path d="M11.6108 16.5C11.2955 16.5 10.9997 16.8056 10.9997 16.8056C10.9997 16.8056 10.7039 16.5 10.3886 16.5C9.11687 16.5 8.29492 17.6972 8.29492 17.6972C9.11137 18.1023 10.0286 18.3333 10.9997 18.3333C11.9708 18.3333 12.888 18.1023 13.7045 17.6972C13.7045 17.6972 12.8825 16.5 11.6108 16.5Z" fill="url(%23paint3_radial_231_2146)" /><path d="M10.9997 19.5556C8.87063 19.5556 6.94196 18.7135 5.51562 17.3501C6.5099 19.3778 8.5889 20.7778 10.9997 20.7778C13.4106 20.7778 15.4896 19.3778 16.4838 17.3501C15.0575 18.7135 13.1288 19.5556 10.9997 19.5556Z" fill="url(%23paint4_radial_231_2146)" /><path d="M5.5 12.8334V13.4445C5.5 14.1198 6.04694 14.6667 6.72222 14.6667H15.2778C15.9531 14.6667 16.5 14.1198 16.5 13.4445V12.8334H5.5Z" fill="url(%23paint5_linear_231_2146)" /><defs><radialGradient id="paint0_radial_231_2146" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 11) scale(11)"><stop stop-color="%23FFE16E" /><stop offset="0.629" stop-color="%23FFD226" /><stop offset="0.75" stop-color="%23FDCD23" /><stop offset="0.899" stop-color="%23F6BD1B" /><stop offset="0.999" stop-color="%23F0AF13" /></radialGradient><radialGradient id="paint1_radial_231_2146" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9996 12.6982) scale(6.82672)"><stop offset="0.371" stop-color="%23FFD226" /><stop offset="0.948" stop-color="%23FFE16E" /><stop offset="1" stop-color="%23FFE16E" stop-opacity="0" /></radialGradient><radialGradient id="paint2_radial_231_2146" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.0912 11.971) scale(7.24961 7.24961)"><stop stop-color="%231C1911" /><stop offset="0.999" stop-color="%23171714" /></radialGradient><radialGradient id="paint3_radial_231_2146" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9998 20.0023) rotate(90) scale(3.61167 3.59505)"><stop offset="0.456" stop-color="%23DB4A59" /><stop offset="0.602" stop-color="%23D84756" /><stop offset="0.729" stop-color="%23CD3E4D" /><stop offset="0.85" stop-color="%23BB303E" /><stop offset="0.965" stop-color="%23A21B29" /><stop offset="0.999" stop-color="%23991421" /></radialGradient><radialGradient id="paint4_radial_231_2146" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.0615 14.1943) scale(6.34394 6.34395)"><stop offset="0.819" stop-color="%23CC9000" /><stop offset="0.988" stop-color="%23FBBC23" stop-opacity="0.069" /><stop offset="1" stop-color="%23FFBF26" stop-opacity="0" /></radialGradient><linearGradient id="paint5_linear_231_2146" x1="5.5" y1="13.75" x2="16.5" y2="13.75" gradientUnits="userSpaceOnUse"><stop offset="0.001" stop-color="%23968F72" /><stop offset="0.048" stop-color="%23B2AD97" /><stop offset="0.098" stop-color="%23CAC6B7" /><stop offset="0.153" stop-color="%23DDDBD2" /><stop offset="0.213" stop-color="%23ECEBE6" /><stop offset="0.281" stop-color="%23F7F6F4" /><stop offset="0.363" stop-color="%23FDFDFC" /><stop offset="0.5" stop-color="white" /><stop offset="0.637" stop-color="%23FDFDFC" /><stop offset="0.719" stop-color="%23F7F6F4" /><stop offset="0.787" stop-color="%23ECEBE6" /><stop offset="0.847" stop-color="%23DDDBD2" /><stop offset="0.902" stop-color="%23CAC6B7" /><stop offset="0.952" stop-color="%23B2AD97" /><stop offset="1" stop-color="%23968F72" /></linearGradient></defs></svg>') no-repeat;
}

.btn-action {
	--b: 2px;
	--r: 14px;
	--height: 54px;
	--fz: 16px;
	--bg1: var(--bg-gold);
	--bg2: var(--bg-gold);
	--bg-border1: var(--bg-gold-primary);
	--bg-border2: var(--bg-gold-dark);
	--grad: linear-gradient(to bottom, var(--bg-border1), var(--bg-border2));
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border: var(--b) solid transparent;
	border-radius: var(--r);
	background: -webkit-gradient(linear, left top, left bottom, from(var(--bg1)), to(var(--bg2))) padding-box, var(--grad) border-box;
	background: linear-gradient(var(--bg1), var(--bg2)) padding-box, var(--grad) border-box;
	padding: 5px 28px;
	min-height: var(--height);
	font-weight: 700;
	font-size: var(--fz);
	cursor: pointer;
	width: 100%;
	color: var(--color-black);
}
@media (hover: hover) {
	.btn-action:hover {
		--bg-border1: var(--bg-gold-dark);
		--bg-border2: var(--bg-gold-primary);
	}
}

.link-headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	padding: 0 10px;
	margin-top: 15px;
}
.link-headline .num {
	width: 40px;
	height: 40px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 19px;
	font-weight: 700;
	background-color: var(--bg-gold-primary);
}

.link-headline-info {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 2px;
	overflow: hidden;
}
.link-headline-info .title {
	font-weight: 700;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.link-headline-info .btn {
	background: none;
	cursor: pointer;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.4;
	padding: 10px;
	font-family: inherit;
	border: 1px solid #000;
	border-radius: 10px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.link-headline-info .author {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	font-weight: 400;
	font-size: 13px;
}
.link-headline-info .label {
	color: #555;
}
@media screen and (max-width: 374px) {
	.link-headline-info .label {
		display: none;
	}
}
.link-headline-info .info {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
}
.link-headline-info .avatar {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	overflow: hidden;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.link-headline-info .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.check-box-label {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	cursor: pointer;
}
.check-box-label .fake {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
	position: relative;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	background: rgba(var(--rgb-white), 0.6);
	-webkit-box-shadow: inset 0 0 0 2px #170f29;
	        box-shadow: inset 0 0 0 2px #170f29;
}
.check-box-label .fake::after {
	content: "";
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	left: 8px;
	top: 4px;
	width: 6px;
	height: 10px;
	border: 2px solid #170f29;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.check-box-input {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.check-box-input:checked + .fake::after {
	opacity: 1;
}

.heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 45px;
}
@media screen and (max-width: 860px) {
	.heading {
		margin-bottom: 20px;
	}
}
.heading .icon {
	width: 80px;
	height: 80px;
	border-radius: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 30px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.heading .icon {
		width: 70px;
		height: 70px;
		font-size: 26px;
	}
}
.heading .icon.green {
	background-color: var(--bg-green-light);
	color: var(--color-green-dark);
}
.heading .icon.blue {
	background-color: var(--bg-blue-light);
	color: var(--bg-blue);
}
.heading .icon.gold {
	background-color: var(--bg-gold-light);
	color: var(--bg-gold);
}
.heading .icon.red {
	background-color: var(--bg-red-light);
}
.heading .icon img {
	max-width: 100%;
	height: auto;
}
.heading .title {
	font-weight: 700;
	font-size: 33px;
	text-transform: capitalize;
}
@media screen and (max-width: 767px) {
	.heading .title {
		font-size: 28px;
	}
}
.heading .date,
.heading .description {
	font-weight: 400;
	font-size: 13px;
	text-align: center;
	color: var(--color-black-gray);
	margin-top: 8px;
}
.heading .sub {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px;
	text-align: center;
}
@media screen and (max-width: 479px) {
	.heading .sub {
		font-size: 13px;
	}
}

.bottom-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 36px;
	padding-top: 15px;
	border-top: 1px solid var(--bg-garay-black);
	gap: 10px;
}
.bottom-form .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 10px;
	height: 40px;
	background: none;
	border: none;
	font-family: inherit;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 0 1px var(--color-black-smoke);
	        box-shadow: inset 0 0 0 1px var(--color-black-smoke);
	border-radius: 10px;
	overflow: hidden;
	color: var(--color-black);
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
	.bottom-form .btn:hover {
		background-color: var(--bg-gold);
	}
}
.bottom-form .btn.active {
	background-color: var(--bg-gold);
}

.bottom-more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 36px;
}
@media screen and (max-width: 767px) {
	.bottom-more {
		margin-top: 20px;
	}
}

.button-more {
	padding: 10px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 12px;
	max-width: 100%;
	aspect-ratio: 400/74;
	background: url("../images/border-custom.svg") no-repeat;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
	min-height: 74px;
	font-weight: 700;
	font-size: 16px;
	color: var(--color-black-smoke);
}
@media (hover: hover) {
	.button-more:hover svg {
		-webkit-transform: translate3d(3px, 0, 0);
		        transform: translate3d(3px, 0, 0);
	}
}
.button-more .icon {
	font-size: 10px;
	width: 20px;
	height: 20px;
	background-color: rgba(var(--rgb-gold-light), 0.4);
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: var(--bg-gold);
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}
.button-more svg {
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.section-spinner {
	padding: 30px 0 15px;
	background: url("../images/bg-spinner.svg") no-repeat;
	background-size: cover;
	min-height: 910px;
	min-height: 760px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
@media screen and (max-width: 860px) {
	.section-spinner {
		min-height: auto;
		padding: 50px 0 30px;
	}
}
.section-spinner::before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 13px;
	background: url("../images/spinner-bg-top.svg") center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-spinner::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background: url("../images/sun-burst.svg") center no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
}

.spinner-container {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 20px;
	padding: 0 80px;
}
@media screen and (max-width: 860px) {
	.spinner-container {
		padding: 0 10px;
		margin-bottom: 50px;
	}
}

.spinner-headline {
	border: 1px solid var(--bg-blue-primary);
	border-radius: 20px;
	padding: 20px 0;
	max-width: 590px;
	width: 100%;
	margin: 0 auto -20px;
	color: var(--color-white);
	background: var(--bg-blue-dark);
	position: relative;
}
@media screen and (max-width: 860px) {
	.spinner-headline {
		max-width: 94%;
	}
}
@media screen and (min-width: 861px) {
	.spinner-headline-games {
		max-width: 690px;
	}
}
.spinner-headline::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	width: 100%;
	height: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(76, 127, 255)), color-stop(70%, rgba(104, 147, 255, 0)), to(rgba(104, 147, 255, 0)));
	background: linear-gradient(to bottom, rgb(76, 127, 255) 0%, rgba(104, 147, 255, 0) 70%, rgba(104, 147, 255, 0) 100%);
	border-radius: 20px 20px 0 0;
}
.spinner-headline .hold {
	padding: 18px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	position: relative;
}
.spinner-headline .hold::before, .spinner-headline .hold::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	-webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
	        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.spinner-headline .hold::before {
	background: -webkit-gradient(linear, left top, right top, from(#0a0046), color-stop(50%, #648cfa), to(#0a0046));
	background: linear-gradient(90deg, #0a0046 0%, #648cfa 50%, #0a0046 100%);
}
.spinner-headline .hold::after {
	top: 6px;
	background: -webkit-gradient(linear, left top, right top, from(#000a38), color-stop(50%, #6e61ff), to(#000a38));
	background: linear-gradient(90deg, #000a38 0%, #6e61ff 50%, #000a38 100%);
}
.spinner-headline .title {
	font-weight: 700;
	font-size: 33px;
	text-align: center;
}
@media screen and (max-width: 860px) {
	.spinner-headline .title {
		font-size: 19px;
	}
}
.spinner-headline .wrap-list {
	margin-top: 10px;
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.spinner-headline .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	--opacity: .9;
	gap: 10px;
	padding: 0 5px;
	position: relative;
}
.spinner-headline .list::before, .spinner-headline .list::after {
	content: "";
	width: 34px;
	height: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-repeat: repeat-x;
	background-size: 24px 100%;
	background-position: 0 50%;
	-webkit-filter: blur(0.6px);
	        filter: blur(0.6px);
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(45%, #000), color-stop(15%, #000), to(transparent));
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 15%, transparent 100%);
	mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(45%, #000), color-stop(15%, #000), to(transparent));
	mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 15%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}
@media screen and (max-width: 860px) {
	.spinner-headline .list::before, .spinner-headline .list::after {
		width: 20px;
	}
}
.spinner-headline .list::before {
	right: 100%;
	background-image: url('data:image/svg+xml,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.96242 -1.487e-06L2.98364 7.95756L6.96242 15.8156L3.97833 15.8156L-0.000447015 7.95756L3.97833 -1.74787e-06L6.96242 -1.487e-06ZM19.9929 7.95756L23.9717 15.8156L20.9876 15.8156L17.0088 7.95756L20.9876 -2.60877e-07L23.9717 0L19.9929 7.95756ZM15.4173 -7.47845e-07L11.538 7.95756L15.4173 15.9151L12.4332 15.9151L8.5539 7.95756L12.4332 -1.00872e-06L15.4173 -7.47845e-07Z" fill="url(%23paint0_linear_441_6628)" /><defs><linearGradient id="paint0_linear_441_6628" x1="-51.0562" y1="-0.00398551" x2="24.0244" y2="-0.00397894" gradientUnits="userSpaceOnUse"><stop stop-color="%231139FF" stop-opacity="0" /><stop offset="0.5" stop-color="%231164FF" stop-opacity="0.2" /><stop offset="1" stop-color="%230509FF" /></linearGradient></defs></svg>');
	-webkit-animation: moveLeftFlow 10s linear infinite;
	        animation: moveLeftFlow 10s linear infinite;
}
.spinner-headline .list::after {
	left: 100%;
	background-image: url('data:image/svg+xml,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0093 15.9151L20.988 7.95757L17.0093 0.099483L19.9933 0.0994827L23.9721 7.95757L19.9933 15.9151L17.0093 15.9151ZM3.97878 7.95757L-1.38265e-06 0.0994844L2.98408 0.0994842L6.96286 7.95757L2.98409 15.9151L0 15.9151L3.97878 7.95757ZM8.55435 15.9151L12.4337 7.95757L8.55435 7.83522e-06L11.5384 7.57435e-06L15.4178 7.95757L11.5384 15.9151L8.55435 15.9151Z" fill="url(%23paint0_linear_441_6659)" /><defs><linearGradient id="paint0_linear_441_6659" x1="75.0279" y1="15.9191" x2="-0.0527173" y2="15.9191" gradientUnits="userSpaceOnUse"><stop stop-color="%231139FF" stop-opacity="0" /><stop offset="0.5" stop-color="%231164FF" stop-opacity="0.2" /><stop offset="1" stop-color="%230509FF" /></linearGradient></defs></svg>');
	-webkit-animation: moveRightFlow 10s linear infinite;
	        animation: moveRightFlow 10s linear infinite;
}
.spinner-headline .item {
	padding: 6px 10px 6px 8px;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	gap: 5px;
}
@media screen and (max-width: 520px) {
	.spinner-headline .list {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.spinner-headline .item {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 calc(50% - 5px);
		        flex: 0 0 calc(50% - 5px);
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}
}
.spinner-headline .icon {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-size: 16px;
}
.spinner-headline .icon.secondary {
	border-radius: 12px;
	overflow: hidden;
}
.spinner-headline .icon img {
	max-width: 42px;
	width: 100%;
	height: auto;
}
.spinner-headline .sub-text {
	text-align: center;
	margin-top: 15px;
	font-size: 12px;
	font-weight: 700;
}

.spinner {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
}
.spinner .hold {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	position: relative;
	padding: 20px 10px;
	min-height: 280px;
	border-radius: 20px;
	border: 1px solid var(--bg-blue-primary);
	background: -webkit-gradient(linear, left top, left bottom, from(#000515), color-stop(4.81%, #000935), color-stop(49.52%, #0040ff), color-stop(94.23%, #000d55), to(#000515));
	background: linear-gradient(180deg, #000515 0%, #000935 4.81%, #0040ff 49.52%, #000d55 94.23%, #000515 100%);
}
.spinner .hold::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	width: 100%;
	height: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(76, 127, 255)), color-stop(85%, rgba(104, 147, 255, 0)), to(rgba(104, 147, 255, 0)));
	background: linear-gradient(to bottom, rgb(76, 127, 255) 0%, rgba(104, 147, 255, 0) 85%, rgba(104, 147, 255, 0) 100%);
	border-radius: 20px 20px 0 0;
}
.spinner .hold::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 100%;
	height: 20px;
	border-radius: 0 0 20px 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(104, 147, 255, 0)), color-stop(15%, rgba(104, 147, 255, 0)), to(rgb(76, 127, 255)));
	background: linear-gradient(to bottom, rgba(104, 147, 255, 0) 0%, rgba(104, 147, 255, 0) 15%, rgb(76, 127, 255) 100%);
}
.spinner .before,
.spinner .after {
	width: 45px;
	height: 72px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	        transform: translate3d(0, -50%, 0);
}
@media screen and (max-width: 860px) {
	.spinner .before,
	.spinner .after {
		display: none;
	}
}
.spinner .before {
	right: calc(100% + 1px);
	background: url('data:image/svg+xml,<svg width="45" height="72" viewBox="0 0 45 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45 4H33C31.3431 4 30 5.34315 30 7V65C30 66.6569 31.3431 68 33 68H45V4Z" fill="url(%23paint0_linear_231_897)"/><path d="M30 13H3C1.34315 13 0 14.3431 0 16V56C0 57.6569 1.34315 59 3 59H30V13Z" fill="url(%23paint1_linear_231_897)"/><defs><linearGradient id="paint0_linear_231_897" x1="37.5" y1="4" x2="37.5" y2="68" gradientUnits="userSpaceOnUse"><stop stop-color="%23AAAAAA"/><stop offset="0.245192" stop-color="%23D9D9D9"/><stop offset="0.5" stop-color="%23F4F4F4"/><stop offset="0.75" stop-color="%23D9D9D9"/><stop offset="1" stop-color="%23898989"/></linearGradient><linearGradient id="paint1_linear_231_897" x1="15" y1="13" x2="15" y2="59" gradientUnits="userSpaceOnUse"><stop stop-color="%23AAAAAA"/><stop offset="0.245192" stop-color="%23D9D9D9"/><stop offset="0.5" stop-color="%23F4F4F4"/><stop offset="0.75" stop-color="%23D9D9D9"/><stop offset="1" stop-color="%23898989"/></linearGradient></defs></svg>') no-repeat;
}
.spinner .after {
	left: calc(100% + 1px);
	background: url('data:image/svg+xml,<svg width="45" height="74" viewBox="0 0 45 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6H12C13.6569 6 15 7.34315 15 9V67C15 68.6569 13.6569 70 12 70H0V6Z" fill="url(%23paint0_linear_231_1320)"/><path d="M15 14H42C43.6569 14 45 15.3431 45 17V57C45 58.6569 43.6569 60 42 60H15V14Z" fill="url(%23paint1_linear_231_1320)"/><defs><linearGradient id="paint0_linear_231_1320" x1="7.5" y1="6" x2="7.5" y2="70" gradientUnits="userSpaceOnUse"><stop stop-color="%23AAAAAA"/><stop offset="0.245192" stop-color="%23D9D9D9"/><stop offset="0.5" stop-color="%23F4F4F4"/><stop offset="0.75" stop-color="%23D9D9D9"/><stop offset="1" stop-color="%23898989"/></linearGradient><linearGradient id="paint1_linear_231_1320" x1="30" y1="14" x2="30" y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="%23AAAAAA"/><stop offset="0.245192" stop-color="%23D9D9D9"/><stop offset="0.5" stop-color="%23F4F4F4"/><stop offset="0.75" stop-color="%23D9D9D9"/><stop offset="1" stop-color="%23898989"/></linearGradient></defs></svg>') no-repeat;
}
.spinner .handle {
	background: url('data:image/svg+xml,<svg width="37" height="135" viewBox="0 0 37 135" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5938 29.264L21.5557 30.1356L12.4043 134.736L2.4424 133.864L11.5938 29.264Z" fill="url(%23paint0_linear_2017_17193)"/><circle cx="18.5" cy="18.5" r="18.5" fill="url(%23paint1_radial_2017_17193)"/><defs><linearGradient id="paint0_linear_2017_17193" x1="17.3867" y1="77.7869" x2="7.4248" y2="76.9154" gradientUnits="userSpaceOnUse"><stop stop-color="%23737373"/><stop offset="0.245192" stop-color="%23D9D9D9"/><stop offset="0.5" stop-color="%23F4F4F4"/><stop offset="0.75" stop-color="%23D9D9D9"/><stop offset="1" stop-color="%23737373"/></linearGradient><radialGradient id="paint1_radial_2017_17193" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.5 18.5) rotate(90) scale(18.5)"><stop stop-color="%23FF6767"/><stop offset="1" stop-color="%23751B00"/></radialGradient></defs></svg>') no-repeat;
	position: absolute;
	bottom: 54px;
	right: -12px;
	width: 37px;
	height: 134px;
	cursor: pointer;
	-webkit-transition: height 0.1s, -webkit-transform 0.1s linear;
	transition: height 0.1s, -webkit-transform 0.1s linear;
	transition: transform 0.1s linear, height 0.1s;
	transition: transform 0.1s linear, height 0.1s, -webkit-transform 0.1s linear;
	will-change: transform;
	-webkit-transform-origin: bottom;
	        transform-origin: bottom;
	-webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
	        transform: translate3d(0, 0, 0) scale(1) rotate(0);
}
.spinner .handle.active {
	-webkit-transform: translate3d(-11px, 15px, 0) scale(1.1) rotate(-4deg);
	        transform: translate3d(-11px, 15px, 0) scale(1.1) rotate(-4deg);
	height: 37px;
}
.spinner .frame {
	position: relative;
	padding: 25px 0 0;
	height: 100%;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.spinner .frame::before, .spinner .frame::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	-webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
	        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.spinner .frame::before {
	background: -webkit-gradient(linear, left top, right top, from(#0a0046), color-stop(50%, #648cfa), to(#0a0046));
	background: linear-gradient(90deg, #0a0046 0%, #648cfa 50%, #0a0046 100%);
}
.spinner .frame::after {
	top: 10px;
	background: -webkit-gradient(linear, left top, right top, from(#000a38), color-stop(50%, #6e61ff), to(#000a38));
	background: linear-gradient(90deg, #000a38 0%, #6e61ff 50%, #000a38 100%);
}
.spinner .wrap {
	position: relative;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	padding-bottom: 25px;
	min-width: 1px;
}
.spinner .wrap::before, .spinner .wrap::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	-webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
	        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.spinner .wrap::before {
	bottom: 10px;
	background: -webkit-gradient(linear, left top, right top, from(#0a0046), color-stop(50%, #648cfa), to(#0a0046));
	background: linear-gradient(90deg, #0a0046 0%, #648cfa 50%, #0a0046 100%);
}
.spinner .wrap::after {
	background: -webkit-gradient(linear, left top, right top, from(#000a38), color-stop(50%, #6e61ff), to(#000a38));
	background: linear-gradient(90deg, #000a38 0%, #6e61ff 50%, #000a38 100%);
}

@-webkit-keyframes moveLeftFlow {
	from {
		background-position: 0 50%;
	}
	to {
		background-position: -141px 50%;
	}
}

@keyframes moveLeftFlow {
	from {
		background-position: 0 50%;
	}
	to {
		background-position: -141px 50%;
	}
}
@-webkit-keyframes moveRightFlow {
	from {
		background-position: 0 50%;
	}
	to {
		background-position: 141px 50%;
	}
}
@keyframes moveRightFlow {
	from {
		background-position: 0 50%;
	}
	to {
		background-position: 141px 50%;
	}
}
.clip-text {
	position: absolute;
	bottom: calc(100% + 110px);
	left: calc(100% - 15px);
}
@media screen and (max-width: 1440px) {
	.clip-text {
		display: none;
	}
}

.spin-slot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	background-color: var(--bg-black-primary);
	padding: 10px;
	border-radius: 10px;
}
@media screen and (max-width: 479px) {
	.spin-slot {
		gap: 2px;
	}
}
.spin-slot .slot {
	position: relative;
	width: 33.333%;
}
.spin-slot .slot:first-child::before {
	display: none;
}
.spin-slot .slot::before {
	content: "";
	background: -webkit-gradient(linear, left top, left bottom, from(#020c36), color-stop(50%, #0132cd), to(#020c36)) no-repeat;
	background: linear-gradient(180deg, #020c36 0%, #0132cd 50%, #020c36 100%) no-repeat;
	width: 10px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -10px;
	bottom: 0;
}
@media screen and (max-width: 479px) {
	.spin-slot .slot::before {
		width: 2px;
		left: -2px;
	}
}
.spin-slot .slot[data-attr-primary-slot=true] {
	cursor: pointer;
}
.spin-slot .slot-video {
	aspect-ratio: 16/9;
	overflow: hidden;
	position: relative;
}
.spin-slot .video {
	border-radius: 10px;
	overflow: hidden;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	will-change: transform;
	-webkit-transition: -webkit-transform 1s ease-in-out;
	transition: -webkit-transform 1s ease-in-out;
	transition: transform 1s ease-in-out;
	transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}
.spin-slot .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.spin-slot .box::before, .spin-slot .box::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.spin-slot .box::before {
	background: url("../images/bg-slot.svg") no-repeat;
	background-size: cover;
}
.spin-slot .box::after {
	background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(24.52%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), to(#000));
	background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 24.52%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, #000 100%);
	z-index: 3;
}
.spin-slot .box span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.spin-slot .search-match-rant-spin img,
.spin-slot .search-match-rant-spin picture,
.spin-slot .search-match-rant-spin video,
.spin-slot .udance-spin img,
.spin-slot .udance-spin picture,
.spin-slot .udance-spin video,
.spin-slot .three-words-spin img,
.spin-slot .three-words-spin picture,
.spin-slot .three-words-spin video,
.spin-slot .image-spin img,
.spin-slot .image-spin picture,
.spin-slot .image-spin video,
.spin-slot .video-spin img,
.spin-slot .video-spin picture,
.spin-slot .video-spin video,
.spin-slot .logo-spin img,
.spin-slot .logo-spin picture,
.spin-slot .logo-spin video {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	display: block;
	z-index: 2;
	position: relative;
}
.spin-slot .emoji-spin img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	z-index: 2;
	position: relative;
}
.spin-slot .search-match-rant-spin,
.spin-slot .three-words-spin,
.spin-slot .udance-spin,
.spin-slot .logo-spin {
	max-width: 35%;
}
.spin-slot .search-match-rant-spin,
.spin-slot .logo-hot {
	border-radius: 30%;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #b6b6b6;
	-webkit-box-shadow: 0 0 0px 2px #dcdcda;
	        box-shadow: 0 0 0px 2px #dcdcda;
}
.spin-slot .play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 76px;
	height: 76px;
	margin: auto;
	z-index: 2;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	background: url('data:image/svg+xml,<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-4" y="-4" width="84" height="84"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_663_17501_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_i_663_17501)" data-figma-bg-blur-radius="4"><rect width="76" height="76" rx="33" fill="white" fill-opacity="0.1"/><rect x="0.5" y="0.5" width="75" height="75" rx="32.5" stroke="url(%23paint0_linear_663_17501)"/><path d="M47.3357 40.2414C47.221 40.3572 46.7926 40.8465 46.3902 41.2529C44.0427 43.798 37.9134 47.9597 34.707 49.2333C34.2202 49.4365 32.9891 49.8691 32.3292 49.8997C31.6997 49.8997 31.0982 49.7533 30.5248 49.4649C29.8087 49.0608 29.2375 48.4228 28.9216 47.6713C28.7204 47.1514 28.4046 45.5894 28.4046 45.561C28.0908 43.8548 27.9199 41.0803 27.9199 38.0131C27.9199 35.0944 28.0908 32.4335 28.3483 30.6989C28.3764 30.6683 28.6923 28.7306 29.0363 28.0664C29.6659 26.8518 30.897 26.1003 32.2146 26.1003H32.3292C33.1882 26.1287 34.9926 26.8824 34.9926 26.9086C38.028 28.1822 44.0124 32.143 46.4183 34.7754C46.4183 34.7754 47.0977 35.4527 47.3919 35.8743C47.8506 36.4816 48.0799 37.2332 48.0799 37.9847C48.0799 38.8236 47.8225 39.6035 47.3357 40.2414Z" fill="%23FBFAF7"/></g><defs><filter id="filter0_i_663_17501" x="-4" y="-4" width="84" height="84" 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"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_663_17501"/></filter><clipPath id="bgblur_0_663_17501_clip_path" transform="translate(4 4)"><rect width="76" height="76" rx="33"/></clipPath><linearGradient id="paint0_linear_663_17501" x1="10" y1="10" x2="38" y2="38" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%237B7B7B"/></linearGradient></defs></svg>') no-repeat;
	background-size: contain;
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 33px;
	overflow: hidden;
}
@media screen and (max-width: 1280px) {
	.spin-slot .play {
		width: 50px;
		height: 50px;
		border-radius: 22px;
	}
}
@media screen and (max-width: 860px) {
	.spin-slot .play {
		width: 36px;
		height: 36px;
		border-radius: 15px;
	}
}

.three-words-spin,
.udance-spin {
	max-width: 120px;
}

.spinner-wrap-button {
	margin-top: 20px;
	position: relative;
}
@media screen and (max-width: 860px) {
	.spinner-wrap-button {
		padding: 0 55px;
	}
}
.spinner-wrap-button .btn-action {
	--height: 74px;
	--fz: 19px;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding: 5px 10px;
}
.spinner-wrap-button .btn-action span {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 4px;
}
.spinner-wrap-button .btn-action span::before, .spinner-wrap-button .btn-action span::after {
	content: "";
	max-width: 50%;
	width: 100%;
	height: 30px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-filter: blur(0.6px);
	        filter: blur(0.6px);
}
@media screen and (max-width: 568px) {
	.spinner-wrap-button .btn-action span::before, .spinner-wrap-button .btn-action span::after {
		max-width: 25%;
	}
}
@media screen and (max-width: 374px) {
	.spinner-wrap-button .btn-action span::before, .spinner-wrap-button .btn-action span::after {
		display: none;
	}
}
.spinner-wrap-button .btn-action span::before {
	right: 100%;
	background-image: url('data:image/svg+xml,<svg width="141" height="30" viewBox="0 0 141 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0716 29.8791L5.60184 14.9395L13.0716 0.186751L7.46929 0.18675L-0.000486975 14.9395L7.46928 29.8791L13.0716 29.8791ZM60.8782 29.8791L53.5951 14.9395L60.8782 0.186755L55.2758 0.186754L47.9928 14.9395L55.2758 29.8791L60.8782 29.8791ZM45.0049 29.8791L37.5351 14.9395L45.0049 0.186753L39.4026 0.186753L31.9328 14.9395L39.4026 29.8791L45.0049 29.8791ZM28.9449 29.8791L21.4751 14.9395L28.9449 0.186752L23.3425 0.186752L15.8728 14.9395L23.3425 29.8791L28.9449 29.8791ZM108.871 29.8791L101.402 14.9395L108.871 0.186759L103.269 0.186759L95.7994 14.9395L103.269 29.8791L108.871 29.8791ZM133.335 14.9395L140.805 0.186762L135.202 0.186761L127.733 14.9395L135.202 29.8791L140.805 29.8791L133.335 14.9395ZM76.9382 29.8791L69.4684 14.9395L76.9382 1.38658e-07L71.3358 -3.51113e-07L63.8661 14.9395L71.3358 29.8791L76.9382 29.8791ZM124.745 29.8791L117.462 14.9395L124.745 4.31804e-06L119.142 3.82827e-06L111.859 14.9395L119.142 29.8791L124.745 29.8791ZM92.8114 29.8791L85.3417 14.9395L92.8114 1.52634e-06L87.2091 1.03657e-06L79.7393 14.9395L87.2091 29.8791L92.8114 29.8791Z" fill="url(%23paint0_linear_231_1310)" /><defs><linearGradient id="paint0_linear_231_1310" x1="-0.0527802" y1="29.8865" x2="140.904" y2="29.8866" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFD711" /><stop offset="0.5" stop-color="%23FFD711" /><stop offset="1" stop-color="%23FFD711" /></linearGradient></defs></svg>');
	background-repeat: repeat-x;
	background-size: 143px 100%;
	background-position: 0 50%;
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(45%, #000), color-stop(15%, #000), to(transparent));
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 15%, transparent 100%);
	mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(45%, #000), color-stop(15%, #000), to(transparent));
	mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 15%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}
.spinner-wrap-button .btn-action span::after {
	left: 100%;
	background-image: url('data:image/svg+xml,<svg width="141" height="30" viewBox="0 0 141 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M127.733 29.8791L135.203 14.9395L127.733 0.186751L133.335 0.18675L140.805 14.9395L133.335 29.8791L127.733 29.8791ZM79.9265 29.8791L87.2095 14.9395L79.9265 0.186755L85.5289 0.186754L92.8119 14.9395L85.5289 29.8791L79.9265 29.8791ZM95.7998 29.8791L103.27 14.9395L95.7998 0.186753L101.402 0.186753L108.872 14.9395L101.402 29.8791L95.7998 29.8791ZM111.86 29.8791L119.33 14.9395L111.86 0.186752L117.462 0.186752L124.932 14.9395L117.462 29.8791L111.86 29.8791ZM31.9332 29.8791L39.403 14.9395L31.9332 0.186759L37.5356 0.186759L45.0053 14.9395L37.5356 29.8791L31.9332 29.8791ZM7.46977 14.9395L-2.59579e-06 0.186762L5.60233 0.186761L13.0721 14.9395L5.60233 29.8791L0 29.8791L7.46977 14.9395ZM63.8665 29.8791L71.3363 14.9395L63.8665 1.38658e-07L69.4688 -3.51113e-07L76.9386 14.9395L69.4688 29.8791L63.8665 29.8791ZM16.06 29.8791L23.343 14.9395L16.06 4.31804e-06L21.6623 3.82827e-06L28.9454 14.9395L21.6623 29.8791L16.06 29.8791ZM47.9932 29.8791L55.463 14.9395L47.9932 1.52634e-06L53.5956 1.03657e-06L61.0653 14.9395L53.5956 29.8791L47.9932 29.8791Z" fill="url(%23paint0_linear_231_1312)" /><defs><linearGradient id="paint0_linear_231_1312" x1="140.857" y1="29.8865" x2="-0.0989715" y2="29.8866" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFD711" /><stop offset="0.5" stop-color="%23FFD711" /><stop offset="1" stop-color="%23FFD711" /></linearGradient></defs></svg>');
	background-repeat: repeat-x;
	background-size: 143px 100%;
	background-position: 0 50%;
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(45%, #000), color-stop(15%, #000), to(transparent));
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 15%, transparent 100%);
	mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(45%, #000), color-stop(15%, #000), to(transparent));
	mask-image: linear-gradient(90deg, transparent 0%, #000 45%, #000 15%, transparent 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.before-button,
.after-button {
	width: 45px;
	height: 64px;
	position: absolute;
	top: 2px;
	display: none;
}
@media screen and (max-width: 860px) {
	.before-button,
	.after-button {
		display: block;
	}
}

.before-button {
	left: 15px;
	background: url('data:image/svg+xml,<svg width="45" height="74" viewBox="0 0 45 74" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="15" height="64" rx="3" transform="matrix(-1 0 0 1 45 6)" fill="url(%23paint0_linear_331_3097)" /><path d="M30 14H3C1.34315 14 0 15.3431 0 17V57C0 58.6569 1.34315 60 3 60H30V14Z" fill="url(%23paint1_linear_331_3097)" /><defs><linearGradient id="paint0_linear_331_3097" x1="7.5" y1="0" x2="7.5" y2="64" gradientUnits="userSpaceOnUse"><stop stop-color="%23CCCCCC" /><stop offset="0.245192" stop-color="%23D9D9D9" /><stop offset="0.5" stop-color="%23F4F4F4" /><stop offset="0.75" stop-color="%23D9D9D9" /><stop offset="1" stop-color="%232F2F2F" /></linearGradient><linearGradient id="paint1_linear_331_3097" x1="15" y1="14" x2="15" y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="%23CCCCCC" /><stop offset="0.245192" stop-color="%23D9D9D9" /><stop offset="0.5" stop-color="%23F4F4F4" /><stop offset="0.75" stop-color="%23D9D9D9" /><stop offset="1" stop-color="%230B0B0B" /></linearGradient></defs></svg>') no-repeat;
}

.after-button {
	right: 15px;
	background: url('data:image/svg+xml,<svg width="45" height="74" viewBox="0 0 45 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6H12C13.6569 6 15 7.34315 15 9V67C15 68.6569 13.6569 70 12 70H0V6Z" fill="url(%23paint0_linear_331_3104)" /><path d="M15 14H42C43.6569 14 45 15.3431 45 17V57C45 58.6569 43.6569 60 42 60H15V14Z" fill="url(%23paint1_linear_331_3104)" /><defs><linearGradient id="paint0_linear_331_3104" x1="7.5" y1="6" x2="7.5" y2="70" gradientUnits="userSpaceOnUse"><stop stop-color="%23AAAAAA" /><stop offset="0.245192" stop-color="%23D9D9D9" /><stop offset="0.5" stop-color="%23F4F4F4" /><stop offset="0.75" stop-color="%23D9D9D9" /><stop offset="1" stop-color="%23898989" /></linearGradient><linearGradient id="paint1_linear_331_3104" x1="30" y1="14" x2="30" y2="60" gradientUnits="userSpaceOnUse"><stop stop-color="%23AAAAAA" /><stop offset="0.245192" stop-color="%23D9D9D9" /><stop offset="0.5" stop-color="%23F4F4F4" /><stop offset="0.75" stop-color="%23D9D9D9" /><stop offset="1" stop-color="%23898989" /></linearGradient></defs></svg>') no-repeat;
}

.handle-button {
	background: url('data:image/svg+xml,<svg width="27" height="48" viewBox="0 0 27 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 18H19V48H9V18Z" fill="url(%23paint0_linear_2064_23835)"/><circle cx="13.5" cy="13.5" r="13.5" fill="url(%23paint1_radial_2064_23835)"/><defs><linearGradient id="paint0_linear_2064_23835" x1="19" y1="31.6667" x2="9" y2="31.6667" gradientUnits="userSpaceOnUse"><stop stop-color="%23737373"/><stop offset="0.245192" stop-color="%23D9D9D9"/><stop offset="0.5" stop-color="%23F4F4F4"/><stop offset="0.75" stop-color="%23D9D9D9"/><stop offset="1" stop-color="%23737373"/></linearGradient><radialGradient id="paint1_radial_2064_23835" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.5 13.5) rotate(90) scale(13.5)"><stop stop-color="%23FF6767"/><stop offset="1" stop-color="%23751B00"/></radialGradient></defs></svg>') no-repeat;
	position: absolute;
	bottom: 42px;
	right: 2px;
	width: 27px;
	height: 48px;
	cursor: pointer;
	-webkit-transition: height 0.1s, -webkit-transform 0.1s linear;
	transition: height 0.1s, -webkit-transform 0.1s linear;
	transition: transform 0.1s linear, height 0.1s;
	transition: transform 0.1s linear, height 0.1s, -webkit-transform 0.1s linear;
	will-change: transform;
	-webkit-transform-origin: bottom;
	        transform-origin: bottom;
	-webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
	        transform: translate3d(0, 0, 0) scale(1) rotate(0);
}
.handle-button.active {
	-webkit-transform: translate3d(0, 15px, 0) scale(1.1) rotate(0);
	        transform: translate3d(0, 15px, 0) scale(1.1) rotate(0);
	height: 27px;
}

[data-attr-handle] {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
[data-attr-handle] span::before {
	-webkit-animation: moveLeftFlow 6s linear infinite;
	        animation: moveLeftFlow 6s linear infinite;
}
[data-attr-handle] span::after {
	-webkit-animation: moveRightFlow 6s linear infinite;
	        animation: moveRightFlow 6s linear infinite;
}

[data-attr-handle=true] {
	cursor: pointer;
	-webkit-transition: height 0.1s, color 0.3s, -webkit-transform 0.1s linear, -webkit-filter 0.3s;
	transition: height 0.1s, color 0.3s, -webkit-transform 0.1s linear, -webkit-filter 0.3s;
	transition: transform 0.1s linear, height 0.1s, filter 0.3s, color 0.3s;
	transition: transform 0.1s linear, height 0.1s, filter 0.3s, color 0.3s, -webkit-transform 0.1s linear, -webkit-filter 0.3s;
}

[data-attr-handle=false] {
	cursor: not-allowed;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	color: #3f3f3f;
}
[data-attr-handle=false] span::before, [data-attr-handle=false] span::after {
	-webkit-animation-play-state: paused;
	        animation-play-state: paused;
}

.marquee-wrapper {
	overflow: hidden;
	background: rgba(6, 6, 14, 0.4);
	padding: 10px 0;
	position: relative;
	z-index: 2;
}

.marquee-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	-webkit-animation: scroll-left linear infinite;
	        animation: scroll-left linear infinite;
}
@media (hover: hover) {
	.marquee-track:hover {
		-webkit-animation-play-state: paused;
		        animation-play-state: paused;
	}
}
.marquee-track .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	border-radius: 20px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	max-width: 255px;
}
.marquee-track .image {
	border-radius: 30px;
	position: relative;
	width: 36px;
	height: 36px;
	overflow: hidden;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.marquee-track .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow: hidden;
}
.marquee-track .sup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	line-height: 1;
}
.marquee-track .sup span {
	border-radius: 5px;
	padding: 3px 5px;
	background-color: var(--bg-gray-dark);
	color: var(--color-white-smoke);
	font-size: 11px;
	white-space: nowrap;
}
.marquee-track .name {
	color: var(--color-gold);
	font-size: 11px;
	white-space: nowrap;
}

.marquee-track .message {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	color: var(--color-white-smoke);
}

@-webkit-keyframes scroll-left {
	from {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

@keyframes scroll-left {
	from {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}
.slide {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
}

.section-subscribe {
	padding: 50px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecf4ff), to(#ccd3e8));
	background: linear-gradient(180deg, #ecf4ff 0%, #ccd3e8 100%);
	position: relative;
}
@media screen and (max-width: 1000px) {
	.section-subscribe {
		background: none;
		padding: 26px 0 0;
	}
}
.section-subscribe::before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 13px;
	background: url("../images/subscribe-bg-bottom.svg") center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-subscribe .holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 25px 50px;
}
@media screen and (max-width: 1000px) {
	.section-subscribe .holder {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.section-subscribe .column {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
@media screen and (max-width: 1000px) {
	.section-subscribe .column:not(.secondary) {
		padding: 25px;
		border-radius: 10px;
		background: -webkit-gradient(linear, left top, left bottom, from(#ecf4ff), to(#ccd3e8));
		background: linear-gradient(180deg, #ecf4ff 0%, #ccd3e8 100%);
	}
}
@media screen and (max-width: 860px) {
	.section-subscribe .column:not(.secondary) {
		padding: 20px;
	}
}
@media screen and (max-width: 568px) {
	.section-subscribe .column:not(.secondary) {
		padding: 10px;
	}
}
@media screen and (max-width: 1000px) {
	.section-subscribe .column {
		width: 100%;
	}
}
.section-subscribe .column.secondary {
	min-width: 1px;
	max-width: 500px;
}
@media screen and (max-width: 1024px) {
	.section-subscribe .column.secondary {
		max-width: 390px;
	}
}
@media screen and (max-width: 1000px) {
	.section-subscribe .column.secondary {
		max-width: 100%;
	}
}

.slider-subscribe {
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	background: url("../images/bg-subscribe.png") no-repeat;
	background-size: cover;
}
.slider-subscribe .swiper-pagination {
	bottom: 24px;
}
@media screen and (max-width: 860px) {
	.slider-subscribe .swiper-pagination {
		bottom: 12px;
	}
}
.slider-subscribe .swiper-pagination-bullet-active {
	background-color: var(--bg-white);
}

.card-subscribe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 56px 20px;
	gap: 14px;
	font-weight: 700;
	font-size: 28px;
}
@media screen and (max-width: 1024px) {
	.card-subscribe {
		font-size: 23px;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}
@media screen and (max-width: 1000px) {
	.card-subscribe {
		max-width: 500px;
		margin: 0 auto;
		padding: 40px 20px 50px;
	}
}
@media screen and (max-width: 860px) {
	.card-subscribe {
		padding: 40px 15px 32px;
	}
}
@media screen and (max-width: 374px) {
	.card-subscribe {
		font-size: 18px;
	}
}
.card-subscribe .icon {
	width: 110px;
	height: 110px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	border-radius: 20px;
	overflow: hidden;
}
@media screen and (max-width: 1024px) {
	.card-subscribe .icon {
		width: 100px;
		height: 100px;
	}
}
@media screen and (max-width: 374px) {
	.card-subscribe .icon {
		width: 75px;
		height: 75px;
	}
}
.card-subscribe .icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.card-subscribe span {
	font-size: 33px;
}
@media screen and (max-width: 1024px) {
	.card-subscribe span {
		font-size: 23px;
	}
}
@media screen and (max-width: 374px) {
	.card-subscribe span {
		font-size: 18px;
	}
}
.card-subscribe .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
@media screen and (max-width: 1024px) {
	.card-subscribe .info {
		width: calc(100% - 100px - 14px);
	}
}
.card-subscribe .tel {
	font-size: 23px;
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	max-width: 100%;
	padding: 10px;
	aspect-ratio: 240/48;
	background-image: url("../images/border-frame.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	white-space: nowrap;
}
@media screen and (max-width: 1024px) {
	.card-subscribe .tel {
		display: none;
	}
}
.card-subscribe .tel.hidden-tel {
	display: none;
	margin-top: 0;
}
@media screen and (max-width: 1024px) {
	.card-subscribe .tel.hidden-tel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}
}

.subscribe-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.subscribe-content .hold {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.subscribe-content .form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	gap: 16px;
}
@media screen and (max-width: 568px) {
	.subscribe-content .form {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.subscribe-content .wrapper-input {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 400px;
	width: 100%;
}
@media screen and (max-width: 1000px) {
	.subscribe-content .wrapper-input {
		max-width: 100%;
	}
}
.subscribe-content .wrap-field {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 12px;
}
.subscribe-content .wrap-field img {
	-ms-flex-item-align: end;
	    align-self: flex-end;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	height: 107px;
	-webkit-transform: translate3d(14px, 12px, 0);
	        transform: translate3d(14px, 12px, 0);
	display: none;
}
@media screen and (max-width: 568px) {
	.subscribe-content .wrap-field img {
		display: block;
	}
}
.subscribe-content .title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--bg-black);
	margin-bottom: 6px;
}
@media screen and (max-width: 568px) {
	.subscribe-content .title {
		font-size: 19px;
	}
}
.subscribe-content .desc {
	font-weight: 700;
	font-size: 15px;
	line-height: 1.5;
	color: var(--color-black-gray);
}
@media screen and (max-width: 568px) {
	.subscribe-content .desc {
		font-size: 13px;
	}
}
.subscribe-content .input {
	width: 100%;
	height: 50px;
	border: none;
	outline: none;
	border-radius: 10px;
	background: var(--bg-white);
	padding: 18px;
	font-family: inherit;
	color: var(--bg-black);
	font-weight: 700;
	font-size: 13px;
}
.subscribe-content .wrapper-button {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	max-width: 185px;
}
@media screen and (max-width: 568px) {
	.subscribe-content .wrapper-button {
		max-width: 100%;
		width: 100%;
		-ms-flex-negative: 1;
		    flex-shrink: 1;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
}
.subscribe-content .wrapper-button img {
	max-width: 182px;
	width: 100%;
	height: auto;
	margin-bottom: -10px;
}
@media screen and (max-width: 568px) {
	.subscribe-content .wrapper-button img {
		display: none;
	}
}

.social-box {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin-top: 15px;
}
@media screen and (max-width: 568px) {
	.social-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffecec), to(#cce4e8));
		background: linear-gradient(180deg, #ffecec 0%, #cce4e8 100%);
		border-radius: 10px;
		padding: 10px;
	}
}

.social-title {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-weight: 700;
	font-size: 15px;
	color: var(--bg-black);
	padding: 14px 0;
	margin-right: 10px;
}

@media screen and (max-width: 568px) {
	.social-title {
		font-size: 19px;
	}
}

.social-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 10px;
}
.social-list a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 0 1px rgb(255, 255, 255), inset 0 0 2px 2px rgba(0, 0, 0, 0.04);
	        box-shadow: inset 0 0 0 1px rgb(255, 255, 255), inset 0 0 2px 2px rgba(0, 0, 0, 0.04);
	background: rgba(0, 0, 0, 0.03);
	position: relative;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (hover: hover) {
	.social-list a:hover {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	.social-list a:hover img {
		-webkit-transform: scale(0.85);
		        transform: scale(0.85);
	}
}
.social-list a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: inherit;
	pointer-events: none;
	background: radial-gradient(55% 55% at 12% 88%, rgb(204, 211, 232) 0%, rgba(204, 211, 232, 0) 60%);
}
.social-list a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: inherit;
	pointer-events: none;
	background: radial-gradient(60% 60% at 82% 12%, rgb(204, 211, 232) 0%, rgba(204, 211, 232, 0) 60%);
}
.social-list img {
	position: relative;
	z-index: 2;
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.section-auth {
	padding: 50px 0;
	position: relative;
}
@media screen and (max-width: 860px) {
	.section-auth {
		padding: 20px 0;
	}
}
.section-auth::before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 13px;
	background: url("../images/subscribe-bg-bottom.svg") center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-auth .holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 10px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.section-auth .button {
	background-color: var(--bg-black);
	border-radius: 10px;
	color: var(--color-white-smoke);
	padding: 17px;
	line-height: 1.25;
	border: none;
	cursor: pointer;
	font-family: inherit;
	min-width: 170px;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	-webkit-transform: scale(1);
	        transform: scale(1);
	will-change: transform;
	-webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
	transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
	transition: box-shadow 0.3s, transform 0.3s;
	transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
}
@media screen and (min-width: 1025px) {
	.section-auth .button:hover {
		-webkit-transform: scale(0.98);
		        transform: scale(0.98);
	}
}
.section-auth .button.primary {
	background-color: var(--bg-blue);
	-webkit-box-shadow: inset 0 0 0 2px var(--bg-blue-secondary);
	        box-shadow: inset 0 0 0 2px var(--bg-blue-secondary);
}

.pagination-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 36px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-weight: 700;
	font-size: 16px;
}
.pagination-list:first-child {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.pagination-list {
		margin-top: 20px;
	}
}
.pagination-list .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
@media screen and (max-width: 1160px) {
	.pagination-list .list .item {
		display: none;
	}
}
@media screen and (max-width: 1160px) {
	.pagination-list .list .item.active {
		display: block;
		margin: 0;
	}
}
.pagination-list .list .item.active a {
	pointer-events: none;
	background-color: var(--bg-gold);
}
.pagination-list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 10px;
	height: 50px;
	min-width: 50px;
	-webkit-box-shadow: inset 0 0 0 1px var(--color-black-smoke);
	        box-shadow: inset 0 0 0 1px var(--color-black-smoke);
	border-radius: 10px;
	overflow: hidden;
}
.pagination-list .list a {
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
	.pagination-list .list a:hover {
		background-color: var(--bg-gold);
	}
}
.pagination-list .item.pager {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (hover: hover) {
	.pagination-list .item.pager:hover:first-child svg {
		-webkit-transform: translate3d(-3px, 0, 0);
		        transform: translate3d(-3px, 0, 0);
	}
	.pagination-list .item.pager:hover:last-child svg {
		-webkit-transform: translate3d(3px, 0, 0);
		        transform: translate3d(3px, 0, 0);
	}
}
.pagination-list .item.pager svg {
	font-size: 10px;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
.pagination-list .item.pager a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	padding: 10px;
	min-width: 50px;
	width: auto;
}
@media screen and (max-width: 480px) {
	.pagination-list .item.pager a {
		padding: 10px 15px;
	}
}
@media screen and (max-width: 1160px) {
	.pagination-list .item.pager span {
		display: none;
	}
}
.pagination-list .item.pager:first-child {
	margin-right: 20px;
}
.pagination-list .item.pager:last-child {
	margin-left: 20px;
}
.pagination-list .dots a, .pagination-list .dots span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 10px;
	background-color: var(--color-white-smoke);
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-width: 50px;
	padding: 0 5px;
	height: 100%;
}
.pagination-list .icon {
	font-size: 10px;
	width: 20px;
	height: 20px;
	background-color: rgba(var(--rgb-gold-light), 0.4);
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: var(--bg-gold);
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}

.cards {
	--flex-gap: 20px;
	--flex-items: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: var(--flex-gap);
	color: var(--color-black);
}
@media screen and (max-width: 767px) {
	.cards {
		--flex-items: 1;
	}
}
.cards .card {
	width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));
	padding: 10px 14px 10px 10px;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecf4ff), to(#ccd3e8));
	background: linear-gradient(180deg, #ecf4ff 0%, #ccd3e8 100%);
	gap: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.cards .card.full {
	width: 100%;
}
.cards .icon {
	max-width: 200px;
	width: 100%;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
@media screen and (max-width: 1024px) {
	.cards .icon {
		max-width: 150px;
	}
}
@media screen and (max-width: 767px) {
	.cards .icon {
		max-width: 100px;
	}
}
.cards .icon img {
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
.cards .content {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	font-weight: 700;
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 8px;
}
@media screen and (max-width: 767px) {
	.cards .content {
		gap: 5px;
	}
}
.cards .title {
	font-size: 23px;
	line-height: 1.3;
}
@media screen and (max-width: 1024px) {
	.cards .title {
		font-size: 18px;
	}
}
@media screen and (max-width: 479px) {
	.cards .title {
		font-size: 16px;
	}
}
.cards .desc {
	line-height: 1.5;
	color: var(--color-black-gray);
}

.text-content {
	margin-top: 20px;
	padding-top: 50px;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
}

.custom-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 30px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	counter-reset: counter;
}
@media screen and (max-width: 479px) {
	.custom-list {
		font-size: 13px;
	}
}
.custom-list .item {
	counter-increment: counter;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
.custom-list .item::before {
	content: counter(counter);
	min-width: 20px;
	height: 20px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	border-radius: 5px;
	font-weight: 700;
	background-color: var(--bg-blue-light);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 4px;
}
.custom-list h3 {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 5px;
}

.section-columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}
@media screen and (max-width: 860px) {
	.section-columns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
}
.section-columns .column {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
@media screen and (max-width: 860px) {
	.section-columns .column {
		width: 100%;
	}
}

.column-holder {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.column-holder .slider-subscribe {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}

.inform-block {
	position: relative;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
@media screen and (max-width: 860px) {
	.inform-block {
		max-width: 390px;
		margin: 0 auto;
	}
}
.inform-block img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	margin: auto;
	pointer-events: none;
}
@media screen and (max-width: 860px) {
	.inform-block img {
		position: static;
	}
}
.inform-block img.img-primary {
	max-width: 125%;
	-webkit-transform: translateY(10%);
	        transform: translateY(10%);
}
@media screen and (max-width: 860px) {
	.inform-block img.img-primary {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
		max-width: 120%;
		margin-bottom: -25%;
	}
}
@media screen and (max-width: 860px) {
	.inform-block img.img-secondary {
		margin: -10% 0;
	}
}

.alignright {
	text-align: right;
}

.section-secondary {
	background-color: var(--bg-gold-primary);
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	margin: 18px 0 4px;
	padding: 108px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (max-width: 1480px) {
	.section-secondary {
		padding: 60px 0;
	}
}
@media screen and (max-width: 860px) {
	.section-secondary {
		padding: 40px 0;
	}
}

/** form auth */
.form-field {
	max-width: 560px;
	width: 100%;
	margin: 0 auto;
	border-radius: 20px;
	padding: 2px;
	-webkit-box-shadow: 0 4px 4px 0 rgba(var(--rgb-black), 0.25);
	        box-shadow: 0 4px 4px 0 rgba(var(--rgb-black), 0.25);
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(253, 217, 3)), to(rgb(255, 202, 49)));
	background: linear-gradient(to bottom, rgb(253, 217, 3) 0%, rgb(255, 202, 49) 100%);
}
.form-field .form {
	background-color: var(--bg-white);
	border-radius: 18px;
	overflow: hidden;
	padding: 30px 20px;
}
.form-field .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 22px 0;
	position: relative;
}
.form-field .accept {
	background-color: var(--bg-white);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.form-field .headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 10px;
}
.form-field .icon {
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 30px;
	width: 80px;
	height: 80px;
	background-color: var(--bg-green-light);
	color: var(--color-green-dark);
}
@media screen and (max-width: 860px) {
	.form-field .icon {
		width: 70px;
		height: 70px;
		font-size: 30px;
	}
}
.form-field .title {
	font-weight: 700;
	font-size: 33px;
}
@media screen and (max-width: 860px) {
	.form-field .title {
		font-size: 30px;
	}
}
@media screen and (max-width: 479px) {
	.form-field .title {
		font-size: 28px;
	}
}
.form-field .desc {
	color: var(--color-black-gray);
	margin-top: 5px;
}
.form-field .row {
	margin-top: 15px;
}
.form-field .row:first-child {
	margin-top: 0;
}
.form-field .row.error .wrap-field-textarea,
.form-field .row.error .wrap-field {
	border-color: var(--color-red-light);
}
.form-field .row.error .error-hidden {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.form-field .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}
.form-field .col {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.form-field .col.second {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.form-field .wrap-field-textarea,
.form-field .wrap-field {
	position: relative;
	border: 1px solid rgba(var(--rgb-black), 0.5);
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	padding: 16px 15px;
	height: 50px;
}
.form-field .wrap-field-textarea svg,
.form-field .wrap-field svg {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-size: 16px;
}
.form-field .wrap-field-textarea {
	height: 100px;
}
.form-field .input {
	border: none;
	background: none;
	width: 100%;
	height: 100%;
	font-family: inherit;
	font-weight: 700;
	font-size: 13px;
}
.form-field .message {
	border: none;
	background: none;
	width: 100%;
	height: 100%;
	resize: none;
	margin: 0;
	display: block;
	font-family: inherit;
	font-weight: 700;
	font-size: 13px;
	padding: 0;
}
.form-field .button {
	width: 100%;
	font-family: inherit;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 18px;
	min-height: 54px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	cursor: pointer;
	color: var(--color-white);
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, right top, from(#3b60d3), to(#3b60d4));
	background: linear-gradient(90deg, #3b60d3 0%, #3b60d4 100%);
}
@media screen and (min-width: 1025px) {
	.form-field .button:hover {
		background: rgba(59, 96, 211, 0.94);
	}
}
.form-field .button.primary {
	font-size: 18px;
}
.form-field .button.dark {
	background: var(--bg-black);
}
@media screen and (min-width: 1025px) {
	.form-field .button.dark:hover {
		background: rgba(0, 0, 0, 0.86);
	}
}
.form-field .icon-google {
	background: url("../images/icon-google.svg") no-repeat;
	width: 32px;
	height: 32px;
}
@media screen and (min-width: 1025px) {
	.form-field a:hover {
		text-decoration: underline;
	}
}
.form-field .link {
	color: var(--color-active);
}

.btn-visibility {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	background: none;
	border: none;
	cursor: pointer;
}
.btn-visibility use + use {
	display: none;
}

.form-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px 0;
	font-size: 16px;
}
.form-title .sup {
	font-size: 19px;
	color: var(--color-gold);
}
.form-title .title {
	font-size: 34px;
}
@media screen and (max-width: 568px) {
	.form-title .title {
		font-size: 26px;
	}
}

.group-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 14px 0;
	text-align: center;
	line-height: 1.5;
}
.group-button .hr {
	font-weight: 500;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	position: relative;
}
.group-button .hr::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	        transform: translate3d(0, -50%, 0);
	background: rgba(var(--rgb-black), 0.25);
	height: 1px;
}
.group-button .hr span {
	position: relative;
	background-color: var(--bg-white);
	padding: 0 10px;
}
.group-button a {
	color: var(--color-active);
	text-decoration: underline;
}
.group-button a:hover {
	text-decoration: none;
}

.group-link {
	margin-top: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font-weight: 700;
}
.group-link a {
	color: var(--color-active);
}
@media screen and (min-width: 1025px) {
	.group-link a:hover {
		text-decoration: underline;
	}
}
.group-link a.link {
	color: var(--color-black);
}

.error-hidden {
	background-color: var(--bg-white);
	border-radius: 10px;
	padding: 4px 0;
	color: var(--color-red-light);
	display: none;
}

/** end form auth */
.checkbox-label {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}
.checkbox-label .checkbox {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
	position: relative;
	margin-right: 10px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 18px;
	height: 18px;
	border-radius: 5px;
	background: var(--bg-white);
	border: 1px solid rgba(var(--rgb-black), 0.5);
}
.checkbox-label .checkbox::after {
	content: "";
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	left: 5px;
	top: 2px;
	width: 4px;
	height: 8px;
	border: solid var(--bg-white);
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.checkbox-label span:not(.checkbox) {
	font-weight: 700;
	font-size: 13px;
	letter-spacing: -0.24px;
}
.checkbox-label a {
	text-decoration: underline;
}
@media screen and (min-width: 1025px) {
	.checkbox-label a:hover {
		text-decoration: none;
	}
}

.checkbox-input {
	display: none;
}
.checkbox-input:checked + .checkbox {
	background: var(--bg-blue-secondary);
	border: 1px solid var(--bg-blue-secondary);
}
.checkbox-input:checked + .checkbox::after {
	opacity: 1;
}

.twocolumns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
}
@media screen and (max-width: 1440px) {
	.twocolumns {
		gap: 30px;
	}
}
@media screen and (max-width: 991px) {
	.twocolumns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.twocolumns .column {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	min-width: 1px;
}
.twocolumns .column.second {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}

/** video page */
.video-player {
	margin-bottom: 15px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
@media screen and (max-width: 1024px) {
	.video-player {
		margin-bottom: 20px;
	}
}
.video-player img,
.video-player video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.video-tools {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 15px 0;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.4;
	color: var(--color-black-smoke);
}
.video-tools .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}
@media screen and (max-width: 1024px) {
	.video-tools .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.video-tools .col {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.video-tools .col.second {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
@media screen and (max-width: 1024px) {
	.video-tools .col.second {
		display: none;
	}
}
.video-tools .title {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	color: var(--color-black);
	margin-bottom: 10px;
}
.video-tools .group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 15px;
}
@media screen and (max-width: 640px) {
	.video-tools .group {
		width: 100%;
	}
}
.video-tools .btn {
	background-color: var(--color-white-smoke);
	-webkit-box-shadow: inset 0 0 0 1px #E2E7E3;
	        box-shadow: inset 0 0 0 1px #E2E7E3;
	border: none;
	cursor: pointer;
	font-family: inherit;
	height: 56px;
	position: relative;
	z-index: 2;
	padding: 2px;
	margin: 0 -1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (min-width: 1025px) {
	.video-tools .btn:hover {
		background-color: var(--color-dark-smoke);
	}
}
@media screen and (max-width: 1024px) {
	.video-tools .btn {
		-ms-flex-negative: 1;
		    flex-shrink: 1;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
}
.video-tools .btn:first-child {
	border-radius: 15px 0 0 15px;
}
.video-tools .btn:first-child span {
	border-radius: 14px 0 0 14px;
}
.video-tools .btn:last-child {
	border-radius: 0 15px 15px 0;
}
.video-tools .btn:last-child span {
	border-radius: 0 14px 14px 0;
}
.video-tools .btn span {
	padding: 0 9px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 7px;
}
@media screen and (max-width: 1024px) {
	.video-tools .btn span {
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}
.video-tools .btn .icon-film-primary,
.video-tools .btn .icon-smile,
.video-tools .btn .icon-film {
	width: 26px;
	height: 26px;
}
.video-tools .btn em {
	font-weight: 700;
	font-size: 14px;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	padding: 2px;
}
.video-tools .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 6px 30px;
}
@media screen and (max-width: 1024px) {
	.video-tools .list {
		-ms-flex-negative: 1;
		    flex-shrink: 1;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
}
@media screen and (max-width: 568px) {
	.video-tools .list {
		gap: 6px;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 0 5px;
	}
}
.video-tools .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	font-size: 13px;
	line-height: 1.2;
	font-weight: 500;
}
.video-tools .item .svg-icon {
	font-size: 17px;
	color: var(--color-black-gray);
}

.box-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}
.box-action .button {
	--color: #1e88e5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 8px 10px;
	cursor: pointer;
	background: none;
	font-family: inherit;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-weight: 700;
	font-size: 13px;
	border: 1px solid transparent;
	padding: 6px 12px;
	border-radius: 10px;
	background-color: var(--color-white-smoke);
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}
@media screen and (min-width: 1025px) {
	.box-action .button:hover {
		border-color: var(--color);
	}
}
@media screen and (max-width: 640px) {
	.box-action .button {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-negative: 1;
		    flex-shrink: 1;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		padding: 6px 8px;
		-ms-flex-preferred-size: 75px;
		    flex-basis: 75px;
	}
}
@media screen and (max-width: 374px) {
	.box-action .button {
		-ms-flex-preferred-size: 140px;
		    flex-basis: 140px;
	}
}
.box-action .button.red {
	--color: var(--color-red);
}
.box-action .button.green {
	--color: var(--color-green);
}
.box-action .button i {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	min-height: 30px;
	min-width: 30px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-position: center;
}
.box-action .icon-call,
.box-action .icon-heart,
.box-action .icon-share {
	background-size: contain;
	background-repeat: no-repeat;
}
.box-action .icon-heart {
	background: url('data:image/svg+xml,<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8175 0C12.0135 0 10.4275 0.914 9.5 2.2985C8.5725 0.914 6.9865 0 5.1825 0C2.3205 0 0 2.299 0 5.1345C0 10.2435 8.075 12.7055 9.5 16C10.925 12.7055 19 10.286 19 5.1345C19 2.299 16.6795 0 13.8175 0Z" fill="%23D72B25" /></svg>') no-repeat;
}
.box-action .icon-share {
	background: url('data:image/svg+xml,<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.05 12.1002L7.7 8.50018L17.05 4.90018C17.8 4.60018 18.2 3.75018 17.9 2.95018C17.6 2.20018 16.75 1.80018 15.95 2.10018L2.95 7.10018C2.4 7.30018 2 7.90018 2 8.50018C2 9.10018 2.4 9.70018 2.95 9.90018L15.95 14.9002C16.15 14.9502 16.3 15.0002 16.5 15.0002C17.1 15.0002 17.65 14.6502 17.9 14.0502C18.2 13.2502 17.8 12.4002 17.05 12.1002Z" fill="%231976D2" /><path d="M3.5 5C3.04037 5 2.58525 5.09053 2.16061 5.26642C1.73597 5.44231 1.35013 5.70012 1.02513 6.02513C0.700121 6.35013 0.442313 6.73597 0.266422 7.16061C0.0905302 7.58525 0 8.04037 0 8.5C0 8.95963 0.0905302 9.41475 0.266422 9.83939C0.442313 10.264 0.700121 10.6499 1.02513 10.9749C1.35013 11.2999 1.73597 11.5577 2.16061 11.7336C2.58525 11.9095 3.04037 12 3.5 12C3.95963 12 4.41475 11.9095 4.83939 11.7336C5.26403 11.5577 5.64987 11.2999 5.97487 10.9749C6.29988 10.6499 6.55769 10.264 6.73358 9.83939C6.90947 9.41475 7 8.95963 7 8.5C7 8.04037 6.90947 7.58525 6.73358 7.16061C6.55769 6.73597 6.29988 6.35013 5.97487 6.02513C5.64987 5.70012 5.26403 5.44231 4.83939 5.26642C4.41475 5.09053 3.95963 5 3.5 5ZM16.5 0C15.5717 0 14.6815 0.368749 14.0251 1.02513C13.3687 1.6815 13 2.57174 13 3.5C13 4.42826 13.3687 5.3185 14.0251 5.97487C14.6815 6.63125 15.5717 7 16.5 7C17.4283 7 18.3185 6.63125 18.9749 5.97487C19.6313 5.3185 20 4.42826 20 3.5C20 2.57174 19.6313 1.6815 18.9749 1.02513C18.3185 0.368749 17.4283 0 16.5 0ZM16.5 10C15.5717 10 14.6815 10.3687 14.0251 11.0251C13.3687 11.6815 13 12.5717 13 13.5C13 14.4283 13.3687 15.3185 14.0251 15.9749C14.6815 16.6313 15.5717 17 16.5 17C17.4283 17 18.3185 16.6313 18.9749 15.9749C19.6313 15.3185 20 14.4283 20 13.5C20 12.5717 19.6313 11.6815 18.9749 11.0251C18.3185 10.3687 17.4283 10 16.5 10Z" fill="%231E88E5" /></svg>') no-repeat;
}
.box-action .icon-call {
	background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1384_207589)"><path d="M24 12C24 8.95 21.55 6.5 18.5 6.5C15.45 6.5 13 8.95 13 12C13 13.35 13.45 14.55 14.25 15.5H9.75C10.55 14.55 11 13.35 11 12C11 8.95 8.55 6.5 5.5 6.5C2.45 6.5 0 8.95 0 12C0 15.05 2.45 17.5 5.5 17.5H19V17.45C21.8 17.2 24 14.85 24 12ZM2 12C2 10.05 3.55 8.5 5.5 8.5C7.45 8.5 9 10.05 9 12C9 13.95 7.45 15.5 5.5 15.5C3.55 15.5 2 13.95 2 12ZM18.5 15.5C16.55 15.5 15 13.95 15 12C15 10.05 16.55 8.5 18.5 8.5C20.45 8.5 22 10.05 22 12C22 13.95 20.45 15.5 18.5 15.5Z" fill="%234CAF50" /></g><defs><clipPath id="clip0_1384_207589"><rect width="24" height="24" fill="white" /></clipPath></defs></svg>') no-repeat;
}

.author-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 15px 30px;
}
@media screen and (max-width: 568px) {
	.author-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 15px;
	}
}
.author-wrap .author {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 10px;
	font-weight: 700;
	font-size: 13px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.author-wrap .author span {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.author-wrap .avatar {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: var(--bg-gold);
	font-size: 20px;
	color: rgba(var(--rgb-white), 0.8);
}
.author-wrap .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.author-wrap .group {
	display: none;
}
@media screen and (max-width: 1024px) {
	.author-wrap .group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}
}

.icon-film-primary,
.icon-spin,
.icon-smile,
.icon-film {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	-webkit-transform-origin: left;
	        transform-origin: left;
	-webkit-transform: rotateY(0);
	        transform: rotateY(0);
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}
@media screen and (max-width: 374px) {
	.icon-film-primary,
	.icon-spin,
	.icon-smile,
	.icon-film {
		max-width: 40px;
		width: 100%;
	}
}

.icon-film {
	background-image: url("../images/film.svg");
}

.icon-smile {
	background-image: url("../images/smile.svg");
}

.icon-spin {
	background-image: url("../images/spinner.png");
	background-size: contain;
	background-position: center;
	width: 44px;
}

.icon-film-primary {
	background-image: url("../images/logotype-thumb.png");
	background-size: contain;
	background-position: center;
}
@media screen and (max-width: 374px) {
	.icon-film-primary {
		max-width: 20px;
	}
}

.video-comments {
	max-width: 100%;
}

.comments-title {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 18px;
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
}
.comments-title .icon {
	width: 50px;
	height: 50px;
	background: var(--bg-green-light);
	color: var(--color-green-dark);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 50%;
	font-size: 25px;
}
.comments-title .count {
	color: var(--color-black-gray);
	margin-left: 6px;
	font-weight: 400;
	font-size: 13px;
}

/** end video page */
.alert-holder {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
}

.login-alert {
	color: var(--color-red);
	font-weight: 700;
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.login-alert div {
	background: var(--bg-rose);
	padding: 11px 15px;
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
}
.login-alert a {
	color: var(--color-red);
	text-decoration: underline;
}
@media screen and (min-width: 1025px) {
	.login-alert a:hover {
		text-decoration: none;
	}
}
.login-alert .icon {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-size: 20px;
}

.no-comments {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700;
	font-size: 13px;
}
.no-comments div {
	background: var(--bg-gray);
	padding: 10px 15px;
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
}
.no-comments .icon {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-size: 25px;
	color: var(--color-gray);
}

.comments {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 25px 0;
}

.comment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	border-radius: 20px;
}
.comment .bubble {
	padding: 14px;
	border-radius: 20px;
	padding: 10px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	background-color: var(--bg-gray);
}
.comment .avatar {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: var(--bg-gold);
	color: rgba(var(--rgb-white), 0.8);
	font-size: 20px;
}
.comment .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.comment .content {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
}
.comment .meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	font-size: 13px;
}
.comment .name {
	font-weight: 700;
}
.comment .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	font-size: 15px;
}
.comment .date svg {
	color: var(--color-black-gray);
}
.comment .date span {
	font-size: 11px;
}

.aside-spot {
	max-width: 300px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 13px;
}
@media screen and (max-width: 991px) {
	.aside-spot {
		max-width: 100%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}
.aside-spot .headline {
	font-size: 13px;
	color: var(--color-black-gray);
	text-align: center;
}

.promo-wrap {
	margin: 20px auto;
	max-width: 100%;
}
.promo-wrap .column,
.promo-wrap .column.second {
	display: block;
	width: 100%;
	max-width: 100%;
	flex: none;
	padding: 0;
	margin: 0;
}
.promo-wrap .aside-spot {
	max-width: 100%;
}
.promo-wrap .aside-spot .headline {
	font-size: 12px;
	color: var(--color-black-gray);
	text-transform: uppercase;
	letter-spacing: 0.6px;
	text-align: center;
	margin-bottom: 10px;
}
.promo-wrap .spot {
	margin: 0;
	line-height: 0;
}
.promo-wrap .spot a {
	display: block;
}
.promo-wrap .spot img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.promo-wrap.promo-row .aside-spot {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: space-between;
}
.promo-wrap.promo-row .aside-spot .headline {
	flex-basis: 100%;
}
.promo-wrap.promo-row .aside-spot .spot {
	flex: 1 1 240px;
	max-width: 320px;
}

.promo-wrap.promo-column {
	max-width: 300px;
}
.promo-wrap.promo-column .aside-spot {
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.promo-wrap.promo-compact .aside-spot {
	display: flex;
	flex-direction: row;
	gap: 8px;
	justify-content: center;
}
.promo-wrap.promo-compact .aside-spot .headline {
	display: none;
}
.promo-wrap.promo-compact .aside-spot .spot {
	flex: 1 1 0;
	max-width: 200px;
}
.promo-wrap.promo-compact .aside-spot .spot:not(:first-child) {
	display: none;
}
.promo-wrap.promo-compact .aside-spot .spot:nth-child(2) {
	display: block;
}

@media screen and (max-width: 640px) {
	.promo-wrap.promo-row .aside-spot {
		flex-direction: column;
		align-items: center;
	}
	.promo-wrap.promo-row .aside-spot .spot {
		max-width: 320px;
		width: 100%;
	}
}

.profile-card {
	position: relative;
	z-index: 2;
	width: 300px;
	padding: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 23px 50px 0 rgba(0, 0, 0, 0.1), 0 91px 91px 0 rgba(0, 0, 0, 0.09), 0 205px 123px 0 rgba(0, 0, 0, 0.05), 0 364px 146px 0 rgba(0, 0, 0, 0.01), 0 569px 159px 0 rgba(0, 0, 0, 0);
	        box-shadow: 0 23px 50px 0 rgba(0, 0, 0, 0.1), 0 91px 91px 0 rgba(0, 0, 0, 0.09), 0 205px 123px 0 rgba(0, 0, 0, 0.05), 0 364px 146px 0 rgba(0, 0, 0, 0.01), 0 569px 159px 0 rgba(0, 0, 0, 0);
	background: var(--bg-white-smoke);
	text-align: center;
}
@media screen and (max-width: 991px) {
	.profile-card {
		width: 100%;
	}
}

.avatar-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 15px;
}
.avatar-wrapper > * {
	position: relative;
}
.avatar-wrapper .avatar {
	width: 165px;
	height: 165px;
	padding: 6px;
	border-radius: 165px;
	border: 6px solid var(--bg-white);
	background: linear-gradient(135deg, #143ECA, #F7B700);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 18px 18px 0 rgba(0, 0, 0, 0.09), 0 41px 25px 0 rgba(0, 0, 0, 0.05), 0 73px 29px 0 rgba(0, 0, 0, 0.01), 0 113px 32px 0 rgba(0, 0, 0, 0);
	        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 18px 18px 0 rgba(0, 0, 0, 0.09), 0 41px 25px 0 rgba(0, 0, 0, 0.05), 0 73px 29px 0 rgba(0, 0, 0, 0.01), 0 113px 32px 0 rgba(0, 0, 0, 0);
	overflow: hidden;
}
.avatar-wrapper .avatar img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	-o-object-fit: cover;
	   object-fit: cover;
}

.avatar-edit {
	position: absolute;
	right: 0;
	bottom: 24px;
	width: 36px;
	height: 36px;
	border-radius: 20px;
	border: none;
	border-radius: 100%;
	background-color: rgba(var(--rgb-black), 0.4);
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
	        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
	color: var(--bg-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 17px;
	cursor: pointer;
}
.avatar-edit .avatar-input {
	display: none;
}

.user-info {
	margin-bottom: 24px;
	font-size: 13px;
	color: var(--color-black-gray);
	gap: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.user-info .nickname {
	font-size: 19px;
	font-weight: 700;
	word-break: break-all;
}
.user-info > div:not([class]) {
	word-break: break-all;
}
.user-info .more {
	border: none;
	background: none;
	color: var(--color-active);
	font-weight: 400;
	font-size: 13px;
	font-family: inherit;
	margin-top: 8px;
	cursor: pointer;
}
.user-info .more::after {
	content: attr(data-more);
}
.user-info .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	font-size: 11px;
	gap: 10px;
}

.coins-box {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--bg-garay-black);
	overflow: hidden;
}

.coins-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	height: 50px;
	padding: 0 16px;
	border-radius: 10px 10px 0 0;
	-webkit-box-shadow: inset 0 0 0 1px var(--color-black-gray);
	        box-shadow: inset 0 0 0 1px var(--color-black-gray);
	color: var(--color-white);
	font-size: 11px;
}
.coins-row .icon {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background-color: var(--bg-gold);
	-webkit-box-shadow: inset 0 0 0 2px var(--bg-gold-primary);
	        box-shadow: inset 0 0 0 2px var(--bg-gold-primary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.coins-row span {
	font-weight: 700;
	font-size: 16px;
	color: var(--color-black);
}

.btn-coins {
	width: 100%;
	border: none;
	height: 50px;
	border-radius: 0 0 10px 10px;
	padding: 0 16px;
	background: -webkit-gradient(linear, left top, right top, from(#3b60d3), to(#3b60d4));
	background: linear-gradient(90deg, #3b60d3 0%, #3b60d4 100%);
	color: var(--color-white);
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 8px;
	cursor: pointer;
	font-size: 20px;
}
.btn-coins span {
	font-size: 16px;
}

.profile-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	font-weight: 700;
	font-size: 16px;
	gap: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--bg-garay-black);
}
.profile-menu:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.profile-menu .link {
	width: 100%;
	border: none;
	background: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: left;
	gap: 20px;
	font: inherit;
	color: var(--color-black);
}
@media screen and (min-width: 1025px) {
	.profile-menu .link:hover .menu-icon {
		background-color: var(--bg-gold-light);
	}
}
.profile-menu .link.active .menu-icon {
	background-color: var(--bg-blue);
	color: var(--color-white);
}
.profile-menu span {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.profile-menu .new {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-weight: 400;
	font-size: 11px;
	background-color: var(--bg-gold);
	border-radius: 5px;
	padding: 3px;
}
.profile-menu svg {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.profile-menu svg.arrow {
	font-size: 12px;
}

.menu-icon {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 34px;
	        flex: 0 0 34px;
	height: 34px;
	border-radius: 999px;
	background-color: var(--bg-gold-lighter);
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 18px;
	color: var(--color-gold);
}

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

.profile-headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 15px 10px;
	margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
	.profile-headline {
		margin-bottom: 20px;
	}
}
.profile-headline .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 10px;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
@media screen and (max-width: 568px) {
	.profile-headline .group {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 10px;
		text-align: center;
		width: 100%;
	}
}
.profile-headline .icon {
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 30px;
	width: 80px;
	height: 80px;
}
@media screen and (max-width: 860px) {
	.profile-headline .icon {
		width: 70px;
		height: 70px;
	}
}
.profile-headline .icon.blue {
	background-color: var(--bg-blue-light);
	color: var(--color-active);
}
.profile-headline .icon.gold {
	background-color: var(--bg-gold-light);
	color: var(--bg-gold);
}
.profile-headline .icon.green {
	background-color: var(--bg-green-light);
	color: var(--color-green-dark);
}
.profile-headline .title {
	font-weight: 700;
	font-size: 33px;
}
@media screen and (max-width: 860px) {
	.profile-headline .title {
		font-size: 30px;
	}
}
@media screen and (max-width: 479px) {
	.profile-headline .title {
		font-size: 28px;
	}
}
.profile-headline .sub {
	color: var(--color-black-gray);
	margin-top: 5px;
}
.profile-headline .sorting {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
.profile-headline .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 10px;
	min-height: 40px;
	background: none;
	border: none;
	font-family: inherit;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 0 1px var(--color-black-smoke);
	        box-shadow: inset 0 0 0 1px var(--color-black-smoke);
	border-radius: 10px;
	overflow: hidden;
	color: var(--color-black);
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
	.profile-headline .btn:hover {
		background-color: var(--bg-gold);
	}
}

.comment-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 36px 0;
}

.comment-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
	background: var(--bg-gray);
	border-radius: 20px;
	gap: 15px;
	-webkit-transition: -webkit-box-shadow 0.3s;
	transition: -webkit-box-shadow 0.3s;
	transition: box-shadow 0.3s;
	transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
@media screen and (min-width: 1025px) {
	.comment-item:hover {
		-webkit-box-shadow: inset 0 0 0 1px var(--color-black-gray);
		        box-shadow: inset 0 0 0 1px var(--color-black-gray);
	}
	.comment-item:hover .panel-edit {
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

.comment-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 15px;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.comment-content .avatar {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	overflow: hidden;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
@media screen and (max-width: 374px) {
	.comment-content .avatar {
		width: 30px;
		height: 30px;
	}
}
.comment-content .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.comment-content .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 12px;
}
.comment-content .name-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 11px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.comment-content .name {
	font-weight: 700;
	font-size: 13px;
	color: #111;
}
.comment-content .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	font-size: 15px;
	color: var(--color-black-gray);
}
.comment-content .date span {
	font-size: 11px;
}
.comment-content .svg-icon {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.comment-content .text {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
}
@media screen and (max-width: 374px) {
	.comment-content .text {
		font-size: 14px;
	}
}

.name-video {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 700;
}
.name-video .svg-icon {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-item-align: center;
	    align-self: center;
}
.name-video span {
	font-size: 13px;
}
@media screen and (max-width: 374px) {
	.name-video span {
		font-size: 11px;
	}
}

.min-poster {
	max-width: 54px;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	display: none;
}
@media screen and (max-width: 640px) {
	.min-poster {
		display: block;
	}
}
@media screen and (max-width: 374px) {
	.min-poster {
		max-width: 35px;
	}
}
.min-poster img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.panel-edit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	padding: 4px 0;
	-webkit-transform: scale(0.98);
	        transform: scale(0.98);
	-webkit-transform-origin: bottom left;
	        transform-origin: bottom left;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 1024px) {
	.panel-edit {
		opacity: 1;
	}
}
.panel-edit .button {
	background: none;
	border: none;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	font-family: inherit;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
@media screen and (min-width: 1025px) {
	.panel-edit .button:hover {
		color: var(--color-active);
	}
}

.comment-aside {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	max-width: 190px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
@media screen and (max-width: 640px) {
	.comment-aside {
		width: auto;
	}
}
.comment-aside .link-wrap {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
@media screen and (max-width: 640px) {
	.comment-aside .link-wrap {
		display: none;
	}
}
.comment-aside .play {
	width: 36px;
	height: 36px;
}

.check-box-comment {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	cursor: pointer;
	margin-left: 10px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
@media screen and (max-width: 640px) {
	.check-box-comment {
		margin-left: 0;
	}
}
.check-box-comment .fake {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
	position: relative;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	background: rgba(var(--rgb-white), 0.6);
	-webkit-box-shadow: inset 0 0 0 2px #170f29;
	        box-shadow: inset 0 0 0 2px #170f29;
}
.check-box-comment .fake::after {
	content: "";
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	left: 8px;
	top: 4px;
	width: 6px;
	height: 10px;
	border: 2px solid #170f29;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.section-profile {
	padding: 30px 0 50px;
	position: relative;
	background: -webkit-gradient(linear, left top, right top, from(rgba(253, 170, 3, 0.85)), to(rgba(213, 0, 131, 0.85)));
	background: linear-gradient(to right, rgba(253, 170, 3, 0.85) 0%, rgba(213, 0, 131, 0.85) 100%);
}
.section-profile::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 13px;
	background: url("../images/line-bottom.svg") center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
}

.profile-user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	color: var(--color-white);
	text-align: center;
	max-width: 800px;
	width: 100%;
	line-height: 1.5;
	margin: 0 auto;
}
.profile-user .avatar {
	border: 6px solid rgba(255, 255, 255, 0.1);
	border-radius: 165px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 18px 18px 0 rgba(0, 0, 0, 0.09), 0 41px 25px 0 rgba(0, 0, 0, 0.05), 0 73px 29px 0 rgba(0, 0, 0, 0.01), 0 113px 32px 0 rgba(0, 0, 0, 0);
	        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 18px 18px 0 rgba(0, 0, 0, 0.09), 0 41px 25px 0 rgba(0, 0, 0, 0.05), 0 73px 29px 0 rgba(0, 0, 0, 0.01), 0 113px 32px 0 rgba(0, 0, 0, 0);
}
.profile-user .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 100%;
}
.profile-user .wrap {
	width: 165px;
	height: 165px;
	border-radius: 165px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 6px;
	background: linear-gradient(135deg, rgb(20, 62, 202) 0%, rgb(247, 183, 0) 100%);
}
.profile-user .name {
	font-weight: 700;
	font-size: 19px;
	position: relative;
	margin-top: 15px;
}
.profile-user .network {
	position: absolute;
	top: -4px;
	right: -10px;
	background-color: #13ff99;
	width: 9px;
	height: 9px;
	border-radius: 9px;
}
.profile-user .sub-name {
	font-size: 13px;
}
.profile-user .more {
	margin-top: 5px;
	background: none;
	border: none;
	cursor: pointer;
	font-family: inherit;
}
.profile-user .more::after {
	content: attr(data-more);
}
.profile-user .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 11px;
	gap: 10px;
	margin-top: 10px;
}
.profile-user .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 15px;
	margin-top: 15px;
	font-size: 24px;
}
.profile-user .group span {
	font-size: 16px;
}
.profile-user .col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	padding: 0 5px;
}
.profile-user .btn {
	background: var(--color-active);
	padding: 13px 10px;
	border-radius: 10px;
	font-size: 24px;
	font-family: "Inter", sans-serif;
	border: none;
	cursor: pointer;
	color: var(--color-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (min-width: 1025px) {
	.profile-user .btn:hover {
		-webkit-transform: scale(0.99);
		        transform: scale(0.99);
	}
}
.profile-user .btn:active {
	-webkit-transform: scale(0.97);
	        transform: scale(0.97);
}
.profile-user .btn.secondary {
	background: rgba(var(--rgb-green), 0.9);
}
.profile-user .btn[data-attr-handler-button=true] span::before {
	content: attr(data-attr-unfollow);
}
.profile-user .btn[data-attr-handler-button=true] .svg-icon use[href="#icon-user-remove"] {
	display: inline;
}
.profile-user .btn[data-attr-handler-button=false] span::before {
	content: attr(data-attr-follow);
}
.profile-user .btn[data-attr-handler-button=false] .svg-icon use[href="#icon-user-add"] {
	display: inline;
}
.profile-user .btn span {
	font-weight: 700;
	font-size: 16px;
	text-transform: capitalize;
}
.profile-user .btn .svg-icon.choice use {
	display: none;
}

.description-holder {
	margin-top: 10px;
}

.box-list {
	--flex-gap: 10px;
	--flex-items: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: var(--flex-gap);
}
@media screen and (max-width: 1160px) {
	.box-list {
		--flex-items: 2;
	}
}
@media screen and (max-width: 991px) {
	.box-list {
		--flex-items: 3;
	}
}
@media screen and (max-width: 767px) {
	.box-list {
		--flex-items: 2;
	}
}

.box-item {
	color: var(--color-black-gray);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 13px;
	line-height: 1.25;
	-webkit-transform-origin: top;
	        transform-origin: top;
	width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));
	border-radius: 0 0 20px 20px;
	padding: 20px 10px;
	-webkit-transform: rotateX(0);
	        transform: rotateX(0);
	text-align: center;
	-webkit-transition: -webkit-box-shadow 0.6s, -webkit-transform 0.6s;
	transition: -webkit-box-shadow 0.6s, -webkit-transform 0.6s;
	transition: box-shadow 0.6s, transform 0.6s;
	transition: box-shadow 0.6s, transform 0.6s, -webkit-box-shadow 0.6s, -webkit-transform 0.6s;
}
@media (hover: hover) {
	.box-item:hover {
		-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1), 0 30px 30px 0 rgba(0, 0, 0, 0.09), 0 50px 60px 0 rgba(0, 0, 0, 0.05), 0 100px 80px 0 rgba(0, 0, 0, 0.01), 0 100px 60px 0 rgba(0, 0, 0, 0);
		        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1), 0 30px 30px 0 rgba(0, 0, 0, 0.09), 0 50px 60px 0 rgba(0, 0, 0, 0.05), 0 100px 80px 0 rgba(0, 0, 0, 0.01), 0 100px 60px 0 rgba(0, 0, 0, 0);
		-webkit-transform: rotateX(5deg);
		        transform: rotateX(5deg);
	}
}
.box-item .avatar {
	position: relative;
	max-width: 165px;
	width: 100%;
	height: 100%;
	padding: 6px;
	border-radius: 165px;
	border: 6px solid var(--bg-white);
	background: linear-gradient(135deg, #143ECA, #F7B700);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 18px 18px 0 rgba(0, 0, 0, 0.09), 0 41px 25px 0 rgba(0, 0, 0, 0.05), 0 73px 29px 0 rgba(0, 0, 0, 0.01), 0 113px 32px 0 rgba(0, 0, 0, 0);
	        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 18px 18px 0 rgba(0, 0, 0, 0.09), 0 41px 25px 0 rgba(0, 0, 0, 0.05), 0 73px 29px 0 rgba(0, 0, 0, 0.01), 0 113px 32px 0 rgba(0, 0, 0, 0);
	overflow: hidden;
	margin-bottom: 15px;
	text-align: center;
}
.box-item .avatar .hold {
	background-color: var(--bg-gold);
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 165px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	color: #FFEDA8;
	font-size: 50px;
}
.box-item .avatar img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	-o-object-fit: cover;
	   object-fit: cover;
}
.box-item .avatar .svg-icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.box-item .check-box-label {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.box-item .name {
	font-weight: 700;
	font-size: 19px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box-item .email {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box-item .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 2px;
	margin-bottom: 10px;
	width: 100%;
}
.box-item .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
	.box-item .list {
		gap: 5px;
	}
}
.box-item .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 4px;
	font-size: 13px;
	color: var(--color-white-smoke);
	padding: 3px 5px;
	background: rgba(36, 36, 36, 0.8);
	border-radius: 5px;
}
.box-item .wrap.liked {
	border-radius: 15px;
	padding: 10px 15px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(37, 82, 234, 0.7)), to(rgba(20, 62, 202, 0.7)));
	background: linear-gradient(90deg, rgba(37, 82, 234, 0.7) 0%, rgba(20, 62, 202, 0.7) 100%);
}
@media screen and (max-width: 480px) {
	.box-item .wrap.liked {
		padding: 3px 5px;
		border-radius: 5px;
	}
}
.box-item .wrap.liked img {
	width: 20px;
	height: 20px;
}
@media screen and (max-width: 480px) {
	.box-item .wrap.liked img {
		width: 16px;
		height: 16px;
	}
}
.box-item .wrap.like {
	position: relative;
	padding-left: 15px;
	margin-left: 10px;
}
.box-item .wrap.like img {
	position: absolute;
	top: 0;
	left: -10px;
}
.box-item .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
}

.profile-edit {
	padding: 30px 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	background: var(--bg-white);
	border: 1px solid var(--bg-gold);
}
.profile-edit .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}
@media screen and (max-width: 480px) {
	.profile-edit .bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
}
.profile-edit .button {
	background: none;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	padding: 17px 45px;
	font-family: inherit;
	border: 1px solid #000;
	border-radius: 10px;
	min-width: 170px;
}
@media screen and (max-width: 480px) {
	.profile-edit .button {
		padding: 17px 10px;
	}
}
.profile-edit .button.secondary {
	border-color: var(--bg-blue-secondary);
	background-color: var(--bg-blue);
	color: var(--color-white);
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
	.profile-edit .button.secondary:hover {
		background-color: var(--bg-blue-secondary);
	}
}
.profile-edit .button:active {
	-webkit-transform: scale(0.99);
	        transform: scale(0.99);
}

.profile-content {
	--flex-gap: 20px;
	--flex-items: 2;
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 30px var(--flex-gap);
}
@media screen and (max-width: 480px) {
	.profile-content {
		--flex-items: 1;
	}
}
.profile-content label {
	font-weight: 700;
}
.profile-content .item {
	width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));
}
.profile-content .item.secondary {
	width: 100%;
}
.profile-content .row {
	margin-bottom: 10px;
}
.profile-content .row:last-child {
	margin-bottom: 0;
}
.profile-content .input {
	border: 0.015rem solid rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	padding: 15px;
	height: 50px;
	width: 100%;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.2;
}
.profile-content .message {
	border: 0.015rem solid rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	padding: 15px;
	height: 100px;
	resize: none;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.2;
	width: 100%;
	display: block;
}

.js-single {
	width: 100%;
}

.select2-container .select2-selection--single {
	height: 50px;
	border-radius: 10px;
	border: 0.015rem solid rgba(0, 0, 0, 0.5);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 48px;
	padding: 0 40px 0 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px;
	width: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	width: 8px;
	height: 8px;
	border: 1px solid #7E778E;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	margin-top: -5px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: #7E778E;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(-140deg);
	        transform: rotate(-140deg);
	margin-top: -2px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	font-weight: normal;
	font-size: 13px;
	color: var(--color-black-gray);
}

.select2-results__option {
	padding: 14px 15px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--bg-gold);
	color: var(--color-black);
}

.select2-dropdown {
	border-radius: 10px;
	overflow: hidden;
}

.chat-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 600px;
	position: relative;
	z-index: 2;
	border-radius: 20px;
	overflow: hidden;
	-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1), 0 30px 30px 0 rgba(0, 0, 0, 0.09), 0 50px 60px 0 rgba(0, 0, 0, 0.05), 0 100px 80px 0 rgba(0, 0, 0, 0.01), 0 100px 60px 0 rgba(0, 0, 0, 0);
	        box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1), 0 30px 30px 0 rgba(0, 0, 0, 0.09), 0 50px 60px 0 rgba(0, 0, 0, 0.05), 0 100px 80px 0 rgba(0, 0, 0, 0.01), 0 100px 60px 0 rgba(0, 0, 0, 0);
}
@media screen and (max-width: 1024px) {
	.chat-section.visible .aside {
		display: none;
	}
	.chat-section.visible .chat-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.chat-aside {
	max-width: 300px;
	width: 100%;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	background-color: var(--bg-gray-light-300);
}
@media screen and (max-width: 1024px) {
	.chat-aside {
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		overflow-y: auto;
	}
}
.chat-aside .title {
	padding: 5px 20px;
	font-weight: 700;
	font-size: 16px;
	color: var(--color-black-smoke);
	min-height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.search-aside {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	padding: 20px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.search-aside .wrap {
	background-color: var(--bg-white);
	border: 0.015rem solid rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.search-aside input {
	background: none;
	border: none;
	height: 44px;
	width: 100%;
	padding: 10px 15px;
	font-family: inherit;
	font-weight: 400;
	font-size: 13px;
	color: var(--color-black);
}
.search-aside .btn {
	padding: 10px 15px;
	border: none;
	background: none;
	position: relative;
	cursor: pointer;
	font-size: 20px;
	color: var(--color-black);
}
.search-aside .btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 24px;
	width: 1px;
	margin: auto 0;
	background-color: var(--color-black);
}

.wrapped-message {
	position: relative;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	border-radius: 0 0 0 20px;
	overflow: hidden;
}

.list-messages {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	overflow-y: auto;
}
@media screen and (max-width: 1024px) {
	.list-messages {
		overflow: inherit;
	}
}
.list-messages .item {
	padding: 12px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}
@media screen and (min-width: 1025px) {
	.list-messages .item:hover {
		background-color: var(--bg-gray-light-100);
	}
}
.list-messages .item.selected {
	background-color: var(--bg-gold);
	cursor: default;
}
.list-messages .item.selected .name span {
	color: var(--color-white);
}
.list-messages .item.selected .message {
	color: var(--color-white);
}
.list-messages .user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
}
.list-messages .avatar {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 40px;
	height: 40px;
	border-radius: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: var(--color-white);
	background-color: rgba(var(--rgb-black-gray), 0.2);
	font-size: 20px;
	position: relative;
	margin-right: 10px;
}
@media screen and (max-width: 1024px) {
	.list-messages .avatar {
		width: 50px;
		height: 50px;
	}
}
.list-messages .avatar span {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	border-radius: 10px;
}
@media screen and (max-width: 1024px) {
	.list-messages .avatar span {
		bottom: 2px;
		right: 2px;
	}
}
.list-messages .avatar span.network {
	background-color: var(--bg-green-lighter);
}
.list-messages img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 25px;
	overflow: hidden;
}
.list-messages .info {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow: hidden;
}
.list-messages .sup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 4px;
}
.list-messages .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow: hidden;
	color: var(--color-orange-dark);
}
.list-messages .name span {
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	color: var(--color-black);
	font-weight: 700;
	font-size: 13px;
}
.list-messages .time {
	margin-left: 10px;
	color: var(--color-black-smoke);
	font-size: 11px;
}
.list-messages .sub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
}
.list-messages .message {
	color: var(--color-black-smoke);
	font-family: inherit;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.list-messages .notify {
	background-color: var(--color-orange-dark);
	font-weight: 300;
	font-size: 12px;
	color: var(--color-white);
	width: 18px;
	height: 18px;
	border-radius: 10px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	overflow: hidden;
}

.chat-content {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	position: relative;
}
@media screen and (max-width: 1024px) {
	.chat-content {
		display: none;
	}
}

.message-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	padding: 5px 20px;
	min-height: 60px;
	background-color: var(--bg-white);
}
.message-head.show .btn-detail:before, .message-head.show .btn-detail:after,
.message-head.show .btn-detail span {
	background-color: var(--bg-blue);
}
.message-head.show .drop-detail {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 5px, 0) rotateY(0) scale(1);
	        transform: translate3d(0, 5px, 0) rotateY(0) scale(1);
}
.message-head .avatar {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 32px;
	height: 32px;
	position: relative;
	margin-right: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.message-head img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.message-content {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	font-size: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.message-content .primary {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	overflow: hidden;
	gap: 5px;
}
.message-content .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	color: var(--color-orange-dark);
}
.message-content .name a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--color-black);
	font-weight: 700;
	font-size: 13px;
}
.message-content .checked {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	margin-left: 5px;
}
.message-content .tag {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.message-content .tag a {
	color: var(--color-black-smoke);
}
@media screen and (min-width: 1025px) {
	.message-content .tag a:hover {
		text-decoration: underline;
	}
}
.message-content .secondary {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-left: 35px;
	position: relative;
}
.message-content .description {
	margin-bottom: 5px;
}

.btn-detail {
	width: 18px;
	background: none;
	cursor: pointer;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (min-width: 1025px) {
	.btn-detail:hover:before, .btn-detail:hover:after,
	.btn-detail:hover span {
		background-color: var(--bg-blue);
	}
}
.btn-detail:before, .btn-detail:after {
	content: "";
}
.btn-detail:before, .btn-detail:after,
.btn-detail span {
	display: block;
	background-color: var(--bg-brown-light);
	width: 3px;
	height: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.btn-detail:before,
.btn-detail span {
	margin-bottom: 3px;
}

.drop-detail {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 3;
	white-space: nowrap;
	padding: 15px;
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	background: rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0 0 0 2px var(--bg-gold);
	        box-shadow: 0 0 0 2px var(--bg-gold);
	color: var(--color-white);
	-webkit-transform-origin: right;
	        transform-origin: right;
	font-size: 24px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(5px, 0, 0) rotateY(45deg) scale(0.98);
	        transform: translate3d(5px, 0, 0) rotateY(45deg) scale(0.98);
	-webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
}
.drop-detail a {
	color: var(--color-gold);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
}
.drop-detail .item {
	margin-bottom: 20px;
}
.drop-detail .item:last-child {
	margin-bottom: 0;
}
.drop-detail .item span {
	font-weight: 700;
	font-size: 13px;
	color: var(--color-white);
}

.area-message {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	position: relative;
	min-height: 200px;
	background: url("../images/bg-chat.jpg");
}
.area-message .hold {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	overflow-y: auto;
	padding: 15px 20px;
}
.area-message .nano-content {
	padding: 15px 20px;
}

.row-message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin-bottom: 15px;
}
.row-message:last-child {
	margin-bottom: 0;
}
.row-message.second {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.row-message.second .head-message {
	font-size: 11px;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.row-message.second .avatar {
	width: 20px;
	height: 20px;
}
.row-message.second .name {
	font-weight: 400;
	font-size: 11px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.row-message.second .message {
	border-radius: 15px 0 15px 15px;
	background: var(--gradient-blue);
}
.row-message .wrap {
	max-width: 75%;
}
@media screen and (max-width: 767px) {
	.row-message .wrap {
		max-width: 100%;
	}
}
.row-message .message {
	border-radius: 5px 20px 20px 20px;
	padding: 15px 20px;
	background-color: var(--bg-darkness);
	color: var(--color-white);
	margin-top: 7px;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.4;
	gap: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.row-message .media {
	--flex-gap: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: var(--flex-gap);
}
.row-message .media img {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 10px;
}

.row-date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 15px;
}
.row-date span {
	font-size: 11px;
	color: var(--color-black-gray);
	border-radius: 20px;
	padding: 12px 15px;
	background-color: var(--bg-gray-light-500);
}

.head-message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
}
.head-message .avatar {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	overflow: hidden;
	background-color: rgba(var(--rgb-black-gray), 0.2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: var(--color-white);
}
.head-message img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.head-message .name {
	font-weight: 700;
	font-size: 13px;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.head-message .time {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-weight: 400;
	font-size: 11px;
}

.notify-typing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.notify-typing .typing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
}
.notify-typing .dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 3px;
}
.notify-typing .dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--color-orange-dark);
	-webkit-animation: bounce 0.6s ease-in-out infinite;
	        animation: bounce 0.6s ease-in-out infinite;
}
.notify-typing .dot:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;
}
.notify-typing .dot:nth-child(3) {
	-webkit-animation-delay: 0.4s;
	        animation-delay: 0.4s;
}
.notify-typing .avatar {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	overflow: hidden;
	color: var(--color-white);
	background-color: rgba(var(--rgb-black-gray), 0.2);
	font-size: 11px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.notify-typing .avatar img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.text-typing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 4px;
	font-size: 13px;
	line-height: 16px;
}
.text-typing span {
	font-size: 11px;
}

@-webkit-keyframes bounce {
	0%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-8px);
		        transform: translateY(-8px);
	}
}

@keyframes bounce {
	0%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-8px);
		        transform: translateY(-8px);
	}
}
.panel-message {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	background-color: var(--bg-white);
}
.panel-message .form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 20px;
	width: 100%;
	padding: 12px 20px;
	border-top: 1px solid var(--bg-gray-light-400);
}
.panel-message .col {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	position: relative;
}
.panel-message .col.second {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.panel-message .message {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: 100%;
	border: none;
	resize: none;
	display: block;
	height: 24px;
	font-size: 13px;
	line-height: 1.2;
	padding: 4px 0;
	background: none;
	overflow: auto;
	font-family: inherit;
	color: var(--color-black-gray);
}

.button-message {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	font-size: 24px;
	color: var(--color-darkness);
}
.button-message input[type=file] {
	display: none;
}
.button-message.primary {
	color: var(--bg-brown-light);
}
.button-message:active {
	-webkit-transform: scale(0.96);
	        transform: scale(0.96);
}

.nano > .nano-pane {
	background: transparent;
	border-radius: 0;
	width: 5px;
}

.nano > .nano-pane > .nano-slider {
	background: rgba(135, 135, 140, 0.5);
}

.modal-information {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background-color: rgba(var(--rgb-white), 0.9);
	padding: 30px;
	overflow: auto;
	display: none;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (max-width: 860px) {
	.modal-information {
		padding: 10px;
	}
}
.modal-information[data-attr-show-modal=true] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.modal-information .content {
	margin: auto;
	max-width: 600px;
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	background-color: var(--bg-white);
	-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
}
.modal-information .hold {
	position: relative;
	padding: 25px;
	border-radius: 18px;
}
.modal-information .btn {
	width: 100%;
	font-family: inherit;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 18px;
	min-height: 54px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	cursor: pointer;
	color: var(--color-white);
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, right top, from(#3b60d3), to(#3b60d4));
	background: linear-gradient(90deg, #3b60d3 0%, #3b60d4 100%);
}
@media screen and (min-width: 1025px) {
	.modal-information .btn:hover {
		background: rgba(59, 96, 211, 0.94);
	}
}
.modal-information .btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border: none;
	background: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: rgba(var(--rgb-black), 0.5);
}

.headling-title {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 8px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}

.headline-description {
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	color: #3e3e3e;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
}
.headline-description .small {
	font-size: 13px;
	color: rgba(0, 0, 0, 0.6);
}

.columns-info {
	--flex-gap: 10px;
	--flex-items: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 10px var(--flex-gap);
	margin-bottom: 20px;
}
@media screen and (max-width: 860px) {
	.columns-info {
		--flex-items: 1;
	}
}

.column-info {
	--opacity: .9;
	border-radius: 10px;
	padding: 8px 15px;
	position: relative;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	color: var(--color-white);
	font-weight: 700;
	min-height: 62px;
	font-size: 16px;
}
.column-info .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	max-width: 62px;
}
.column-info img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

[data-attr-modal-spin] {
	background-color: rgba(var(--rgb-blue), var(--opacity));
}

[data-attr-modal-comment] {
	background-color: var(--bg-brown);
}

[data-attr-modal-create] {
	background-color: rgba(var(--rgb-green), var(--opacity));
}
[data-attr-modal-create] .icon {
	max-width: 40px;
}

.text-notify {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 15px;
}
.text-notify svg {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	--icon-main: var(--bg-blue);
	--icon-main-dark: color-mix(in oklab, var(--bg-blue) 100%, black);
}
.text-notify p {
	font-size: 13px;
	padding: 2px 0;
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background: rgba(var(--rgb-black), 0.7);
	padding: 70px 30px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	touch-action: pan-y;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
}
@media screen and (max-width: 479px) {
	.popup {
		padding: 10px;
	}
}
.popup[data-attr-popup-primary-visible=true], .popup[data-attr-popup-secondary-visible=true] {
	opacity: 1;
	visibility: visible;
}
.popup[data-attr-popup-primary-visible=true] .holder, .popup[data-attr-popup-secondary-visible=true] .holder {
	-webkit-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.popup .holder {
	margin: auto;
	max-width: 660px;
	border-radius: 20px;
	width: 100%;
	position: relative;
	padding: 2px;
	background: var(--gradient-gold);
	-webkit-transform: scale(0.9);
	        transform: scale(0.9);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
}
.popup .holder.mw-l {
	max-width: 800px;
}
.popup .frame {
	background-color: var(--bg-white);
	position: relative;
	padding: 10px;
	border-radius: 18px;
}
@media screen and (max-width: 767px) {
	.popup .frame {
		padding: 10px;
	}
}

.btn-close {
	background: none;
	border: none;
	cursor: pointer;
	color: rgba(var(--rgb-black), 0.5);
	width: 24px;
	height: 24px;
	margin: 0 0 0 auto;
}

.popup-headline-reacting,
.popup-headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 10px;
	margin-bottom: 15px;
}
.popup-headline-reacting .icon,
.popup-headline .icon {
	width: 40px;
	height: 40px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 16px;
}

@media screen and (max-width: 560px) {
	.popup-headline-reacting {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.popup-headline-reacting .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}

.some-text {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 700;
	font-size: 13px;
	min-height: 40px;
}
.some-text span {
	background-color: var(--bg-gold-100);
	border-radius: 10px;
	padding: 10px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

[data-attr-step-popup-general] .icon {
	background-color: var(--bg-blue-light);
	color: var(--color-active);
}
[data-attr-step-popup-general] .popup-headline-info {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
[data-attr-step-popup-general] .btn-close {
	margin-bottom: 5px;
}
[data-attr-step-popup-general] .video-tools {
	gap: 0;
}

[data-attr-step-search-rant-match-record] .popup-headline,
[data-attr-step-words-record] .popup-headline,
[data-attr-step-popup-record] .popup-headline {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
[data-attr-step-search-rant-match-record] .popup-headline .title,
[data-attr-step-words-record] .popup-headline .title,
[data-attr-step-popup-record] .popup-headline .title {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
[data-attr-step-search-rant-match-record] .popup-headline-info,
[data-attr-step-words-record] .popup-headline-info,
[data-attr-step-popup-record] .popup-headline-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
[data-attr-step-search-rant-match-record] .icon,
[data-attr-step-words-record] .icon,
[data-attr-step-popup-record] .icon {
	background-color: var(--bg-red-light);
	color: var(--color-red-darkness);
}

[data-attr-step-popup-agreement] .popup-headline-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-item-align: center;
	    align-self: center;
}
[data-attr-step-popup-agreement] .icon {
	background-color: var(--bg-blue-light);
	color: var(--color-active);
}

[data-attr-step-search-rant-match-shooting-tips] .popup-headline,
[data-attr-step-words-shooting-tips] .popup-headline,
[data-attr-step-popup-shooting-tips] .popup-headline {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
[data-attr-step-search-rant-match-shooting-tips] .popup-headline .title,
[data-attr-step-words-shooting-tips] .popup-headline .title,
[data-attr-step-popup-shooting-tips] .popup-headline .title {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
[data-attr-step-search-rant-match-shooting-tips] .popup-headline-info,
[data-attr-step-words-shooting-tips] .popup-headline-info,
[data-attr-step-popup-shooting-tips] .popup-headline-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
[data-attr-step-search-rant-match-shooting-tips] .icon,
[data-attr-step-words-shooting-tips] .icon,
[data-attr-step-popup-shooting-tips] .icon {
	background-color: var(--bg-gold-light);
	color: var(--color-gold);
}

[data-attr-step-popup-record-match] .popup-headline-reacting,
[data-attr-step-popup-record-match] .popup-headline {
	margin-bottom: 0;
}
[data-attr-step-popup-record-match] .icon {
	background-color: var(--bg-blue-light);
	color: var(--color-active);
	font-size: 26px;
}
[data-attr-step-popup-record-match] .btn-close {
	margin-bottom: 5px;
}

.popup-headline-info {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 5px;
}
@media screen and (max-width: 767px) {
	.popup-headline-info {
		-ms-flex-item-align: center;
		    align-self: center;
		gap: 4px 2px;
	}
}
.popup-headline-info .title {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4;
}
.popup-headline-info .btn {
	background: none;
	border: none;
	cursor: pointer;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.4;
	padding: 10px;
	font-family: inherit;
	border: 1px solid #000;
	border-radius: 10px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	color: #000;
}

.popup-author {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	font-weight: 400;
	font-size: 13px;
}

.author-label {
	color: #555;
}

.author-info {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
}

.author-avatar {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	overflow: hidden;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.author-avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.popup-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 15px;
}
.popup-content.primary {
	gap: 35px;
}
.popup-content .group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}
@media screen and (max-width: 767px) {
	.popup-content .group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.popup-content .group .btn {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.popup-content .group .btn:first-child {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.popup-content .btn {
	background: -webkit-gradient(linear, left top, left bottom, from(#5578E4), to(#0E32A2));
	background: linear-gradient(180deg, #5578E4 0%, #0E32A2 100%);
	border: none;
	cursor: pointer;
	border-radius: 10px;
	font-family: inherit;
	min-height: 50px;
	padding: 2px;
	color: var(--color-white);
	-webkit-transform-origin: center;
	        transform-origin: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: padding 0.2s, opacity 0.2s, -webkit-transform 0.2s;
	transition: padding 0.2s, opacity 0.2s, -webkit-transform 0.2s;
	transition: padding 0.2s, opacity 0.2s, transform 0.2s;
	transition: padding 0.2s, opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
@media (hover: hover) {
	.popup-content .btn:not([data-attr-btn-re]):not([data-attr-btn]):not([data-attr-btn-secondary]):not(:disabled):hover {
		padding: 2px;
	}
	.popup-content .btn:not([data-attr-btn-re]):not([data-attr-btn]):not([data-attr-btn-secondary]):not(:disabled):hover span {
		-webkit-transform: rotateX(25deg);
		        transform: rotateX(25deg);
	}
}
.popup-content .btn:not([data-attr-btn-re]):not([data-attr-btn]):not([data-attr-btn-secondary]):not(:disabled):active span {
	-webkit-transform: rotateX(0deg);
	        transform: rotateX(0deg);
}
.popup-content .btn:disabled {
	opacity: 0.45;
	pointer-events: none;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
}
.popup-content .btn[data-attr-btn-words], .popup-content .btn[data-attr-btn-match], .popup-content .btn[data-attr-btn-primary] {
	background: -webkit-gradient(linear, left top, left bottom, from(#F96660), to(#AF1F19));
	background: linear-gradient(180deg, #F96660 0%, #AF1F19 100%);
}
.popup-content .btn[data-attr-btn-words] span, .popup-content .btn[data-attr-btn-match] span, .popup-content .btn[data-attr-btn-primary] span {
	background: -webkit-gradient(linear, left top, right top, from(#e2403a), to(#d4241d));
	background: linear-gradient(90deg, #e2403a 0%, #d4241d 100%);
}
.popup-content .btn[data-attr-btn-words] .icon-item, .popup-content .btn[data-attr-btn-match] .icon-item, .popup-content .btn[data-attr-btn-primary] .icon-item {
	background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3230_118550)"><g filter="url(%23filter0_d_3230_118550)"><path d="M12.9996 4.0625C17.6536 4.0625 21.4837 7.63912 21.8956 12.1875H25.1456C24.7248 5.84594 19.446 0.8125 12.9996 0.8125C6.5532 0.8125 1.27439 5.84594 0.853516 12.1875H4.10352C4.51545 7.63912 8.34558 4.0625 12.9996 4.0625Z" fill="white" /></g><g filter="url(%23filter1_d_3230_118550)"><path d="M12.9996 21.9375C8.34558 21.9375 4.51545 18.3609 4.10352 13.8125H0.853516C1.27439 20.1541 6.5532 25.1875 12.9996 25.1875C19.446 25.1875 24.7248 20.1541 25.1456 13.8125H21.8956C21.4837 18.3609 17.6536 21.9375 12.9996 21.9375Z" fill="white" /></g><path d="M13 20.3125C17.0386 20.3125 20.3125 17.0386 20.3125 13C20.3125 8.96142 17.0386 5.6875 13 5.6875C8.96142 5.6875 5.6875 8.96142 5.6875 13C5.6875 17.0386 8.96142 20.3125 13 20.3125Z" fill="%23D72B25" /></g><defs><filter id="filter0_d_3230_118550" x="0.853516" y="0.8125" width="25.293" height="12.375" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3230_118550" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3230_118550" result="shape" /></filter><filter id="filter1_d_3230_118550" x="0.853516" y="13.8125" width="25.293" height="12.375" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3230_118550" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3230_118550" result="shape" /></filter><clipPath id="clip0_3230_118550"><rect width="26" height="26" fill="white" /></clipPath></defs></svg>');
	background-size: contain;
}
.popup-content .btn[data-attr-btn-secondary] {
	background: #171717;
}
.popup-content .btn[data-attr-btn-secondary] span {
	background: none;
}
.popup-content .btn[data-attr-btn-secondary] .icon-item {
	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"><g clip-path="url(%23clip0_748_30346)"><g filter="url(%23filter0_d_748_30346)"><path d="M19.9988 6.25C27.1588 6.25 33.0512 11.7525 33.685 18.75H38.685C38.0375 8.99375 29.9163 1.25 19.9988 1.25C10.0813 1.25 1.96 8.99375 1.3125 18.75H6.3125C6.94625 11.7525 12.8387 6.25 19.9988 6.25Z" fill="white" /></g><g filter="url(%23filter1_d_748_30346)"><path d="M19.9988 33.75C12.8387 33.75 6.94625 28.2475 6.3125 21.25H1.3125C1.96 31.0062 10.0813 38.75 19.9988 38.75C29.9163 38.75 38.0375 31.0062 38.685 21.25H33.685C33.0512 28.2475 27.1588 33.75 19.9988 33.75Z" fill="white" /></g><path d="M20 31.25C26.2132 31.25 31.25 26.2132 31.25 20C31.25 13.7868 26.2132 8.75 20 8.75C13.7868 8.75 8.75 13.7868 8.75 20C8.75 26.2132 13.7868 31.25 20 31.25Z" fill="%23D62822" /></g><defs><filter id="filter0_d_748_30346" x="1.3125" y="1.25" width="38.3711" height="18.5" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_748_30346" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_748_30346" result="shape" /></filter><filter id="filter1_d_748_30346" x="1.3125" y="21.25" width="38.3711" height="18.5" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_748_30346" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_748_30346" result="shape" /></filter><clipPath id="clip0_748_30346"><rect width="40" height="40" fill="white" /></clipPath></defs></svg>');
	background-size: contain;
}
.popup-content .btn[data-attr-btn-re] {
	-webkit-box-shadow: inset 0 0 0 1px rgb(0, 0, 0);
	        box-shadow: inset 0 0 0 1px rgb(0, 0, 0);
	padding: 1px;
	background: none;
}
.popup-content .btn[data-attr-btn-re] span {
	background: var(--bg-white);
	color: var(--color-black);
}
.popup-content .btn[data-attr-btn-re] .icon-item {
	background: url('data:image/svg+xml,<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M20.9417 2.64631C20.4878 2.36036 19.9298 2.33506 19.4542 2.57702L17.8487 3.3876C17.2551 3.68675 16.8867 4.29166 16.8867 4.96476V11.2844C16.8867 11.9575 17.2551 12.5613 17.8487 12.8626L19.4532 13.6721C19.6709 13.7843 19.9038 13.8382 20.1368 13.8382C20.4163 13.8382 20.6936 13.759 20.9417 13.6039C21.3956 13.3191 21.6664 12.8252 21.6664 12.2841V3.96721C21.6664 3.42609 21.3956 2.93227 20.9417 2.64631Z" fill="%23D72B25" /><path d="M10.7305 16.25H4.45579C1.83193 16.25 0 14.4408 0 11.8507V4.39932C0 1.80812 1.83193 0 4.45579 0H10.7305C13.3544 0 15.1863 1.80812 15.1863 4.39932V11.8507C15.1863 14.4408 13.3544 16.25 10.7305 16.25Z" fill="%23D72B25" /></svg>') no-repeat;
	background-size: contain;
	width: 22px;
	height: 18px;
}
.popup-content .btn[data-attr-btn] {
	-webkit-box-shadow: inset 0 0 0 1px rgb(0, 0, 0);
	        box-shadow: inset 0 0 0 1px rgb(0, 0, 0);
	padding: 1px;
	background: none;
}
.popup-content .btn[data-attr-btn] span {
	background: var(--bg-white);
	color: var(--color-black);
	padding: 0 30px;
}
.popup-content .btn[data-attr-btn-search-rant-match-use] .icon-item, .popup-content .btn[data-attr-btn-words-use] .icon-item, .popup-content .btn[data-attr-btn-use] .icon-item {
	background-size: contain;
	background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M17.701 2.16602H8.30852C4.63602 2.16602 2.16602 4.74435 2.16602 8.57935V17.4302C2.16602 21.2543 4.63602 23.8327 8.30852 23.8327H17.701C21.3735 23.8327 23.8327 21.2543 23.8327 17.4302V8.57935C23.8327 4.74435 21.3735 2.16602 17.701 2.16602" fill="white" /><path d="M11.7145 16.5183C11.4719 16.5183 11.2292 16.4263 11.0439 16.241L8.47319 13.6703C8.10269 13.2998 8.10269 12.6996 8.47319 12.3302C8.84369 11.9597 9.44277 11.9586 9.81327 12.3291L11.7145 14.2303L16.1865 9.75834C16.557 9.38784 17.1561 9.38784 17.5266 9.75834C17.8971 10.1288 17.8971 10.729 17.5266 11.0995L12.3851 16.241C12.1999 16.4263 11.9572 16.5183 11.7145 16.5183" fill="white" /></svg>');
}
.popup-content .btn[data-attr-btn-upload] .icon-item {
	background-size: contain;
	background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M4.81758 21.666C2.16233 21.666 0 19.4666 0 16.7644L0 11.3899C0 8.69326 2.15583 6.49935 4.80675 6.49935L16.8491 6.49935C19.5054 6.49935 21.6667 8.69877 21.6667 11.402V16.7744C21.6667 19.4721 19.5108 21.666 16.8599 21.666H15.8416H4.81758Z" fill="white" /><path d="M10.2426 0.238697L7.09114 3.32164C6.76614 3.64027 6.76614 4.15304 7.0933 4.47062C7.42047 4.78714 7.94805 4.78608 8.27305 4.46851L9.9988 2.77932V4.39887V13.4884C9.9988 13.9368 10.3726 14.3008 10.833 14.3008C11.2945 14.3008 11.6671 13.9368 11.6671 13.4884V2.77932L13.3929 4.46851C13.7179 4.78608 14.2455 4.78714 14.5726 4.47062C14.7362 4.3113 14.8186 4.10345 14.8186 3.89454C14.8186 3.68775 14.7362 3.4799 14.5748 3.32164L11.4245 0.238697C11.2674 0.0857105 11.0551 -0.000805855 10.833 -0.000805855C10.612 -0.000805855 10.3996 0.0857105 10.2426 0.238697Z" fill="white" /></svg>');
	width: 22px;
	height: 22px;
}
.popup-content .btn[data-attr-back] .icon-item {
	background-size: contain;
	background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.60352 13.2975L20.8535 13.2975" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M11.1582 19.8246L4.60404 13.2986L11.1582 6.77148" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>');
}
.popup-content .btn[data-attr-btn-view] .icon-item {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M6.409 21.6667H15.2577C19.0916 21.6667 21.6667 19.201 21.6667 15.5296V6.13708C21.6667 2.46567 19.0916 9.53674e-07 15.2577 9.53674e-07H6.409C2.57617 9.53674e-07 0 2.46675 0 6.13817L0 15.5296C0 19.201 2.57617 21.6667 6.409 21.6667" fill="white" /><path d="M11.7605 15.4692L15.8393 11.4088C16.1459 11.1033 16.1459 10.5627 15.8393 10.2562L11.7605 6.19582C11.442 5.87949 10.9274 5.88057 10.6111 6.19907C10.2948 6.51757 10.2948 7.03107 10.6133 7.34849L13.2967 10.0211H6.41211C5.96253 10.0211 5.59961 10.3851 5.59961 10.8336C5.59961 11.2821 5.96253 11.6461 6.41211 11.6461H13.2967L10.6133 14.3176C10.454 14.4768 10.3749 14.6848 10.3749 14.8939C10.3749 15.1008 10.454 15.3088 10.6111 15.467C10.9274 15.7844 11.442 15.7855 11.7605 15.4692" fill="white" /></svg>');
	background-size: contain;
	width: 22px;
	height: 22px;
}
.popup-content .btn[data-attr-btn-visual=false] {
	display: none;
}
.popup-content .btn[data-attr-btn-visual=true] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.popup-content .btn span {
	position: relative;
	background: -webkit-gradient(linear, left top, right top, from(#3b60d3), to(#2044b4));
	background: linear-gradient(90deg, #3b60d3 0%, #2044b4 100%);
	border-radius: 8px;
	padding: 0 10px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transform-origin: top;
	        transform-origin: top;
	gap: 10px;
	font-size: 26px;
	-webkit-transition: font-size 0.2s, -webkit-transform 0.2s;
	transition: font-size 0.2s, -webkit-transform 0.2s;
	transition: font-size 0.2s, transform 0.2s;
	transition: font-size 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
.popup-content .btn em {
	font-style: normal;
	font-weight: inherit;
}
@media screen and (max-width: 479px) {
	.popup-content .btn em {
		display: none;
	}
}
.popup-content .btn strong {
	font-weight: 600;
	font-size: 16px;
	-webkit-transition: font-size 0.2s;
	transition: font-size 0.2s;
}
.popup-content .btn .svg-icon {
	--icon-main: var(--color-white);
	--icon-main-dark: var(--color-black);
}
@media screen and (max-width: 374px) {
	.popup-content .btn .svg-icon {
		font-size: 26px;
	}
}
.popup-content .btn .coin-wrap {
	position: absolute;
	top: auto;
	right: 20px;
}
@media screen and (max-width: 401px) {
	.popup-content .btn .coin-wrap > *:not(.coin) {
		display: none;
	}
}
.popup-content .icon-item {
	width: 26px;
	height: 26px;
	-webkit-transform-origin: center;
	        transform-origin: center;
	background-image: none;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
.popup-content .block-react {
	margin: 0;
}

.wrap-poster {
	position: relative;
}

.fake-poster {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: url(../images/bg-subscribe.png) no-repeat;
	background-size: cover;
	background-position: 50%;
	border-radius: 0 0 10px 10px;
	-webkit-transition: -webkit-transform 1.5s;
	transition: -webkit-transform 1.5s;
	transition: transform 1.5s;
	transition: transform 1.5s, -webkit-transform 1.5s;
	height: 80px;
	padding-top: 15px;
}
.fake-poster.is-recording {
	-webkit-transform: translate3d(0, 66px, 0);
	        transform: translate3d(0, 66px, 0);
}
.fake-poster img {
	max-width: 40px;
	width: 100%;
	height: auto;
}

.popup-media {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.popup-media .play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 76px;
	height: 76px;
	margin: auto;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	background: url('data:image/svg+xml,<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-4" y="-4" width="84" height="84"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_663_17501_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_i_663_17501)" data-figma-bg-blur-radius="4"><rect width="76" height="76" rx="33" fill="white" fill-opacity="0.1"/><rect x="0.5" y="0.5" width="75" height="75" rx="32.5" stroke="url(%23paint0_linear_663_17501)"/><path d="M47.3357 40.2414C47.221 40.3572 46.7926 40.8465 46.3902 41.2529C44.0427 43.798 37.9134 47.9597 34.707 49.2333C34.2202 49.4365 32.9891 49.8691 32.3292 49.8997C31.6997 49.8997 31.0982 49.7533 30.5248 49.4649C29.8087 49.0608 29.2375 48.4228 28.9216 47.6713C28.7204 47.1514 28.4046 45.5894 28.4046 45.561C28.0908 43.8548 27.9199 41.0803 27.9199 38.0131C27.9199 35.0944 28.0908 32.4335 28.3483 30.6989C28.3764 30.6683 28.6923 28.7306 29.0363 28.0664C29.6659 26.8518 30.897 26.1003 32.2146 26.1003H32.3292C33.1882 26.1287 34.9926 26.8824 34.9926 26.9086C38.028 28.1822 44.0124 32.143 46.4183 34.7754C46.4183 34.7754 47.0977 35.4527 47.3919 35.8743C47.8506 36.4816 48.0799 37.2332 48.0799 37.9847C48.0799 38.8236 47.8225 39.6035 47.3357 40.2414Z" fill="%23FBFAF7"/></g><defs><filter id="filter0_i_663_17501" x="-4" y="-4" width="84" height="84" 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"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_663_17501"/></filter><clipPath id="bgblur_0_663_17501_clip_path" transform="translate(4 4)"><rect width="76" height="76" rx="33"/></clipPath><linearGradient id="paint0_linear_663_17501" x1="10" y1="10" x2="38" y2="38" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%237B7B7B"/></linearGradient></defs></svg>') no-repeat;
	border: none;
	background-size: contain;
	border-radius: 33px;
	backdrop-filter: blur(2px);
	overflow: hidden;
}
@media (hover: hover) {
	.popup-media .play:hover {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
}
@media screen and (max-width: 374px) {
	.popup-media .play {
		width: 56px;
		height: 56px;
	}
}
.popup-media .button {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 12px;
	cursor: pointer;
	background: var(--color-white-smoke);
	font-family: inherit;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-weight: 700;
	font-size: 13px;
	border: 1px solid rgb(0, 0, 0);
	padding: 6px 15px;
	border-radius: 10px;
	-webkit-transition: background-color 0.3s, border 0.3s;
	transition: background-color 0.3s, border 0.3s;
}
@media screen and (min-width: 1025px) {
	.popup-media .button:hover {
		background-color: var(--bg-gold);
		border-color: rgba(0, 0, 0, 0.2);
	}
	.popup-media .button:hover .icon-heart {
		-webkit-transform: rotate(-10deg) scale(1.05);
		        transform: rotate(-10deg) scale(1.05);
	}
}
@media screen and (max-width: 767px) {
	.popup-media .button {
		left: 10px;
		bottom: 10px;
	}
}
@media screen and (max-width: 374px) {
	.popup-media .button {
		padding: 6px;
	}
	.popup-media .button span {
		display: none;
	}
}
.popup-media .button[data-attr-added-fav=true] .icon-heart {
	background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="%231C9C65" d="M858.91 53.271c-104.725-52.547-234.149-25.436-346.729 58.873-112.58-84.309-242.004-111.42-346.729-58.873-171.269 85.918-223.605 318.999-89.991 554.9 78.419 138.438 229.298 286.603 351.538 359.948 65.898 39.539 92.257 39.539 157.72-1.449 120.448-75.427 285.957-219.216 364.191-358.497 132.759-236.389 81.278-468.982-90.003-554.9z"></path><path fill="%234a254b" d="M398.237 227.348c-1.305 0-2.623-0.382-3.77-1.187-2.991-2.095-3.703-6.195-1.622-9.173 12.046-17.212 25.396-33.937 39.684-49.74 25.582-28.296 53.971-53.443 84.362-74.754 2.991-2.082 7.078-1.371 9.186 1.622 2.082 2.978 1.371 7.090-1.622 9.186-29.588 20.732-57.226 45.233-82.148 72.79-13.931 15.393-26.925 31.697-38.669 48.461-1.278 1.819-3.321 2.794-5.403 2.794z"></path><path fill="%23fff" d="M352.306 641.555c44.481 0 80.541-36.060 80.541-80.541s-36.060-80.541-80.541-80.541c-44.481 0-80.541 36.060-80.541 80.541s36.060 80.541 80.541 80.541z"></path><path fill="%234a254b" d="M352.333 597.627c20.221 0 36.613-16.392 36.613-36.613s-16.392-36.613-36.613-36.613c-20.221 0-36.613 16.392-36.613 36.613s16.392 36.613 36.613 36.613z"></path><path fill="%23fff" d="M659.852 641.555c44.481 0 80.541-36.060 80.541-80.541s-36.060-80.541-80.541-80.541c-44.481 0-80.541 36.060-80.541 80.541s36.060 80.541 80.541 80.541z"></path><path fill="%234a254b" d="M659.812 597.627c20.221 0 36.613-16.392 36.613-36.613s-16.392-36.613-36.613-36.613c-20.221 0-36.613 16.392-36.613 36.613s16.392 36.613 36.613 36.613z"></path><path fill="%234a254b" d="M506.082 743.935c37.588 0 68.56-28.323 72.739-64.778 0.514-4.455-2.754-8.435-7.236-8.435-25.318 0-105.673 0-131.006 0-4.482 0-7.749 3.98-7.236 8.435 4.178 36.468 35.15 64.778 72.739 64.778z"></path></svg>');
}
.popup-media .button[data-attr-added-fav=true] span::before {
	content: attr(data-attr-text-fav-added);
}
.popup-media .button[data-attr-added-fav=false] span::before {
	content: attr(data-attr-text-fav-add);
}
.popup-media .button i {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.popup-media .icon-heart {
	background: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="%23fc7884" d="M858.91 53.271c-104.725-52.547-234.149-25.436-346.729 58.873-112.58-84.309-242.004-111.42-346.729-58.873-171.269 85.918-223.605 318.999-89.991 554.9 78.419 138.438 229.298 286.603 351.538 359.948 65.898 39.539 92.257 39.539 157.72-1.449 120.448-75.427 285.957-219.216 364.191-358.497 132.759-236.389 81.278-468.982-90.003-554.9z"></path><path fill="%234a254b" d="M398.237 227.348c-1.305 0-2.623-0.382-3.77-1.187-2.991-2.095-3.703-6.195-1.622-9.173 12.046-17.212 25.396-33.937 39.684-49.74 25.582-28.296 53.971-53.443 84.362-74.754 2.991-2.082 7.078-1.371 9.186 1.622 2.082 2.978 1.371 7.090-1.622 9.186-29.588 20.732-57.226 45.233-82.148 72.79-13.931 15.393-26.925 31.697-38.669 48.461-1.278 1.819-3.321 2.794-5.403 2.794z"></path><path fill="%23fff" d="M352.306 641.555c44.481 0 80.541-36.060 80.541-80.541s-36.060-80.541-80.541-80.541c-44.481 0-80.541 36.060-80.541 80.541s36.060 80.541 80.541 80.541z"></path><path fill="%234a254b" d="M352.333 597.627c20.221 0 36.613-16.392 36.613-36.613s-16.392-36.613-36.613-36.613c-20.221 0-36.613 16.392-36.613 36.613s16.392 36.613 36.613 36.613z"></path><path fill="%23fff" d="M659.852 641.555c44.481 0 80.541-36.060 80.541-80.541s-36.060-80.541-80.541-80.541c-44.481 0-80.541 36.060-80.541 80.541s36.060 80.541 80.541 80.541z"></path><path fill="%234a254b" d="M659.812 597.627c20.221 0 36.613-16.392 36.613-36.613s-16.392-36.613-36.613-36.613c-20.221 0-36.613 16.392-36.613 36.613s16.392 36.613 36.613 36.613z"></path><path fill="%234a254b" d="M506.082 743.935c37.588 0 68.56-28.323 72.739-64.778 0.514-4.455-2.754-8.435-7.236-8.435-25.318 0-105.673 0-131.006 0-4.482 0-7.749 3.98-7.236 8.435 4.178 36.468 35.15 64.778 72.739 64.778z"></path></svg>') no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
.popup-media .sticky-bottom {
	right: 20px;
	bottom: 20px;
}
@media screen and (max-width: 767px) {
	.popup-media .sticky-bottom {
		right: 10px;
		bottom: 10px;
	}
}
@media screen and (max-width: 568px) {
	.popup-media .sticky-bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 8px;
	}
}
.popup-media img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.coin-wrap {
	font-weight: 700;
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 7px;
}
@media screen and (max-width: 767px) {
	.coin-wrap {
		font-size: 13px;
	}
}
.coin-wrap .coin {
	width: 33px;
	height: 33px;
	border-radius: 33px;
	background-color: var(--bg-gold);
	-webkit-box-shadow: inset 0 0 0 2px var(--bg-gold-primary);
	        box-shadow: inset 0 0 0 2px var(--bg-gold-primary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: var(--color-white);
	font-size: 23px;
}
@media screen and (max-width: 767px) {
	.coin-wrap .coin {
		font-size: 16px;
		width: 28px;
		height: 28px;
	}
}
.coin-wrap div:not(.coin) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-transform-origin: left;
	        transform-origin: left;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

[data-attr-get-coin-post=true] .coin,
[data-attr-get-coin-reaction=true] .coin,
[data-attr-get-coin-comment=true] .coin,
[data-attr-get-coin-record=true] .coin {
	-webkit-animation: coinFlyUp 0.8s ease-out forwards;
	        animation: coinFlyUp 0.8s ease-out forwards;
}
[data-attr-get-coin-post=true] div:not(.coin),
[data-attr-get-coin-reaction=true] div:not(.coin),
[data-attr-get-coin-comment=true] div:not(.coin),
[data-attr-get-coin-record=true] div:not(.coin) {
	opacity: 0;
	-webkit-transform: translate3d(10px, 0, 0);
	        transform: translate3d(10px, 0, 0);
}

@-webkit-keyframes coinFlyUp {
	0% {
		-webkit-transform: translateY(0) scale(1);
		        transform: translateY(0) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-48px) scale(0.8) rotateY(75deg);
		        transform: translateY(-48px) scale(0.8) rotateY(75deg);
		opacity: 0;
	}
}

@keyframes coinFlyUp {
	0% {
		-webkit-transform: translateY(0) scale(1);
		        transform: translateY(0) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-48px) scale(0.8) rotateY(75deg);
		        transform: translateY(-48px) scale(0.8) rotateY(75deg);
		opacity: 0;
	}
}
.list-reaction {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 7px;
	margin: 0 -15px;
	padding: 0 15px;
	overflow: auto;
	scrollbar-width: none;
}
@media screen and (max-width: 767px) {
	.list-reaction {
		padding: 0 10px;
		margin: 0 -10px;
	}
}
.list-reaction::-webkit-scrollbar {
	display: none;
}
.list-reaction .button {
	border: 1px solid #fff;
	border-radius: 10px;
	width: 64px;
	height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: none;
	cursor: pointer;
	padding: 2px;
}
.list-reaction .button.px {
	padding: 10px;
}
.list-reaction .button[data-attr-raction-action=true] {
	background: -webkit-gradient(linear, left top, left bottom, from(#fdaa03), to(#d50083));
	background: linear-gradient(180deg, #fdaa03 0%, #d50083 100%);
	border-color: #000;
}
@media (hover: hover) {
	.list-reaction .button:hover {
		background-color: var(--color-white-smoke);
		border: 1px solid #000;
	}
}
.list-reaction img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.box-recording {
	padding-bottom: 62.25%;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdaa03), to(#d50083)), rgba(0, 0, 0, 0.3);
	background: linear-gradient(180deg, #fdaa03 0%, #d50083 100%), rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	overflow: hidden;
}
.box-recording[data-attr-recorded=false]::before, .box-recording[data-attr-recorded=false]::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.box-recording[data-attr-recorded=false]::before {
	width: 100%;
	height: 100%;
	background-color: rgba(var(--rgb-black), 0.3);
}
.box-recording[data-attr-recorded=false]::after {
	background: url('data:image/svg+xml,<svg width="586" height="363" viewBox="0 0 586 363" fill="none" xmlns="http://www.w3.org/2000/svg"><g style="mix-blend-mode:hard-light" opacity="0.7"><rect x="3.8125" y="3.44348" width="578.38" height="355.728" stroke="%23FEFEFF"/><line x1="195.836" y1="4.35352" x2="195.836" y2="359.677" stroke="%23FEFEFF" stroke-dasharray="2 2"/><line x1="389.512" y1="4.35352" x2="389.512" y2="359.677" stroke="%23FEFEFF" stroke-dasharray="2 2"/><line x1="582.691" y1="122.822" x2="3.3111" y2="122.822" stroke="%23FEFEFF" stroke-dasharray="2 2"/><line x1="582.691" y1="243.605" x2="3.3111" y2="243.605" stroke="%23FEFEFF" stroke-dasharray="2 2"/><rect opacity="0.5" x="290.188" y="355.822" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="0.5" y="178.864" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="578.223" y="178.864" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="578.223" y="355.822" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="0.5" y="0.5" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="0.5" y="355.822" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="578.223" y="0.5" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="290.188" y="0.5" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/></g></svg>') no-repeat;
	background-size: contain;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	margin: auto;
	background-position: center;
}
.box-recording .media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.box-recording .media img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.box-recording .play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 76px;
	height: 76px;
	border-radius: 33px;
	margin: auto;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	background: url('data:image/svg+xml,<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-4" y="-4" width="84" height="84"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_663_17501_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_i_663_17501)" data-figma-bg-blur-radius="4"><rect width="76" height="76" rx="33" fill="white" fill-opacity="0.1"/><rect x="0.5" y="0.5" width="75" height="75" rx="32.5" stroke="url(%23paint0_linear_663_17501)"/><path d="M47.3357 40.2414C47.221 40.3572 46.7926 40.8465 46.3902 41.2529C44.0427 43.798 37.9134 47.9597 34.707 49.2333C34.2202 49.4365 32.9891 49.8691 32.3292 49.8997C31.6997 49.8997 31.0982 49.7533 30.5248 49.4649C29.8087 49.0608 29.2375 48.4228 28.9216 47.6713C28.7204 47.1514 28.4046 45.5894 28.4046 45.561C28.0908 43.8548 27.9199 41.0803 27.9199 38.0131C27.9199 35.0944 28.0908 32.4335 28.3483 30.6989C28.3764 30.6683 28.6923 28.7306 29.0363 28.0664C29.6659 26.8518 30.897 26.1003 32.2146 26.1003H32.3292C33.1882 26.1287 34.9926 26.8824 34.9926 26.9086C38.028 28.1822 44.0124 32.143 46.4183 34.7754C46.4183 34.7754 47.0977 35.4527 47.3919 35.8743C47.8506 36.4816 48.0799 37.2332 48.0799 37.9847C48.0799 38.8236 47.8225 39.6035 47.3357 40.2414Z" fill="%23FBFAF7"/></g><defs><filter id="filter0_i_663_17501" x="-4" y="-4" width="84" height="84" 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"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_663_17501"/></filter><clipPath id="bgblur_0_663_17501_clip_path" transform="translate(4 4)"><rect width="76" height="76" rx="33"/></clipPath><linearGradient id="paint0_linear_663_17501" x1="10" y1="10" x2="38" y2="38" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%237B7B7B"/></linearGradient></defs></svg>') no-repeat;
	border: none;
	background-size: contain;
	backdrop-filter: blur(2px);
	overflow: hidden;
}
@media (hover: hover) {
	.box-recording .play:hover {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
}
@media screen and (max-width: 374px) {
	.box-recording .play {
		width: 56px;
		height: 56px;
	}
}
.box-recording .sticky {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.box-recording .sticky span {
	font-size: 16px;
}
.box-recording .time {
	background-color: var(--bg-black);
	color: var(--color-white);
	gap: 5px;
	padding: 12px 10px;
	border-radius: 35px;
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.wrap-recording {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.wrap-recording video {
	background-color: #000;
}

.countdown {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	color: var(--color-white-smoke);
	font-weight: 700;
	font-size: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.countdown-ring {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

.countdown-ring-bg,
.countdown-ring-progress {
	fill: none;
	stroke-width: 7;
}

.countdown-ring-bg {
	stroke: rgba(255, 255, 255, 0.25);
}

.countdown-ring-progress {
	stroke: #fff;
	stroke-linecap: round;
	stroke-dasharray: 999;
	stroke-dashoffset: 0;
	-webkit-transition: none;
	transition: none;
	-webkit-transform-origin: center;
	        transform-origin: center;
}

.countdown-number {
	position: relative;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}

.media-tools {
	position: absolute;
	top: 15%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.media-tools img {
	max-width: 80px;
	-webkit-transform: translate3d(0, -5px, 0);
	        transform: translate3d(0, -5px, 0);
}
@media screen and (max-width: 374px) {
	.media-tools img {
		max-width: 60px;
	}
}
.media-tools .media-text,
.media-tools .text {
	text-align: center;
	color: var(--color-white-smoke);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 8px;
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.media-tools .media-text,
	.media-tools .text {
		max-width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.media-tools .media-text,
	.media-tools .text {
		padding: 15px 10px;
		gap: 0;
	}
}
@media screen and (max-width: 374px) {
	.media-tools .media-text,
	.media-tools .text {
		padding: 10px;
	}
}
.media-tools .media-text span,
.media-tools .text span {
	font-size: 13px;
}

[data-attr-words-recorded-view=false],
[data-attr-recorded-view=false] {
	display: none;
}

[data-attr-words-recorded-view=true],
[data-attr-recorded-view=true] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.notify-rec {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 3;
	background-color: #000;
	border-radius: 5px;
	padding: 14px;
	text-transform: uppercase;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	color: var(--color-white);
}
.notify-rec[data-attr-search-rant-match-start-record=true] i, .notify-rec[data-attr-words-start-record=true] i, .notify-rec[data-attr-start-record=true] i {
	-webkit-animation: recBlink 1s infinite;
	        animation: recBlink 1s infinite;
}
.notify-rec i {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 0 2px var(--bg-white);
	        box-shadow: 0 0 0 2px var(--bg-white);
	background-color: var(--color-red-darkness);
}

@-webkit-keyframes recBlink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes recBlink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.recording-progress {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 2;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 20px 40px;
}

.recording-progress-wrapper {
	position: relative;
	height: 6px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 3px;
	overflow: visible;
}

.recording-progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0%;
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
	background: linear-gradient(90deg, #fff 0%, #fff 100%);
	border-radius: 3px;
	-webkit-transition: width 0.1s linear;
	transition: width 0.1s linear;
}

.recording-tooltip {
	position: absolute;
	top: -35px;
	left: 100%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 4px 12px;
	border-radius: 16px;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	pointer-events: none;
	-webkit-transition: left 0.1s linear;
	transition: left 0.1s linear;
}

.recording-time-labels {
	position: absolute;
	left: 14px;
	right: 10px;
	top: 15px;
	font-size: 13px;
	font-weight: 400;
	color: var(--color-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.time-label-start,
.time-label-end {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.box-rule {
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='black' stroke-width='2' stroke-dasharray='4%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
	border-radius: 20px;
	padding: 18px;
	background-color: var(--color-white-smoke);
}
.box-rule .title {
	font-weight: 700;
	font-size: 23px;
	color: var(--color-black-gray);
	margin-bottom: 10px;
}
.box-rule .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
	counter-reset: list-counter;
}
.box-rule .item {
	counter-increment: list-counter;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	font-size: 16px;
	line-height: 1.5;
}
.box-rule .item::before {
	content: counter(list-counter);
	min-width: 28px;
	height: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 5px;
	background-color: var(--bg-blue-light);
	font-weight: 700;
	font-size: 13px;
}
.box-rule .item div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 3px;
}

.popup-upload {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
	padding: 20px 0;
}
.popup-upload .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.popup-upload .text {
	font-weight: 700;
	font-size: 19px;
	text-align: center;
}
.popup-upload .title {
	font-size: 40px;
}

.upload-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 20px;
}

.upload-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 20px;
}

.upload-file {
	width: 36px;
	height: 40px;
	background: url("../images/file-video.svg") no-repeat;
	background-size: contain;
	position: relative;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}

.upload-ext {
	position: absolute;
	left: 50%;
	top: 55%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 11px;
	color: var(--bg-blue);
}

.upload-body {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	min-width: 0;
}

.upload-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	margin-bottom: 5px;
}

.upload-name {
	font-size: 13px;
	font-weight: 700;
	color: var(--color-black-gray);
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
}

.upload-percent {
	font-size: 13px;
	color: var(--color-black-gray);
}

.upload-progress {
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background: #e3e7f3;
	overflow: hidden;
	margin-bottom: 5px;
}

.upload-progress-line {
	height: 100%;
	border-radius: inherit;
	background: #2767ff;
	-webkit-transition: width 0.25s ease;
	transition: width 0.25s ease;
}

.upload-bottom {
	font-size: 13px;
	color: var(--color-black-gray);
}

.upload-done {
	width: 22px;
	height: 22px;
	border-radius: 11px;
	border: none;
	background: var(--bg-blue);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	color: var(--color-white);
	font-size: 12px;
}

.card-item {
	padding: 10px 14px 10px 10px;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecf4ff), to(#ccd3e8));
	background: linear-gradient(180deg, #ecf4ff 0%, #ccd3e8 100%);
	gap: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.card-item .wrap {
	max-width: 100px;
	width: 100%;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.card-item .wrap img {
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
.card-item .content {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	font-weight: 700;
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
	color: var(--color-black);
}
.card-item .title {
	font-size: 16px;
	line-height: 1.3;
}
.card-item .desc {
	line-height: 1.5;
	color: var(--color-black-gray);
}

.btn-back {
	padding: 4px;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 15px;
	font-family: inherit;
	color: #000;
}

.content-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	gap: 10px;
	color: var(--color-black);
	font-size: 23px;
	font-weight: 700;
}
.content-text .icon {
	max-width: 250px;
}
.content-text img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.content-text .title {
	font-size: 30px;
	line-height: 1.1;
}
.content-text span {
	font-size: 16px;
}

.popup-heading {
	padding-top: 70px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: var(--color-black-gray);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px 5px;
}
@media screen and (max-width: 1480px) {
	.popup-heading {
		padding-top: 50px;
	}
}
@media screen and (max-width: 767px) {
	.popup-heading {
		padding-top: 110px;
	}
}
.popup-heading .title {
	font-size: 40px;
}
@media screen and (max-width: 640px) {
	.popup-heading .title {
		font-size: 28px;
	}
}
.popup-heading .title span {
	color: var(--color-active);
}
.popup-heading .icon {
	width: 170px;
	height: 170px;
	border-radius: 85px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: var(--bg-gold-lighter-primary);
	-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
	        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
	position: absolute;
	top: -85px;
	left: 0;
	right: 0;
	margin: auto;
}
@media screen and (max-width: 1480px) {
	.popup-heading .icon {
		width: 120px;
		height: 120px;
		top: -60px;
	}
}
@media screen and (max-width: 767px) {
	.popup-heading .icon {
		width: 100px;
		height: 100px;
		-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
		        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
		top: 10px;
	}
}
.popup-heading .icon img {
	max-width: 106px;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.popup-heading .icon.icon-hotseat {
	background-color: #fff;
	overflow: hidden;
}
.popup-heading .icon.icon-hotseat img {
	max-width: none;
}

.group-match {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
	gap: 10px;
	border-radius: 18px;
	background-color: var(--bg-sky);
}
@media screen and (max-width: 767px) {
	.group-match {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.group-match.final .play {
	width: 60px;
	height: 60px;
	border-radius: 24px;
}
.group-match .thumb {
	position: relative;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
}
@media screen and (max-width: 767px) {
	.group-match .thumb {
		width: 100%;
	}
}
.group-match .wrap {
	padding-bottom: 62.25%;
}
.group-match .play {
	width: 76px;
	height: 76px;
	border-radius: 33px;
}
.group-match.js-hotseat-match {
	justify-content: center;
}

.progress-recording {
	font-size: 16px;
	font-weight: 700;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 15px;
}
.progress-recording .progress {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
.progress-recording .progress span {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	background-color: var(--bg-gray-lighter);
	height: 6px;
	border-radius: 6px;
}
.progress-recording .progress span.active {
	background-color: var(--bg-green);
}

.progress-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
.progress-group > * {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	line-height: 24px;
}
.progress-group .btn-close {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	margin: 0;
}

.box-logo {
	background-color: var(--bg-gold);
	border-radius: 10px;
	padding-bottom: 62.25%;
	position: relative;
}
.group-match.js-hotseat-record-match .box-logo[data-attr-logo="true"] {
	background-color: #fff;
}
.box-logo img {
	max-width: 48%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.final-text {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
	gap: 10px;
}
.final-text span {
	font-size: 40px;
}
@media screen and (max-width: 480px) {
	.final-text span {
		font-size: 34px;
	}
}

[data-attr-group-button=true],
[data-attr-group-solo-button=true],
[data-attr-match=true],
[data-attr-match-final=true],
[data-attr-rec-video-done=true],
[data-attr-progress-rec=true],
[data-attr-search-rant-match-start-record=true],
[data-attr-words-start-record=true],
[data-attr-start-record=true] {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

[data-attr-logo=true],
[data-attr-first-rec-video=true],
[data-attr-solo-rec-video=true],
[data-attr-step-popup-record-match=true],
[data-attr-step-popup-match=true],
[data-attr-step-popup-uploaded=true],
[data-attr-step-popup-shooting-tips=true],
[data-attr-close-popup=true],
[data-attr-step-popup-uploading=true],
[data-attr-step-popup-agreement=true],
[data-attr-step-popup-general=true],
[data-attr-step-popup-record=true] {
	display: block !important;
}

[data-attr-group-button=false],
[data-attr-group-solo-button=false],
[data-attr-logo=false],
[data-attr-match=false],
[data-attr-match-final=false],
[data-attr-rec-video-done=false],
[data-attr-progress-rec=false],
[data-attr-first-rec-video=false],
[data-attr-solo-rec-video=false],
[data-attr-search-rant-match-start-record=false],
[data-attr-words-start-record=false],
[data-attr-start-record=false],
[data-attr-step-popup-record-match=false],
[data-attr-step-popup-match=false],
[data-attr-step-popup-uploaded=false],
[data-attr-step-popup-shooting-tips=false],
[data-attr-close-popup=false],
[data-attr-step-popup-uploading=false],
[data-attr-step-popup-agreement=false],
[data-attr-step-popup-general=false],
[data-attr-step-popup-record=false] {
	display: none !important;
}

[data-attr-section-bouncing=false] {
	display: none;
}

[data-attr-section-bouncing=true] {
	display: block;
}

[data-popup-win-get=false] {
	pointer-events: none;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	cursor: not-allowed;
	opacity: 0.5;
}

.popup-win,
.popup-bouncing {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background: rgba(var(--rgb-black), 0.7);
	padding: 70px 30px;
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
}
.popup-win[data-attr-popup-win=true], .popup-win[data-attr-popup-bouncing=true],
.popup-bouncing[data-attr-popup-win=true],
.popup-bouncing[data-attr-popup-bouncing=true] {
	opacity: 1;
	visibility: visible;
}
.popup-win[data-attr-popup-win=true] .holder, .popup-win[data-attr-popup-bouncing=true] .holder,
.popup-bouncing[data-attr-popup-win=true] .holder,
.popup-bouncing[data-attr-popup-bouncing=true] .holder {
	-webkit-transform: scale(1) rotateX(0);
	        transform: scale(1) rotateX(0);
	opacity: 1;
	visibility: visible;
}
.popup-win[data-attr-popup-win=false], .popup-win[data-attr-popup-bouncing=false],
.popup-bouncing[data-attr-popup-win=false],
.popup-bouncing[data-attr-popup-bouncing=false] {
	opacity: 0;
	visibility: hidden;
}
.popup-win[data-attr-popup-win=false] .holder, .popup-win[data-attr-popup-bouncing=false] .holder,
.popup-bouncing[data-attr-popup-win=false] .holder,
.popup-bouncing[data-attr-popup-bouncing=false] .holder {
	-webkit-transform: scale(0.9) rotateX(60deg);
	        transform: scale(0.9) rotateX(60deg);
	opacity: 0;
	visibility: hidden;
}
@media screen and (max-width: 479px) {
	.popup-win,
	.popup-bouncing {
		padding: 10px;
	}
}
.popup-win .holder,
.popup-bouncing .holder {
	margin: auto;
	max-width: 500px;
	border-radius: 20px;
	width: 100%;
	position: relative;
	padding: 2px;
	background: var(--gradient-gold);
	-webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
}
.popup-win .frame,
.popup-bouncing .frame {
	background-color: var(--bg-white);
	position: relative;
	padding: 44px;
	border-radius: 18px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.popup-win .frame,
	.popup-bouncing .frame {
		padding: 30px;
	}
}
@media screen and (max-width: 374px) {
	.popup-win .frame,
	.popup-bouncing .frame {
		padding: 10px;
	}
}
.popup-win .subtitle,
.popup-bouncing .subtitle {
	color: var(--color-gold);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
}
.popup-win .reward,
.popup-bouncing .reward {
	font-weight: 700;
	font-size: 48px;
	margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
	.popup-win .reward,
	.popup-bouncing .reward {
		font-size: 33px;
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 374px) {
	.popup-win .reward,
	.popup-bouncing .reward {
		font-size: 30px;
	}
}
.popup-win .reward span,
.popup-bouncing .reward span {
	color: var(--bg-blue);
}
.popup-win .desc,
.popup-bouncing .desc {
	font-weight: 700;
	font-size: 33px;
	margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
	.popup-win .desc,
	.popup-bouncing .desc {
		font-size: 23px;
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 374px) {
	.popup-win .desc,
	.popup-bouncing .desc {
		font-size: 30px;
	}
}
.popup-win .desc span,
.popup-bouncing .desc span {
	color: var(--bg-blue);
}
.popup-win .coins,
.popup-bouncing .coins {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 15px;
}
.popup-win .coin,
.popup-bouncing .coin {
	margin-left: -70px;
}
.popup-win .coin:first-child,
.popup-bouncing .coin:first-child {
	margin-left: 0;
}
.popup-win .coin img,
.popup-bouncing .coin img {
	max-width: 100%;
}
@media screen and (max-width: 374px) {
	.popup-win .coin img,
	.popup-bouncing .coin img {
		max-width: 75%;
	}
}
.popup-win .riddle,
.popup-win .answer,
.popup-bouncing .riddle,
.popup-bouncing .answer {
	font-weight: 700;
	font-size: 48px;
	margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
	.popup-win .riddle,
	.popup-win .answer,
	.popup-bouncing .riddle,
	.popup-bouncing .answer {
		font-size: 33px;
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 374px) {
	.popup-win .riddle,
	.popup-win .answer,
	.popup-bouncing .riddle,
	.popup-bouncing .answer {
		font-size: 30px;
	}
}
.popup-win .answer,
.popup-bouncing .answer {
	color: var(--color-active);
}
.popup-win .notify,
.popup-bouncing .notify {
	position: static;
	width: auto;
	max-width: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	font-weight: 400;
	font-size: 13px;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
.popup-win .notify span,
.popup-bouncing .notify span {
	-ms-flex-item-align: center;
	    align-self: center;
}
.popup-win .icon,
.popup-bouncing .icon {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M20 10C20 15.524 15.523 20 10 20C4.477 20 0 15.524 0 10C0 4.478 4.477 0 10 0C15.523 0 20 4.478 20 10Z" fill="%232552EA"/><path d="M9.99523 12.9287C10.4883 12.9287 10.8801 13.3217 10.8801 13.8037C10.8801 14.2857 10.4881 14.6787 10.005 14.6787C9.52004 14.6786 9.125 14.2857 9.125 13.8037C9.12502 13.3217 9.51618 12.9287 9.99523 12.9287ZM9.99523 5.33594C10.4773 5.33594 10.8704 5.72894 10.8704 6.21094V10.6309C10.8704 11.1129 10.4773 11.5059 9.99523 11.5059C9.51317 11.5059 9.12012 11.1129 9.12012 10.6309V6.21094C9.12012 5.72894 9.51317 5.33594 9.99523 5.33594Z" fill="%232552EA"/></svg>') no-repeat;
}
.popup-win .text,
.popup-bouncing .text {
	font-weight: 700;
	font-size: 23px;
	margin-bottom: 15px;
	text-align: center;
}
.popup-win .text span,
.popup-bouncing .text span {
	color: var(--bg-blue);
}
.popup-win .btn,
.popup-bouncing .btn {
	font-family: inherit;
	background: var(--gradient-blue-light);
	font-weight: 700;
	font-size: 16px;
	color: var(--color-white);
	border-radius: 10px;
	min-height: 54px;
	border: none;
	cursor: pointer;
	padding: 15px;
	width: 100%;
	margin-top: 20px;
}
.popup-win .btn:not(:disabled):not([data-action-rec]):active,
.popup-bouncing .btn:not(:disabled):not([data-action-rec]):active {
	-webkit-transform: scale(0.99);
	        transform: scale(0.99);
}

.popup-win .reward {
	margin-bottom: 10px;
}

.frame-logo {
	margin-bottom: 10px;
}
.frame-logo img {
	max-width: 100%;
	height: auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}

.prediction {
	text-align: center;
	font-weight: 700;
	font-size: 23px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}
.prediction img {
	max-width: 200px;
	width: 100%;
	height: auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}

.joke {
	text-align: center;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.35;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	margin: 16px 0 20px;
	color: var(--color-black);
}
.joke-line {
	max-width: 360px;
}
.joke-line + .joke-line {
	font-size: 18px;
	color: var(--color-black-gray);
}
.joke-line:nth-child(3) {
	font-size: 16px;
	color: var(--color-gray-100);
	font-style: italic;
}

.strange-picture {
	display: flex;
	justify-content: center;
	margin: 16px 0 20px;
}
.strange-picture img {
	max-width: 280px;
	max-height: 280px;
	width: auto;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 6px 18px rgba(var(--rgb-black), 0.18);
}

.popup-search-rant-match,
.popup-words {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background: rgba(var(--rgb-black), 0.7);
	padding: 10px;
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
}
.popup-search-rant-match[data-attr-popup-search-rant-match-visible=true], .popup-search-rant-match[data-attr-popup-words-visible=true],
.popup-words[data-attr-popup-search-rant-match-visible=true],
.popup-words[data-attr-popup-words-visible=true] {
	opacity: 1;
	visibility: visible;
}
.popup-search-rant-match[data-attr-popup-search-rant-match-visible=true] .holder, .popup-search-rant-match[data-attr-popup-words-visible=true] .holder,
.popup-words[data-attr-popup-search-rant-match-visible=true] .holder,
.popup-words[data-attr-popup-words-visible=true] .holder {
	-webkit-transform: scale(1) rotateX(0);
	        transform: scale(1) rotateX(0);
	opacity: 1;
	visibility: visible;
}
.popup-search-rant-match .holder,
.popup-words .holder {
	margin: auto;
	max-width: 600px;
	border-radius: 20px;
	width: 100%;
	position: relative;
	padding: 2px;
	background: var(--gradient-gold);
	-webkit-transform: scale(0.9) rotateX(60deg);
	        transform: scale(0.9) rotateX(60deg);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
}
.popup-search-rant-match .frame,
.popup-words .frame {
	background-color: var(--bg-white);
	position: relative;
	padding: 10px;
	border-radius: 18px;
}
.popup-search-rant-match .frame-logo,
.popup-words .frame-logo {
	text-align: center;
}
.popup-search-rant-match .button,
.popup-words .button {
	font-weight: 700;
	font-size: 16px;
	width: 100%;
	margin-top: 20px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	font-family: inherit;
	min-height: 50px;
	padding: 2px;
	color: var(--color-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: -webkit-gradient(linear, left top, left bottom, from(#F96660), to(#AF1F19));
	background: linear-gradient(180deg, #F96660 0%, #AF1F19 100%);
	-webkit-transition: padding 0.2s, opacity 0.2s;
	transition: padding 0.2s, opacity 0.2s;
}
@media (hover: hover) {
	.popup-search-rant-match .button:not(:disabled):hover,
	.popup-words .button:not(:disabled):hover {
		padding: 2px;
	}
	.popup-search-rant-match .button:not(:disabled):hover span,
	.popup-words .button:not(:disabled):hover span {
		-webkit-transform: rotateX(25deg);
		        transform: rotateX(25deg);
	}
}
.popup-search-rant-match .button:not(:disabled):active span,
.popup-words .button:not(:disabled):active span {
	-webkit-transform: rotateX(0deg);
	        transform: rotateX(0deg);
}
.popup-search-rant-match .button:disabled,
.popup-words .button:disabled {
	opacity: 0.45;
	pointer-events: none;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
}
.popup-search-rant-match .button span,
.popup-words .button span {
	position: relative;
	background: -webkit-gradient(linear, left top, right top, from(#e2403a), to(#d4241d));
	background: linear-gradient(90deg, #e2403a 0%, #d4241d 100%);
	border-radius: 8px;
	padding: 0 10px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transform-origin: top;
	        transform-origin: top;
	gap: 10px;
	font-size: 34px;
	-webkit-transition: font-size 0.2s, -webkit-transform 0.2s;
	transition: font-size 0.2s, -webkit-transform 0.2s;
	transition: font-size 0.2s, transform 0.2s;
	transition: font-size 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
.popup-search-rant-match .button strong,
.popup-words .button strong {
	font-weight: 700;
	font-size: 19px;
	-webkit-transition: font-size 0.2s;
	transition: font-size 0.2s;
}
@media screen and (max-width: 374px) {
	.popup-search-rant-match .button strong,
	.popup-words .button strong {
		font-size: 16px;
	}
}
.popup-search-rant-match .icon-item,
.popup-words .icon-item {
	width: 26px;
	height: 26px;
	background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3230_118550)"><g filter="url(%23filter0_d_3230_118550)"><path d="M12.9996 4.0625C17.6536 4.0625 21.4837 7.63912 21.8956 12.1875H25.1456C24.7248 5.84594 19.446 0.8125 12.9996 0.8125C6.5532 0.8125 1.27439 5.84594 0.853516 12.1875H4.10352C4.51545 7.63912 8.34558 4.0625 12.9996 4.0625Z" fill="white" /></g><g filter="url(%23filter1_d_3230_118550)"><path d="M12.9996 21.9375C8.34558 21.9375 4.51545 18.3609 4.10352 13.8125H0.853516C1.27439 20.1541 6.5532 25.1875 12.9996 25.1875C19.446 25.1875 24.7248 20.1541 25.1456 13.8125H21.8956C21.4837 18.3609 17.6536 21.9375 12.9996 21.9375Z" fill="white" /></g><path d="M13 20.3125C17.0386 20.3125 20.3125 17.0386 20.3125 13C20.3125 8.96142 17.0386 5.6875 13 5.6875C8.96142 5.6875 5.6875 8.96142 5.6875 13C5.6875 17.0386 8.96142 20.3125 13 20.3125Z" fill="%23D72B25" /></g><defs><filter id="filter0_d_3230_118550" x="0.853516" y="0.8125" width="25.293" height="12.375" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3230_118550" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3230_118550" result="shape" /></filter><filter id="filter1_d_3230_118550" x="0.853516" y="13.8125" width="25.293" height="12.375" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3230_118550" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3230_118550" result="shape" /></filter><clipPath id="clip0_3230_118550"><rect width="26" height="26" fill="white" /></clipPath></defs></svg>');
	-webkit-transform-origin: center;
	        transform-origin: center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 374px) {
	.popup-search-rant-match .icon-item,
	.popup-words .icon-item {
		width: 30px;
		height: 30px;
	}
}
.popup-search-rant-match .notify,
.popup-words .notify {
	position: static;
	width: auto;
	max-width: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	font-weight: 400;
	font-size: 13px;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
.popup-search-rant-match .notify span,
.popup-words .notify span {
	-ms-flex-item-align: center;
	    align-self: center;
}
.popup-search-rant-match .icon-text,
.popup-words .icon-text {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M20 10C20 15.524 15.523 20 10 20C4.477 20 0 15.524 0 10C0 4.478 4.477 0 10 0C15.523 0 20 4.478 20 10Z" fill="%232552EA"/><path d="M9.99523 12.9287C10.4883 12.9287 10.8801 13.3217 10.8801 13.8037C10.8801 14.2857 10.4881 14.6787 10.005 14.6787C9.52004 14.6786 9.125 14.2857 9.125 13.8037C9.12502 13.3217 9.51618 12.9287 9.99523 12.9287ZM9.99523 5.33594C10.4773 5.33594 10.8704 5.72894 10.8704 6.21094V10.6309C10.8704 11.1129 10.4773 11.5059 9.99523 11.5059C9.51317 11.5059 9.12012 11.1129 9.12012 10.6309V6.21094C9.12012 5.72894 9.51317 5.33594 9.99523 5.33594Z" fill="%232552EA"/></svg>') no-repeat;
}

.popup-words .rule-desc {
	padding: 0;
	margin: 0 0 20px;
}

.words-title {
	margin-bottom: 15px;
	text-align: center;
	font-weight: 700;
	font-size: 33px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
}
@media screen and (max-width: 767px) {
	.words-title {
		font-size: 28px;
	}
}

[data-popup-words-close=false] {
	opacity: 0.2;
	pointer-events: none;
}

.rule-desc {
	font-weight: 700;
	font-size: 15px;
	line-height: 1.3;
	text-align: center;
	padding: 10px 0;
}
@media screen and (max-width: 640px) {
	.rule-desc {
		font-size: 14px;
	}
}
.rule-desc:last-child {
	margin-bottom: 0;
}
.rule-desc .text {
	margin-bottom: 10px;
	text-align: center;
}
.rule-desc .text:last-child {
	margin-bottom: 0;
}
.rule-desc span {
	color: var(--bg-blue);
}
.rule-desc em {
	color: #e3a800;
	font-weight: inherit;
}

.pic-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 20px;
}
.pic-group .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 40px;
	width: 120px;
	height: 120px;
	backdrop-filter: blur(4px);
	background: rgba(65, 57, 57, 0.2);
	margin-left: -30px;
}
.pic-group .item:first-child {
	margin-left: 0;
}
.pic-group img {
	max-width: 84px;
	height: auto;
}

.group-words {
	--flex-gap: 15px;
	--flex-items: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--flex-gap);
}
.group-words .item {
	width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));
	border-radius: 10px;
	-webkit-box-shadow: 0 0 0 1px #000;
	        box-shadow: 0 0 0 1px #000;
	padding-bottom: 18.75%;
	position: relative;
	font-weight: 700;
	font-size: 19px;
	-webkit-transition: -webkit-transform 0.8s ease-in-out;
	transition: -webkit-transform 0.8s ease-in-out;
	transition: transform 0.8s ease-in-out;
	transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
}
@media screen and (max-width: 568px) {
	.group-words .item {
		font-size: 16px;
	}
}
.group-words .item[data-attr-slot-text=false] {
	-webkit-transform: rotateY(0);
	        transform: rotateY(0);
}
.group-words .item[data-attr-slot-text=false] i {
	opacity: 1;
}
.group-words .item[data-attr-slot-text=false] span {
	opacity: 0;
}
.group-words .item[data-attr-slot-text=true] {
	-webkit-transform: rotateY(720deg);
	        transform: rotateY(720deg);
}
.group-words .item[data-attr-slot-text=true] i {
	opacity: 0;
}
.group-words .item[data-attr-slot-text=true] span {
	opacity: 1;
}
.group-words i {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg width="48" height="64" viewBox="0 0 48 64" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1024_115484)"><path d="M11.8674 37.8922C11.5516 38.4202 11.2761 38.8322 11.0207 39.2622C11.0006 39.2622 13.3434 40.6122 14.4455 41.2782C15.0548 41.6702 15.4691 42.1002 15.1151 42.8042C14.7029 43.5862 14.1116 43.3322 13.5023 43.0002C12.7542 42.5502 10.1962 41.0422 10.1962 41.0422C10.1962 41.0422 9.11428 42.4122 8.9172 42.6282C7.4009 41.6102 6.24055 40.3182 5.17874 38.9282C-4.93664 25.5402 0.535319 6.94824 16.4163 1.46824C24.9771 -1.48776 33.1036 0.0402393 39.9933 6.02824C53.4148 17.7122 50.2656 38.6342 34.0689 46.0722C33.8336 46.1902 31.6094 46.9342 31.6094 46.9342C31.6094 46.9342 31.6497 47.8742 31.6497 48.4802C31.6094 50.6322 29.6024 52.2962 27.4185 52.3562C26.6322 52.3962 25.8238 52.3762 25.0173 52.3762C22.4794 52.3562 20.7279 50.9862 20.4121 48.4822C19.7827 43.6282 21.5142 39.5962 25.7855 37.6202C26.6523 37.2082 27.6156 37.0522 28.5406 36.7402C33.7753 34.9402 37.3971 29.8502 37.2986 24.4882C37.2 18.9102 33.4616 13.9582 27.9695 12.4122C23.4427 11.1402 19.2518 12.0802 15.7868 15.2702C12.2454 18.5582 10.8277 22.6682 11.9699 27.4442C12.5793 29.9502 13.0136 32.4342 12.5793 34.9982C12.5209 35.3502 12.4224 35.9582 12.4224 35.9582C12.4224 35.9582 15.4932 37.7402 16.5148 38.3062C17.0859 38.6382 17.3212 39.0882 17.0256 39.6562C16.6717 40.2822 16.1206 40.3222 15.5093 39.9702C14.3489 39.2842 13.1866 38.6402 11.8694 37.8962L11.8674 37.8922Z" fill="%23F7B700"/><path d="M26.2325 56.4459C26.9806 56.4459 27.7488 56.4259 28.4949 56.4459C30.6004 56.4859 31.9779 57.8739 32.0362 60.0279C32.0946 62.1999 30.6989 63.7859 28.6115 63.8639C26.9786 63.9219 25.3255 63.9219 23.6926 63.8639C21.6856 63.7659 20.2477 62.1019 20.2879 60.0679C20.3463 57.9739 21.7841 56.5059 23.8293 56.4479C24.6357 56.4279 25.424 56.4479 26.2305 56.4479L26.2325 56.4459Z" fill="%23F7B700"/><path d="M24.2653 16.774C29.1259 16.774 33.2384 19.788 34.6562 23.956C34.2821 18.672 29.7755 14.502 24.2653 14.502C18.7752 14.502 14.2686 18.67 13.8945 23.956C15.3123 19.788 19.4248 16.774 24.2653 16.774Z" fill="%23F7B700"/></g><defs><clipPath id="clip0_1024_115484"><rect width="48" height="64" fill="white"/></clipPath></defs></svg>') no-repeat;
	background-size: 75% 75%;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: opacity 0.2s 0.6s;
	transition: opacity 0.2s 0.6s;
}
@media screen and (max-width: 568px) {
	.group-words i {
		background-size: 60% 60%;
	}
}
.group-words span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: opacity 0.2s 0.6s;
	transition: opacity 0.2s 0.6s;
}

.box-recording-match,
.box-recording-words {
	padding-bottom: 62.25%;
	position: relative;
	z-index: 2;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdaa03), to(#d50083)), rgba(0, 0, 0, 0.3);
	background: linear-gradient(180deg, #fdaa03 0%, #d50083 100%), rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	overflow: hidden;
}
.box-recording-match::before, .box-recording-match::after,
.box-recording-words::before,
.box-recording-words::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.box-recording-match::before,
.box-recording-words::before {
	width: 100%;
	height: 100%;
	background-color: rgba(var(--rgb-black), 0.3);
}
.box-recording-match::after,
.box-recording-words::after {
	background: url('data:image/svg+xml,<svg width="586" height="363" viewBox="0 0 586 363" fill="none" xmlns="http://www.w3.org/2000/svg"><g style="mix-blend-mode:hard-light" opacity="0.7"><rect x="3.8125" y="3.44348" width="578.38" height="355.728" stroke="%23FEFEFF"/><line x1="195.836" y1="4.35352" x2="195.836" y2="359.677" stroke="%23FEFEFF" stroke-dasharray="2 2"/><line x1="389.512" y1="4.35352" x2="389.512" y2="359.677" stroke="%23FEFEFF" stroke-dasharray="2 2"/><line x1="582.691" y1="122.822" x2="3.3111" y2="122.822" stroke="%23FEFEFF" stroke-dasharray="2 2"/><line x1="582.691" y1="243.605" x2="3.3111" y2="243.605" stroke="%23FEFEFF" stroke-dasharray="2 2"/><rect opacity="0.5" x="290.188" y="355.822" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="0.5" y="178.864" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="578.223" y="178.864" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="578.223" y="355.822" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="0.5" y="0.5" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="0.5" y="355.822" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="578.223" y="0.5" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/><rect opacity="0.5" x="290.188" y="0.5" width="7.27686" height="6.02221" fill="%23FEFEFF" stroke="%23FEFEFF"/></g></svg>') no-repeat;
	background-size: contain;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	margin: auto;
	background-position: center;
}
.box-recording-match .media,
.box-recording-words .media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.box-recording-match .media img,
.box-recording-words .media img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.box-recording-match .play,
.box-recording-words .play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 76px;
	height: 76px;
	border-radius: 33px;
	margin: auto;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	background: url('data:image/svg+xml,<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-4" y="-4" width="84" height="84"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_663_17501_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_i_663_17501)" data-figma-bg-blur-radius="4"><rect width="76" height="76" rx="33" fill="white" fill-opacity="0.1"/><rect x="0.5" y="0.5" width="75" height="75" rx="32.5" stroke="url(%23paint0_linear_663_17501)"/><path d="M47.3357 40.2414C47.221 40.3572 46.7926 40.8465 46.3902 41.2529C44.0427 43.798 37.9134 47.9597 34.707 49.2333C34.2202 49.4365 32.9891 49.8691 32.3292 49.8997C31.6997 49.8997 31.0982 49.7533 30.5248 49.4649C29.8087 49.0608 29.2375 48.4228 28.9216 47.6713C28.7204 47.1514 28.4046 45.5894 28.4046 45.561C28.0908 43.8548 27.9199 41.0803 27.9199 38.0131C27.9199 35.0944 28.0908 32.4335 28.3483 30.6989C28.3764 30.6683 28.6923 28.7306 29.0363 28.0664C29.6659 26.8518 30.897 26.1003 32.2146 26.1003H32.3292C33.1882 26.1287 34.9926 26.8824 34.9926 26.9086C38.028 28.1822 44.0124 32.143 46.4183 34.7754C46.4183 34.7754 47.0977 35.4527 47.3919 35.8743C47.8506 36.4816 48.0799 37.2332 48.0799 37.9847C48.0799 38.8236 47.8225 39.6035 47.3357 40.2414Z" fill="%23FBFAF7"/></g><defs><filter id="filter0_i_663_17501" x="-4" y="-4" width="84" height="84" 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"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_663_17501"/></filter><clipPath id="bgblur_0_663_17501_clip_path" transform="translate(4 4)"><rect width="76" height="76" rx="33"/></clipPath><linearGradient id="paint0_linear_663_17501" x1="10" y1="10" x2="38" y2="38" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%237B7B7B"/></linearGradient></defs></svg>') no-repeat;
	border: none;
	background-size: contain;
	backdrop-filter: blur(2px);
	overflow: hidden;
}
@media (hover: hover) {
	.box-recording-match .play:hover,
	.box-recording-words .play:hover {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
}
@media screen and (max-width: 374px) {
	.box-recording-match .play,
	.box-recording-words .play {
		width: 56px;
		height: 56px;
		border-radius: 24px;
	}
}
.box-recording-match .play[data-attr-play=false],
.box-recording-words .play[data-attr-play=false] {
	display: none;
}
.box-recording-match .play[data-attr-play=true],
.box-recording-words .play[data-attr-play=true] {
	display: block;
}
.box-recording-match .sticky,
.box-recording-words .sticky {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	z-index: 2;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.box-recording-match .sticky[data-attr-time=false],
.box-recording-words .sticky[data-attr-time=false] {
	display: none;
}
.box-recording-match .sticky[data-attr-time=true],
.box-recording-words .sticky[data-attr-time=true] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.box-recording-match .sticky span,
.box-recording-words .sticky span {
	font-size: 16px;
}
.box-recording-match .time,
.box-recording-words .time {
	background-color: var(--bg-black);
	color: var(--color-white);
	gap: 5px;
	padding: 12px 10px;
	border-radius: 35px;
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.popup-search-rant-match .frame-title {
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
	text-align: center;
}
.popup-search-rant-match .frame-title .sub {
	font-size: 22px;
}
.popup-search-rant-match .frame-title span {
	color: var(--bg-blue);
}
.popup-search-rant-match .rule-desc {
	padding: 0;
	margin-bottom: 20px;
}
.popup-search-rant-match .rule-desc:last-child {
	margin-bottom: 0;
}
.popup-search-rant-match .pic-group .item {
	position: relative;
	border-radius: 30%;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #b6b6b6;
	-webkit-box-shadow: 0 0 0px 2px #dcdcda;
	        box-shadow: 0 0 0px 2px #dcdcda;
	width: 90px;
	height: 90px;
	z-index: 2;
}
.popup-search-rant-match .pic-group .item:first-child {
	-webkit-transform: rotate(-15deg);
	        transform: rotate(-15deg);
	z-index: 1;
}
.popup-search-rant-match .pic-group .item:last-child {
	-webkit-transform: rotate(15deg);
	        transform: rotate(15deg);
	z-index: 1;
}

[data-popup-search-rant-match-close=false] {
	opacity: 0.2;
	pointer-events: none;
}

[data-attr-step-search-rant-match-general=false],
[data-attr-step-search-rant-match-error=false],
[data-attr-step-search-rant-match-record=false],
[data-attr-step-search-rant-match-shooting-tips=false],
[data-attr-step-search-rant-match-uploading=false],
[data-attr-step-search-rant-match-uploaded=false],
[data-attr-step-words-general=false],
[data-attr-step-words-record=false],
[data-attr-step-words-shooting-tips=false],
[data-attr-step-words-uploading=false],
[data-attr-step-words-uploaded=false] {
	display: none;
}

[data-attr-step-search-rant-match-general=true],
[data-attr-step-search-rant-match-error=true],
[data-attr-step-search-rant-match-record=true],
[data-attr-step-search-rant-match-shooting-tips=true],
[data-attr-step-search-rant-match-uploading=true],
[data-attr-step-search-rant-match-uploaded=true],
[data-attr-step-words-general=true],
[data-attr-step-words-record=true],
[data-attr-step-words-shooting-tips=true],
[data-attr-step-words-uploading=true],
[data-attr-step-words-uploaded=true] {
	display: block;
}

.footer {
	background: var(--gradient-black);
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	padding: 44px 0;
	color: var(--color-white-smoke);
	position: relative;
}
@media screen and (max-width: 860px) {
	.footer {
		padding: 30px 0;
	}
}
.footer::before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 13px;
	background: url("../images/footer-bg-top.svg") center bottom no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
}
.footer .holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 20px;
	position: relative;
	z-index: 2;
	padding: 0 10px;
}
@media screen and (max-width: 860px) {
	.footer .holder {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 30px;
	}
}
.footer .column {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.footer .column.secondary {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	gap: 30px 0;
}
@media screen and (max-width: 860px) {
	.footer .column.secondary {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}

.group-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px 30px;
}
.group-wrap .made {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 860px) {
	.group-wrap .made {
		display: none;
	}
}

.group-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px 50px;
}
@media screen and (max-width: 860px) {
	.group-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 30px 50px;
	}
}

.list-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px 50px;
}
.list-nav a {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	font-size: 14px;
}
@media screen and (min-width: 1025px) {
	.list-nav a:hover {
		color: var(--color-active);
	}
}

.group-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	gap: 10px 40px;
}
@media screen and (max-width: 860px) {
	.group-list {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 30px 40px;
	}
}
.group-list .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px 40px;
}
@media screen and (max-width: 860px) {
	.group-list .list {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}
.group-list a {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	font-size: 14px;
}
@media screen and (min-width: 1025px) {
	.group-list a:hover {
		color: var(--color-active);
	}
}

.copy-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px 20px;
}
@media screen and (max-width: 860px) {
	.copy-wrap .made {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.copy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	text-align: left;
	line-height: 1.4;
	gap: 10px 0;
	font-size: 14px;
}

.made {
	max-width: 82px;
	width: 100%;
	display: none;
}
.made img {
	max-width: 100%;
	height: auto;
}

#logo-bouncing {
	position: absolute;
	z-index: 8;
	font-size: 84px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transition: -webkit-transform 0.1s ease-out;
	transition: -webkit-transform 0.1s ease-out;
	transition: transform 0.1s ease-out;
	transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	color: var(--bg-gold);
	font-family: inherit;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	will-change: transform, left, top;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
#logo-bouncing.logo-animated {
	-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
	transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.bouncing-tooltip {
	position: absolute;
	top: 0;
	background: white;
	color: var(--bg-black);
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: bold;
	font-family: inherit;
	border: 2px solid var(--bg-black);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	z-index: 7;
	pointer-events: none;
	white-space: nowrap;
	will-change: transform;
	pointer-events: none;
}
.bouncing-tooltip::after, .bouncing-tooltip::before {
	content: "";
	position: absolute;
	background: white;
	border: 2px solid var(--bg-black);
	border-radius: 50%;
}
.bouncing-tooltip::after {
	width: 20px;
	height: 20px;
}
.bouncing-tooltip::before {
	width: 12px;
	height: 12px;
}
.bouncing-tooltip-left::after {
	bottom: auto;
	left: auto;
	right: -20px;
	top: 50%;
	margin-left: 0;
	margin-top: -10px;
}
.bouncing-tooltip-left::before {
	bottom: auto;
	left: auto;
	right: -35px;
	top: 35%;
	margin-left: 0;
	margin-top: -6px;
}
.bouncing-tooltip-right::after {
	bottom: auto;
	left: -20px;
	top: 50%;
	margin-left: 0;
	margin-top: -10px;
}
.bouncing-tooltip-right::before {
	bottom: auto;
	left: -35px;
	top: 35%;
	margin-left: 0;
	margin-top: -6px;
}

/** modal welcome */
.modal-welcome {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background-color: rgba(var(--rgb-white), 0.9);
	padding: 30px;
	overflow: auto;
	display: none;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (max-width: 860px) {
	.modal-welcome {
		padding: 10px;
	}
}
.modal-welcome[data-attr-show-modal=true] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.modal-welcome .content {
	margin: auto;
	max-width: 720px;
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	background: var(--gradient-gold-secondary);
	padding: 2px;
}
.modal-welcome .holder {
	background-color: var(--bg-white);
	padding: 46px;
	border-radius: 18px;
}
@media screen and (max-width: 860px) {
	.modal-welcome .holder {
		padding: 18px;
	}
}
.modal-welcome .frame {
	position: relative;
}
.modal-welcome .btn-close {
	top: 0;
	right: 0;
}
.modal-welcome .headline {
	padding: 0 20px;
	text-align: center;
	font-weight: 700;
	font-size: 48px;
	margin-bottom: 22px;
}
@media screen and (max-width: 640px) {
	.modal-welcome .headline {
		font-size: 34px;
	}
}
@media screen and (max-width: 390px) {
	.modal-welcome .headline {
		font-size: 22px;
	}
}
.modal-welcome .text-logo {
	font-size: 19px;
	color: var(--color-gold);
}
@media screen and (max-width: 390px) {
	.modal-welcome .text-logo {
		font-size: 16px;
	}
}
.modal-welcome .text-sub {
	font-size: 24px;
}
@media screen and (max-width: 640px) {
	.modal-welcome .text-sub {
		font-size: 16px;
	}
}
@media screen and (max-width: 390px) {
	.modal-welcome .text-sub {
		font-size: 12px;
		margin-top: 2px;
	}
}
.modal-welcome .text-sub span {
	color: #2552ea;
}
.modal-welcome .btn {
	width: 100%;
	font-family: inherit;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 18px;
	min-height: 54px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	cursor: pointer;
	color: var(--color-white);
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, right top, from(#3b60d3), to(#3b60d4));
	background: linear-gradient(90deg, #3b60d3 0%, #3b60d4 100%);
}
@media screen and (min-width: 1025px) {
	.modal-welcome .btn:hover {
		background: rgba(59, 96, 211, 0.94);
	}
}
.modal-welcome .btn-welcome-cta {
	flex-direction: column;
	gap: 4px;
	padding: 14px 20px;
	min-height: 0;
	line-height: 1.25;
}
.modal-welcome .btn-welcome-cta .btn-main {
	font-size: 22px;
	font-weight: 700;
}
.modal-welcome .btn-welcome-cta .btn-sub {
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 150%;
}
@media screen and (max-width: 640px) {
	.modal-welcome .btn-welcome-cta .btn-main {
		font-size: 18px;
	}
	.modal-welcome .btn-welcome-cta .btn-sub {
		font-size: 12px;
	}
}

.content-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-bottom: 15px;
}
.content-block .row {
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.content-block .row::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	z-index: 2;
	-webkit-transform: translate3d(-50%, 0, 0);
	        transform: translate3d(-50%, 0, 0);
	background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.75 10C0.75 15.108 4.891 19.25 10 19.25C15.108 19.25 19.25 15.108 19.25 10C19.25 4.892 15.108 0.75 10 0.75C4.891 0.75 0.75 4.892 0.75 10Z" stroke="%23BFBFBF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M6.52734 8.55762L9.99834 12.0436L13.4693 8.55762" stroke="%23BFBFBF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>') no-repeat;
	width: 20px;
	height: 20px;
	background-size: contain;
}
.content-block .row::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	-webkit-transform: translate3d(-50%, 0, 0);
	        transform: translate3d(-50%, 0, 0);
	height: 20px;
	width: 40px;
	background-color: #fff;
}
.content-block .row:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.content-block .row:last-child::before, .content-block .row:last-child:after {
	display: none;
}
.content-block .columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 50px;
	padding: 0 46px;
}
@media screen and (max-width: 860px) {
	.content-block .columns {
		padding: 0 25px;
	}
}
@media screen and (max-width: 640px) {
	.content-block .columns {
		padding: 0;
		gap: 10px;
	}
}
.content-block .column {
	width: 50%;
}
.content-block .column.secondary {
	min-width: 200px;
}
@media screen and (max-width: 390px) {
	.content-block .column.secondary {
		min-width: 125px;
	}
}
.content-block img {
	max-width: 250px;
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

.count-text {
	--color: #ff7315;
	font-weight: 500;
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 5px 10px;
	position: relative;
	padding-bottom: 82px;
}
@media screen and (max-width: 640px) {
	.count-text {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-bottom: 75px;
	}
}
@media screen and (max-width: 390px) {
	.count-text {
		padding-bottom: 42px;
	}
}
.count-text.secondary {
	--color: #3b60d3;
}
.count-text::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1360_188725)"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.75697 14.1791C12.9898 47.0088 45.7299 58.5568 77.7977 57.2826C78.3485 57.2618 78.8149 57.691 78.8357 58.2418C78.8566 58.7927 78.4274 59.259 77.8766 59.2798C44.9108 60.5916 11.3679 48.522 0.848961 14.7724C0.684028 14.247 0.978407 13.6871 1.50635 13.5217C2.0318 13.3568 2.59163 13.6512 2.75697 14.1791Z" fill="%23484848" /><path fill-rule="evenodd" clip-rule="evenodd" d="M77.236 58.3051C75.6738 57.503 73.7022 56.5181 73.4818 56.3998C67.5068 53.194 62.3494 49.2331 57.5923 44.3815C57.2057 43.9882 57.2125 43.3538 57.6058 42.9672C57.9991 42.5806 58.6334 42.5874 59.02 42.9807C63.6315 47.6869 68.6323 51.5296 74.4285 54.6386C74.7662 54.82 79.1997 57.0314 80.0626 57.5459C80.4175 57.7553 80.5533 57.984 80.5802 58.0411C80.7345 58.3384 80.7113 58.5948 80.655 58.7876C80.5898 59.0048 80.3948 59.337 79.9502 59.5606C79.4839 59.7928 78.4038 60.0354 78.1361 60.1187C74.1004 61.386 69.4859 62.4489 65.4248 64.2974C61.5518 66.0599 58.1782 68.54 56.4241 72.7172C56.211 73.2259 55.6232 73.4645 55.1144 73.2515C54.6057 73.0384 54.367 72.4506 54.5801 71.9418C56.5422 67.2721 60.2675 64.4477 64.5953 62.4778C68.6327 60.6407 73.2001 59.5547 77.236 58.3051Z" fill="black" /></g><defs><clipPath id="clip0_1360_188725"><rect width="72.3663" height="72.3663" fill="white" transform="matrix(-0.987688 0.156434 0.156434 0.987688 71.4766 0)" /></clipPath></defs></svg>') no-repeat;
	width: 72px;
	height: 72px;
	background-size: contain;
}
@media screen and (max-width: 390px) {
	.count-text::after {
		width: 42px;
		height: 42px;
	}
}

.count-circle {
	background-color: var(--color);
	width: 40px;
	height: 40px;
	border-radius: 20px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: var(--color-white);
	font-size: 19px;
}
@media screen and (max-width: 390px) {
	.count-circle {
		font-size: 12px;
		width: 30px;
		height: 30px;
	}
}

.count-title {
	font-weight: 700;
	font-size: 20px;
	color: var(--color);
	margin-bottom: 5px;
}
@media screen and (max-width: 390px) {
	.count-title {
		font-size: 16px;
	}
}

.count-desc {
	font-weight: 500;
	font-size: 13px;
	line-height: 1.4;
}
@media screen and (max-width: 390px) {
	.count-desc {
		font-size: 11px;
		line-height: 1.2;
	}
}

/** end modal welcome */
.block-react {
	border: 1px solid var(--color);
	border-radius: 10px;
	padding: 15px 10px;
	margin-top: 15px;
	background-color: var(--bg);
	position: relative;
}
.block-react.green {
	--bg: var(--bg-green-lighter-secondary);
	--color: var(--color-green);
}
.block-react.green .btn-message {
	background: var(--gradient-green);
}
.block-react.green .btn-message:before {
	background: var(--color);
}
@media screen and (min-width: 1025px) {
	.block-react.green .btn-message:hover::before {
		background: var(--bg-green-100);
	}
}
.block-react.red {
	--bg: var(--bg-red-lighter);
	--color: var(--color-red-dark);
}
.block-react.red .btn-message {
	background: var(--gradient-red);
}
.block-react.red .btn-message:before {
	background: var(--color);
}
@media screen and (min-width: 1025px) {
	.block-react.red .btn-message:hover::before {
		background: var(--bg-red-100);
	}
}
.block-react[data-attr-block-reaction=false] {
	border-color: var(--bg-color-empty);
	background-color: var(--bg-empty);
	pointer-events: none;
}
.block-react[data-attr-block-reaction=false] > *:not(.headline, .coin-reward, .btn-message.primary) {
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	opacity: 0.5;
}
.block-react[data-attr-block-reaction=false] .headline > *:not(.lock) {
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	opacity: 0.5;
}
.block-react[data-attr-block-reaction=false] .lock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.block-react[data-attr-block-reaction=false] .coin-reward {
	display: none;
}
.block-react[data-attr-block-reaction=false] .btn-message.primary {
	opacity: 0.5;
}
.block-react .headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}
.block-react .icon {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 36px;
	height: 36px;
	border-radius: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: var(--color);
}
.block-react .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 4px;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.block-react .title {
	font-weight: 700;
	font-size: 16px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
}
.block-react .sub {
	font-weight: 500;
	color: var(--color-primary-smoke);
}
.block-react .lock {
	background: url("../images/lock.svg") no-repeat;
	width: 24px;
	height: 32px;
	background-size: contain;
	display: none;
}
.block-react .coin-reward {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate3d(-50%, -35%, 0);
	        transform: translate3d(-50%, -35%, 0);
}
.block-react .message {
	border: 1px solid rgba(var(--rgb-black), 0.1);
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	padding: 12px 15px;
	height: 70px;
	width: 100%;
	resize: none;
	margin: 0;
	font-family: inherit;
	font-weight: 500;
	font-size: 13px;
}
.block-react .message::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.5);
}
.block-react .message:-moz-placeholder {
	color: rgba(0, 0, 0, 0.5);
	opacity: 1;
}
.block-react .message::-moz-placeholder {
	color: rgba(0, 0, 0, 0.5);
	opacity: 1;
}
.block-react .message:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.5);
}
.block-react .message:focus::-webkit-input-placeholder {
	color: transparent;
}
.block-react .message:focus:-moz-placeholder {
	color: transparent;
}
.block-react .message:focus::-moz-placeholder {
	color: transparent;
}
.block-react .message:focus:-ms-input-placeholder {
	color: transparent;
}
.block-react .message.placeholder {
	color: rgba(0, 0, 0, 0.5) !important;
}
.block-react .message:focus {
	border: 1px solid var(--color);
}
.block-react .bubble {
	border: 1px solid rgba(var(--rgb-black), 0.1);
	border-radius: 10px;
	padding: 12px 15px;
	background-color: #fbfaf7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
}
.block-react .avatar {
	width: 36px;
	height: 36px;
	border-radius: 36px;
	overflow: hidden;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.block-react .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.block-react .content-message {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	font-size: 13px;
	font-weight: 400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 6px 0;
}
.block-react .date {
	color: var(--color-gray-100);
}
.block-react .content-after {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.block-react .btn {
	background: none;
	border: none;
	cursor: pointer;
	color: var(--color-gray-100);
	font-size: 17px;
}
@media screen and (min-width: 1025px) {
	.block-react .btn:hover {
		color: var(--color);
	}
}
.block-react .btn-message {
	width: 100%;
	font-family: inherit;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 18px;
	min-height: 50px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: var(--color-white);
	gap: 10px;
	cursor: pointer;
	border-radius: 10px;
	margin-top: 15px;
	position: relative;
}
.block-react .btn-message:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	border-radius: 10px;
}
.block-react .btn-message i,
.block-react .btn-message span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	gap: 10px;
	text-align: left;
}
.block-react .btn-message i {
	font-style: normal;
}
.block-react .btn-message i::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3001_142667)"><g filter="url(%23filter0_d_3001_142667)"><path d="M12.9996 4.0625C17.6536 4.0625 21.4837 7.63912 21.8956 12.1875H25.1456C24.7248 5.84594 19.446 0.8125 12.9996 0.8125C6.5532 0.8125 1.27439 5.84594 0.853516 12.1875H4.10352C4.51545 7.63912 8.34558 4.0625 12.9996 4.0625Z" fill="white" /></g><g filter="url(%23filter1_d_3001_142667)"><path d="M12.9996 21.9375C8.34558 21.9375 4.51545 18.3609 4.10352 13.8125H0.853516C1.27439 20.1541 6.5532 25.1875 12.9996 25.1875C19.446 25.1875 24.7248 20.1541 25.1456 13.8125H21.8956C21.4837 18.3609 17.6536 21.9375 12.9996 21.9375Z" fill="white" /></g></g><defs><filter id="filter0_d_3001_142667" x="0.853516" y="0.8125" width="25.293" height="12.375" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3001_142667" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3001_142667" result="shape" /></filter><filter id="filter1_d_3001_142667" x="0.853516" y="13.8125" width="25.293" height="12.375" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3001_142667" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3001_142667" result="shape" /></filter><clipPath id="clip0_3001_142667"><rect width="26" height="26" fill="white" /></clipPath></defs></svg>') no-repeat;
	width: 26px;
	height: 26px;
	background-size: contain;
}

.coin-label {
	background-color: var(--bg);
	border: 1px solid var(--color);
	border-radius: 10px;
	padding: 4px 10px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 2px 4px;
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--color);
}
.coin-label .coin {
	width: 22px;
	height: 22px;
	border-radius: 11px;
	background-color: var(--bg-gold);
	-webkit-box-shadow: inset 0 0 0 2px var(--bg-gold-primary);
	        box-shadow: inset 0 0 0 2px var(--bg-gold-primary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: var(--color-white);
	font-size: 14px;
}

.coin-reward {
	border: 1px solid var(--color);
	padding: 8px;
	width: 62px;
	height: 62px;
	border-radius: 31px;
	background-color: var(--bg-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 700;
	pointer-events: none;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 7px 7px 0 rgba(0, 0, 0, 0.09), 0 15px 9px 0 rgba(0, 0, 0, 0.05), 0 27px 11px 0 rgba(0, 0, 0, 0.01), 0 43px 12px 0 rgba(0, 0, 0, 0);
	        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 7px 7px 0 rgba(0, 0, 0, 0.09), 0 15px 9px 0 rgba(0, 0, 0, 0.05), 0 27px 11px 0 rgba(0, 0, 0, 0.01), 0 43px 12px 0 rgba(0, 0, 0, 0);
}
.coin-reward span {
	background-color: var(--bg-gold);
	-webkit-box-shadow: inset 0 0 0 3px var(--bg-gold-primary);
	        box-shadow: inset 0 0 0 3px var(--bg-gold-primary);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 20px;
}

.list-react {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 10px;
}
@media screen and (max-width: 374px) {
	.list-react {
		gap: 5px;
	}
}
.list-react .item {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.list-react .button {
	border: 1px solid var(--color-light-smoke);
	background-color: var(--color-white-smoke);
	border-radius: 10px;
	width: 100%;
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	font-size: clamp(22px, 22px + 8 * (100vw - 320px) / 91, 30px);
	font-family: "Inter", sans-serif;
	cursor: pointer;
}
@media screen and (max-width: 374px) {
	.list-react .button {
		font-size: 18px;
		height: 60px;
	}
}
.list-react .button[data-attr-reaction-action=true] {
	border: 1px solid var(--color);
	background-color: var(--bg-white);
}
.list-react .button img {
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	max-width: 32px;
	max-height: 32px;
	object-fit: contain;
	display: block;
	flex-shrink: 0;
}
.list-react .count {
	font-size: 13px;
	font-weight: 700;
}
@media screen and (max-width: 374px) {
	.list-react .count {
		font-size: 11px;
	}
}

/** promo-section */
.promo-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 15px;
	overflow: hidden;
}
.promo-section .headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}
.promo-section .title {
	font-weight: 700;
	font-size: 60px;
}
@media screen and (max-width: 479px) {
	.promo-section .title {
		font-size: 40px;
	}
}
.promo-section .sub-title {
	font-weight: 700;
	font-size: 40px;
}
@media screen and (max-width: 479px) {
	.promo-section .sub-title {
		font-size: 20px;
	}
}

.promo-image {
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
@media screen and (max-width: 767px) {
	.promo-image {
		max-width: none;
		width: 902px;
		height: 504px;
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

.promo-box {
	background: linear-gradient(135deg, #ffca33 0%, #ffb700 100%);
	padding: 30px 50px 40px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 19px;
	line-height: 1.2;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.promo-box {
		padding: 20px 20px 40px;
	}
}
@media screen and (max-width: 479px) {
	.promo-box {
		font-size: 16px;
	}
}
.promo-box .btn {
	width: 100%;
	font-family: inherit;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 18px;
	min-height: 50px;
	border: none;
	background: var(--color-red-dark);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: var(--color-white);
	gap: 10px;
	cursor: pointer;
	border-radius: 10px;
	position: relative;
}
@media screen and (min-width: 1025px) {
	.promo-box .btn:hover {
		background: var(--bg-red-100);
	}
}
.promo-box .btn:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	border-radius: 10px;
}
.promo-box .btn i,
.promo-box .btn span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	gap: 10px;
}
.promo-box .btn i {
	font-style: normal;
}
.promo-box .btn i::before {
	content: "";
	background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3001_142667)"><g filter="url(%23filter0_d_3001_142667)"><path d="M12.9996 4.0625C17.6536 4.0625 21.4837 7.63912 21.8956 12.1875H25.1456C24.7248 5.84594 19.446 0.8125 12.9996 0.8125C6.5532 0.8125 1.27439 5.84594 0.853516 12.1875H4.10352C4.51545 7.63912 8.34558 4.0625 12.9996 4.0625Z" fill="white" /></g><g filter="url(%23filter1_d_3001_142667)"><path d="M12.9996 21.9375C8.34558 21.9375 4.51545 18.3609 4.10352 13.8125H0.853516C1.27439 20.1541 6.5532 25.1875 12.9996 25.1875C19.446 25.1875 24.7248 20.1541 25.1456 13.8125H21.8956C21.4837 18.3609 17.6536 21.9375 12.9996 21.9375Z" fill="white" /></g></g><defs><filter id="filter0_d_3001_142667" x="0.853516" y="0.8125" width="25.293" height="12.375" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3001_142667" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3001_142667" result="shape" /></filter><filter id="filter1_d_3001_142667" x="0.853516" y="13.8125" width="25.293" height="12.375" 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 dx="1" dy="1" /><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 1 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3001_142667" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3001_142667" result="shape" /></filter><clipPath id="clip0_3001_142667"><rect width="26" height="26" fill="white" /></clipPath></defs></svg>') no-repeat;
	width: 26px;
	height: 26px;
	background-size: contain;
}
.promo-box .hold {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 20px;
}
.promo-box small {
	font-weight: 400;
	font-size: 13px;
}
.promo-box a {
	text-decoration: underline;
}
@media screen and (min-width: 1025px) {
	.promo-box a:hover {
		text-decoration: none;
	}
}

.group-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 14px;
}
@media screen and (max-width: 479px) {
	.group-cards {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}
.group-cards .item {
	max-width: 350px;
	border-radius: 10px;
	position: relative;
}
.group-cards .item.blue span {
	color: #fff;
}
.group-cards .item.yellow {
	-webkit-box-shadow: 0 10px 21px 0 rgba(0, 0, 0, 0.1), 0 39px 39px 0 rgba(0, 0, 0, 0.09), 0 87px 52px 0 rgba(0, 0, 0, 0.05), 0 154px 62px 0 rgba(0, 0, 0, 0.01), 0 241px 67px 0 rgba(0, 0, 0, 0);
	        box-shadow: 0 10px 21px 0 rgba(0, 0, 0, 0.1), 0 39px 39px 0 rgba(0, 0, 0, 0.09), 0 87px 52px 0 rgba(0, 0, 0, 0.05), 0 154px 62px 0 rgba(0, 0, 0, 0.01), 0 241px 67px 0 rgba(0, 0, 0, 0);
}
.group-cards span {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 18px;
	z-index: 2;
	font-weight: 700;
	font-size: clamp(50px, 10vw, 100px);
}
@media screen and (max-width: 479px) {
	.group-cards span {
		font-size: 100px;
	}
}
@media screen and (max-width: 374px) {
	.group-cards span {
		font-size: 80px;
	}
}
.group-cards img {
	max-width: 100%;
	height: auto;
}

.promo-title {
	font-weight: 700;
	font-size: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.promo-title {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
@media screen and (max-width: 479px) {
	.promo-title {
		font-size: 30px;
	}
}
.promo-title img {
	max-width: 70px;
	width: 100%;
	height: auto;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}

/** end promo-section */
.section-profile-area {
	padding: 25px 0 40px;
}

.area-card {
	border-radius: 20px;
	padding: 20px;
	background: var(--bg-white-smoke);
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 374px) {
	.area-card {
		padding: 10px;
	}
}

.area-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.area-head:not(.primary) {
	gap: 25px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--bg-garay-black);
}
@media screen and (max-width: 767px) {
	.area-head:not(.primary) {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		border: none;
		padding-bottom: 0;
		margin-bottom: 35px;
	}
}
.area-head.primary {
	margin-bottom: 20px;
	gap: 10px;
}
.area-head.primary .avatar {
	width: 50px;
	height: 50px;
	padding: 2px;
	border-width: 2px;
}
.area-head .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	gap: 25px;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
@media screen and (max-width: 374px) {
	.area-head .wrap {
		gap: 25px 18px;
	}
}
.area-head form {
	position: relative;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.area-head .avatar {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	width: 120px;
	height: 120px;
	padding: 4px;
	border-radius: 120px;
	border: 4px solid var(--bg-white);
	background: linear-gradient(135deg, #143ECA, #F7B700);
	-webkit-box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.2);
	        box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: relative;
}
.area-head .avatar::before, .area-head .avatar::after {
	content: "";
}
.area-head .avatar::before {
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 120px;
	background-color: var(--bg-gold);
}
.area-head .avatar::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url('data:image/svg+xml,<svg width="29" height="38" viewBox="0 0 29 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.04147 22.4594C6.85319 22.7724 6.6889 23.0167 6.5366 23.2716C6.52461 23.2716 7.92169 24.0719 8.57886 24.4667C8.94222 24.699 9.18926 24.954 8.9782 25.3713C8.73236 25.8349 8.37979 25.6843 8.01643 25.4875C7.57032 25.2207 6.04492 24.3268 6.04492 24.3268C6.04492 24.3268 5.39975 25.1389 5.28222 25.267C4.37802 24.6635 3.68607 23.8976 3.05289 23.0736C-2.97915 15.137 0.283907 4.11551 9.75409 0.866913C14.8591 -0.885433 19.7052 0.0203808 23.8137 3.57013C31.8172 10.4965 29.9392 22.8993 20.2808 27.3086C20.1405 27.3785 18.8141 27.8196 18.8141 27.8196C18.8141 27.8196 18.8381 28.3768 18.8381 28.7361C18.8141 30.0118 17.6173 30.9982 16.315 31.0338C15.8461 31.0575 15.364 31.0457 14.8831 31.0457C13.3697 31.0338 12.3252 30.2217 12.1369 28.7373C11.7616 25.8598 12.7941 23.4696 15.3412 22.2982C15.8581 22.0539 16.4325 21.9615 16.9841 21.7765C20.1057 20.7094 22.2655 17.692 22.2067 14.5134C22.148 11.2067 19.9186 8.27111 16.6436 7.35462C13.9441 6.60057 11.445 7.15781 9.37874 9.04887C7.26692 10.998 6.42148 13.4345 7.10263 16.2657C7.46599 17.7513 7.72502 19.2239 7.46599 20.7438C7.43121 20.9525 7.37245 21.3129 7.37245 21.3129C7.37245 21.3129 9.20365 22.3693 9.81285 22.7048C10.1534 22.9016 10.2937 23.1684 10.1174 23.5051C9.90639 23.8762 9.5778 23.8999 9.21324 23.6913C8.5213 23.2846 7.82815 22.9028 7.04267 22.4618L7.04147 22.4594Z" fill="%23AB861E" /><path d="M15.6079 33.4584C16.054 33.4584 16.5121 33.4465 16.957 33.4584C18.2126 33.4821 19.034 34.3049 19.0688 35.5818C19.1036 36.8694 18.2713 37.8096 17.0265 37.8559C16.0528 37.8902 15.067 37.8902 14.0933 37.8559C12.8964 37.7978 12.039 36.8113 12.063 35.6056C12.0978 34.3642 12.9552 33.494 14.1748 33.4596C14.6557 33.4477 15.1258 33.4596 15.6067 33.4596L15.6079 33.4584Z" fill="%23AB861E" /><path d="M14.4363 9.94061C17.3348 9.94061 19.7872 11.7273 20.6326 14.1982C20.4096 11.0658 17.7221 8.59375 14.4363 8.59375C11.1624 8.59375 8.47501 11.0646 8.25195 14.1982C9.0974 11.7273 11.5498 9.94061 14.4363 9.94061Z" fill="%23AB861E" /></svg>') no-repeat;
	background-size: contain;
	width: 29px;
	height: 38px;
}
.area-head .avatar img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	-o-object-fit: cover;
	   object-fit: cover;
	position: relative;
	z-index: 2;
}
.area-head .edit {
	position: absolute;
	left: 50%;
	bottom: -8px;
	z-index: 3;
	-webkit-transform: translate3d(-50%, 0, 0);
	        transform: translate3d(-50%, 0, 0);
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: none;
	border-radius: 100%;
	background-color: rgba(var(--rgb-black), 0.4);
	color: var(--bg-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 14px;
	cursor: pointer;
}
.area-head .edit .avatar-input {
	display: none;
}

.area-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
	font-weight: 400;
	font-size: 13px;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow: hidden;
}
.area-meta .name {
	font-weight: 700;
	font-size: 16px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.area-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 767px) {
	.area-info {
		width: 100%;
		border-top: 1px solid var(--bg-garay-black);
		padding-top: 30px;
	}
}
.area-info .item {
	font-weight: 500;
	color: #747474;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	text-transform: capitalize;
	padding: 0 20px;
	position: relative;
}
@media screen and (max-width: 767px) {
	.area-info .item {
		padding: 0;
		width: 33.333%;
	}
}
.area-info .item:first-child::before {
	display: none;
}
.area-info .item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background-color: var(--bg-garay-black);
}
.area-info .sup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #000;
}
.area-info .icon {
	font-size: 28px;
	width: 34px;
	height: 34px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.area-info .icon img {
	width: 100%;
	height: auto;
}

.area-box {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--bg-garay-black);
}
.area-box .row {
	margin-bottom: 20px;
}
.area-box .row:last-child {
	margin-bottom: 0;
}

.block-text {
	background: linear-gradient(45deg, rgba(255, 202, 51, 0.8) 0%, rgba(255, 183, 0, 0.8) 100%);
	padding: 14px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.block-text span {
	position: relative;
	padding: 0 38px;
}
.block-text span::after, .block-text span::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	        transform: translate3d(0, -50%, 0);
	width: 28px;
	height: 28px;
}
.block-text span::before {
	left: 0;
	background: url("../images/smile-sunshine.svg") no-repeat;
	background-size: contain;
}
.block-text span::after {
	right: 0;
	background: url("../images/smile-default.svg") no-repeat;
	background-size: contain;
}

.area-headline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}
.area-headline .title {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	font-weight: 700;
	font-size: 16px;
}
.area-headline .more {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-weight: 500;
	font-size: 13px;
	color: var(--color-primary-smoke);
}
@media screen and (min-width: 1025px) {
	.area-headline .more:hover {
		text-decoration: underline;
	}
}

.area-thumbs {
	--flex-gap: 8px;
	--flex-items: 3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: var(--flex-gap);
}
@media screen and (max-width: 374px) {
	.area-thumbs {
		--flex-items: 1;
	}
}
@media screen and (max-width: 390px) {
	.area-thumbs:not(.primary) {
		--flex-items: 1;
	}
}
@media screen and (max-width: 767px) {
	.area-thumbs:not(.primary) .thumb-panel {
		gap: 10px;
	}
}
@media screen and (max-width: 479px) {
	.area-thumbs:not(.primary) .thumb-panel {
		gap: 8px;
	}
}
@media screen and (max-width: 639px) {
	.area-thumbs:not(.primary) .col {
		gap: 4px;
	}
}
@media screen and (max-width: 767px) {
	.area-thumbs:not(.primary) .setting,
	.area-thumbs:not(.primary) .full,
	.area-thumbs:not(.primary) .play {
		width: 30px;
		height: 30px;
	}
}
@media screen and (max-width: 639px) {
	.area-thumbs:not(.primary) .setting,
	.area-thumbs:not(.primary) .full,
	.area-thumbs:not(.primary) .play {
		width: 24px;
		height: 24px;
	}
}
@media screen and (max-width: 568px) {
	.area-thumbs:not(.primary) .setting,
	.area-thumbs:not(.primary) .full,
	.area-thumbs:not(.primary) .play {
		width: 16px;
		height: 16px;
	}
}
@media screen and (max-width: 390px) {
	.area-thumbs:not(.primary) .setting,
	.area-thumbs:not(.primary) .full,
	.area-thumbs:not(.primary) .play {
		width: 30px;
		height: 30px;
	}
}
@media screen and (max-width: 767px) {
	.area-thumbs:not(.primary) .setting::after,
	.area-thumbs:not(.primary) .full::after,
	.area-thumbs:not(.primary) .play::after {
		width: 12px;
		height: 12px;
	}
}
@media screen and (max-width: 568px) {
	.area-thumbs:not(.primary) .setting::after,
	.area-thumbs:not(.primary) .full::after,
	.area-thumbs:not(.primary) .play::after {
		width: 9px;
		height: 9px;
	}
}
@media screen and (max-width: 390px) {
	.area-thumbs:not(.primary) .setting::after,
	.area-thumbs:not(.primary) .full::after,
	.area-thumbs:not(.primary) .play::after {
		width: 12px;
		height: 12px;
	}
}
@media screen and (max-width: 767px) {
	.area-thumbs:not(.primary) .time {
		height: 30px;
		font-size: 11px;
		padding: 0 10px;
	}
}
@media screen and (max-width: 639px) {
	.area-thumbs:not(.primary) .time {
		height: 24px;
		font-size: 10px;
	}
}
@media screen and (max-width: 568px) {
	.area-thumbs:not(.primary) .time {
		height: 16px;
		padding: 0 5px;
		font-size: 9px;
	}
}
@media screen and (max-width: 390px) {
	.area-thumbs:not(.primary) .time {
		height: 30px;
		font-size: 11px;
		padding: 0 10px;
	}
}
.area-thumbs.primary {
	--flex-items: 1;
}
@media screen and (max-width: 568px) {
	.area-thumbs.secondary {
		--flex-items: 2;
	}
}
@media screen and (max-width: 390px) {
	.area-thumbs.secondary {
		--flex-items: 1;
	}
}
.area-thumbs .thumb {
	position: relative;
	width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));
}
.area-thumbs .wrap {
	padding-bottom: 61.85%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.area-thumbs img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.area-thumbs .desc {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	font-weight: 700;
	font-size: 13px;
	margin-top: 8px;
	padding-bottom: 8px;
}
@media screen and (min-width: 1025px) {
	.area-thumbs .desc:hover {
		color: var(--bg-gold);
	}
}

.button-delete {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
	background: none;
	color: var(--bg-white);
	font-size: 14px;
	border: none;
}

.thumb-panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 5px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 14px;
}
@media screen and (max-width: 568px) {
	.thumb-panel:not(.primary) {
		padding: 5px;
	}
}
@media screen and (max-width: 639px) {
	.thumb-panel:not(.primary) .cols {
		gap: 4px;
	}
}
.thumb-panel .cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 8px;
}
.thumb-panel .col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.thumb-panel .col.primary {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.thumb-panel .play,
.thumb-panel .setting,
.thumb-panel .full {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 25px;
	backdrop-filter: blur(4px);
	width: 40px;
	height: 40px;
	border: none;
	cursor: pointer;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (max-width: 374px) {
	.thumb-panel .play,
	.thumb-panel .setting,
	.thumb-panel .full {
		width: 30px;
		height: 30px;
	}
}
.thumb-panel .play::before,
.thumb-panel .setting::before,
.thumb-panel .full::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(45deg, transparent, #959B9C);
	-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	        mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
	        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	        mask-composite: exclude;
	padding: 1px;
}
.thumb-panel .play::after {
	content: "";
	background: url('data:image/svg+xml,<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1.87749C6.24093e-05 0.438112 1.55476 -0.464181 2.80469 0.249556L11.5537 5.24565C12.1306 5.57521 12.4397 6.13536 12.4883 6.7144C12.5154 6.8186 12.5152 6.92853 12.4883 7.03276C12.44 7.61218 12.131 8.1727 11.5537 8.50249L2.80469 13.4986C1.5548 14.2121 9.46868e-05 13.3099 0 11.8706V1.87749Z" fill="white" /></svg>') no-repeat;
	width: 14px;
	height: 14px;
	background-size: contain;
	-webkit-transform: translateX(1px);
	        transform: translateX(1px);
}
.thumb-panel .setting::after {
	content: "";
	background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0039 4.76479L12.6149 4.08973C12.2858 3.51853 11.5564 3.32148 10.9844 3.64923V3.64923C10.7122 3.80962 10.3873 3.85513 10.0814 3.77571C9.77556 3.69629 9.51385 3.49848 9.354 3.22589C9.25117 3.05262 9.19591 2.85528 9.19382 2.65381V2.65381C9.20309 2.33079 9.08123 2.01778 8.85599 1.78607C8.63075 1.55437 8.32131 1.4237 7.99817 1.42383H7.21441C6.89783 1.42382 6.5943 1.54998 6.37098 1.77437C6.14765 1.99877 6.02296 2.3029 6.02448 2.61948V2.61948C6.0151 3.27311 5.48253 3.79804 4.82883 3.79797C4.62736 3.79588 4.43001 3.74062 4.25675 3.63779V3.63779C3.68476 3.31004 2.95542 3.50709 2.62631 4.07829L2.20869 4.76479C1.87998 5.33528 2.07435 6.06416 2.64347 6.39522V6.39522C3.01341 6.60881 3.24131 7.00352 3.24131 7.43069C3.24131 7.85786 3.01341 8.25258 2.64347 8.46616V8.46616C2.07507 8.79499 1.88049 9.52211 2.20869 10.0909V10.0909L2.60343 10.7717C2.75763 11.0499 3.01635 11.2552 3.32235 11.3422C3.62834 11.4291 3.95638 11.3906 4.23386 11.235V11.235C4.50665 11.0759 4.83172 11.0323 5.13681 11.1139C5.44191 11.1955 5.70175 11.3957 5.85858 11.6698C5.96141 11.8431 6.01667 12.0404 6.01876 12.2419V12.2419C6.01876 12.9022 6.55407 13.4376 7.21441 13.4376H7.99817C8.65628 13.4376 9.19067 12.9057 9.19382 12.2476V12.2476C9.19229 11.9301 9.31777 11.625 9.54233 11.4005C9.76689 11.1759 10.0719 11.0504 10.3895 11.052C10.5905 11.0574 10.787 11.1124 10.9616 11.2122V11.2122C11.532 11.5409 12.2609 11.3465 12.592 10.7774V10.7774L13.0039 10.0909C13.1633 9.81722 13.2071 9.49129 13.1255 9.18526C13.0439 8.87924 12.8436 8.61838 12.5691 8.46044V8.46044C12.2946 8.3025 12.0943 8.04164 12.0127 7.73562C11.9311 7.4296 11.9749 7.10367 12.1343 6.83001C12.238 6.64899 12.3881 6.4989 12.5691 6.39522V6.39522C13.1348 6.06434 13.3287 5.33971 13.0039 4.77051V4.77051V4.76479Z" stroke="white" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round" /><circle cx="7.60853" cy="7.4308" r="1.6476" stroke="white" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round" /></svg>') no-repeat;
	width: 15px;
	height: 15px;
	background-size: contain;
}
.thumb-panel .full::after {
	content: "";
	background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5.625L2.5 3.75C2.5 3.05964 3.05964 2.5 3.75 2.5L5.625 2.5" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" /><path d="M12.5 9.375V11.25C12.5 11.9404 11.9404 12.5 11.25 12.5H9.375" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" /><path d="M9.375 2.5L11.25 2.5C11.9404 2.5 12.5 3.05964 12.5 3.75L12.5 5.625" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" /><path d="M5.625 12.5L3.75 12.5C3.05964 12.5 2.5 11.9404 2.5 11.25L2.5 9.375" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" /></svg>') no-repeat;
	width: 15px;
	height: 15px;
	background-size: contain;
}
.thumb-panel .time {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 25px;
	backdrop-filter: blur(4px);
	color: #fff;
	padding: 0 15px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-weight: 500;
	font-size: 13px;
}
@media screen and (max-width: 374px) {
	.thumb-panel .time {
		height: 30px;
		font-size: 11px;
		padding: 0 10px;
	}
}

.area-volume {
	padding: 0 12px;
	max-width: 100px;
	width: 100%;
	height: 40px;
	background: rgb(0, 0, 0);
	border-radius: 25px;
	backdrop-filter: blur(4px);
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (max-width: 374px) {
	.area-volume {
		height: 30px;
		font-size: 11px;
		padding: 0 10px;
	}
}
.area-volume::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(45deg, transparent, #959B9C);
	-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	        mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
	        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	        mask-composite: exclude;
	padding: 1px;
}

.line-wrap {
	position: relative;
	height: 2px;
	width: 100%;
	border-radius: 2px;
	background-color: rgba(var(--rgb-white), 0.4);
}

.line-load {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(var(--rgb-white), 1);
	width: 0;
	border-radius: 6px;
}
.line-load .track {
	position: absolute;
	top: 50%;
	right: -6px;
	width: 12px;
	height: 12px;
	background-color: var(--bg-white);
	border-radius: 12px;
	cursor: pointer;
	-webkit-transform: translate3d(0, -50%, 0);
	        transform: translate3d(0, -50%, 0);
}

.progress-thumb {
	height: 3px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 6px;
	position: relative;
}

.track-load {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--bg-gold);
	width: 0;
	border-radius: 6px;
}
.track-load .track {
	position: absolute;
	top: 50%;
	right: -6px;
	width: 12px;
	height: 12px;
	background-color: var(--bg-gold);
	border-radius: 12px;
	cursor: pointer;
	-webkit-transform: translate3d(0, -50%, 0);
	        transform: translate3d(0, -50%, 0);
}

.area-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	font-weight: 700;
	font-size: 16px;
	gap: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--bg-garay-black);
}
.area-menu:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.area-menu .link {
	width: 100%;
	border: none;
	background: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: left;
	gap: 20px;
	font: inherit;
	color: var(--color-black);
}
@media screen and (min-width: 1025px) {
	.area-menu .link:hover .menu-icon {
		background-color: var(--bg-gold-light);
	}
}
.area-menu .link.active .menu-icon {
	background-color: var(--bg-blue);
	color: var(--color-white);
}
.area-menu span {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.area-menu .new {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	font-weight: 400;
	font-size: 11px;
	background-color: var(--bg-gold);
	border-radius: 5px;
	padding: 3px;
}
.area-menu .icon {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 34px;
	        flex: 0 0 34px;
	height: 34px;
	border-radius: 999px;
	background-color: var(--bg-gold-lighter);
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 18px;
	color: var(--color-gold);
}
.area-menu svg {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}
.area-menu svg.arrow {
	font-size: 12px;
}

.notify {
	position: fixed;
	left: 20px;
	bottom: 50%;
	z-index: 9;
	max-width: 390px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
}
@media screen and (max-width: 1480px) {
	.notify {
		left: 20px;
		bottom: 20px;
	}
}
@media screen and (max-width: 860px) {
	.notify {
		left: 10px;
		bottom: 10px;
	}
}
@media screen and (max-width: 414px) {
	.notify {
		right: 10px;
		width: auto;
	}
}

body.has-upload-notify .popup .frame {
	padding-bottom: 140px;
}
@media screen and (max-width: 414px) {
	body.has-upload-notify .popup .frame {
		padding-bottom: 180px;
	}
}

.notify-upload {
	padding: 10px;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.02), 0 10px 10px 0 rgba(0, 0, 0, 0.02), 0 23px 14px 0 rgba(0, 0, 0, 0.01), 0 41px 16px 0 rgba(0, 0, 0, 0), 0 64px 18px 0 rgba(0, 0, 0, 0);
	        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.02), 0 10px 10px 0 rgba(0, 0, 0, 0.02), 0 23px 14px 0 rgba(0, 0, 0, 0.01), 0 41px 16px 0 rgba(0, 0, 0, 0), 0 64px 18px 0 rgba(0, 0, 0, 0);
	background-color: var(--color-white-smoke);
	border: 1px solid var(--color-light-smoke);
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	width: 100%;
}
.notify-upload .media {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	max-width: 114px;
	width: 100%;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
}
.notify-upload .content {
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 20px;
}
.notify-upload .check {
	background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11Z" fill="%232552EA" /><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7492 7.23451C17.0838 7.54704 17.0836 8.05357 16.7487 8.36588L9.8869 14.7659C9.72595 14.916 9.50766 15.0002 9.28012 15C9.05258 14.9998 8.83448 14.9151 8.67387 14.7647L5.25 11.558C4.91585 11.245 4.91679 10.7385 5.25211 10.4266C5.58742 10.1147 6.13013 10.1156 6.46429 10.4286L9.28227 13.0678L15.537 7.23412C15.8718 6.92181 16.4145 6.92198 16.7492 7.23451Z" fill="white" /></svg>') no-repeat;
	width: 22px;
	height: 22px;
	background-size: contain;
}

.area-bottom {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--bg-garay-black);
}
.area-bottom .bottom-form {
	margin: 0;
	padding: 0;
	border: none;
}

.btn-more {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #000;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 12px;
	max-width: 100%;
	min-height: 54px;
	color: var(--color-black-smoke);
}
@media (hover: hover) {
	.btn-more:hover svg {
		-webkit-transform: translate3d(3px, 0, 0);
		        transform: translate3d(3px, 0, 0);
	}
}
.btn-more .icon {
	font-size: 10px;
	width: 20px;
	height: 20px;
	background-color: rgba(var(--rgb-gold-light), 0.4);
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: var(--bg-gold);
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}
.btn-more svg {
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.area-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
}
.area-group .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 10px;
	height: 40px;
	background: none;
	border: none;
	font-family: inherit;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 0 1px var(--color-black-smoke);
	        box-shadow: inset 0 0 0 1px var(--color-black-smoke);
	border-radius: 10px;
	overflow: hidden;
	color: var(--color-black);
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
@media screen and (min-width: 1025px) {
	.area-group .btn:hover {
		background-color: var(--bg-gold);
	}
}
.area-group .btn.active {
	background-color: var(--bg-gold);
}

.top-spin-mute {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 10;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: background 0.2s;
}
.top-spin-mute:hover {
	background: rgba(255, 255, 255, 0.22);
}
.top-spin-mute[data-utell-sfx-mute="true"] {
	opacity: 0.55;
}

/* Spin result cue (win / lose popup) */
.top-spin-cue {
	position: absolute;
	transform: translate(-50%, -10px);
	z-index: 9998;
	min-width: 240px;
	max-width: 90vw;
	padding: 14px 22px;
	border-radius: 14px;
	background: linear-gradient(180deg, #34c759 0%, #1e8f4a 100%);
	color: #fff;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	opacity: 0;
	pointer-events: none !important;
	transition: opacity 0.3s, transform 0.3s;
	font-weight: 700;
}
.top-spin-cue, .top-spin-cue * {
	pointer-events: none !important;
}
.top-spin-cue.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}
.top-spin-cue__line {
	font-size: 18px;
	line-height: 1.3;
}
.top-spin-cue__sub {
	margin-top: 6px;
	font-size: 13px;
	font-weight: 500;
	opacity: 0.9;
}
.top-spin-cue--jackpot {
	min-width: 320px;
	padding: 20px 28px;
	background: linear-gradient(180deg, #ffcf3a 0%, #f8a700 100%);
	color: #2a1800;
	box-shadow: 0 12px 40px rgba(248, 167, 0, 0.5);
}
.top-spin-cue--jackpot .top-spin-cue__line {
	font-size: 22px;
}
.top-spin-cue--lose {
	background: linear-gradient(180deg, #8f8f8f 0%, #5e5e5e 100%);
	color: #fff;
}
.top-spin-cue--error {
	background: linear-gradient(180deg, #e26058 0%, #b5332b 100%);
	color: #fff;
}

/* Flying coin (+N) animation */
.top-spin-flying-coin {
	position: fixed;
	z-index: 9997;
	pointer-events: none;
	padding: 8px 16px;
	border-radius: 999px;
	background: linear-gradient(180deg, #ffe04a 0%, #f5a900 100%);
	color: #2a1800;
	font-weight: 900;
	font-size: 20px;
	box-shadow: 0 6px 18px rgba(245, 169, 0, 0.75), 0 0 0 2px #fff inset;
	transform: translate(0, 0) scale(1);
	opacity: 1;
	transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease-out 1.1s;
}

/* Jackpot confetti */
.top-spin-confetti {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 9996;
	overflow: hidden;
}
.top-spin-confetti span {
	position: absolute;
	top: -20px;
	width: 10px;
	height: 14px;
	border-radius: 2px;
	animation: top-spin-confetti-fall linear forwards;
}
@keyframes top-spin-confetti-fall {
	0% {
		transform: translateY(-20px) rotate(0deg);
		opacity: 1;
	}
	100% {
		transform: translateY(110vh) rotate(720deg);
		opacity: 0.2;
	}
}

/* Near-miss teaser highlight on the losing reel */
.video-spin.top-spin-near-miss {
	box-shadow: inset 0 0 0 4px #ffcf3a, 0 0 24px rgba(255, 207, 58, 0.7);
	position: relative;
}
.video-spin.top-spin-near-miss::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 207, 58, 0.25) 0%, rgba(255, 207, 58, 0) 100%);
	pointer-events: none;
}

/* Shake on 3 emojis */
.spinner.is-shaking {
	animation: top-spin-shake 0.55s ease-in-out;
}
@keyframes top-spin-shake {
	0%, 100% { transform: translateX(0); }
	20% { transform: translateX(-10px); }
	40% { transform: translateX(10px); }
	60% { transform: translateX(-6px); }
	80% { transform: translateX(6px); }
}

/* Reaction block — new v2 design (Figma 1308:131168, exact tokens) */
.box-reaction--v2 {
	background: #F1F8F3;
	border: 1px solid #1A9C4E;
	border-radius: 10px;
	padding: 15px 10px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.box-reaction--v2 .headline {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	flex-wrap: wrap;
}
.box-reaction--v2 .reaction-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #1D9E4F;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
}
.box-reaction--v2 .reaction-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.box-reaction--v2 .reaction-avatar .svg-icon {
	width: 20px;
	height: 20px;
}
.box-reaction--v2 .reaction-headline-text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1 1 auto;
	min-width: 0;
}
.box-reaction--v2 .title-row {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.box-reaction--v2 .title {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	letter-spacing: -0.32px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
.box-reaction--v2 .reaction-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #E4F3E8;
	border: 1.5px solid #1D9E4F;
	border-radius: 999px;
	padding: 3px 12px 3px 4px;
	font-size: 12px;
	font-weight: 700;
	color: #189D52;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 1.5;
	letter-spacing: 0.3px;
}
.box-reaction--v2 .reaction-badge-coin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #189D52;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
}
.box-reaction--v2 .subtitle {
	font-size: 13px;
	font-weight: 500;
	color: #3A3A3A;
	line-height: 1.4;
}
.box-reaction--v2 .list-reaction {
	display: flex;
	gap: 10px;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}
.box-reaction--v2 .list-reaction .item {
	flex: 1 0 0;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.box-reaction--v2 .list-reaction .button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 100%;
	background: #FBFAF7;
	border: 1px solid #E2E7E3;
	border-radius: 10px;
	padding: 2px 10px 5px;
	cursor: pointer;
	transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
	text-decoration: none;
	box-sizing: border-box;
}
.box-reaction--v2 .list-reaction .button:hover {
	border-color: #1D9E4F;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(29, 158, 79, 0.15);
}
.box-reaction--v2 .list-reaction .button[data-attr-raction-action="true"] {
	border-color: #1D9E4F;
	background: #E4F3E8;
}
.box-reaction--v2 .list-reaction .button img {
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
	max-width: 30px;
	max-height: 30px;
	object-fit: contain;
	display: block;
	flex-shrink: 0;
}
.box-reaction--v2 .list-reaction .button .emoji-count {
	font-size: 13px;
	font-weight: 700;
	color: #000;
	line-height: 1.5;
	display: block;
}
@media (max-width: 768px) {
	.box-reaction--v2 .list-reaction {
		flex-wrap: wrap;
	}
	.box-reaction--v2 .list-reaction .item {
		flex: 1 1 calc(25% - 10px);
	}
}

.auth .avatar a {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--bg-gold);
    color: rgba(var(--rgb-white), 0.8);
    font-size: 20px;
}

.link-wrap .wrap video {
	z-index: 3;
}

.link-wrap .wrap .no-thumb {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecf4ff), to(#ccd3e8));
    background: linear-gradient(180deg, #ecf4ff 0%, #ccd3e8 100%);
}

.link-wrap .wrap .no-thumb img {
 	top: 50%;
	left: 50%;
	width: 80%;
	height: auto;
	right: auto;
	bottom: 0;
	transform: translate(-50%, -50%);
	filter: grayscale(80%);
}

.heading .title.page-error {
	color: var(--color-gold);
}

.bottom-form .btn[disabled] {
	cursor: default;
	pointer-events: none;
	opacity: 0.5;
}

.marquee-track .image.no_avatar {
    background: var(--bg-gold);
}

.marquee-track .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pagination-list a.disabled {
	cursor: default !important;
	pointer-events: none !important;
	opacity: 0.5 !important;
}

.agreement-consent.check-box-label {
	position: relative;
	top: auto;
	left: auto;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 15px;
	padding: 12px;
	background-color: rgba(0, 0, 0, 0.03);
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.5;
	cursor: pointer;
}

.agreement-consent.check-box-label .fake {
	margin-top: 2px;
}

.agreement-consent .agreement-consent-text {
	flex: 1;
	color: var(--color-gray-dark, #444);
}

.error-agreement-consent {
	color: #d9534f;
	font-size: 13px;
	margin-top: 6px;
	display: none;
}

.error-agreement-consent:not(:empty) {
	display: block;
}

.text-content > p:first-child {
	display: inline-block;
	margin-bottom: 30px;
	padding: 8px 14px;
	border-radius: 8px;
	background-color: var(--bg-blue-light);
	font-size: 14px;
	color: var(--color-gray-dark, #444);
}

.text-content > h2 {
	margin: 40px 0 20px;
	padding-top: 30px;
	border-top: 1px dashed rgba(0, 0, 0, 0.15);
	font-size: 22px;
	font-weight: 700;
}

.text-content > h2:first-of-type {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.text-content > p + ul.custom-list {
	margin-top: 0;
}

.text-content > ul.custom-list + p {
	margin-top: 30px;
}

.text-content > ul.custom-list + p em {
	font-style: italic;
}

.text-content > ul.custom-list + p + ul.custom-list {
	margin-top: 30px;
}

.form-field .wrap-field .message.error {
	border-color: var(--color-red-light);
}

.form-field .wrap-field .error + .error-hidden {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.checkbox-label .field-error {
	position: absolute;
	top: calc(100% + 3px);
	left: 0;
}

.player-wrap #kt_player {
	position: absolute !important;
}

.video-tools .btn.disabled {
	cursor: default;
	pointer-events: none;
}

.video-tools .btn .voters2 {
	display: none;
	position: absolute;
    right: 0;
    bottom: calc(100% + 2px);
    z-index: 9999999;
    padding: 0;
    background: transparent;
    white-space: nowrap;
}

.box-action .button.open {
	background-color: var(--bg-gold);
	border-color: rgba(0, 0, 0, 0.2);
}

.box-action .button.open .icon-heart {
	-webkit-transform: rotate(-10deg) scale(1.05);
			transform: rotate(-10deg) scale(1.05);
}

.box-action .button.open .icon-share {
	-webkit-transform: scale(1.05);
			transform: scale(1.05);
}

.comment-box .hidden {
	display: none;
}

.avatar-wrapper .avatar svg {
	font-size: 70px;
	color: #fff;
}

.profile-user .wrap svg {
    font-size: 70px;
    color: #fff;
}

.list-messages .item.hidden {
	display: none !important;
}

.list-messages .message img {
	width: auto;
	height: auto;
}

.button-message.open {
	color: var(--color-gold);
}

.author-avatar svg {
	opacity: 0;
}

.author-avatar.no_avatar svg {
	opacity: 1;
	position: absolute;
}

.js-fav-thumb[data-attr-added-fav=true] .icon-heart {
	background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="%231C9C65" d="M858.91 53.271c-104.725-52.547-234.149-25.436-346.729 58.873-112.58-84.309-242.004-111.42-346.729-58.873-171.269 85.918-223.605 318.999-89.991 554.9 78.419 138.438 229.298 286.603 351.538 359.948 65.898 39.539 92.257 39.539 157.72-1.449 120.448-75.427 285.957-219.216 364.191-358.497 132.759-236.389 81.278-468.982-90.003-554.9z"></path><path fill="%234a254b" d="M398.237 227.348c-1.305 0-2.623-0.382-3.77-1.187-2.991-2.095-3.703-6.195-1.622-9.173 12.046-17.212 25.396-33.937 39.684-49.74 25.582-28.296 53.971-53.443 84.362-74.754 2.991-2.082 7.078-1.371 9.186 1.622 2.082 2.978 1.371 7.090-1.622 9.186-29.588 20.732-57.226 45.233-82.148 72.79-13.931 15.393-26.925 31.697-38.669 48.461-1.278 1.819-3.321 2.794-5.403 2.794z"></path><path fill="%23fff" d="M352.306 641.555c44.481 0 80.541-36.060 80.541-80.541s-36.060-80.541-80.541-80.541c-44.481 0-80.541 36.060-80.541 80.541s36.060 80.541 80.541 80.541z"></path><path fill="%234a254b" d="M352.333 597.627c20.221 0 36.613-16.392 36.613-36.613s-16.392-36.613-36.613-36.613c-20.221 0-36.613 16.392-36.613 36.613s16.392 36.613 36.613 36.613z"></path><path fill="%23fff" d="M659.852 641.555c44.481 0 80.541-36.060 80.541-80.541s-36.060-80.541-80.541-80.541c-44.481 0-80.541 36.060-80.541 80.541s36.060 80.541 80.541 80.541z"></path><path fill="%234a254b" d="M659.812 597.627c20.221 0 36.613-16.392 36.613-36.613s-16.392-36.613-36.613-36.613c-20.221 0-36.613 16.392-36.613 36.613s16.392 36.613 36.613 36.613z"></path><path fill="%234a254b" d="M506.082 743.935c37.588 0 68.56-28.323 72.739-64.778 0.514-4.455-2.754-8.435-7.236-8.435-25.318 0-105.673 0-131.006 0-4.482 0-7.749 3.98-7.236 8.435 4.178 36.468 35.15 64.778 72.739 64.778z"></path></svg>');
}

.js-fav-thumb[data-attr-added-fav=true] span::before {
	content: attr(data-attr-text-fav-added);
}

.js-fav-thumb[data-attr-added-fav=false] span::before {
	content: attr(data-attr-text-fav-add);
}

.popup-media .preview_url {
	max-width: 100%;
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.popup-media .player-wrap {
	padding-bottom: 0 !important;
}

.popup-media .player-wrap .kt-player {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	overflow: hidden !important;
}

.popup-media.show_player .player-wrap .kt-player {
	opacity: 1 !important;
	visibility: visible !important;
}

.popup-media.show_player .play {
	display: none;
}

.box-reaction .headline .error-emoji_price {
	position: absolute;
    left: 0;
    top: calc(100% - 3px);
    font-size: 12px;
    font-weight: 400;
    color: #d4241d;
	display: none;
}

.box-comment .success.hidden {
	display: none;
	color: var(--bg-green);
    font-weight: 700;
    margin: -15px 0 10px;
}

.box-comment .field-error {
	font-weight: 700;
    margin: 0 0 10px;
}

.group-match .thumb:first-child {
	gap: 0;
} 

.js-hotseat-player-container .player_holder {
	position: absolute;
    z-index: 22;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 10px;
    overflow: hidden;
}

.js-hotseat-player-container .player_holder .fp-ui {
	display: none !important;
}

.generic-error {
    color: #d4241d;
	display: none;
}

.form_feedback {
	position: relative;
}

.form_feedback .accept {
	left: 50px !important;
	right: 50px !important;
	width: calc(100% - 100px) !important;
}

	.form_feedback .accept {
		left: 20px !important;
		right: 20px !important;
		width: calc(100% - 40px) !important;
	}

.list-videos form {
	width: 100%;
}

.load-more.bottom-more .button-more .icon {
    transform: rotate(90deg);
}

.fancybox-overlay .form_feedback {
	height: auto !important;
}

.fancybox-skin {
	background: transparent !important;
	box-shadow: none !important;
}

.panel-message .col.second .smileys-support {
	position: relative;
}

.panel-message .col.second .smileys-support .smileys-bar {
    position: absolute;
    left: 0;
    top: -77px;
    background: url(../images/bg-chat.jpg);
    padding: 5px 10px;
    border: 1px solid var(--bg-gray-light-400);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	transform: translateY(-10px);
	transition: opacity .3s, visibility .3s, transform .3s;
}

.panel-message .col.second .smileys-support.show .smileys-bar {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.attach-container {
    position: absolute;
    height: 70px;
    top: -60px;
    left: 10px;
}

.attach-container .attach-container-image {
    position: relative;
}

.attach-container .js-removeAttach {
    position: absolute;
    color: #fff;
    font-size: 13px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 31px;
    height: 31px;
    cursor: pointer;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 9px;
    text-align: center;
}

.attach-container img {
    height: 55px;
    width: auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

@-webkit-keyframes ldio-nj9uv1ssfld {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes ldio-nj9uv1ssfld {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.ldio-nj9uv1ssfld div {
    position: absolute;
    width: 60px;
    height: 60px;
    border: 10px solid #ffffff;
    border-top-color: transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ldio-nj9uv1ssfld div {
    -webkit-animation: ldio-nj9uv1ssfld 1s linear infinite;
    animation: ldio-nj9uv1ssfld 1s linear infinite;
    top: 50px;
    left: 50px;
}

.loadingio-spinner-rolling-cc5ujvfq7l8 {
    width: 31px;
    height: 31px;
    display: inline-block;
    overflow: hidden;
    background: #000000;
    background: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
}

.ldio-nj9uv1ssfld {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateZ(0) scale(0.31);
    transform: translateZ(0) scale(0.31);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    /* see note above */
    ;
}

.ldio-nj9uv1ssfld div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.tab-content.hidden {
	display: none;
}

.block-share {
	background: -webkit-gradient(linear, left top, left bottom, from(#ecf4ff), to(#ccd3e8));
    background: linear-gradient(180deg, #ecf4ff 0%, #ccd3e8 100%);
    padding: 15px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
	border: none;
}

.block-share .row {
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.block-share .row:last-child {
	margin: 0;
}

.block-share .row input {
	width: 100%;
    height: 50px;
    border: none;
    outline: none;
    border-radius: 10px;
    background: var(--bg-white);
    padding: 18px;
    font-family: inherit;
    color: var(--bg-black);
    font-weight: 700;
    font-size: 13px;
}

.modal-welcome .content-block {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

.modal-welcome .content-block .row {
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.modal-welcome .content-block .row::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	z-index: 2;
	transform: translate3d(-50%, 0, 0);
	background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.75 10C0.75 15.108 4.891 19.25 10 19.25C15.108 19.25 19.25 15.108 19.25 10C19.25 4.892 15.108 0.75 10 0.75C4.891 0.75 0.75 4.892 0.75 10Z" stroke="%23BFBFBF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M6.52734 8.55762L9.99834 12.0436L13.4693 8.55762" stroke="%23BFBFBF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg>') no-repeat;
	width: 20px;
	height: 20px;
	background-size: contain;
}

.modal-welcome .content-block .row::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translate3d(-50%, 0, 0);
	height: 20px;
	width: 40px;
	background-color: #fff;
}

.modal-welcome .content-block .row:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.modal-welcome .content-block .row:last-child::after {
	display: none;
}

.modal-welcome .content-block .columns {
	display: flex;
	align-items: center;
	gap: 50px;
	padding: 0 46px;
}

	.modal-welcome .content-block .columns {
		padding: 0 25px;
	}

	.modal-welcome .content-block .columns {
		padding: 0;
		gap: 10px;
	}

.modal-welcome .content-block .column {
	width: 50%;
}

.modal-welcome .content-block .column.secondary {
	min-width: 200px;
}

	.modal-welcome .content-block .column.secondary {
		min-width: 125px;
	}

.modal-welcome .content-block img {
	max-width: 250px;
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

.modal-welcome .count-text {
	--count-color: #ff7315;
	font-weight: 500;
	font-size: 13px;
	display: flex;
	align-items: flex-start;
	gap: 5px 10px;
	position: relative;
	padding-bottom: 82px;
}

	.modal-welcome .count-text {
		/* flex-direction: column; */
		padding-bottom: 75px;
	}

	.modal-welcome .count-text {
		padding-bottom: 42px;
	}

.modal-welcome .count-text.secondary {
	--count-color: #3b60d3;
}

.modal-welcome .count-text::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1360_188725)"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.75697 14.1791C12.9898 47.0088 45.7299 58.5568 77.7977 57.2826C78.3485 57.2618 78.8149 57.691 78.8357 58.2418C78.8566 58.7927 78.4274 59.259 77.8766 59.2798C44.9108 60.5916 11.3679 48.522 0.848961 14.7724C0.684028 14.247 0.978407 13.6871 1.50635 13.5217C2.0318 13.3568 2.59163 13.6512 2.75697 14.1791Z" fill="%23484848" /><path fill-rule="evenodd" clip-rule="evenodd" d="M77.236 58.3051C75.6738 57.503 73.7022 56.5181 73.4818 56.3998C67.5068 53.194 62.3494 49.2331 57.5923 44.3815C57.2057 43.9882 57.2125 43.3538 57.6058 42.9672C57.9991 42.5806 58.6334 42.5874 59.02 42.9807C63.6315 47.6869 68.6323 51.5296 74.4285 54.6386C74.7662 54.82 79.1997 57.0314 80.0626 57.5459C80.4175 57.7553 80.5533 57.984 80.5802 58.0411C80.7345 58.3384 80.7113 58.5948 80.655 58.7876C80.5898 59.0048 80.3948 59.337 79.9502 59.5606C79.4839 59.7928 78.4038 60.0354 78.1361 60.1187C74.1004 61.386 69.4859 62.4489 65.4248 64.2974C61.5518 66.0599 58.1782 68.54 56.4241 72.7172C56.211 73.2259 55.6232 73.4645 55.1144 73.2515C54.6057 73.0384 54.367 72.4506 54.5801 71.9418C56.5422 67.2721 60.2675 64.4477 64.5953 62.4778C68.6327 60.6407 73.2001 59.5547 77.236 58.3051Z" fill="black" /></g><defs><clipPath id="clip0_1360_188725"><rect width="72.3663" height="72.3663" fill="white" transform="matrix(-0.987688 0.156434 0.156434 0.987688 71.4766 0)" /></clipPath></defs></svg>') no-repeat;
	width: 72px;
	height: 72px;
	background-size: contain;
}

	.modal-welcome .count-text::after {
		width: 42px;
		height: 42px;
		width: 52px;
		height: 52px;
	}

.modal-welcome .count-circle {
	background-color: var(--count-color);
	width: 40px;
	height: 40px;
	border-radius: 20px;
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-white);
	font-size: 19px;
}

	.modal-welcome .count-circle {
		font-size: 19px;
		line-height: 42px;
		width: 42px;
		height: 42px;
	}

.modal-welcome .count-title {
	font-weight: 700;
	font-size: 20px;
	color: var(--count-color);
	margin-bottom: 5px;
}

	.modal-welcome .count-title {
		font-size: 30px;
	}

.modal-welcome .count-desc {
	font-weight: 500;
	font-size: 13px;
	line-height: 1.4;
}

	.modal-welcome .count-desc {
		font-size: 18px;
		line-height: 1.2;
	}

.modal-welcome .welcome-intro {
	max-width: 459px;
	margin: 0 auto 22px;
	padding-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	text-align: center;
}
.modal-welcome .welcome-intro__body {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 18px;
}
.modal-welcome .welcome-intro__line--dark {
	color: #000;
}
.modal-welcome .welcome-intro__line--blue {
	color: #2552ea;
}
.modal-welcome .welcome-intro__badge {
	background: #fdd903;
	color: #000;
	font-weight: 700;
	font-size: 24px;
	padding: 12px 20px;
	border-radius: 10px;
	display: block;
}
@media screen and (max-width: 640px) {
	.modal-welcome .welcome-intro__body,
	.modal-welcome .welcome-intro__badge {
		font-size: 16px;
	}
	.modal-welcome .welcome-intro__badge {
		padding: 10px 14px;
	}
}
@media screen and (max-width: 390px) {
	.modal-welcome .welcome-intro__body,
	.modal-welcome .welcome-intro__badge {
		font-size: 14px;
	}
}

.modal-welcome .welcome-divider {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 22px;
}
.modal-welcome .welcome-divider::before,
.modal-welcome .welcome-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: rgba(0, 0, 0, 0.15);
}
.modal-welcome .welcome-divider__icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: inline-flex;
}
.modal-welcome .welcome-divider__icon svg {
	width: 100%;
	height: 100%;
}

.modal-welcome .welcome-steps {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	margin-bottom: 22px;
}
@media screen and (max-width: 640px) {
	.modal-welcome .welcome-steps {
		grid-template-columns: 1fr;
		gap: 25px;
	}
}
.modal-welcome .welcome-step {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.modal-welcome .welcome-step .count-text {
	padding-bottom: 0;
	align-items: center;
}
.modal-welcome .welcome-step .count-text::after {
	display: none;
}
.modal-welcome .welcome-step__illust {
	display: flex;
	justify-content: center;
}
.modal-welcome .welcome-step__illust img {
	max-width: 250px;
	width: 100%;
	height: auto;
	display: block;
}

.modal-welcome .text-notify {
	margin: 15px 0 0;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 500;
}
.modal-welcome .text-notify p {
	font-size: 13px;
}
.modal-welcome .btn-welcome-cta {
	margin-bottom: 0;
}

.viev_video-popup .popup-media {
	padding-bottom: 56.25%;
}

.popup-media .preview_url {
	position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: cover;
}
.section-profile-area .area-thumbs.primary,
.section-profile-area .block-react {
	margin-bottom: 20px;
}

.popup-share {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	font-family: var(--default-font);
}
.popup-share.hidden {
	display: none;
}
.popup-share__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(var(--rgb-black), 0.7);
}
.popup-share__dialog {
	position: relative;
	width: 100%;
	max-width: 460px;
	background: var(--bg-white);
	border-radius: 20px;
	padding: 28px 24px 22px;
	box-shadow: 0 20px 60px rgba(var(--rgb-black), 0.35);
	color: var(--color-black-smoke);
}
.popup-share__close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	border-radius: 8px;
	color: var(--color-gray-100);
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
}
.popup-share__close:hover {
	background: var(--color-white-smoke);
	color: var(--color-black);
}
.popup-share__head {
	text-align: center;
	margin-bottom: 8px;
	padding: 0 24px;
}
.popup-share__title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-black);
}
.popup-share__short {
	font-size: 13px;
	font-weight: 600;
	color: var(--color-placeholder);
	text-align: center;
	margin-bottom: 18px;
	letter-spacing: 0.2px;
}
.popup-share__presets {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 18px;
}
.popup-share__preset {
	width: 100%;
	background: var(--color-white-smoke);
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 13px 16px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-black-smoke);
	text-align: left;
	cursor: pointer;
	transition: background-color 0.3s, border-color 0.3s, transform 0.15s;
}
.popup-share__preset:hover {
	border-color: var(--color-black);
}
.popup-share__preset:active {
	transform: scale(0.99);
}
.popup-share__preset.is-selected {
	background: var(--bg-gold-lighter);
	border-color: var(--bg-gold);
}
.popup-share__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.popup-share__btn-copy {
	transition: background 0.3s, transform 0.15s;
}
.popup-share__btn-copy:active {
	transform: scale(0.99);
}
.popup-share__btn-copy.is-copied {
	--bg1: var(--bg-green);
	--bg2: var(--bg-green);
	--bg-border1: var(--bg-green);
	--bg-border2: var(--bg-green);
	color: var(--color-white);
}
@media screen and (max-width: 480px) {
	.popup-share__dialog {
		padding: 24px 18px 18px;
		border-radius: 18px;
	}
	.popup-share__title {
		font-size: 20px;
	}
	.popup-share__preset {
		font-size: 13px;
		padding: 12px 14px;
	}
}

.list-react .item.has-emoji-hint {
	position: relative;
}
.list-react .item.has-emoji-hint::after {
	content: attr(data-emoji-hint);
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	background: var(--bg-black);
	color: var(--color-white-smoke);
	font-family: var(--default-font);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	padding: 8px 12px;
	border-radius: 8px;
	white-space: normal;
	width: max-content;
	max-width: 220px;
	text-align: center;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
	z-index: 10;
	box-shadow: 0 4px 12px rgba(var(--rgb-black), 0.25);
}
.list-react .item.has-emoji-hint::before {
	content: "";
	position: absolute;
	bottom: calc(100% - 4px);
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: var(--bg-black);
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
	z-index: 10;
}
@media (hover: hover) {
	.list-react .item.has-emoji-hint:hover::after,
	.list-react .item.has-emoji-hint:hover::before {
		opacity: 1;
		visibility: visible;
	}
}

[data-attr-btn-words-restart=true] {
	display: inline-flex !important;
}
[data-attr-btn-words-restart=false] {
	display: none !important;
}
.popup-content .btn.btn-restart-words {
	background: var(--bg-black);
	margin-top: 10px;
	font-family: var(--default-font);
}
.popup-content .btn.btn-restart-words span {
	background: var(--bg-black);
	color: var(--color-white-smoke);
	gap: 8px;
}
.popup-content .btn.btn-restart-words:hover {
	background: var(--bg-gray-dark);
}
.popup-content .btn.btn-restart-words:hover span {
	background: var(--bg-gray-dark);
}

.index_btns {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
	justify-content: center;
	margin-bottom: 20px;
	padding: 0 10px;
	position: relative;
	z-index: 9;
}
.index_btns a {
	max-width: 640px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	padding: 20px;
	flex: 1 0 0;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.50);
	text-decoration: none;
	gap: 10px;
}
.index_btns .text_holder {
	flex: 1 1 auto;
	min-width: 0;
}
.index_btns .index_btn_action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: #F7B700;
	color: #000;
	border-radius: 8px;
	transition: background .2s;
	margin-left: 10px;
}
.index_btns a:hover .index_btn_action {
	background: #FFD040;
}
.index_btns .index_btn_action_arrow {
	width: 44px;
	height: 44px;
}
.index_btns .index_btn_action_arrow .svg-icon {
	width: 14px;
	height: 13px;
	fill: #000;
}
.index_btns .index_btn_action_cta {
	padding: 11px 22px;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
}
.index_btns .img_holder {
	display: flex;
	width: 70px;
	height: 70px; 
	min-width: 70px;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	background: #121617;
	margin: 0 10px 0 0;
}
.index_btns .img_holder img {
	height: 50px;
	width: auto;
}

.index_btns a:last-child .img_holder img {
	height: 46px;
}

.index_btns .text_holder p {
	margin: 0 0 4px;
	color: #fff;
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
}
.index_btns .text_holder span {
	color: #EBE4FF;
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}

.heading_new {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 40px;
}
.heading_new .title {
	color: #000;
	font-family: Inter, sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
}
.heading_new .button-more.more_items {
	background: transparent;
	padding: 0;
	aspect-ratio: auto;
	min-height: 1px;
	font-size: 13px;
	gap: 10px;
}

@media screen and (max-width: 767px) {
	.index_btns {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 10px;
	}
	.index_btns a {
		max-width: 100%;
		padding: 10px;
	}
	.index_btns .img_holder {
		width: 50px;
		height: 50px;
		min-width: 50px;
	}
	.index_btns .img_holder img {
		height: 36px;
	}
	.index_btns a:last-child .img_holder img {
		height: 34px;
	}
	.index_btns .text_holder p {
		font-size: 16px;
	}
	.index_btns a {
		flex-wrap: wrap;
		align-items: center;
	}
	.index_btns .img_holder {
		flex-shrink: 0;
	}
	.index_btns .text_holder {
		flex: 1 1 0;
		min-width: 0;
	}
	.index_btns .index_btn_action_arrow {
		display: none;
	}
	.index_btns .index_btn_action_cta {
		flex-basis: 100%;
		width: auto;
		margin: 0;
		text-align: center;
		justify-content: center;
	}
}

.slider-videos.list-videos {
	position: relative;
	padding-bottom: 60px;
	/* overflow: visible; */
}
.slider-videos.list-videos .swiper-wrapper.thumbs {
	flex-wrap: nowrap !important;
	gap: 0 !important;
}
.slider-videos.list-videos .swiper-wrapper.thumbs .thumb {
	flex-shrink: 0;
}
.slider-videos.list-videos .swiper-wrapper.thumbs .thumb .desc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.slider-videos.list-videos .swiper-wrapper.thumbs .thumb .desc-title {
	flex: 1 1 auto;
	min-width: 0;
}
.slider-videos.list-videos .swiper-wrapper.thumbs .thumb .episode {
	display: flex;
	padding: 2px 5px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	background: #FDC525;
	color: #000;
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 150%;
	flex-shrink: 0;
}
.slider-videos.list-videos .swiper-pagination {
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	display: flex;
	gap: 12px;
	z-index: 5;
}
.slider-videos.list-videos .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #D9D9D9;
	opacity: 1;
	border-radius: 50%;
	margin: 0;
	transition: background .2s;
	box-shadow: none;
}
.slider-videos.list-videos .swiper-pagination .swiper-pagination-bullet-active {
	background: #F7B700;
}
.slider-videos.list-videos .swiper-button-prev,
.slider-videos.list-videos .swiper-button-next {
	position: absolute;
	top: auto;
	bottom: 0;
	width: 28.333px;
	height: 28.333px;
	margin: 0;
	border-radius: 8px;
	background: rgba(254, 200, 46, 0.4);
	color: #FEC82E;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: color .2s;
}
.slider-videos.list-videos .swiper-button-prev { left: 0; }
.slider-videos.list-videos .swiper-button-next { right: 0; }
.slider-videos.list-videos .swiper-button-prev:hover,
.slider-videos.list-videos .swiper-button-next:hover {
	color: #000;
}
.slider-videos.list-videos .swiper-button-prev::after,
.slider-videos.list-videos .swiper-button-next::after {
	display: none;
}
.slider-videos.list-videos .swiper-button-prev .svg-icon,
.slider-videos.list-videos .swiper-button-next .svg-icon {
	width: 12.745px;
	height: 13.691px;
	fill: currentColor;
}
.slider-videos.list-videos .swiper-button-prev .svg-icon {
	transform: rotate(-180deg);
}
.slider-videos.list-videos .swiper-button-disabled {
	opacity: 0.4;
	cursor: default;
}

.slider-videos.list-videos .link-wrap .desc {
	margin-top: 15px;
	font-size: 15px;
}

.new_section-thumbs {
	padding-bottom: 25px;
}

.item.thumb .sticky-bottom > .box:first-child {
	display: none;
}

a {
	color: inherit;
}
button {
	color: inherit;
}

.fp-time-duration,
.fp-time-elapsed {
	display: none;
}

.js-mobile-tooltip {
	position: absolute;
	z-index: 9999;
	max-width: 260px;
	padding: 8px 12px;
	background: rgba(20, 20, 20, 0.95);
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	pointer-events: auto;
	opacity: 0;
	transform: translateY(4px);
	transition: opacity 0.15s ease-out, transform 0.15s ease-out;
	display: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}
.js-mobile-tooltip.is-show {
	opacity: 1;
	transform: translateY(0);
}

.cvu-form .field-error {
	display: none;
	padding: 6px 12px;
	background: #ffecec;
	color: #c81d1d;
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
}
.cvu-form .upload-title-field__input-wrap {
	position: relative;
}
.cvu-form .upload-title-field__input-wrap > .field-error {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	z-index: 2;
}
.cvu-form .upload-agree {
	position: relative;
}
.cvu-form .upload-agree > .field-error {
	position: absolute;
	top: calc(100% + 6px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	white-space: nowrap;
	z-index: 2;
}
.cvu-form .upload-section--submission .field-error,
.cvu-form .upload-section--cta .field-error {
	max-width: 720px;
	margin: 12px auto 0;
	text-align: center;
}
.cvu-form .generic-error {
	margin: 0 auto 16px;
	padding: 10px 14px;
	background: #ffecec;
	color: #c81d1d;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.4;
}
.cvu-form .upload-title-field__input.error,
.cvu-form input.error,
.cvu-form .upload-agree__input.error + .upload-agree__box {
	border-color: #c81d1d;
}

.upload-cta-btn[disabled],
.upload-cta-btn.is-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

.upload-section--review.has-error-credits .review-panel--balance {
	border-color: #c81d1d !important;
	box-shadow: 0 0 0 2px rgba(200, 29, 29, 0.15);
}
.upload-section--review.has-error-credits .buy-credits__packs .pack-btn {
	box-shadow: 0 0 0 2px rgba(200, 29, 29, 0.35);
}

.upload-section--submitted {
	padding: 60px 0;
}
.submitted-card {
	max-width: 560px;
	margin: 0 auto;
	padding: 40px 32px;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 20px;
	text-align: center;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
}
.submitted-card__icon {
	display: inline-block;
	width: 72px;
	height: 72px;
	margin-bottom: 20px;
	background: #ffd200 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/32px no-repeat;
	border-radius: 50%;
}
.submitted-card__title {
	margin: 0 0 12px;
	font-size: 26px;
	font-weight: 700;
	color: #111;
}
.submitted-card__message {
	margin: 0 0 24px;
	font-size: 15px;
	line-height: 1.5;
	color: #555;
}
.submitted-card__meta {
	margin: 0 0 28px;
	padding: 16px 20px;
	background: #fafafa;
	border-radius: 12px;
	text-align: left;
}
.submitted-card__meta-row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 6px 0;
	font-size: 14px;
}
.submitted-card__meta-row + .submitted-card__meta-row {
	border-top: 1px solid #eee;
}
.submitted-card__meta-label {
	color: #888;
}
.submitted-card__meta-value {
	color: #111;
	font-weight: 600;
	text-align: right;
	word-break: break-word;
}
.submitted-card__meta-value--pending {
	color: #b47b00;
}
.submitted-card__cta {
	display: inline-block;
	padding: 14px 32px;
	background: #ffd200;
	color: #111;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	border-radius: 10px;
	transition: background 0.15s ease;
}
.submitted-card__cta:hover {
	background: #ffdc33;
}
.payment-history {
	width: 100%;
}
.payment-history__card {
	border: 1px solid #eff3f8;
	border-radius: 10px;
	background: #ffffff;
	padding: 20px;
}
.payment-history__head {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 50px;
	margin-bottom: 20px;
}
.payment-history__avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: #eff3f8;
}
.payment-history__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.payment-history__avatar .svg-icon {
	width: 50px;
	height: 50px;
	color: #a1a9b8;
}
.payment-history__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: #000000;
	margin: 0;
}
.payment-history__scroll {
	overflow-x: auto;
}
.payment-history__table {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	color: #000000;
}
.payment-history__table th {
	height: 42px;
	padding: 8px 10px;
	font-weight: 700;
	line-height: 1.5;
	text-align: left;
	background: #ffffff;
	border-bottom: 1px solid #eff3f8;
}
.payment-history__table td {
	height: 58px;
	padding: 12px 10px;
	border-bottom: 1px solid #eff3f8;
	vertical-align: middle;
}
.payment-history__table tbody tr:last-child td {
	border-bottom: none;
}
.payment-history__table tbody tr:hover {
	background: #fbfaf7;
}
.payment-history__col-id { width: 60px; }
.payment-history__col-date { width: 110px; }
.payment-history__col-desc { width: 160px; }
.payment-history__col-amount { width: 80px; }
.payment-history__col-method { width: 130px; }
.payment-history__col-status { width: 140px; }
.payment-history__col-invoice { width: 180px; }
.payment-history__sort {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: inherit;
	text-decoration: none;
}
.payment-history__sort-arrow {
	display: inline-block;
	width: 6px;
	height: 10px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='%23000'><path d='M3 0l3 4H0zM3 10L0 6h6z'/></svg>");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.6;
}
.payment-history__sort.is-active .payment-history__sort-arrow {
	opacity: 1;
}
.payment-history__cell-id {
	font-size: 12px;
	color: #313030;
}
.payment-history__desc-title {
	font-size: 13px;
	font-weight: 400;
	color: #000000;
	width: 100%;
	display: block;
}
.payment-history__desc-sub {
	font-size: 12px;
	color: #000000;
	margin-top: 2px;
}
.payment-history__cell-amount {
	font-weight: 600;
}
.payment-history__cell-method {
	font-weight: 600;
}
.payment-history__badge {
	display: inline-block;
	padding: 4px 16px;
	border-radius: 4px;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
}
.payment-history__badge.is-paid {
	background: #defff1;
	color: #0d824f;
}
.payment-history__badge.is-processing {
	background: #fff9e9;
	color: #e3a800;
}
.payment-history__badge.is-failed {
	background: rgba(254, 92, 82, 0.15);
	color: #d72b25;
}
.payment-history__cell-invoice {
	display: flex;
	gap: 8px;
	align-items: center;
}
.payment-history__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border: 1px solid #eff3f8;
	border-radius: 10px;
	background: #ffffff;
	color: #000000;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.payment-history__btn:hover {
	background: #2552ea;
	border-color: #2552ea;
	color: #ffffff;
}
.payment-history__btn.is-primary {
	background: #2552ea;
	border-color: #2552ea;
	color: #ffffff;
}
.payment-history__btn.is-primary:hover {
	background: #1a3fc7;
	border-color: #1a3fc7;
}
.payment-history__btn[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}
.payment-history__label {
	display: inline;
	font-weight: 700;
	color: #000;
	margin-right: 6px;
}
@media screen and (min-width: 768px) {
	.payment-history__label {
		display: none;
	}
}
.payment-history__empty {
	padding: 40px 20px;
	text-align: center;
	color: #a1a9b8;
	font-size: 14px;
}
.payment-history__pagination {
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.payment-history__card {
		padding: 12px;
		border: none;
	}
	.payment-history__head {
		height: auto;
		margin-bottom: 15px;
	}
	.payment-history__scroll {
		overflow: visible;
	}
	.payment-history__table,
	.payment-history__table tbody,
	.payment-history__table td {
		display: block !important;
		width: auto !important;
		height: auto !important;
	}
	.payment-history__table thead {
		display: none !important;
	}
	.payment-history__table tr {
		display: grid !important;
		grid-template-columns: auto 1fr auto !important;
		grid-template-areas:
			"id     date    status"
			"desc   desc    status"
			"amount amount  invoice"
			"method method  invoice" !important;
		row-gap: 5px !important;
		column-gap: 15px !important;
		padding: 15px 0 !important;
		border-bottom: 1px solid #eff3f8 !important;
	}
	.payment-history__table tbody tr:hover {
		background: transparent;
	}
	.payment-history__table td {
		padding: 0;
		border: none;
		font-size: 13px;
		line-height: 1.4;
	}
	.payment-history__cell-id { grid-area: id; color: #313030; font-weight: 400; }
	.payment-history__cell-date { grid-area: date; }
	.payment-history__cell-desc {
		grid-area: desc;
		display: flex;
		align-items: flex-start;
		gap: 5px;
	}
	.payment-history__cell-amount { grid-area: amount; font-weight: 600; }
	.payment-history__cell-method { grid-area: method; font-weight: 400; }
	.payment-history__cell-status {
		grid-area: status;
		text-align: right;
		align-self: center;
	}
	.payment-history__cell-invoice {
		grid-area: invoice;
		display: flex;
		justify-content: flex-end;
		align-self: center;
	}
	.payment-history__desc-value {
		display: block;
		width: 100%;
	}
	.payment-history__btn {
		padding: 10px;
		border-color: #000;
	}
	.payment-history__badge {
		padding: 4px 16px;
	}
}

.about-page {
	color: #000000;
	font-family: 'Inter', sans-serif;
}
.about-page .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.about-eyebrow {
	display: inline-block;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #2552EA;
	background: #E0EBFD;
	padding: 10px 14px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.about-eyebrow--light {
	color: #8698FF;
	background: #020A31;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2.2px;
	line-height: 1.4;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 0;
	width: fit-content;
}
.about-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 28px;
	border-radius: 10px;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
	border: 1px solid transparent;
}
.about-btn--yellow {
	background: linear-gradient(90deg, #F7B700 0%, #FFCA31 100%);
	color: #000000;
	border: 2px solid #FDD903;
	border-radius: 15px 10px 15px 15px;
}
.about-btn--yellow:hover {
	background: linear-gradient(90deg, #E3A800 0%, #F7B700 100%);
	color: #000000;
	border-color: #E3A800;
}
.about-btn--white {
	background: #2552EA;
	color: #FFFFFF;
}
.about-btn--white:hover {
	background: #1a3fc7;
	color: #FFFFFF;
}

.about-hero {
	padding: 60px 0 80px;
	background: #FFFFFF;
}
.about-hero__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}
.about-hero__title {
	font-family: 'Inter', sans-serif;
	font-size: 64px;
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -1px;
	margin: 0 0 25px;
}
.about-hero__sub.is-bold {
	margin: 0;
	font-weight: 700;
	color: #000000;
}
.about-hero__sub.is-blue {
	color: #2552EA;
	font-weight: 700;
}
.about-hero__title .is-black {
	color: #000000;
	display: block;
}
.about-hero__title .is-blue {
	color: #2552EA;
	display: block;
}
.about-hero__sub {
	font-size: 16px;
	line-height: 1.6;
	color: #313030;
	margin: 0 0 15px;
}
.about-hero__sub + .about-btn--yellow {
	margin-top: 15px;
}
.about-hero__illustration {
	position: relative;
	text-align: center;
}
.about-hero__illustration img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.about-hero__img.is-desktop {
	transform: scale(1.5);
	position: relative;
	top: 57px;
	right: 53px;
}

.about-htp {
	padding: 60px 0;
	background: #FFFFFF;
}
.about-htp__head {
	margin-bottom: 40px;
}
.about-htp__headline {
	font-family: 'Inter', sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	color: #000000;
	margin: 0 0 10px;
}
.about-htp__sub {
	font-size: 16px;
	color: #313030;
}
.about-htp__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.about-htp__card {
	background: #FBFAF7;
	border-radius: 15px;
	padding: 25px 20px;
	display: flex;
	flex-direction: column;
	position: relative;
}
.about-htp__strip {
	position: absolute;
	top: -2px;
	left: 12px;
	right: 12px;
	height: 14px;
	border-radius: 20px 20px 0 0;
}
.about-htp__strip::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	height: 14px;
	border-radius: 20px 20px 0 0;
	background: #fff;
}
.about-htp__strip span {
	position: absolute;
	top: 28px;
	left: 7px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.about-htp__card.is-c1 .about-htp__strip { background: #2552EA; }
.about-htp__card.is-c1 .about-htp__strip span { background: #2552EA; }
.about-htp__card.is-c2 .about-htp__strip { background: #F7B700; }
.about-htp__card.is-c2 .about-htp__strip span { background: #F7B700; }
.about-htp__card.is-c3 .about-htp__strip { background: #FF6A2C; }
.about-htp__card.is-c3 .about-htp__strip span { background: #FF6A2C; }
.about-htp__card.is-c4 .about-htp__strip { background: #1C9C65; }
.about-htp__card.is-c4 .about-htp__strip span { background: #1C9C65; }
.about-htp__title {
	font-family: 'Inter', sans-serif;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.3;
	color: #000000;
	margin: 43px 0 10px;
}
.about-htp__desc {
	font-size: 15px;
	line-height: 1.5;
	color: #313030;
	margin: 0 0 20px;
	flex: 1;
}
.about-htp__tag {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	background: transparent;
	border: none;
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
	color: #2552EA;
	text-decoration: none;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	white-space: nowrap;
	align-self: flex-start;
	transition: color 0.25s ease;
}
.about-htp__tag:hover {
	color: #1a3fc7;
}
.about-htp__tag-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background-color: #EEF2FF;
	border-radius: 8px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M3.5 8h8M9 4.5l3.5 3.5-3.5 3.5' stroke='%232552EA' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-repeat: no-repeat;
	background-position: center;
	transition: background-color 0.25s ease, transform 0.25s ease;
}
.about-htp__tag:hover .about-htp__tag-arrow {
	background-color: #D9E1FF;
	transform: translateX(2px);
}
.about-htp__card + .about-htp__card::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -22px;
	width: 28px;
	height: 40px;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 5;
	pointer-events: none;
}
.about-htp__card.is-c2::before { background-image: url("/static/images/about/htp-arrow-up.svg"); }
.about-htp__card.is-c3::before { background-image: url("/static/images/about/htp-arrow-down.svg"); }
.about-htp__card.is-c4::before { background-image: url("/static/images/about/htp-arrow-up.svg"); }
@media screen and (max-width: 767px) {
	.about-htp__card + .about-htp__card::before {
		top: -40px;
		left: 50%;
		width: 28px;
		height: 44px;
		transform: translate(-50%, 0) rotate(90deg);
	}
	.about-htp__card.is-c2::before,
	.about-htp__card.is-c3::before,
	.about-htp__card.is-c4::before {
		background-image: url("/static/images/about/htp-arrow-down.svg");
	}
}

.about-what {
	padding: 60px 0;
	background: transparent;
}
.about-what .container > .about-what__grid {
	background: #EEF2FF;
	border-radius: 20px;
	padding: 50px 40px;
}
.about-what__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}
.about-what__title {
	font-family: 'Inter', sans-serif;
	font-size: 44px;
	font-weight: 900;
	line-height: 1.2;
	margin: 0 0 25px;
}
.about-what__title .is-black { color: #000000; display: inline; }
.about-what__title .is-blue { color: #2552EA; display: inline; margin-left: 8px; }
.about-what__desc {
	font-size: 16px;
	line-height: 1.6;
	color: #313030;
	margin: 0 0 20px;
}
.about-what__accent {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	color: #2552EA;
	margin: 0;
}
.about-what__illustration img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.about-why {
	padding: 80px 0;
	background: #FFFFFF;
}
.about-why__grid {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 60px;
	align-items: center;
}
.about-why__illustration {
	text-align: center;
}
.about-why__illustration img {
	max-width: 320px;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.about-why .about-eyebrow {
	background: transparent;
}
.about-why__big {
	font-family: 'Inter', sans-serif;
	font-size: 70px;
	font-weight: 900;
	line-height: 1.1;
	color: #000000;
	margin-bottom: 10px;
}
.about-why__title {
	font-family: 'Inter', sans-serif;
	font-size: 32px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -1.5px;
	margin: 0 0 25px;
}
.about-why__title .is-black { color: #000000; display: block; }
.about-why__title .is-yellow { color: #2552EA; display: block; }
.about-why__p {
	font-size: 16px;
	line-height: 1.6;
	color: #313030;
	margin: 0 0 15px;
}

.about-built {
	padding: 40px 0;
	background: transparent;
	color: #FBFAF7;
}
.about-built .container > .about-built__grid {
	background: linear-gradient(180deg, #000515 0%, #000935 4.81%, #000D55 94.23%, #000515 100%);
	border-radius: 20px;
	padding: 40px 50px;
}
.about-built__grid {
	display: grid;
	grid-template-columns: 1fr 370px;
	gap: 50px;
	align-items: center;
}
.about-built__text {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.about-built__title {
	font-family: 'Inter', sans-serif;
	font-size: 50px;
	font-weight: 900;
	line-height: 0.9;
	letter-spacing: -2.5px;
	margin: 15px 0 0;
}
.about-built__title .is-white { color: #FBFAF7; display: inline; }
.about-built__title .is-yellow { color: #F7B700; display: inline; margin-left: 8px; }
.about-built__p {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: #A4B9FF;
	margin: 0;
}
.about-built__p.is-bold {
	font-weight: 800;
}
.about-built__accent {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #F7B700;
	margin: 0;
}
.about-built__badges {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px;
	margin-top: 0;
}
.about-built__badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 15px;
	background: #FBFAF7;
	border-radius: 10px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	line-height: 1;
	white-space: nowrap;
}
.about-built__badge::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: -5px;
	height: 5px;
	border-radius: 0 0 20px 20px;
	background: transparent;
}
.about-built__badges .about-built__badge:nth-child(1)::after { background: #3B60D3; }
.about-built__badges .about-built__badge:nth-child(2)::after { background: #1C9C65; }
.about-built__badges .about-built__badge:nth-child(3)::after { background: #F7B700; }
.about-built__badge em {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	color: #FFFFFF;
	background: #FF7373;
	border-radius: 5px;
	padding: 5px;
	letter-spacing: 0;
	line-height: 1;
}
.about-built__illustration {
	text-align: center;
}
.about-built__illustration img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.about-values {
	padding: 40px 0;
	background: transparent;
}
.about-values__grid {
	display: flex;
	align-items: stretch;
	gap: 30px;
}
.about-values__card {
	flex: 1 0 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 40px;
	border-radius: 20px;
}
.about-values__card.is-mission {
	background: #EBF1FF;
}
.about-values__card.is-community {
	background: #FFF5C8;
}
.about-values__card .about-eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2.2px;
	line-height: 1.4;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 0;
	text-transform: uppercase;
	opacity: 1;
	display: inline-block;
	width: auto;
	width: fit-content;
}
.about-values__card.is-mission .about-eyebrow {
	color: #2552EA;
	background: #F5F9FF;
}
.about-values__card.is-community .about-eyebrow {
	color: #998012;
	background: #FFFAE5;
}
.about-values__card-head {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.about-values__title {
	font-family: 'Inter', sans-serif;
	font-size: 40px;
	font-weight: 900;
	line-height: 0.9;
	letter-spacing: -2px;
	color: #000000;
	margin: 0;
}
.about-values__desc {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: #000000;
	margin: 0;
}
.about-values__tags {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 10px;
}
.about-values__tag {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 9px;
	background: #000C4F;
	border-radius: 10px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #FBFAF7;
	line-height: 1;
	white-space: nowrap;
}
.about-values__tag::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: -5px;
	height: 5px;
	border-radius: 0 0 20px 20px;
	background: transparent;
}
.about-values__tags .about-values__tag:nth-child(1)::after { background: #F7B700; }
.about-values__tags .about-values__tag:nth-child(2)::after { background: #2552EA; }
.about-values__tags .about-values__tag:nth-child(3)::after { background: #1C9C65; }

.about-cta {
	padding: 40px 0;
	background: transparent;
	text-align: center;
}
.about-cta__inner {
	max-width: none;
	margin: 0;
	padding: 40px;
	border-radius: 10px;
	background: linear-gradient(152.87deg, #FFCA33 0.25%, #FFB700 100%);
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}
.about-cta__line-1 {
	font-family: 'Inter', sans-serif;
	font-size: 40px;
	font-weight: 900;
	line-height: 0.9;
	letter-spacing: -2px;
	color: #000000;
	margin: 0;
	width: 100%;
	text-align: center;
	white-space: pre-wrap;
}
.about-cta__line-2 {
	font-family: 'Inter', sans-serif;
	font-size: 70px;
	font-weight: 900;
	line-height: 0.9;
	letter-spacing: -3.5px;
	color: #2552EA;
	margin: 0;
	width: 100%;
	text-align: center;
}
.about-cta .about-btn--white {
	height: 54px;
	padding: 0 50px;
	border-radius: 10px;
	background: linear-gradient(90deg, #3B60D3 0%, #3B60D4 100%);
	color: #FFFFFF;
	border: 0;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
	margin-top: 0;
}
.about-cta .about-btn--white:hover {
	background: linear-gradient(90deg, #2E4FB8 0%, #2E4FB8 100%);
	color: #FFFFFF;
	border: 0;
}

@media screen and (max-width: 1024px) {
	.about-hero__title { font-size: 46px; }
	.about-htp__headline { font-size: 32px; }
	.about-what__title, .about-built__title { font-size: 34px; }
	.about-why__big { font-size: 36px; }
	.about-why__title { font-size: 26px; }
	.about-cta__line-2 { font-size: 44px; }
	.about-htp__grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 767px) {
	.about-hero { padding: 40px 0 50px; }
	.about-hero__grid { grid-template-columns: 1fr; gap: 30px; }
	.about-hero__title { font-size: 36px; }
	.about-hero__sub { font-size: 15px; }
	.about-htp { padding: 40px 0; }
	.about-htp__headline { font-size: 26px; }
	.about-htp__grid { grid-template-columns: 1fr; gap: 15px; }
	.about-htp__tag { font-size: 13px; }
	.about-what { padding: 50px 0; }
	.about-what__grid { grid-template-columns: 1fr; gap: 30px; }
	.about-what__title { font-size: 28px; }
	.about-what__title .is-black,
	.about-what__title .is-blue { display: block; margin: 0; }
	.about-why { padding: 50px 0; }
	.about-why__grid { grid-template-columns: 1fr; gap: 25px; }
	.about-why__illustration img { margin: -86px auto; }
	.about-why__big { font-size: 30px; }
	.about-why__title { font-size: 22px; }
	.about-built { padding: 30px 0; }
	.about-built .container > .about-built__grid { padding: 30px 20px; border-radius: 20px; }
	.about-built__grid { grid-template-columns: 1fr; gap: 30px; }
	.about-built__title { font-size: 40px; letter-spacing: -2px; line-height: 0.9; }
	.about-built__title .is-white,
	.about-built__title .is-yellow { display: inline; margin: 0; }
	.about-built__title .is-yellow { margin-left: 8px; }
	.about-built__p, .about-built__accent { font-size: 16px; }
	.about-built__badges { flex-direction: column; align-items: stretch; }
	.about-built__badge { width: 100%; justify-content: flex-start; }
	.about-built__illustration img { max-width: 100%; width: auto; }

	.about-values { padding: 30px 0; }
	.about-values__grid { display: flex; flex-direction: column; gap: 30px; }
	.about-values__card { padding: 30px 20px; gap: 30px; }
	.about-values__title { font-size: 40px; letter-spacing: -2px; line-height: 0.9; }
	.about-values__desc { font-size: 16px; }
	.about-values__tags { flex-wrap: wrap; align-items: flex-end; gap: 5px; }

	.about-cta { padding: 30px 0; }
	.about-cta__inner { padding: 40px; border-radius: 10px; gap: 20px; }
	.about-cta__line-1 { font-size: 40px; letter-spacing: -2px; line-height: 0.9; }
	.about-cta__line-2 { font-size: 50px; letter-spacing: -2.5px; line-height: 0.9; }
	.about-cta .about-btn--white { height: 54px; padding: 0 50px; font-size: 16px; }
	.about-btn { padding: 12px 22px; font-size: 14px; }
}

.atv {
	position: relative;
	width: 357px;
	max-width: 100%;
	aspect-ratio: 357 / 380;
	margin: 0 auto;
}
.atv__body {
	position: absolute;
	top: 30%;
	left: 2%;
	width: 100%;
	height: 66%;
	object-fit: contain;
}
.atv__q1 {
	position: absolute;
	top: 48%;
	left: 22%;
	width: 20%;
	height: 25%;
	object-fit: contain;
}
.atv__mini {
	position: absolute;
	bottom: -12%;
	left: 55%;
	width: 42%;
	height: 45%;
}
.atv__mini-body,
.atv__mini-q {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.atv__mini-q {
	top: 28%;
	left: 48%;
	width: 33%;
	height: 45%;
	transform: rotate(-4.32deg);
}

.about-hero__img.is-mobile { display: none; }
@media screen and (max-width: 767px) {
	.about-hero__img.is-desktop { display: none; }
	.about-hero__img.is-mobile {
		display: block;
		width: calc(100% + 40px);
		max-width: calc(100% + 40px);
		height: auto;
		position: relative;
		left: -20px;
		margin: -30px 0 -149px;
	}
}

.featured-promotions .thumb .wrap .promoted-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 3px 8px;
	border-radius: 5px;
	background: #FDC525;
	color: #000;
	font-family: Inter, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	z-index: 2;
}
@media screen and (max-width: 860px) {
	.featured-promotions .thumb .wrap .promoted-badge {
		top: 5px;
		left: 5px;
		font-size: 11px;
		padding: 2px 6px;
	}
}
.featured-promotions--say {
	padding: 18px 0 20px;
	border-top: 4px solid #FFE500;
	background: #fff;
}
.featured-promotions--say::before {
	display: none;
}
.say-heading {
	margin: 0 0 15px;
}
.say-heading__eyebrow {
	color: #555;
	font-family: Inter, sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}
.say-heading__title {
	margin: 8px 0 0;
	color: #171717;
	font-family: Anton, Impact, 'Arial Narrow', sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 36px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.say-heading__title span {
	color: #E51D2A;
}
.say-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}
.say-card {
	display: flex;
	align-items: center;
	min-height: 80px;
	padding: 10px 16px 10px 14px;
	border-radius: 12px;
	background: #FFE500;
	color: #171717;
	font-family: Inter, sans-serif;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.say-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
}
.say-card__text {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
	gap: 5px;
}
.say-card__title {
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
}
.say-card__desc {
	color: #33331A;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}
.say-card__price {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 38px;
	height: 38px;
	margin-left: 12px;
	padding: 0 4px;
	border-radius: 6px;
	background: #171717;
	color: #FFE500;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}
.say-card__arrow {
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	margin-left: 12px;
	fill: none;
	stroke: #171717;
	stroke-width: 1.1px;
}
@media screen and (max-width: 860px) {
	.featured-promotions--say {
		padding: 18px 0 16px;
	}
	.say-heading__eyebrow {
		font-size: 12px;
		line-height: 15px;
	}
	.say-heading__title {
		font-size: 25px;
		line-height: 30px;
	}
	.say-heading__title span {
		display: block;
	}
	.say-cards {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}
	.say-card {
		min-height: 72px;
	}
	.say-card__title {
		font-size: 16px;
		line-height: 19px;
	}
	.say-card__price {
		min-width: 40px;
		height: 40px;
	}
}
.featured-promotions .heading_new {
	flex-wrap: wrap;
	gap: 8px 0;
}
.featured-promotions .heading_new .description {
	width: 100%;
	color: #666;
	font-family: Inter, sans-serif;
	font-size: 14px;
	line-height: 150%;
}

.popup-media .button.button-share {
	left: auto;
	right: 20px;
}
@media screen and (max-width: 767px) {
	.popup-media .button.button-share {
		right: 10px;
	}
}

.group-udance {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}
.group-udance .udance-track {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 10px;
	background: #FDC525;
	color: #000;
	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 150%;
}
.popup-udance [data-attr-udance-go-label] {
	display: none;
}
.popup-udance[data-attr-popup-udance-visible=true] {
	opacity: 1;
	visibility: visible;
}
.popup-udance[data-attr-popup-udance-visible=true] .holder {
	-webkit-transform: scale(1) rotateX(0);
	        transform: scale(1) rotateX(0);
	opacity: 1;
	visibility: visible;
}
.popup-submitted {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99990;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
}
.popup-submitted[data-attr-popup-submitted-visible=true] {
	opacity: 1;
	visibility: visible;
}
.popup-submitted__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
}
.popup-submitted .submitted-card {
	position: relative;
	width: 100%;
}
.popup-submitted .submitted-card__cta {
	border: 0;
	cursor: pointer;
	font-family: inherit;
}