@import url("https://fonts.googleapis.com/css2?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-black: #000;
	--color-darkness: #170F29;
	--color-black-smoke: #313030;
	--color-black-gray: #484848;
	--color-active: #2552EA;
	--color-active-dark: #1e3a8a;
	--color-placeholder: #878787;
	--color-gold: #e3a800;
	--color-gold-primary: #e6b11a;
	--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-gray: #999;
	--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-green: #1c9c65;
	--bg-green-light: #D7FFEE;
	--bg-green-lighter: #00e109;
	--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-rose: #ffe8e8;
	--bg-brown: #6D644D;
	--bg-brown-light: #87878C;
	--bg-darkness: #4C4953;
	--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-blue: linear-gradient(0deg, #2552EA 0%, #143ECA 100%);
	--gradient-blue-light: linear-gradient(90deg, #3b60d3 0%, #3b60d4 100%);
	--gradient-gold-hover: linear-gradient(0deg, #C29000 0%, #C29000 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;
}
@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;
	position: relative;
}
.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;
}

.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;
	transition: color 0.3s;
}
@media (hover: hover) {
	.btn-auth:hover {
		color: var(--color-gold);
	}
}
.btn-auth.primary {
	background: var(--gradient-gold);
	color: var(--color-black);
}
@media (hover: hover) {
	.btn-auth.primary:hover {
		background: var(--gradient-gold-hover);
	}
}
.btn-auth.primary span {
	background-color: var(--bg-gold);
}
.btn-auth span {
	padding: 8px 10px;
	border-radius: 4px;
}

.coin-view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 6px;
	border-radius: 5px;
	padding: 5px 10px;
	background-color: var(--bg-black);
	color: var(--color-white-smoke);
}
.coin-view i {
	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="M7.5 15C11.6421 15 15 11.6421 15 7.5C15 3.35787 11.6421 0 7.5 0C3.35787 0 0 3.35787 0 7.5C0 11.6421 3.35787 15 7.5 15Z" fill="url(%23paint0_linear_2030_111595)" /><path d="M7.5 13.875C11.0208 13.875 13.875 11.0208 13.875 7.5C13.875 3.97918 11.0208 1.125 7.5 1.125C3.97918 1.125 1.125 3.97918 1.125 7.5C1.125 11.0208 3.97918 13.875 7.5 13.875Z" fill="%23F5BE00" /><path d="M5.9654 8.24307C5.9262 8.30917 5.892 8.36075 5.8603 8.41458C5.8578 8.41458 6.14863 8.58359 6.28543 8.66697C6.36107 8.71605 6.4125 8.76988 6.36856 8.85801C6.31738 8.95591 6.24399 8.92411 6.16835 8.88255C6.07549 8.82621 5.75795 8.63743 5.75795 8.63743C5.75795 8.63743 5.62364 8.80894 5.59918 8.83598C5.41095 8.70853 5.26691 8.54679 5.1351 8.37277C3.87943 6.6967 4.55869 4.36913 6.53007 3.68308C7.59278 3.31301 8.60156 3.5043 9.45682 4.25395C11.1229 5.7167 10.732 8.33596 8.72139 9.26714C8.69218 9.28191 8.41608 9.37506 8.41608 9.37506C8.41608 9.37506 8.42107 9.49274 8.42107 9.5686C8.41608 9.83802 8.16694 10.0463 7.89584 10.0538C7.79823 10.0589 7.69787 10.0564 7.59777 10.0564C7.28273 10.0538 7.0653 9.88233 7.0261 9.56885C6.94797 8.96117 7.1629 8.4564 7.69313 8.20902C7.80072 8.15744 7.9203 8.13791 8.03513 8.09885C8.68494 7.8735 9.13453 7.23628 9.1223 6.565C9.11007 5.86668 8.646 5.24673 7.96424 5.05318C7.4023 4.89393 6.88206 5.01162 6.45194 5.41098C6.01233 5.82261 5.83633 6.33715 5.97813 6.93506C6.05377 7.2488 6.10769 7.55977 6.05377 7.88077C6.04653 7.92483 6.0343 8.00095 6.0343 8.00095C6.0343 8.00095 6.41549 8.22404 6.54231 8.2949C6.6132 8.33646 6.64241 8.3928 6.60571 8.46391C6.56178 8.54228 6.49338 8.54729 6.41749 8.50322C6.27345 8.41734 6.12916 8.33671 5.96565 8.24357L5.9654 8.24307Z" fill="white" /><path d="M7.74975 10.5658C7.84261 10.5658 7.93797 10.5633 8.03059 10.5658C8.29196 10.5708 8.46296 10.7446 8.4702 11.0142C8.47744 11.2862 8.30419 11.4847 8.04507 11.4945C7.84236 11.5017 7.63716 11.5017 7.43446 11.4945C7.18532 11.4822 7.00683 11.2739 7.01182 11.0193C7.01906 10.7571 7.19755 10.5733 7.45143 10.5661C7.55154 10.5636 7.64939 10.5661 7.7495 10.5661L7.74975 10.5658Z" fill="white" /><path d="M7.50613 5.59938C8.1095 5.59938 8.62001 5.97671 8.796 6.49851C8.74957 5.83699 8.19013 5.31494 7.50613 5.31494C6.82462 5.31494 6.26518 5.83674 6.21875 6.49851C6.39474 5.97671 6.90525 5.59938 7.50613 5.59938Z" fill="white" /><defs><linearGradient id="paint0_linear_2030_111595" x1="2.35238" y1="2.35238" x2="12.792" y2="12.792" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEDE00" /><stop offset="1" stop-color="%23FFD000" /></linearGradient></defs></svg>') no-repeat;
	width: 15px;
	height: 15px;
}

.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 {
	background-color: var(--bg-gold-primary);
	padding: 15px 0;
	min-height: 225px;
	margin-top: 20px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.section-primary::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;
}

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

.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;
}
@media screen and (max-width: 860px) {
	.slider-primary .title {
		font-size: 33px;
	}
}
.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] {
	--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;
	cursor: pointer;
}
@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 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%);
}


.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;
	word-wrap: break-word;
}
@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;
	z-index: 4;
}
.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;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	opacity: 0;
	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 .title.page-error {
	color: var(--color-gold);
}
.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;
}

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

@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: 50px 0 15px;
	background: url("../images/bg-spinner.svg") no-repeat;
	background-size: cover;
	min-height: 910px;
	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%;
	}
}
.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;
}
.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 .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 .search-match-rant-spin,
.spin-slot .three-words-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 {
	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;
	pointer-events: none;
}
.marquee-track .image {
	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-white), 0.8);
    font-size: 20px;
    font-size: 20px;
	position: relative;
	border-radius: 30px;
	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 .image.no_avatar {
    background: var(--bg-gold);
}

.marquee-track .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.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);
	white-space: nowrap;
	flex-shrink: 0;
}
.marquee-track .name {
	color: var(--color-gold);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 120px;
}
.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: 23px;
	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: 16px;
	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: 19px;
	color: var(--bg-black);
	padding: 14px 0;
	margin-right: 10px;
}

.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;
}
@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;
}
.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 a.disabled {
	cursor: default !important;
	pointer-events: none !important;
	opacity: 0.5 !important;
}

.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 .list .item.active a {
	background-color: var(--bg-gold);
	cursor: default;
	pointer-events: none;
}

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

.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 {
	margin-top: 20px;
	padding-top: 50px;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.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;
	padding: 12px 16px;
	border-left: 3px solid var(--bg-blue-light);
	background-color: rgba(0, 0, 0, 0.02);
	border-radius: 4px;
	font-size: 14px;
	color: var(--color-gray-dark, #555);
}
.text-content > ul.custom-list + p em {
	font-style: italic;
}
.text-content > ul.custom-list + p + ul.custom-list {
	margin-top: 30px;
}

.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;
}
@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-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: 50px;
}
@media screen and (max-width: 860px) {
	.form-field .form {
		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: 25px 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 .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 {
	position: relative;
}
.form-field .wrap-field .input.error,
.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;
}
.form-field .input {
	border: 1px solid rgba(var(--rgb-black), 0.5);
	border-radius: 10px;
	padding: 16px 15px;
	width: 100%;
	height: 50px;
	font-family: inherit;
	font-weight: 700;
	font-size: 13px;
}
.form-field .message {
	border: 1px solid rgba(var(--rgb-black), 0.5);
	border-radius: 10px;
	padding: 16px 15px;
	width: 100%;
	height: 100px;
	resize: none;
	margin: 0;
	display: block;
	font-family: inherit;
	font-weight: 700;
	font-size: 13px;
}
.form-field .captcha {
	max-width: 150px;
}
.form-field .captcha img {
	width: 100%;
	height: auto;
	width: auto;
	height: 50px;
	border-radius: 10px;
}
.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);
		text-decoration: none;
	}
}
.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);
		text-decoration: none;
	}
}
.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-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: 8px 0;
	font-size: 16px;
}
.form-title .sup {
	font-size: 19px;
}
.form-title .title {
	font-size: 48px;
}

.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: 22px 0;
}
.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-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 {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	background-color: var(--bg-white);
	border-radius: 10px;
	padding: 0 15px;
	color: var(--color-red-light);
	display: none;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.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;
	position: relative;
}

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

.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: 35px;
}
@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-player {
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
@media screen and (max-width: 1024px) {
	.video-player {
		margin-bottom: 20px;
	}
}

.player-wrap #kt_player {
	position: absolute !important;
}
.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: 20px 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: 19px;
	line-height: 1.2;
	color: var(--color-black);
	margin-bottom: 6px;
}
.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 .group::before {
	content: "";
	background: -webkit-gradient(linear, left top, right top, from(#f7b700), to(#ffca31));
	background: linear-gradient(90deg, #f7b700 0%, #ffca31 100%);
	height: 50px;
	width: calc(100% - 4px);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.4), 0 9px 9px 0 rgba(0, 0, 0, 0.2), 0 21px 13px 0 rgba(0, 0, 0, 0.05), 0 37px 15px 0 rgba(0, 0, 0, 0.01), 0 59px 16px 0 rgba(0, 0, 0, 0);
	        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.4), 0 9px 9px 0 rgba(0, 0, 0, 0.2), 0 21px 13px 0 rgba(0, 0, 0, 0.05), 0 37px 15px 0 rgba(0, 0, 0, 0.01), 0 59px 16px 0 rgba(0, 0, 0, 0);
}
.video-tools .btn {
	background: var(--gradient-gold);
	color: var(--color-black);
	border: none;
	cursor: pointer;
	font-family: inherit;
	height: 70px;
	position: relative;
	z-index: 2;
	padding: 2px;
	margin: 0 -1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transform-origin: left;
	        transform-origin: left;
	will-change: transform;
	-webkit-transition: padding 0.2s, margin 0.2s, -webkit-transform 0.2s;
	transition: padding 0.2s, margin 0.2s, -webkit-transform 0.2s;
	transition: transform 0.2s, padding 0.2s, margin 0.2s;
	transition: transform 0.2s, padding 0.2s, margin 0.2s, -webkit-transform 0.2s;
}
@media screen and (min-width: 1025px) {
	.video-tools .btn:hover {
		margin: 0 5px;
	}
	.video-tools .btn:hover:first-child {
		-webkit-transform: rotateY(-16deg) translate3d(-1px, 0, 0);
		        transform: rotateY(-16deg) translate3d(-1px, 0, 0);
		padding-left: 6px;
		padding-right: 1px;
		margin: 0;
	}
	.video-tools .btn:hover:last-child {
		-webkit-transform: rotateY(16deg) translate3d(6px, 0, 0);
		        transform: rotateY(16deg) translate3d(6px, 0, 0);
		padding-right: 6px;
		padding-left: 1px;
		margin: 0;
	}
}
@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.disabled {
	cursor: default;
	pointer-events: none;
}

.video-tools .btn.secondary {
	color: var(--color-white);
	cursor: default;
	pointer-events: none;
}
.video-tools .btn.secondary span {
	background: var(--gradient-blue);
}
.video-tools .btn.secondary em {
	border: 2px solid var(--bg-gold-primary);
	background-color: var(--bg-gold);
	min-width: 15px;
	height: 15px;
	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: 11px;
	border-radius: 15px;
}
.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 {
	background-color: var(--bg-gold);
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 4px;
	-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: 1024px) {
	.video-tools .btn span {
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}
.video-tools .btn em {
	font-weight: 700;
	font-size: 16px;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	padding: 2px;
}

.video-tools .btn .voters,
.video-tools .btn .voters2 {
	display: none;
	position: absolute;
    right: 0;
    bottom: calc(100% + 2px);
    z-index: 9999999;
    padding: 0;
    background: transparent;
    white-space: nowrap;
}
.video-tools .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	gap: 6px 10px;
}
@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;
	}
}
.video-tools .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 5px;
}
@media screen and (max-width: 640px) {
	.video-tools .item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.video-tools .item .svg-icon {
	font-size: 20px;
	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 {
	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 12px;
	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 rgb(0, 0, 0);
	padding: 6px 12px;
	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) {
	.box-action .button:hover {
		background-color: var(--bg-gold);
		border-color: rgba(0, 0, 0, 0.2);
	}
	.box-action .button:hover .icon-heart {
		-webkit-transform: rotate(-10deg) scale(1.05);
		        transform: rotate(-10deg) scale(1.05);
	}
	.box-action .button:hover .icon-share {
		-webkit-transform: scale(1.05);
		        transform: scale(1.05);
	}
}

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

@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 i {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	min-height: 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-rec,
.box-action .icon-share {
	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;
}
.box-action .icon-heart,
.box-action .icon-call,
.box-action .icon-rec {
	width: 30px;
	height: 30px;
}
.box-action .icon-share,
.box-action .icon-rec {
	width: 24px;
	height: 24px;
}
.box-action .icon-heart {
	background-image: url("../images/icon-heart.svg");
}
.box-action .icon-share {
	background-image: url("../images/icon-share.svg");
}
.box-action .icon-call {
	background-image: url("../images/icon-call.svg");
}
.box-action .icon-rec {
	background-image: url("../images/icon-rec.svg");
}

.author-wrap {
	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: 20px;
}
.author-wrap .author {
	background-color: var(--bg-gray);
	padding: 10px;
	border-radius: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 10px;
	font-weight: 400;
	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: 40px;
	height: 40px;
	border-radius: 20px;
	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;
	}
}

.block-share,
.video-comments {
	max-width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 0.05rem solid var(--color-black-gray);
}

.comments-title {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 18px;
	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;
}

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

.comment-box {
	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;
}
@media screen and (max-width: 479px) {
	.comment-box {
		gap: 10px;
	}
}

.comment-box .hidden {
	display: none;
}
.comment-box .title {
	font-weight: 700;
	font-size: 19px;
}

.comment-side {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 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: 20px;
}
@media screen and (max-width: 479px) {
	.comment-side {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 10px;
	}
}
.comment-side .textarea {
	width: 100%;
	background: var(--bg-white);
	border-radius: 10px;
	border: none;
	color: var(--color-black-gray);
	padding: 12px 15px;
	min-height: 100px;
	font-weight: 700;
	font-size: 13px;
	font-family: inherit;
	resize: vertical;
	outline: none;
	resize: none;
}

.send-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: 15px;
	font-family: inherit;
	min-height: 74px;
	padding: 2px;
	color: var(--color-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: padding 0.2s, opacity 0.2s;
	transition: padding 0.2s, opacity 0.2s;
}
@media (hover: hover) {
	.send-btn:hover {
		padding: 2px;
	}
	.send-btn:hover span {
		-webkit-transform: rotateX(25deg);
		        transform: rotateX(25deg);
	}
}
.send-btn:active span {
	-webkit-transform: rotateX(0deg);
	        transform: rotateX(0deg);
}
.send-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: 13px;
	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;
}
.send-btn em {
	font-weight: 700;
	font-size: 19px;
	font-style: normal;
	font-weight: inherit;
}
.send-btn .svg-icon {
	--icon-main: var(--color-white);
	--icon-main-dark: var(--color-black);
}
@media screen and (max-width: 374px) {
	.send-btn .svg-icon {
		font-size: 26px;
	}
}

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

.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;
	display: flex;
	align-items: center;
	justify-content: center;
}

.avatar-wrapper .avatar svg {
	font-size: 70px;
	color: #fff;
}
.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;
	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;
}
@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 {
	position: relative;
	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%);
	display: flex;
    align-items: center;
    justify-content: center; 
}

.profile-user .wrap svg {
    font-size: 70px;
    color: #fff;
}
.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: 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;
	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;
}

.list-messages .item.hidden {
	display: none !important;
}
@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 .message img {
	width: auto;
	height: auto;
}
.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;
	background: var(--bg-gold);
    color: var(--color-white);
    border-radius: 50%;
    overflow: hidden;
}
.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;
	position: relative;
	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);
	transition: color .3s;
}

.button-message.open {
	color: var(--color-gold);
}
.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 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 600px;
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	position: relative;
	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: 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;
	z-index: 9999;
}
@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: 30px;
	border-radius: 18px;
}
@media screen and (max-width: 767px) {
	.popup .frame {
		padding: 10px;
	}
}

.btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	cursor: pointer;
	color: rgba(var(--rgb-black), 0.5);
	width: 24px;
	height: 24px;
}

.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: 60px;
	height: 60px;
	-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: 26px;
}

@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: 60px;
}
.some-text span {
	background-color: var(--bg-gold);
	border-radius: 20px;
	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-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;
}
[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 {
	margin-bottom: 0;
}
[data-attr-step-popup-record-match] .icon {
	background-color: var(--bg-blue-light);
	color: var(--color-active);
}

.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;
		padding-right: 25px;
		gap: 4px 2px;
	}
}
.popup-headline-info .title {
	font-weight: 700;
	font-size: 19px;
	line-height: 1.4;
}
@media screen and (max-width: 767px) {
	.popup-headline-info .title {
		font-size: 16px;
		line-height: 1.2;
	}
}
.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;
	position: relative;
	border-radius: 50%;
	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;
}

.author-avatar.no_avatar img,
.author-avatar svg {
	opacity: 0;
}

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

.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 .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: 15px;
	font-family: inherit;
	min-height: 74px;
	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[data-attr-btn-re]:hover .icon-item {
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
}
.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="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="%23F7B700" /></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>');
}
.popup-content .btn[data-attr-btn-secondary] {
	background: linear-gradient(315deg, #555555 0%, #F1F1F1 100%);
}
.popup-content .btn[data-attr-btn-secondary] span {
	background: -webkit-gradient(linear, left top, right top, from(#666666), to(#000000));
	background: linear-gradient(90deg, #666666 0%, #000000 100%);
}
.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>');
}
.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-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0005 5C19.5405 5 19.1672 5.37333 19.1672 5.83333V9.16667C19.1672 9.62667 19.5405 10 20.0005 10C26.4338 10 31.6672 15.2333 31.6672 21.6667C31.6672 28.1 26.4338 33.3333 20.0005 33.3333C13.5672 33.3333 8.33383 28.1 8.33383 21.6667C8.33383 19.6625 8.85717 17.7042 9.85467 15.9517L12.8097 18.1667C13.063 18.3567 13.4005 18.3858 13.6822 18.245C13.9647 18.1042 14.143 17.815 14.1422 17.4992L14.1305 7.51167C14.1305 7.255 14.0113 7.0125 13.8097 6.855C13.6063 6.6975 13.3447 6.64167 13.0947 6.70333L3.11883 9.20333C2.80717 9.28167 2.568 9.5325 2.50467 9.84667C2.44133 10.1617 2.56467 10.4858 2.82133 10.6783L5.833 12.9358C4.1955 15.57 3.33383 18.5717 3.33383 21.6667C3.33383 30.8567 10.8105 38.3333 20.0005 38.3333C29.1905 38.3333 36.6672 30.8567 36.6672 21.6667C36.6672 12.4767 29.1905 5 20.0005 5Z" fill="black"/><path d="M19.9995 4.16663V7.49996C26.892 7.49996 32.4995 13.1075 32.4995 20C32.4995 26.8925 26.892 32.5 19.9995 32.5C13.107 32.5 7.49948 26.8925 7.49948 20C7.49948 17.4341 8.29198 15.0575 9.62531 13.0725L13.3086 15.8333L13.2961 5.84579L3.32031 8.34579L6.95698 11.0725C5.20531 13.615 4.16615 16.6841 4.16615 20C4.16615 28.7308 11.2686 35.8333 19.9995 35.8333C28.7303 35.8333 35.8328 28.7308 35.8328 20C35.8328 11.2691 28.7303 4.16663 19.9995 4.16663Z" fill="white"/><path d="M20.0009 36.6667C10.8109 36.6667 3.33419 29.19 3.33419 20C3.33419 16.905 4.19586 13.9034 5.83336 11.27L2.82169 9.01254C2.56419 8.82004 2.44086 8.49587 2.50503 8.18087C2.56836 7.86587 2.80753 7.61504 3.11919 7.53754L13.095 5.03754C13.345 4.97587 13.6067 5.03087 13.81 5.18921C14.0125 5.34671 14.1309 5.58837 14.1309 5.84587L14.1434 15.8334C14.1434 16.1492 13.9659 16.4384 13.6834 16.5792C13.4017 16.72 13.0634 16.6909 12.8109 16.5009L9.85586 14.2859C8.85753 16.0375 8.33419 17.9959 8.33419 20C8.33419 26.4334 13.5675 31.6667 20.0009 31.6667C26.4342 31.6667 31.6675 26.4334 31.6675 20C31.6675 13.5667 26.4342 8.33337 20.0009 8.33337C19.5409 8.33337 19.1675 7.96004 19.1675 7.50004V4.16671C19.1675 3.70671 19.5409 3.33337 20.0009 3.33337C29.1909 3.33337 36.6675 10.81 36.6675 20C36.6675 29.19 29.1909 36.6667 20.0009 36.6667ZM5.22169 8.72837L7.45919 10.405C7.81669 10.6734 7.89919 11.1767 7.64503 11.545C5.91503 14.055 5.00086 16.9784 5.00086 20C5.00086 28.2709 11.73 35 20.0009 35C28.2717 35 35.0009 28.2709 35.0009 20C35.0009 12.0084 28.7192 5.45671 20.8342 5.02254V6.69171C27.7992 7.12421 33.3342 12.9284 33.3342 20C33.3342 27.3517 27.3525 33.3334 20.0009 33.3334C12.6492 33.3334 6.66753 27.3517 6.66753 20C6.66753 17.3734 7.45169 14.8175 8.93503 12.6075C9.06253 12.4175 9.26253 12.2892 9.48753 12.2509C9.71253 12.2125 9.94419 12.2684 10.1267 12.4059L12.4742 14.1659L12.465 6.91337L5.22169 8.72837Z" fill="black"/><path d="M4.16667 8.33337H2.5V10H4.16667V8.33337Z" fill="black"/></svg>');
}
.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-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0448 28.3333C21.3065 28.3333 20.6123 28.0458 20.0898 27.5241L12.5581 19.9891C11.4806 18.9116 11.4806 17.1583 12.5581 16.08C13.6365 15.0016 15.3898 15.0033 16.4665 16.08L22.044 21.6591L33.6131 10.09C34.5081 9.19495 35.8723 9.04328 36.9256 9.63662C37.199 9.38328 37.5115 9.40828 37.6623 9.44162C37.8198 9.47578 38.3331 9.64662 38.3331 10.3783V12.045C38.3331 12.7825 38.0456 13.4766 37.5231 13.9991L23.9998 27.5233C23.4773 28.0458 22.7831 28.3333 22.0448 28.3333Z" fill="black"/><path d="M36.6654 20H3.33203C3.33203 20.2817 3.33203 21.385 3.33203 21.6667C3.33203 30.8567 10.8087 38.3333 19.9987 38.3333C29.1887 38.3333 36.6654 30.8567 36.6654 21.6667C36.6654 21.385 36.6654 20.2817 36.6654 20Z" fill="black"/><path d="M20.0013 35.8333C28.7458 35.8333 35.8346 28.7445 35.8346 20C35.8346 11.2555 28.7458 4.16663 20.0013 4.16663C11.2568 4.16663 4.16797 11.2555 4.16797 20C4.16797 28.7445 11.2568 35.8333 20.0013 35.8333Z" fill="white"/><path d="M19.9987 36.6667C10.8087 36.6667 3.33203 29.19 3.33203 20C3.33203 10.81 10.8087 3.33337 19.9987 3.33337C29.1887 3.33337 36.6654 10.81 36.6654 20C36.6654 29.19 29.1887 36.6667 19.9987 36.6667ZM19.9987 5.00004C11.7279 5.00004 4.9987 11.7292 4.9987 20C4.9987 28.2709 11.7279 35 19.9987 35C28.2695 35 34.9987 28.2709 34.9987 20C34.9987 11.7292 28.2695 5.00004 19.9987 5.00004Z" fill="black"/><path d="M22.0439 25.8334C21.5305 25.8334 21.0405 25.63 20.6789 25.2675L13.9797 18.5667C13.2255 17.8125 13.2255 16.59 13.9797 15.8359C14.7339 15.0817 15.9564 15.0817 16.7105 15.8359L22.0439 21.1709L34.2022 9.01252C34.9564 8.25836 36.1789 8.25836 36.933 9.01252C37.6872 9.76669 37.6872 10.9892 36.933 11.7434L23.4097 25.2675C23.0472 25.63 22.5572 25.8334 22.0439 25.8334Z" fill="white"/><path d="M22.0435 26.6666C21.3052 26.6666 20.611 26.3791 20.0885 25.8574L13.3902 19.1558C12.3127 18.0783 12.3127 16.3249 13.3902 15.2466C14.466 14.1699 16.2202 14.1683 17.2985 15.2466L22.0427 19.9924L33.6118 8.42411C34.6893 7.34577 36.4435 7.34577 37.521 8.42411C38.0443 8.94577 38.3318 9.63994 38.3318 10.3783C38.3318 11.1166 38.0443 11.8108 37.5218 12.3333L23.9985 25.8566C23.476 26.3791 22.7818 26.6666 22.0435 26.6666ZM15.3452 16.1033C15.0518 16.1033 14.776 16.2174 14.5685 16.4249C14.1402 16.8533 14.1402 17.5491 14.5685 17.9774L21.2668 24.6783C21.6818 25.0924 22.4043 25.0933 22.8193 24.6783L36.3435 11.1549C36.551 10.9474 36.6652 10.6716 36.6652 10.3783C36.6652 10.0849 36.551 9.80994 36.3435 9.60244C35.9143 9.17327 35.2177 9.17411 34.791 9.60244L22.6327 21.7608C22.476 21.9174 22.2652 22.0049 22.0435 22.0049C21.8218 22.0049 21.6102 21.9174 21.4543 21.7608L16.121 16.4258C15.9135 16.2174 15.6377 16.1033 15.3452 16.1033Z" fill="black"/></svg>');
}
.popup-content .btn[data-attr-btn-view] .icon-item {
	background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.94531 13.3333H20.7786V9.69743V8.03077C20.7786 7.13993 21.3103 6.3441 22.1336 6.00327C22.9561 5.66243 23.8945 5.84827 24.5245 6.4791L35.6886 17.6433C36.3186 18.2724 36.6653 19.1099 36.6653 19.9999C36.6653 20.2866 36.6653 21.3799 36.6653 21.6666C36.6653 22.5566 36.3186 23.3941 35.6886 24.0233L24.5245 35.1883C24.1036 35.6091 23.5453 35.8316 22.9753 35.8316C22.692 35.8316 22.4061 35.7766 22.1336 35.6633C21.3103 35.3224 20.7786 34.5266 20.7786 33.6358V31.9691V28.3333H4.94531C3.56698 28.3333 2.44531 27.2116 2.44531 25.8333V24.1666V17.4999V15.8333C2.44531 14.4549 3.56698 13.3333 4.94531 13.3333Z" fill="black" /><path d="M35.1537 18.2325L23.9895 7.0683C23.132 6.2108 21.6654 6.81746 21.6654 8.0308V14.1666H4.9987C4.07786 14.1666 3.33203 14.9125 3.33203 15.8333V24.1666C3.33203 25.0875 4.07786 25.8333 4.9987 25.8333H21.6654V31.9691C21.6654 33.1816 23.1312 33.7891 23.9887 32.9316L35.1529 21.7675C36.1295 20.7916 36.1295 19.2083 35.1537 18.2325Z" fill="white" /><path d="M23.0308 34.1649C22.7475 34.1649 22.4608 34.1099 22.1883 33.9966C21.365 33.6557 20.8333 32.8599 20.8333 31.9691V26.6666H5C3.62167 26.6666 2.5 25.5449 2.5 24.1666V15.8332C2.5 14.4549 3.62167 13.3332 5 13.3332H20.8333V8.03074C20.8333 7.13991 21.365 6.34408 22.1883 6.00324C23.0083 5.66074 23.95 5.84741 24.58 6.47824L35.7433 17.6424C36.3733 18.2716 36.72 19.1091 36.72 19.9991C36.72 20.8891 36.3733 21.7266 35.7433 22.3557L24.58 33.5216C24.1592 33.9416 23.6 34.1649 23.0308 34.1649ZM5 14.9999C4.54 14.9999 4.16667 15.3741 4.16667 15.8332V24.1666C4.16667 24.6257 4.54 24.9999 5 24.9999H21.6667C22.1275 24.9999 22.5 25.3732 22.5 25.8332V31.9691C22.5 32.2874 22.7275 32.4166 22.8267 32.4566C22.9233 32.4966 23.1767 32.5674 23.4017 32.3424L34.565 21.1782C34.88 20.8632 35.0533 20.4449 35.0533 19.9999C35.0533 19.5549 34.88 19.1366 34.565 18.8216L23.4017 7.65658C23.175 7.43074 22.9233 7.50074 22.8267 7.54241C22.7275 7.58324 22.5 7.71241 22.5 8.03074V14.1666C22.5 14.6266 22.1275 14.9999 21.6667 14.9999H5Z" fill="black" /></svg>');
}
.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: 13px;
	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-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: 700;
	font-size: 19px;
	-webkit-transition: font-size 0.2s;
	transition: font-size 0.2s;
}
@media screen and (max-width: 374px) {
	.popup-content .btn strong {
		font-size: 16px;
	}
}
.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: 40px;
	height: 40px;
	-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;
}
@media screen and (max-width: 374px) {
	.popup-content .icon-item {
		width: 30px;
		height: 30px;
	}
}
.popup-content .box-reaction {
	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: 105px;
	padding-top: 15px;
}
.fake-poster.is-recording {
	-webkit-transform: translate3d(0, 90px, 0);
	        transform: translate3d(0, 90px, 0);
}
.fake-poster img {
	max-width: 70px;
	width: 100%;
	height: auto;
}

.popup-media {
	border-radius: 10px; 
	overflow: hidden;
	position: relative;
	cursor: pointer;
	padding-bottom: 56.25%;
}
.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;
	z-index: 12;
}
@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;
	}
}
.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 .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 .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 {
	margin-top: 20px;
	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;
}
@media screen and (max-width: 767px) {
	.box-reaction {
		padding: 10px;
	}
}
.box-reaction .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;
	position: relative;
}

.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-reaction .title {
	font-weight: 700;
	font-size: 19px;
	white-space: nowrap;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.box-reaction .title {
		font-size: 16px;
	}
}

.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-comment {
	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;
}
@media screen and (max-width: 767px) {
	.box-comment {
		padding: 10px;
	}
}
.box-comment .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;
}
.box-comment .title {
	font-weight: 700;
	font-size: 19px;
	white-space: nowrap;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.box-comment .title {
		font-size: 16px;
	}
}

.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: -15px 0 10px;
}

.box-comment .message {
	border-radius: 10px;
	padding: 15px;
	width: 100%;
	height: 100px;
	resize: none;
	font-family: inherit;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2;
	border: none;
	color: var(--color-black-gray);
	margin-bottom: 20px;
}
.box-comment .btn {
	width: 100%;
}

.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-gray);
	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: 40px;
	line-height: 1.1;
}
.content-text span {
	color: var(--color-black);
	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;
}

.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 {
	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;
	position: relative;
}
@media screen and (max-width: 767px) {
	.group-match .thumb {
		width: 100%;
	}
}

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

.group-match .wrap {
	padding-bottom: 62.25%;
}
.group-match .play {
	width: 76px;
	height: 76px;
	border-radius: 33px;
}

.progress-recording {
	font-size: 19px;
	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;
	padding-right: 33px;
}
.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-gold);
}

.box-logo {
	background-color: var(--bg-gold);
	border-radius: 10px;
	padding-bottom: 62.25%;
	position: relative;
}
.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-second-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-second-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 {
	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;
}

.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: 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;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
}
@media screen and (max-width: 860px) {
	.popup-search-rant-match,
	.popup-words {
		padding: 15px;
	}
}
@media screen and (max-width: 479px) {
	.popup-search-rant-match,
	.popup-words {
		padding: 10px;
	}
}
.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: 30px;
	border-radius: 18px;
}
@media screen and (max-width: 767px) {
	.popup-search-rant-match .frame,
	.popup-words .frame {
		padding: 15px;
	}
}
@media screen and (max-width: 374px) {
	.popup-search-rant-match .frame,
	.popup-words .frame {
		padding: 10px;
	}
}
.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: 15px;
	font-family: inherit;
	min-height: 74px;
	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: 13px;
	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: 40px;
	height: 40px;
	background-image: 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="%23F7B700" /></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>');
	-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 {
	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 .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 .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;
}
@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;
}
@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;
}

.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;
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
	        filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
}
#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;
}

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

.form_feedback {
	position: relative;
}

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

@media screen and (max-width: 860px) {
	.form_feedback .accept {
		left: 20px !important;
		right: 20px !important;
		width: calc(100% - 40px) !important;
	}
}

.list-videos,
.list-videos .thumbs,
.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;
}

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

/* 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); }
}