:root {
	--accent-green: #99f71a;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	user-select: none;
}

.hud_element [fill='#99F71A'] {
	fill: var(--accent-green);
}
.hud_element [stop-color='#99F71A'] {
	stop-color: var(--accent-green);
}
.hud_element [stop-color='#2C3D14'] {
	stop-color: color-mix(in srgb, var(--accent-green) 28%, black);
}
.hud_element [stop-color='#415D1B'] {
	stop-color: color-mix(in srgb, var(--accent-green) 38%, black);
}
.hud_element [stop-color='#5B7438'] {
	stop-color: color-mix(in srgb, var(--accent-green) 48%, black);
}
.hud_element [stop-color='#5A910F'] {
	stop-color: color-mix(in srgb, var(--accent-green) 62%, black);
}
.hud_element .hud_glow {
	flood-color: var(--accent-green);
}
.hud_element .hud_glow_light {
	flood-color: color-mix(in srgb, var(--accent-green) 72%, white);
}

body,
html {
	position: relative;
	width: 100%;
	background: #131414;
	font-size: 0.7292vw;
	font-family: 'SemiBold';
	overflow-y: auto;
	overflow-x: hidden;
	color: white;
}
.form {
	position: relative;
	display: flex;
	align-items: flex-start;
	width: 100vw;
	padding-left: 15.26vw;
	padding-right: 15.26vw;
	padding-bottom: 4.063vw;
	padding-top: 8.917vw;
}
span,
div:not(.form),
img,
svg,
path,
input,
button,
a,
label,
i {
	transition: all 0.3s ease;
}
.high_quality {
	position: relative;
	overflow: hidden;
	height: 1.797vw;
	gap: 0.385vw;
	padding: 0.233vw 0.785vw;
	border-radius: 1.458vw;
	background: linear-gradient(90deg, #99f71a 0%, #789d47 100%);
	box-shadow: 0 0 2.467vw 0 rgba(153, 247, 26, 0.28);
}
.high_quality::before {
	content: '////////////';
	position: absolute;
	left: -1vw;
	color: rgba(0, 0, 0, 0.11);
	font-size: 7.448vw;
	top: -3vw;
	font-family: 'Light';
	letter-spacing: -2.979vw;
}
.high_quality svg {
	height: 0.469vw;
	width: 0.781vw;
}
.high_quality span {
	font-size: 0.773vw;
	font-family: 'SemiBold';
	color: rgba(0, 0, 0, 0.65);
	text-transform: uppercase;
}
.left_main_wrapper {
	align-items: flex-start;
}
.block_stat {
	position: relative;
}
.row_main_sect span {
	font-size: 2.642vw;
	color: #fff;
	text-shadow: 0 0 1.341vw rgba(255, 255, 255, 0.15);
	text-transform: uppercase;
	font-family: 'Regular';
}
.row_main_sect img {
	height: 5.781vw;
	margin-top: 0.417vw;
	filter: drop-shadow(0 0 2.34vw rgba(153, 247, 26, 0.48));
}
.description_main {
	font-size: 0.822vw;
	font-family: 'Light';
	line-height: 1.306vw;
	color: rgba(255, 255, 255, 0.5);
	max-width: 26.771vw;
	letter-spacing: 0.01em;
}
.button {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	color: #fff;
	width: 12.851vw;
	height: 2.616vw;
	gap: 0.4583vw;
	border-radius: 0.184vw;
	background: linear-gradient(93deg, #89d620 0%, #57762e 100%);
	box-shadow: 0 0.184vw 3.337vw 0 rgba(153, 247, 26, 0.25);
}
.button::before {
	content: '////////////';
	position: absolute;
	font-size: 7.448vw;
	font-family: 'Regular';
	color: rgba(0, 0, 0, 0.15);
	letter-spacing: -2.532vw;
}
.button:hover {
	transform: rotate(-2deg) scale(1.02);
	box-shadow: 0 0.184vw 3.337vw 0 rgba(153, 247, 26, 0.35);
}
.button:active {
	transform: rotate(-2deg) scale(0.98);
	opacity: 0.75;
}
.discord_button {
	background: linear-gradient(93deg, #6d77f3 0%, #494c71 100%);
	box-shadow: 0 0.184vw 3.337vw 0 rgba(109, 119, 243, 0.25);
}
.discord_button:hover {
	box-shadow: 0 0.184vw 3.337vw 0 rgba(109, 119, 243, 0.35);
}
.discord_button:active {
	opacity: 0.75;
}
.flex_buttons_main {
	gap: 1.094vw;
	margin-top: 2.083vw;
}
.row_main_sect {
	margin-top: 1.51vw;
}

.button span {
	position: relative;
	font-size: 0.826vw;
	font-family: 'Bold';
}
.button svg {
	position: relative;
	width: 0.964vw;
	height: 0.964vw;
}

.main_section,
.left_main_sec {
	width: 100%;
}
.section_payments_last {
	margin-top: 2.9167vw;
	gap: 1.25vw;
}
.payments_title {
	gap: 0.2083vw;
}
.payments_title svg {
	width: 0.7292vw;
	height: 0.7292vw;
	overflow: visible;
}
.payments_title svg path:last-child {
	filter: drop-shadow(0 0 0.6563vw #cb343b);
}
.payments_title span {
	font-family: 'Bold';
	font-size: 0.8854vw;
	text-transform: uppercase;
	text-shadow: 0 0 1.6714vw rgba(255, 255, 255, 0.15);
}
.payments_sub {
	font-family: 'Light';
	font-size: 0.7813vw;
	letter-spacing: -0.01em;
	margin-top: 0.2vw;
	color: rgba(255, 255, 255, 0.5);
}
.payments_list {
	width: 100%;
	gap: 0.8333vw;
}

.main_section {
	position: relative;
}
.chars_3d {
	position: absolute;
	height: 36.563vw;
	right: -5.417vw;
	top: -3.823vw;
}
.blur_chars {
	filter: blur(7.25vw);
	opacity: 0.75;
}
.resmon_img {
	position: absolute;
	height: 13.854vw;
	right: 1.302vw;
	top: -2.3vw;
	backdrop-filter: blur(0.25vw);
	transform: perspective(40vw) rotateX(0deg) rotateY(0deg);
	transform-style: preserve-3d;
	transition: transform 0.25s ease-out;
	will-change: transform;
}
.brush_img {
	position: absolute;
	height: 8.49vw;
	right: 24.177vw;
	top: 6.563vw;
	transform: rotate(-31.828deg);
	transition: none;
	animation: brush_sway 2.4s ease-in-out infinite;
}
.brush_img_2 {
	position: absolute;
	height: 16.25vw;
	transform: rotate(15deg);
	right: -2.948vw;
	top: -1.9vw;
	transition: none;
	animation: brush_sway_2 2.8s ease-in-out infinite;
}
@keyframes brush_sway {
	0%,
	100% {
		transform: rotate(-31.828deg);
	}
	50% {
		transform: rotate(-25.828deg);
	}
}
@keyframes brush_sway_2 {
	0%,
	100% {
		transform: rotate(15deg);
	}
	50% {
		transform: rotate(9deg);
	}
}
.design_main_page {
	position: relative;
	margin-top: 0.7vw;
}
.light_red_glasses {
	width: 2.708vw;
	height: 2.708vw;
	border-radius: 100%;
	background: #ff4d5e;
	position: absolute;
	top: 12.5vw;
	right: 0vw;
	filter: blur(0.984vw);
	opacity: 0.5;
	mix-blend-mode: lighten;
	transition: none;
	animation: light_red_blink 2.2s linear infinite;
}
@keyframes light_red_blink {
	0%,
	42%,
	100% {
		opacity: 0.04;
	}
	4%,
	14%,
	26%,
	36% {
		opacity: 0.5;
	}
	18%,
	22% {
		opacity: 0.06;
	}
}

.lines_main_img {
	height: 26.458vw;
	position: absolute;
	right: -7.5vw;
	top: -6vw;
}
.left_main_sec {
	z-index: 1;
}
.payment_card {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	padding: 0.3646vw;
	height: 7.031vw;
	gap: 0.5729vw;
	border-radius: 0.4167vw;
	background: #1c1e1e;
}
.payment_user {
	gap: 0.4167vw;
	min-width: 0;
}
.payment_photo {
	position: relative;
	width: 1.6667vw;
	height: 1.6667vw;
	flex-shrink: 0;
}
.payment_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.1042vw;
}
.payment_photo_line {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.1042vw;
	border-radius: 0 0 0.1563vw 0.1563vw;
	background: linear-gradient(90deg, #99f71a 0%, #5a910f 100%);
	box-shadow: 0 0 0.4479vw rgba(153, 247, 26, 0.5);
}
.payment_user_text {
	gap: 0.2083vw;
}
.payment_user_text span:first-child {
	font-family: 'Light';
	font-size: 0.6771vw;
	color: rgba(255, 255, 255, 0.5);
}
.payment_user_text span:last-child {
	font-family: 'ExtraBold';
	font-size: 0.7813vw;
	text-shadow: 0 0 2.0625vw rgba(255, 255, 255, 0.37);
}
.payment_sum {
	flex-shrink: 0;
}
.payment_sum_val {
	height: 1.1458vw;
	padding: 0 0.2083vw;
	border-radius: 0.1563vw 0 0 0.1563vw;
	background: rgba(102, 175, 79, 0.25);
}
.payment_sum_val span {
	font-family: 'Regular';
	font-size: 0.6771vw;
	color: #66af4f;
	text-shadow: 0 0 1.161vw rgba(255, 255, 255, 0.46);
}
.payment_sum_cur {
	width: 1.1458vw;
	height: 1.1458vw;
	border-radius: 0 0.1563vw 0.1563vw 0;
	background: linear-gradient(180deg, rgba(102, 175, 79, 0.75) 0%, rgba(76, 119, 63, 0.75) 100%);
	box-shadow:
		0 0.2734vw 1.2031vw rgba(102, 175, 79, 0.25),
		inset 0 0 0.2448vw #66af4f;
}
.payment_sum_cur span {
	font-family: 'SemiBold';
	font-size: 0.7292vw;
}
.payment_lines {
	gap: 0.4167vw;
	margin-top: auto;
}
.payment_line {
	width: 100%;
	padding: 0.4167vw 0.3646vw;
	border-radius: 0.2604vw;
	background: #171919;
}
.payment_line_label {
	flex-shrink: 0;
	gap: 0.3125vw;
}
.payment_line svg {
	width: 0.7292vw;
	height: 0.7292vw;
	flex-shrink: 0;
}
.payment_line_label span {
	font-family: 'Light';
	font-size: 0.6771vw;
	line-height: 0.8594vw;
	color: rgba(255, 255, 255, 0.5);
}
.payment_line > span {
	min-width: 0;
	overflow: hidden;
	font-family: 'Regular';
	font-size: 0.7292vw;
	line-height: 0.8594vw;
	letter-spacing: -0.01em;
	text-shadow: 0 0 1.151vw rgba(255, 255, 255, 0.25);
	white-space: nowrap;
	text-overflow: ellipsis;
}
.payments_title svg {
	filter: drop-shadow(0 0 0.656vw #cb343b);
}
.bar_stats {
	position: relative;
	height: 3.125vw;
	border-radius: 0.313vw;
	background: #99f71a;
	overflow: hidden;
}
.decor_bar {
	width: 100%;
	position: absolute;
	height: 3.125vw;
	transition: none;
	animation: decor_bar_draw 5.2s ease-in-out infinite;
}
@keyframes decor_bar_draw {
	0%,
	100% {
		clip-path: inset(0 100% 0 0);
	}
	42%,
	58% {
		clip-path: inset(0 0 0 0);
	}
}
.box_stat {
	width: 1.979vw;
	height: 1.979vw;
	border-radius: 0.26vw;
	background: #57831b;
}
.row_stat span:first-child {
	font-size: 1.094vw;
	font-family: 'Black';
	color: #000;
}
.row_stat span:last-child {
	font-size: 0.781vw;
	font-family: 'Regular';
	color: rgba(0, 0, 0, 0.5);
}
.block_stat {
	gap: 0.521vw;
	opacity: 0.9;
}
.box_stat svg {
	width: 1.146vw;
	height: 1.146vw;
}
.bar_stats {
	gap: 2.917vw;
	margin-top: 2.5vw;
}
.top_latest {
	gap: 0.5208vw;
	align-items: flex-start;
}
.fresh_label {
	height: 0.6292vw;
	margin-bottom: 0.217vw;
	padding-left: 0.5208vw;
	border-left: 0.1042vw solid rgba(153, 247, 26, 0.5);
}
.fb_title,
.fb_label {
	text-transform: uppercase;
}
.fresh_label span {
	font-family: 'ExtraBold';
	font-size: 0.729vw;
	line-height: 1.25vw;
	letter-spacing: 0.23em;
	color: #99f71a;
	text-shadow: 0 0 1.6714vw rgba(255, 255, 255, 0.15);
}
.latest_heading {
	gap: 0.5208vw;
}
.latest_name {
	gap: 0.4167vw;
}
.latest_name span {
	font-family: 'Black';
	font-size: 1.4583vw;
	line-height: 1.25vw;
}
.latest_name span:last-child {
	color: #99f71a;
}
.latest_desc {
	max-width: 10.4167vw;
	font-family: 'Light';
	font-size: 0.7813vw;
	line-height: 122.39%;
	color: rgba(255, 255, 255, 0.5);
}
.bottom_latest {
	gap: 0.8333vw;
	align-items: flex-start;
}
.built_text {
	gap: 0.3125vw;
	align-items: flex-start;
}
.built_heading {
	gap: 0.1521vw;
}
.built_heading span:first-child {
	font-family: 'ExtraBold';
	font-size: 1.0417vw;
	line-height: 1.25vw;
}
.built_heading span:last-child {
	font-family: 'Black';
	font-size: 1.3542vw;
	line-height: 1.25vw;
	color: #99f71a;
}
.built_desc {
	max-width: 13vw;
	font-family: 'Light';
	font-size: 0.7813vw;
	line-height: 122.39%;
	color: rgba(255, 255, 255, 0.5);
}
.view_all_btn {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	height: 2.1354vw;
	gap: 0.338vw;
	border: 0.0494vw solid rgba(153, 247, 26, 0.25);
	border-radius: 0.1974vw;
}
.view_all_btn {
	text-transform: uppercase;
}
.view_all_btn::before {
	content: '////////////';
	position: absolute;
	font-size: 7.448vw;
	font-family: 'Regular';
	color: rgba(153, 247, 26, 0.05);
	letter-spacing: -2.532vw;
}
.view_all_btn span {
	position: relative;
	font-family: 'Bold';
	font-size: 0.7813vw;
	letter-spacing: -0.01em;
	color: #99f71a;
}
.view_all_btn svg {
	position: relative;
	width: 0.7813vw;
	height: 0.7813vw;
	transform: rotate(-45deg);
}
.view_all_btn:hover {
	background: rgba(153, 247, 26, 0.08);
}
.view_all_btn:active {
	opacity: 0.75;
}
.latest_box {
	width: 14.635vw;
	height: 38.333vw;
	justify-content: space-between;
	background-image: url('../images/3d_2.png');
	background-size: 100% 100%;
	padding: 0.833vw;
}
.header_logo {
	display: flex;
	text-decoration: none;
}
.left_header img {
	height: 1.875vw;
}
.ctg_head {
	height: 2.083vw;
	padding: 0.251vw 0.833vw;
	border-radius: 0.204vw;
}
.ctg_head svg {
	width: 0.729vw;
	height: 0.729vw;
}
.ctg_head span {
	font-size: 0.833vw;
	font-family: 'Regular';
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
}
.ctg_head {
	gap: 0.4167vw;
	cursor: pointer;
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 4.5vw;
	padding-left: 15.26vw;
	padding-right: 15.26vw;
	z-index: 9999;
	justify-content: space-between;
}
.active_header {
	background: #131414b0;
	backdrop-filter: blur(0.5vw);
}
.right_header {
	gap: 0.733vw;
}
.currency_head {
	height: 2.135vw;
	padding: 0 0.677vw;
	gap: 0.338vw;
	border-radius: 0.198vw;
	border: 0.049vw solid rgba(255, 255, 255, 0.15);
	cursor: pointer;
}
.currency_head span {
	font-family: 'Regular';
	font-size: 0.833vw;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.75);
}
.currency_head svg {
	width: 0.938vw;
	height: 0.938vw;
}
.currency_head:hover,
.currency_wrap.open .currency_head {
	background: #1c1e1e;
}
.currency_wrap {
	position: relative;
}
button.currency_head {
	background: none;
}
.currency_wrap.open .currency_head {
	border-color: rgba(153, 247, 26, 0.35);
}
.currency_wrap.open .currency_head svg {
	transform: rotate(180deg);
}
.cur_drop {
	position: absolute;
	top: calc(100% + 0.521vw);
	right: 0;
	z-index: 5;
	width: 9.896vw;
	gap: 0.417vw;
	border-radius: 0.313vw;
	background: #1c1e1e;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-0.313vw);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		visibility 0.2s;
}
.currency_wrap.open .cur_drop {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.cur_list {
	gap: 0.156vw;
}
.cur_opt {
	width: 100%;
	gap: 0.417vw;
	padding: 0.26vw 0.56vw 0.26vw 0.26vw;
	border: 0.052vw solid transparent;
	border-radius: 0.208vw;
	background: none;
	text-align: left;
	cursor: pointer;
}
.cur_opt:hover {
	background: #1c1e1e;
}
.cur_sym {
	width: 1.25vw;
	height: 1.25vw;
	flex-shrink: 0;
	border-radius: 0.156vw;
	background: #1c1e1e;
	font-family: 'Bold';
	font-size: 0.521vw;
	color: rgba(255, 255, 255, 0.6);
}
.cur_txt {
	flex: 1;
	min-width: 0;
	gap: 0.104vw;
}
.cur_txt span:first-child {
	font-family: 'Bold';
	font-size: 0.625vw;
	letter-spacing: 0;
	color: #fff;
}
.cur_txt span:last-child {
	font-family: 'Light';
	font-size: 0.521vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.4);
}
.cur_check {
	font-size: 0.469vw;
	color: #99f71a;
	opacity: 0;
	transform: scale(0.5);
}
.cur_opt.active {
	background: rgba(153, 247, 26, 0.15);
}
.cur_opt.active .cur_sym {
	background: #99f71a;
	color: rgba(0, 0, 0, 0.8);
}
.cur_opt.active .cur_check {
	opacity: 1;
	transform: scale(1);
}
.currency_head:active {
	opacity: 0.75;
}
.cart_head {
	position: relative;
}
.cart_btn {
	position: relative;
	width: 2.135vw;
	height: 2.135vw;
	border: 0.049vw solid rgba(255, 255, 255, 0.15);
	border-radius: 0.198vw;
	background: none;
	cursor: pointer;
}
.cart_btn i {
	font-size: 0.833vw;
	color: rgba(255, 255, 255, 0.75);
}
.cart_btn:hover,
.cart_head.open .cart_btn {
	background: #1c1e1e;
}
.cart_head.open .cart_btn {
	border-color: rgba(153, 247, 26, 0.35);
}
.cart_head.open .cart_btn i {
	color: #99f71a;
}
.cart_btn:active {
	opacity: 0.75;
}
.cart_badge {
	position: absolute;
	top: -0.417vw;
	right: -0.417vw;
	min-width: 0.938vw;
	height: 0.938vw;
	padding: 0 0.208vw;
	border-radius: 0.469vw;
	background: #99f71a;
	font-family: 'Bold';
	font-size: 0.521vw;
	color: rgba(0, 0, 0, 0.85);
	transform: scale(0);
}
.cart_badge.show {
	transform: scale(1);
}
.cart_badge.bump {
	animation: cart_bump 0.4s ease;
}
@keyframes cart_bump {
	0%,
	100% {
		transform: scale(1);
	}
	40% {
		transform: scale(1.35);
	}
}
.cart_drop {
	position: absolute;
	top: calc(100% + 0.521vw);
	right: 0;
	width: 16.146vw;
	gap: 0.625vw;
	padding: 0.625vw;
	border-radius: 0.313vw;
	background: #1c1e1e;
	box-shadow: 0 0.625vw 1.875vw rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-0.313vw);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		visibility 0.2s;
}
.cart_drop.is_busy .cart_items,
.cart_drop.is_busy .cart_foot {
	opacity: 0.5;
	pointer-events: none;
}
.cart_head.open .cart_drop {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.cart_drop_title {
	gap: 0.313vw;
}
.cart_drop_title span:first-child {
	font-family: 'Bold';
	font-size: 0.677vw;
	letter-spacing: 0;
	text-transform: uppercase;
}
.cart_drop_count {
	height: 0.781vw;
	padding: 0 0.26vw;
	border-radius: 0.13vw;
	background: rgba(153, 247, 26, 0.1);
	font-family: 'Regular';
	font-size: 0.521vw;
	line-height: 0.781vw;
	letter-spacing: 0;
	color: #99f71a;
}
.cart_clear,
.cart_item_remove {
	width: 1.042vw;
	height: 1.042vw;
	flex-shrink: 0;
	border: 0.052vw solid rgba(255, 255, 255, 0.06);
	border-radius: 0.156vw;
	background: #1c1e1e;
	color: rgba(255, 255, 255, 0.45);
	cursor: pointer;
}
.cart_clear i,
.cart_item_remove i {
	font-size: 0.469vw;
}
.cart_clear:hover,
.cart_item_remove:hover {
	border-color: rgba(255, 77, 94, 0.3);
	background: rgba(255, 77, 94, 0.1);
	color: #ff4d5e;
}
.cart_items {
	max-height: 13.021vw;
	margin: 0 -0.625vw;
	padding-top: 0.325vw;
	padding-left: 0.625vw;
	padding-right: 0.625vw;
	overflow-y: auto;
}
.cart_item {
	gap: 0.469vw;
	padding: 0.469vw 0;
	border-top: 0.052vw solid rgba(255, 255, 255, 0.05);
	animation: prd_card_in 0.3s ease both;
}
.cart_item:first-child {
	border-top: none;
	padding-top: 0;
}
.cart_item_img {
	width: 2.188vw;
	height: 2.188vw;
	flex-shrink: 0;
	border: 0.052vw solid rgba(255, 255, 255, 0.08);
	border-radius: 0.208vw;
	background: #1c1e1e;
	object-fit: cover;
}
.cart_item_info {
	flex: 1;
	min-width: 0;
	gap: 0.26vw;
}
.cart_item_name {
	overflow: hidden;
	font-family: 'Bold';
	font-size: 0.599vw;
	letter-spacing: 0;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cart_item_tags {
	width: fit-content;
	gap: 0.104vw;
	padding: 0.104vw;
	border-radius: 0.156vw;
}
.cart_item_tags .drop_tag {
	height: 0.885vw;
	gap: 0.156vw;
	padding: 0 0.208vw;
	border-radius: 0.104vw;
}
.cart_item_tags .drop_tag span {
	font-size: 0.469vw;
	text-shadow: none;
}
.cart_item_tags .drop_tag_icon {
	width: 0.521vw;
	height: 0.521vw;
	border-radius: 0.078vw;
}
.cart_item_tags .drop_tag_icon svg {
	width: 0.417vw;
	height: 0.417vw;
}
.cart_item_price {
	font-family: 'Bold';
	font-size: 0.677vw;
	letter-spacing: 0;
	color: #99f71a;
}
.cart_drop .cart_empty {
	display: none;
	gap: 0.208vw;
	padding: 0.938vw 0;
	text-align: center;
}
.cart_drop.is_empty .cart_empty {
	display: flex;
}
.cart_drop.is_empty .cart_foot,
.cart_drop.is_empty .cart_clear,
.cart_drop.is_empty .cart_items {
	display: none;
}
.cart_empty i {
	margin-bottom: 0.313vw;
	font-size: 0.938vw;
	color: rgba(153, 247, 26, 0.5);
}
.cart_empty span:nth-of-type(1) {
	font-family: 'Bold';
	font-size: 0.677vw;
	letter-spacing: 0;
	text-transform: uppercase;
}
.cart_empty span:nth-of-type(2) {
	font-family: 'Light';
	font-size: 0.573vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.4);
}
.cart_foot {
	gap: 0.521vw;
	padding-top: 0.825vw;
	border-top: 0.052vw solid rgba(255, 255, 255, 0.06);
}
.cart_total {
	align-items: flex-end;
}
.cart_total .clmn {
	gap: 0.156vw;
}
.cart_sub {
	font-family: 'Regular';
	font-size: 0.599vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.75);
}
.cart_tax {
	font-family: 'Light';
	font-size: 0.495vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.35);
}
.cart_sum {
	font-family: 'Bold';
	font-size: 0.938vw;
	line-height: 1;
	letter-spacing: 0;
	color: #99f71a;
}
.cart_drop .drop_open {
	height: 1.667vw;
	gap: 0.26vw;
	border-radius: 0.156vw;
	box-shadow: 0 0.156vw 1.875vw rgba(153, 247, 26, 0.2);
}
.cart_drop .drop_open span {
	font-size: 0.625vw;
}
.cart_drop .drop_open svg {
	width: 0.625vw;
	height: 0.625vw;
}
.cart_drop .drop_open:hover {
	transform: none;
	opacity: 0.9;
}
.cart_continue {
	height: 1.667vw;
	border: none;
	border-radius: 0.156vw;
	background: transparent;
	cursor: pointer;
	font-family: 'Regular';
	font-size: 0.573vw;
	letter-spacing: 0;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
}
.cart_continue:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.04);
}
.cart_secure {
	gap: 0.26vw;
	font-family: 'Light';
	font-size: 0.495vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.35);
}
.cart_secure i {
	font-size: 0.469vw;
}
.drop_cart.added {
	background: #ff4d5e;
	border-color: #ff4d5e;
	color: #fff;
	box-shadow: 0 0.198vw 1.8vw rgba(255, 77, 94, 0.35);
}
.drop_cart.added::before {
	color: rgba(0, 0, 0, 0.12);
}
.drop_cart.added:hover {
	background: #ff6270;
}
.drop_cart.is_loading {
	pointer-events: none;
}
.drop_cart.is_loading svg,
[data-cart-add].is_loading svg {
	display: none;
	transition: none;
}
.drop_cart.is_loading::after,
[data-cart-add].is_loading::after {
	content: '';
	width: 0.73vw;
	height: 0.73vw;
	border-radius: 50%;
	border: 0.104vw solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	animation: cart_spin 0.65s linear infinite;
}
.drop_cart.is_loading::after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	border-color: rgba(153, 247, 26, 0.28);
	border-top-color: #99f71a;
}
.drop_cart.added.is_loading::after {
	border-color: rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
}
[data-cart-add].is_loading {
	pointer-events: none;
}
[data-cart-add].is_loading::after {
	flex-shrink: 0;
}
[data-cart-add].added {
	background: linear-gradient(93deg, #ff4d5e 0%, #9a303c 100%);
	box-shadow: 0 0.198vw 3.592vw rgba(255, 77, 94, 0.35);
}
[data-cart-add].added:hover {
	box-shadow: 0 0.198vw 3.592vw rgba(255, 77, 94, 0.45);
}
@keyframes cart_spin {
	to {
		transform: rotate(360deg);
	}
}
.signin_head {
	position: relative;
	overflow: hidden;
	width: 6.51vw;
	height: 2.135vw;
	gap: 0.338vw;
	border-radius: 0.198vw;
	cursor: pointer;
	background: linear-gradient(93deg, #89d620 0%, #57762e 100%);
	box-shadow: 0 0.198vw 3.592vw 0 rgba(153, 247, 26, 0.25);
}
.signin_head::before {
	content: '////////////';
	position: absolute;
	left: -4.844vw;
	top: -2.37vw;
	font-size: 7.448vw;
	font-family: 'Regular';
	line-height: 1;
	color: rgba(0, 0, 0, 0.15);
	letter-spacing: -2.532vw;
	pointer-events: none;
}
.signin_head span {
	position: relative;
	font-family: 'Bold';
	font-size: 0.781vw;
	letter-spacing: -0.01em;
}
.signin_head svg {
	position: relative;
	width: 0.781vw;
	height: 0.781vw;
	flex-shrink: 0;
}
.signin_head:hover {
	transform: rotate(-2deg) scale(1.02);
	box-shadow: 0 0.198vw 3.592vw 0 rgba(153, 247, 26, 0.35);
}
.signin_head:active {
	transform: rotate(-2deg) scale(0.98);
	opacity: 0.75;
}

.user_head {
	position: relative;
	display: none;
}
html.is_authed .user_head {
	display: block;
}
html.is_authed .signin_head {
	display: none;
}
.user_btn,
.user_pic {
	position: relative;
	flex-shrink: 0;
	overflow: hidden;
	background: #99f71a;
}
.user_btn {
	width: 2.135vw;
	height: 2.135vw;
	padding: 0;
	border: 0.052vw solid rgba(255, 255, 255, 0.15);
	border-radius: 0.198vw;
	cursor: pointer;
}
.user_btn:hover,
.user_head.open .user_btn {
	border-color: rgba(153, 247, 26, 0.6);
}
.user_btn:active {
	opacity: 0.75;
}
.user_avatar {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}
.has_avatar .user_avatar {
	display: block;
}
.user_initial {
	font-family: 'Bold';
	font-size: 0.833vw;
	color: rgba(0, 0, 0, 0.8);
	text-transform: uppercase;
}
.has_avatar .user_initial {
	display: none;
}
.user_drop {
	position: absolute;
	top: calc(100% + 0.521vw);
	right: 0;
	z-index: 5;
	width: 12.5vw;
	gap: 0.417vw;
	padding: 0.321vw;
	border-radius: 0.313vw;
	background: #1c1e1e;
	box-shadow: 0 0.625vw 1.875vw rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-0.313vw);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		visibility 0.2s;
}
.user_head.open .user_drop {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.user_info {
	gap: 0.521vw;
	padding: 0.26vw 0.26vw 0.625vw;
	border-bottom: 0.052vw solid rgba(255, 255, 255, 0.05);
}
.user_pic {
	width: 1.979vw;
	height: 1.979vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.08);
	border-radius: 0.208vw;
}
.user_meta {
	flex: 1;
	min-width: 0;
	gap: 0.208vw;
}
.user_name {
	overflow: hidden;
	font-family: 'Bold';
	font-size: 0.777vw;
	letter-spacing: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.user_via {
	gap: 0.208vw;
	font-family: 'Light';
	font-size: 0.521vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.45);
}
.user_via svg {
	width: auto;
	height: 0.521vw;
	color: rgb(255, 134, 82);
}
.user_link {
	width: 100%;
	height: 1.667vw;
	gap: 0.417vw;
	padding: 0 0.417vw;
	border: none;
	border-radius: 0.208vw;
	background: none;
	cursor: pointer;
}
.user_link i {
	width: 0.729vw;
	font-size: 0.573vw;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
}
.user_link span {
	font-family: 'Regular';
	font-size: 0.625vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
}
.user_link:hover {
	background: rgba(255, 77, 94, 0.1);
}
.user_link:hover i,
.user_link:hover span {
	color: #ff4d5e;
}
.user_discord {
	gap: 0.417vw;
	padding: 0.365vw 0.417vw;
	border-radius: 0.208vw;
	background: #16181a;
	border: 0.052vw solid rgba(255, 255, 255, 0.06);
}
.user_discord_av {
	position: relative;
	width: 1.458vw;
	height: 1.458vw;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 0.156vw;
	background: #5865f2;
	color: #fff;
	font-size: 0.73vw;
}
.user_discord_av img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}
.user_discord.is_on .user_discord_av img {
	display: block;
}
.user_discord.is_on .user_discord_av i {
	display: none;
}
.user_discord_label {
	font-family: 'Light';
	font-size: 0.469vw;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.4);
}
.user_discord_name {
	overflow: hidden;
	font-family: 'Regular';
	font-size: 0.677vw;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
}
.user_discord:not(.is_on) {
	cursor: pointer;
}
.user_discord:not(.is_on):hover {
	border-color: rgba(88, 101, 242, 0.5);
}
.user_soon {
	opacity: 0.55;
	pointer-events: none;
}
.user_soon em {
	margin-left: auto;
	padding: 0.06vw 0.26vw;
	border-radius: 0.1vw;
	background: rgba(153, 247, 26, 0.12);
	font-family: 'Bold';
	font-size: 0.469vw;
	font-style: normal;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #99f71a;
}

html.auth_lock,
html.auth_lock body {
	overflow: hidden;
}
.auth_modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgba(10, 11, 11, 0.7);
	backdrop-filter: blur(0.417vw);
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.25s ease,
		visibility 0.25s;
}
.auth_modal.open {
	opacity: 1;
	visibility: visible;
}
.auth_card {
	position: relative;
	width: 17.708vw;
	border-radius: 0.417vw;
	background: radial-gradient(90% 60% at 50% 0%, rgba(153, 247, 26, 0.1) 0%, rgba(153, 247, 26, 0) 100%), #16181a;
	overflow: hidden;
	transform: translateY(0.833vw) scale(0.97);
	transition: transform 0.3s ease;
}
.auth_modal.open .auth_card {
	transform: translateY(0) scale(1);
}
.auth_card::before {
	content: '////////////';
	position: absolute;
	right: -3vw;
	top: -2.6vw;
	font-size: 7.448vw;
	font-family: 'Regular';
	line-height: 1;
	letter-spacing: -2.532vw;
	color: rgba(153, 247, 26, 0.15);
	pointer-events: none;
	-webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.4) 45%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.4) 45%, transparent 100%);
}
.auth_close {
	position: absolute;
	top: 0.625vw;
	right: 0.625vw;
	z-index: 2;
	width: 1.25vw;
	height: 1.25vw;
	border: 0.052vw solid rgba(255, 77, 94, 0.25);
	border-radius: 0.156vw;
	background: rgba(255, 77, 94, 0.12);
	color: #ff4d5e;
	cursor: pointer;
}
.auth_close i {
	font-size: 0.521vw;
}
.auth_close:hover {
	border-color: rgba(255, 77, 94, 0.5);
	background: rgba(255, 77, 94, 0.22);
}
.auth_body {
	position: relative;
	align-items: center;
	gap: 1.042vw;
	padding: 1.667vw 1.25vw 1.042vw;
	text-align: center;
}
.auth_logos {
	gap: 0.625vw;
}
.auth_logo {
	height: 1.667vw;
	width: auto;
}
.auth_x {
	font-size: 0.469vw;
	color: rgba(255, 255, 255, 0.3);
}
.auth_fivem {
	width: 2.083vw;
	height: 2.083vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.08);
	border-radius: 0.313vw;
	background: #1c1e1e;
	color: rgb(255, 134, 82);
}
.auth_fivem svg {
	width: auto;
	height: 1.042vw;
}
.auth_discord {
	color: #5865f2;
}
.auth_discord svg {
	height: 0.938vw;
}
.auth_head {
	align-items: center;
	gap: 0.365vw;
}
.auth_label {
	font-family: 'Regular';
	margin-bottom: 0.417vw;
	font-size: 0.521vw;
	letter-spacing: 0.3em;
	color: rgba(255, 255, 255, 0.25);
	text-transform: uppercase;
}
.auth_title {
	font-family: 'Bold';
	font-size: 1.042vw;
	letter-spacing: 0;
	text-transform: uppercase;
}
.auth_title em {
	font-style: normal;
	color: #99f71a;
}
.auth_sub {
	font-family: 'Light';
	font-size: 0.625vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.5);
}
.auth_btn {
	position: relative;
	width: 100%;
	height: 2.083vw;
	padding: 0 0.729vw;
	border-radius: 0.208vw;
	background: linear-gradient(93deg, #89d620 0%, #57762e 100%);
	box-shadow: 0 0.156vw 1.875vw rgba(153, 247, 26, 0.2);
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}
.auth_btn::before {
	content: '////////////';
	position: absolute;
	left: -4.844vw;
	top: -2.37vw;
	font-size: 7.448vw;
	font-family: 'Regular';
	line-height: 1;
	letter-spacing: -2.532vw;
	color: rgba(0, 0, 0, 0.15);
	pointer-events: none;
}
.auth_btn_left {
	position: relative;
	gap: 0.417vw;
	color: #fff;
}
.auth_btn_left svg {
	width: auto;
	height: 0.781vw;
}
.auth_btn_left span {
	font-family: 'Bold';
	font-size: 0.677vw;
	letter-spacing: 0;
	text-transform: uppercase;
}
.auth_btn > i {
	position: relative;
	font-size: 0.573vw;
	color: rgba(255, 255, 255, 0.75);
}
.auth_btn:hover {
	box-shadow: 0 0.156vw 1.875vw rgba(153, 247, 26, 0.35);
	opacity: 0.92;
}
.auth_btn:active {
	opacity: 0.75;
}
.auth_help {
	font-family: 'Light';
	font-size: 0.573vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.45);
}
.auth_help a {
	font-family: 'Regular';
	color: #99f71a;
	text-decoration: none;
}
.auth_help a:hover {
	text-decoration: underline;
}
.auth_foot {
	position: relative;
	gap: 0.313vw;
	padding: 0.729vw 1.25vw;
	border-top: 0.052vw solid rgba(255, 255, 255, 0.05);
	background: rgba(0, 0, 0, 0.15);
}
.auth_foot i {
	font-size: 0.521vw;
	color: rgba(153, 247, 26, 0.6);
}
.auth_foot span {
	font-family: 'Light';
	font-size: 0.521vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.4);
}
.left_header {
	gap: 1.667vw;
}
.ctg_head:hover {
	transform: translateY(0.1vw);
	background: #1c1e1e;
}
.categorys_wrapper {
	gap: 0.417vw;
}
.ctg_head:active {
	opacity: 0.75;
}
a.ctg_head {
	text-decoration: none;
}
.ctg_head.active {
	background: rgba(153, 247, 26, 0.15);
}
.ctg_head.active span {
	color: #99f71a;
}
.ctg_head.active svg path {
	fill: #99f71a;
	fill-opacity: 1;
}
.latest_box {
	position: relative;
}
.circle_qb {
	position: absolute;
	top: 11.25vw;
	left: 2.292vw;
	width: 3.646vw;
	height: 3.646vw;
	border-radius: 100%;
	mix-blend-mode: plus-lighter;
	opacity: 0.41;
	filter: blur(0.955vw);
	background: #ff2d31;
	transition: none;
	animation: circle_flicker 2.8s linear infinite;
}
.circle_esx {
	position: absolute;
	top: 11.771vw;
	right: 1.771vw;
	width: 3.021vw;
	height: 3.021vw;
	border-radius: 100%;
	mix-blend-mode: plus-lighter;
	opacity: 0.41;
	filter: blur(0.955vw);
	background: #ff772d;
	transition: none;
	animation: circle_flicker 2.8s linear infinite;
	animation-delay: -1.4s;
}
.latest_drops {
	align-items: flex-start;
	gap: 0.833vw;
	margin-top: 2.917vw;
	border-bottom: 0.052vw solid #2a2e2d;
	padding-bottom: 2.5vw;
}
.flex_wrap_latest {
	display: flex;
	width: 53.594vw;
	flex-wrap: wrap;
	gap: 0.833vw;
	align-content: flex-start;
}
.drop_card {
	width: 12.76vw;
	height: 18.75vw;
	border-radius: 0.417vw;
	background: #1c1e1e;
	overflow: hidden;
}
.drop_preview {
	position: relative;
	width: 100%;
	height: 6.823vw;
	padding: 0.521vw;
	background: rgba(0, 0, 0, 0.25);
}
.drop_new {
	width: fit-content;
	height: 1.563vw;
	padding: 0 0.521vw;
	border-radius: 0.188vw;
	background: linear-gradient(93deg, #99f71a 0%, #57762e 100%);
	box-shadow: 0 0 2.656vw rgba(153, 247, 26, 0.15);
}
.drop_new span {
	font-family: 'SemiBold';
	font-size: 0.833vw;
	letter-spacing: 0.01em;
	color: rgba(0, 0, 0, 0.75);
	text-shadow: 0 0 1.672vw rgba(255, 255, 255, 0.15);
}
.drop_body {
	flex: 1;
	padding: 0.417vw 0.417vw 0.417vw;
	justify-content: space-between;
}
.drop_info {
	gap: 0.208vw;
	align-items: flex-start;
}
.drop_label {
	font-family: 'Regular';
	font-size: 0.729vw;
	color: rgba(255, 255, 255, 0.35);
}
.drop_name {
	font-family: 'Bold';
	font-size: 0.833vw;
	text-transform: uppercase;
	line-height: 117%;
	text-shadow: 0 0 2.063vw rgba(255, 255, 255, 0.37);
}
.drop_prices {
	gap: 0.469vw;
	margin-top: 0.365vw;
}
.drop_price {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.458vw;
	padding: 0.208vw 0.365vw;
	border-radius: 0.104vw;
	background: linear-gradient(90deg, rgba(153, 247, 26, 0.25) 0%, rgba(130, 191, 47, 0.25) 45.14%, rgba(102, 123, 73, 0.25) 100%);
}
.drop_price span {
	font-family: 'Bold';
	font-size: 0.833vw;
	color: #99f71a;
	text-shadow: 0 0 1.25vw #99f71a;
}
.drop_old {
	position: relative;
}
.drop_old span {
	font-family: 'Regular';
	font-size: 0.781vw;
	color: #676d6b;
}
.drop_old::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 0.104vw;
	background: rgba(103, 109, 107, 0.5);
	transform: translateY(-50%);
}
.drop_actions {
	gap: 0.625vw;
}
.drop_tags {
	gap: 0.208vw;
	padding: 0.208vw;
	border-radius: 0.313vw;
	background: #171919;
}
.drop_tag {
	height: 1.563vw;
	gap: 0.313vw;
	padding: 0 0.313vw;
	border-radius: 0.156vw;
}
.drop_tag span {
	font-family: 'Regular';
	font-size: 0.781vw;
	letter-spacing: -0.01em;
}
.drop_tag_esx {
	background: rgba(98, 232, 117, 0.15);
}
.drop_tag_esx span {
	color: #62e875;
	text-shadow: 0 0 1.151vw rgba(98, 232, 117, 0.25);
}
.drop_tag_qb,
.drop_tag_vrp {
	background: rgba(255, 77, 94, 0.15);
}
.drop_tag_qb span,
.drop_tag_vrp span {
	color: #ff4d5e;
	text-shadow: 0 0 1.151vw rgba(255, 77, 94, 0.25);
}
.drop_tag_icon {
	width: 0.885vw;
	height: 0.885vw;
	border-radius: 0.104vw;
	background: rgba(0, 0, 0, 0.25);
	flex-shrink: 0;
}
.drop_btns {
	gap: 0.625vw;
}
.drop_open {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 2.135vw;
	gap: 0.338vw;
	border-radius: 0.198vw;
	cursor: pointer;
	background: linear-gradient(93deg, #89d620 0%, #57762e 100%);
	box-shadow: 0 0.198vw 3.592vw rgba(153, 247, 26, 0.25);
}
.drop_open span {
	text-transform: uppercase;
}
.drop_open::before,
.drop_cart::before {
	content: '////////////';
	position: absolute;
	left: -4.844vw;
	top: -2.37vw;
	font-size: 7.448vw;
	font-family: 'Regular';
	line-height: 1;
	letter-spacing: -2.532vw;
	pointer-events: none;
}
.drop_open::before {
	color: rgba(0, 0, 0, 0.15);
}
.drop_open svg {
	width: 0.781vw;
	height: 0.781vw;
}
.drop_open span,
.drop_open .drop_icon,
.drop_cart .drop_icon {
	position: relative;
}
.drop_open span {
	font-family: 'Bold';
	font-size: 0.781vw;
	letter-spacing: 0;
}
.drop_icon {
	width: 0.781vw;
	height: 0.781vw;
	flex-shrink: 0;
}
.drop_cart svg {
	width: 0.99vw;
	height: 0.99vw;
}
.drop_cart {
	position: relative;
	overflow: hidden;
	width: 2.135vw;
	height: 2.135vw;
	flex-shrink: 0;
	border-radius: 0.198vw;
	border: 0.049vw solid rgba(153, 247, 26, 0.25);
	cursor: pointer;
}
.drop_cart::before {
	color: rgba(153, 247, 26, 0.05);
}
.drop_open:hover {
	transform: rotate(-2deg) scale(1.02);
	box-shadow: 0 0.198vw 3.592vw rgba(153, 247, 26, 0.35);
}
.drop_open:active,
.drop_cart:active {
	opacity: 0.75;
}
.drop_cart:hover {
	background: rgba(153, 247, 26, 0.08);
}
@keyframes circle_flicker {
	0%,
	46%,
	100% {
		opacity: 0.06;
	}
	6%,
	16%,
	28%,
	40% {
		opacity: 0.41;
	}
	20%,
	24% {
		opacity: 0.1;
	}
}
.drop_tag_icon svg {
	width: 0.625vw;
	height: 0.625vw;
}
.feedbacks {
	align-items: flex-start;
	gap: 2.083vw;
	margin-top: 2.917vw;
}
.fb_head {
	gap: 0.625vw;
	align-items: flex-start;
}
.fb_top {
	align-items: center;
}
.fb_back {
	position: relative;
	align-self: center;
	height: 2.083vw;
	gap: 0.625vw;
	padding: 0 0.938vw 0 0.26vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.06);
	border-radius: 0.26vw;
	background: #1c1e1e;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	transition:
		border-color 0.25s ease,
		transform 0.25s ease,
		opacity 0.18s ease;
}
.fb_back::before {
	content: '////////////';
	position: absolute;
	left: 1.5vw;
	top: -2.37vw;
	font-size: 7.448vw;
	font-family: 'Regular';
	line-height: 1;
	letter-spacing: -2.532vw;
	color: rgba(153, 247, 26, 0.04);
	pointer-events: none;
}
.fb_back_ico {
	position: relative;
	width: 1.563vw;
	height: 1.563vw;
	flex-shrink: 0;
	border-radius: 0.208vw;
	background: #99f71a;
	overflow: hidden;
}
.fb_back_ico i {
	font-size: 0.625vw;
	color: rgba(0, 0, 0, 0.85);
	transition: transform 0.3s ease;
}
.fb_back_txt {
	position: relative;
	font-family: 'Bold';
	font-size: 0.729vw;
	letter-spacing: 0;
	color: #fff;
	text-transform: uppercase;
}
.fb_back:hover {
	border-color: rgba(153, 247, 26, 0.3);
}
.fb_back:hover .fb_back_ico i {
	animation: fb_back_arrow 0.5s ease;
}
.fb_back:hover .fb_back_txt {
	color: #99f71a;
}
.fb_back:active {
	transform: scale(0.97);
	opacity: 0.8;
}
@keyframes fb_back_arrow {
	0% {
		transform: translateX(0);
	}
	45% {
		transform: translateX(-1.042vw);
	}
	46% {
		transform: translateX(1.042vw);
	}
	100% {
		transform: translateX(0);
	}
}
.fb_label {
	height: 0.729vw;
	padding-left: 0.521vw;
	border-left: 0.104vw solid rgba(153, 247, 26, 0.5);
}
.fb_label span {
	font-family: 'ExtraBold';
	font-size: 0.833vw;
	line-height: 1.248vw;
	letter-spacing: 0.23em;
	color: #99f71a;
	text-shadow: 0 0 1.672vw rgba(255, 255, 255, 0.15);
}
.fb_heading {
	gap: 0.521vw;
	align-items: flex-start;
}
.fb_title {
	gap: 0.4vw;
}
.fb_title span {
	font-family: 'Regular';
	font-size: 2.392vw;
	line-height: 2.047vw;
}
.fb_title span:last-child {
	font-family: 'ExtraBold';
	color: #99f71a;
}
.fb_sub {
	font-family: 'Light';
	font-size: 0.781vw;
	line-height: 122.39%;
	color: rgba(255, 255, 255, 0.5);
}
.fb_grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.938vw;
	padding-bottom: 2.5vw;
	border-bottom: 0.052vw solid #2a2e2d;
}
.fb_card {
	height: 12.552vw;
	padding: 0.521vw;
	gap: 0.938vw;
	border-radius: 0.417vw;
	background: radial-gradient(69.84% 121.44% at 100% 50%, rgba(153, 247, 26, 0.05) 0%, rgba(90, 145, 15, 0) 100%), #1c1e1e;
}
.fb_top {
	width: 100%;
	align-items: flex-start;
}
.fb_user {
	gap: 0.625vw;
	align-items: flex-start;
}
.fb_photo {
	width: 3.542vw;
	height: 3.542vw;
	flex-shrink: 0;
	border-radius: 0.156vw;
	border: 0.052vw solid #99f71a;
	background: rgba(0, 0, 0, 0.25);
}
.fb_photo img {
	width: 100%;
	height: 100%;
}
.fb_user_text {
	gap: 0.521vw;
	align-items: flex-start;
}
.fb_name_block {
	gap: 0.104vw;
	align-items: flex-start;
}
.fb_name {
	font-family: 'ExtraBold';
	font-size: 0.938vw;
	line-height: 117%;
	letter-spacing: -0.01em;
	text-shadow: 0 0 2.063vw rgba(255, 255, 255, 0.25);
}
.fb_date {
	gap: 0.313vw;
}
.fb_date svg {
	width: 0.781vw;
	height: 0.781vw;
	flex-shrink: 0;
}
.fb_date span {
	font-family: 'Regular';
	font-size: 0.781vw;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.35);
}
.fb_rate {
	gap: 0.573vw;
}
.fb_stars {
	gap: 0.365vw;
}
.fb_stars svg {
	width: 0.938vw;
	height: 0.938vw;
	flex-shrink: 0;
}
.fb_rate > span {
	font-family: 'Regular';
	font-size: 0.781vw;
	color: rgba(255, 255, 255, 0.65);
}
.fb_quote {
	width: 2.083vw;
	height: 1.458vw;
	flex-shrink: 0;
}
.fb_body {
	gap: 0.625vw;
}
.fb_copy {
	gap: 0.313vw;
	align-items: flex-start;
}
.fb_review_title {
	font-family: 'SemiBold';
	font-size: 0.938vw;
	line-height: 117%;
	text-transform: uppercase;
}
.fb_review_text {
	font-family: 'Light';
	font-size: 0.833vw;
	line-height: 130%;
	color: rgba(255, 255, 255, 0.5);
}
.fb_product {
	margin-top: auto;
}
.fb_product {
	position: relative;
	overflow: hidden;
	height: 1.719vw;
	gap: 0.469vw;
	justify-content: flex-start;
	border-radius: 0.198vw;
	background: linear-gradient(92deg, rgba(137, 214, 32, 0.25) 0%, rgba(87, 118, 46, 0) 100%);
}
.fb_product::before {
	content: '////////////////';
	position: absolute;
	left: -4.844vw;
	top: -2.7vw;
	font-size: 7.448vw;
	font-family: 'Regular';
	line-height: 1;
	letter-spacing: -2.532vw;
	color: rgba(153, 247, 26, 0.05);
	pointer-events: none;
}
.fb_product_icon {
	position: relative;
	width: 1.719vw;
	height: 1.719vw;
	flex-shrink: 0;
	font-size: 0.781vw;
	border-radius: 0.156vw;
	background: linear-gradient(135deg, #99f71a 0%, #5c7935 100%);
	box-shadow:
		0 0 2.467vw 0 rgba(153, 247, 26, 0.15),
		0 0 0.295vw 0 rgba(234, 210, 255, 0.42) inset;
}
.fb_product_icon svg {
	width: 0.885vw;
	height: 0.885vw;
}
.fb_product > span {
	position: relative;
	font-family: 'Regular';
	font-size: 0.781vw;
	letter-spacing: 0.05em;
	color: #99f71a;
	white-space: nowrap;
	text-transform: uppercase;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fb_product.is_link {
	cursor: pointer;
}
.fb_product.is_link:hover > span {
	color: #b4ff4d;
}
.faq {
	align-items: flex-start;
	margin-top: 2.917vw;
}
.head_faq {
	align-items: flex-start;
}
.faq_intro {
	gap: 0.521vw;
	align-items: flex-start;
}
.faq_label {
	height: 0.729vw;
	padding-left: 0.521vw;
	border-left: 0.104vw solid rgba(153, 247, 26, 0.5);
}
.faq_label span {
	font-family: 'ExtraBold';
	font-size: 0.833vw;
	line-height: 1.248vw;
	letter-spacing: 0.23em;
	color: #99f71a;
	text-shadow: 0 0 1.672vw rgba(255, 255, 255, 0.15);
}
.faq_heading {
	gap: 0.521vw;
	align-items: flex-start;
}
.faq_title {
	gap: 0.417vw;
}
.faq_title span {
	font-family: 'Regular';
	font-size: 1.458vw;
	line-height: 1.248vw;
}
.faq_title span:last-child {
	font-family: 'ExtraBold';
	color: #99f71a;
}
.faq_sub {
	font-family: 'Light';
	font-size: 0.781vw;
	line-height: 122.39%;
	color: rgba(255, 255, 255, 0.5);
}
.faq_docs {
	height: 1.693vw;
	gap: 0.387vw;
	padding: 0 0.629vw;
	border-radius: 0.174vw;
	background: rgba(153, 247, 26, 0.1);
	cursor: pointer;
}
.faq_docs svg {
	width: 0.729vw;
	height: 0.729vw;
	flex-shrink: 0;
}
.faq_docs span {
	font-family: 'Regular';
	font-size: 0.773vw;
	line-height: 1.159vw;
	letter-spacing: -0.02em;
	color: #99f71a;
	text-shadow: 0 0 1.553vw rgba(255, 255, 255, 0.15);
}
.faq_docs:hover {
	background: rgba(153, 247, 26, 0.16);
}
.faq_docs:active {
	opacity: 0.75;
}
.flex_main_faq {
	gap: 1.667vw;
	align-items: flex-start;
	margin-top: 1.667vw;
}
.left_main_faq {
	width: 47.188vw;
	gap: 0.733vw;
}
.faq_item {
	width: 100%;
	min-height: 0;
	overflow: hidden;
	border-radius: 0.313vw;
	border: 0.039vw solid #2a2e2d;
	background: #1c1e1e;
}
.faq_q {
	position: relative;
	z-index: 1;
	min-height: 2.188vw;
	height: auto;
	cursor: pointer;
	user-select: none;
}
.faq_num {
	width: 2.917vw;
	align-self: stretch;
	flex-shrink: 0;
	background: rgba(42, 46, 45, 0.35);
	border-right: 0.039vw solid #2a2e2d;
}
.faq_num span {
	font-family: 'SemiBold';
	font-size: 0.938vw;
	line-height: 117%;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, 0.4);
}
.faq_q_main {
	flex: 1;
	height: 100%;
	padding: 0 0.469vw 0 0.625vw;
}
.faq_question {
	font-family: 'Regular';
	font-size: 0.833vw;
	line-height: 117%;
	letter-spacing: -0.01em;
	color: #fff;
	text-transform: uppercase;
}
.faq_toggle {
	position: relative;
	width: 1.354vw;
	height: 1.354vw;
	flex-shrink: 0;
	border-radius: 0.078vw;
	border: 0.039vw solid #222525;
	background: #222525;
}
.faq_toggle::before {
	content: '+';
	font-family: 'Regular';
	font-size: 0.781vw;
	line-height: 1;
	color: #fff;
}
.faq_item .faq_a {
	display: block;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	padding: 0 0.469vw 0 3.516vw;
	pointer-events: none;
	transition:
		max-height 0.4s ease,
		opacity 0.35s ease;
}
.faq_a a {
	font-family: 'Regular';
	color: #99f71a;
	text-decoration: none;
}
.faq_a a:hover {
	text-decoration: underline;
}
.faq_item.active .faq_num {
	border-right-color: rgba(153, 247, 26, 1);
	border-right-width: 0.104vw;
}
.faq_item.active .faq_num span {
	color: #99f71a;
}
.faq_item.active .faq_question {
	font-family: 'SemiBold';
}
.faq_item.active .faq_toggle {
	border-color: transparent;
	background: rgba(153, 247, 26, 0.25);
}
.faq_item.active .faq_toggle::before {
	content: '\2212';
	color: #99f71a;
}
.faq_item.active .faq_a {
	opacity: 1;
	pointer-events: auto;
}
.faq_a span {
	display: block;
	padding: 0.625vw 0;
	font-family: 'Light';
	font-size: 0.833vw;
	line-height: 143%;
	color: rgba(255, 255, 255, 0.5);
}
.right_faq {
	width: 20.625vw;
	padding: 0.833vw;
	justify-content: flex-end;
	height: 23.958vw;
	background-image: url('../images/faq.png');
	background-size: 100% 100%;
}
.top_faq span:first-child {
	font-size: 1.458vw;
	font-family: 'SemiBold';
}
.top_faq span:last-child {
	font-size: 2.823vw;
	font-family: 'ExtraBold';
	text-transform: uppercase;
	color: #99f71a;
}
.desc_faq {
	font-size: 0.781vw;
	font-family: 'Light';
	color: rgba(255, 255, 255, 0.5);
	margin-top: 0.321vw;
	line-height: 122.39%;
}
.right_faq .view_all_btn {
	margin-top: 1.25vw;
}
.faq {
	border-bottom: 0.052vw solid #2a2e2d;
	padding-bottom: 2.5vw;
}
.b_feature {
	position: relative;
	overflow: hidden;
	width: 34.323vw;
	height: 14.01vw;
	background-image: url('../images/bigpannel.png');
	background-size: 100% 100%;
	padding: 0.833vw;
	border-radius: 0.521vw;
	padding-right: 17.969vw;
}
.resmon_feature {
	position: absolute;
	height: 12.24vw;
	right: -8.333vw;
	pointer-events: none;
}
.fb_product_icon {
	font-size: 0.781vw;
	font-family: 'Regular';
}
.row_feature {
	margin-top: 0.833vw;
}
.row_feature span:first-child {
	font-size: 1.615vw;
	font-family: 'SemiBold';
	text-transform: uppercase;
	line-height: 1.719vw;
}
.row_feature span:last-child {
	font-size: 0.781vw;
	font-family: 'Light';
	color: rgba(255, 255, 255, 0.5);
	line-height: 122.39%;
	margin-top: 0.417vw;
}
.b_feature .view_all_btn {
	position: relative;
	z-index: 2;
	margin-top: auto;
}
.grid_features {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.833vw;
}
.hud_element {
	position: absolute;
	height: 12.292vw;
	width: 12.292vw;
	right: 0.833vw;
}
.row_pannels_fe {
	gap: 0.417vw;
	margin-top: auto;
}
.update_row {
	gap: 0.625vw;
	height: 2.292vw;
	padding: 0 0.677vw;
	border-radius: 0.26vw;
	background: #171919;
}
.update_dot {
	flex-shrink: 0;
	width: 0.573vw;
	height: 0.573vw;
	border-radius: 50%;
	background: #99f71a;
	box-shadow: 0 0 0.995vw rgba(153, 247, 26, 0.45);
}
.update_text {
	gap: 0.052vw;
}
.update_ver {
	font-family: 'SemiBold';
	font-size: 0.677vw;
	line-height: 117%;
	color: #fff;
}
.update_desc {
	font-family: 'Light';
	font-size: 0.677vw;
	line-height: 130%;
	color: rgba(255, 255, 255, 0.5);
}

.pannel_color {
	position: relative;
	width: fit-content;
	height: 1.823vw;
	margin-top: auto;
	gap: 0.625vw;
	padding: 0 0.417vw;
	border-radius: 0.208vw;
	background: #131515;
}
.pc_label {
	gap: 0.365vw;
}
.pc_label svg {
	width: 0.729vw;
	height: 0.729vw;
	flex-shrink: 0;
}
.pc_label span {
	font-family: 'Light';
	font-size: 0.781vw;
	letter-spacing: -0.04em;
	color: rgba(255, 255, 255, 0.75);
	white-space: nowrap;
}
.pc_picker {
	position: relative;
	gap: 0.339vw;
	cursor: pointer;
}
.pc_swatch {
	width: 1.016vw;
	height: 1.016vw;
	border-radius: 0.113vw;
	background: var(--accent-green);
}
.pc_chip {
	width: 3.021vw;
	height: 1.042vw;
	border-radius: 0.113vw;
	background: #1c1e1e;
}
.pc_hex {
	font-family: 'Light';
	font-size: 0.625vw;
	letter-spacing: -0.04em;
	color: rgba(255, 255, 255, 0.65);
	text-transform: uppercase;
}
.pc_picker {
	border: none;
	background: none;
	padding: 0;
	font: inherit;
}

.cm_pop {
	position: absolute;
	bottom: calc(100% + 0.417vw);
	left: 0;
	z-index: 50;
	width: 10.417vw;
	gap: 0.417vw;
	padding: 0.521vw;
	border-radius: 0.417vw;
	background: #16181a;
	border: 0.052vw solid rgba(255, 255, 255, 0.07);
	box-shadow: 0 0.521vw 1.25vw rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.313vw) scale(0.98);
	transform-origin: bottom left;
	transition:
		opacity 0.16s ease,
		visibility 0.16s ease,
		transform 0.16s ease;
}
.cm_pop.open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
}
.cm_head {
	width: 100%;
}
.cm_title svg {
	display: none;
}
.cm_title span {
	font-family: 'SemiBold';
	font-size: 0.625vw;
	letter-spacing: 0.02em;
	color: rgba(255, 255, 255, 0.45);
	text-transform: uppercase;
}
.cm_close {
	width: 0.938vw;
	height: 0.938vw;
	border: none;
	border-radius: 0.208vw;
	background: none;
	cursor: pointer;
	transition: background 0.16s ease;
}
.cm_close:hover {
	background: rgba(255, 255, 255, 0.08);
}
.cm_close svg {
	width: 0.417vw;
	height: 0.417vw;
}
.cm_sv {
	position: relative;
	width: 100%;
	height: 5.208vw;
	border-radius: 0.26vw;
	background-color: #99f71a;
	cursor: crosshair;
	overflow: hidden;
}
.cm_sv_white,
.cm_sv_black {
	position: absolute;
	inset: 0;
}
.cm_sv_white {
	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.cm_sv_black {
	background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.cm_sv_thumb {
	position: absolute;
	width: 0.521vw;
	height: 0.521vw;
	border-radius: 50%;
	border: 0.078vw solid #fff;
	box-shadow: 0 0 0 0.052vw rgba(0, 0, 0, 0.4);
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.cm_hue {
	position: relative;
	width: 100%;
	height: 0.469vw;
	border-radius: 0.26vw;
	cursor: pointer;
	background: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.cm_hue_thumb {
	position: absolute;
	top: 50%;
	width: 0.26vw;
	height: 0.781vw;
	border-radius: 0.156vw;
	background: #fff;
	box-shadow: 0 0 0.208vw rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.cm_row {
	width: 100%;
	gap: 0.365vw;
}
.cm_preview {
	width: 1.458vw;
	height: 1.302vw;
	border-radius: 0.208vw;
	background: var(--accent-green);
	flex-shrink: 0;
}
.cm_hexfield {
	flex: 1;
	height: 1.302vw;
	gap: 0.104vw;
	padding: 0 0.417vw;
	border-radius: 0.208vw;
	background: rgba(255, 255, 255, 0.05);
}
.cm_hash {
	font-family: 'Light';
	font-size: 0.625vw;
	color: rgba(255, 255, 255, 0.35);
}
.cm_hexinput {
	flex: 1;
	width: 100%;
	border: none;
	background: none;
	outline: none;
	font-family: 'SemiBold';
	font-size: 0.625vw;
	letter-spacing: 0.03em;
	color: rgba(255, 255, 255, 0.85);
	text-transform: uppercase;
}
.cm_presets {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 0.26vw;
	width: 100%;
}
.cm_preset {
	position: relative;
	aspect-ratio: 1 / 1;
	border: none;
	border-radius: 0.156vw;
	cursor: pointer;
	padding: 0;
	transition: transform 0.15s ease;
}
.cm_preset:hover {
	transform: scale(1.15);
}
.cm_preset.active {
	box-shadow:
		0 0 0 0.078vw #16181a,
		0 0 0 0.156vw rgba(255, 255, 255, 0.6);
}
.m_feature {
	position: relative;
	width: 16.745vw;
	height: 16.745vw;
	background-image: url('../images/box_big.png');
	background-size: 100% 100%;
	padding: 0.833vw;
	border-radius: 0.521vw;
}
.m_feature .row_feature span:first-child {
	font-size: 1.458vw;
}
.m_feature .row_feature span:last-child {
	font-size: 0.781vw;
}
.m_feature_img {
	width: 100%;
	margin-top: auto;
}
.feature_book {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.feature_discord {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.m_feature .button {
	margin-top: auto;
}
.top_feature {
	position: relative;
}
.grid_features {
	margin-top: 1.667vw;
	border-bottom: 0.052vw solid #2a2e2d;
	padding-bottom: 2.5vw;
}
.row_nh span:first-child {
	font-size: 1.354vw;
	font-family: 'ExtraBold';
	text-transform: uppercase;
}
.row_nh span:last-child {
	font-size: 0.781vw;
	font-family: 'Light';
	line-height: 127.816%;
	color: rgba(255, 255, 255, 0.5);
}
.features {
	margin-top: 2.5vw;
}

.preview {
	flex-shrink: 0;
}
.need_help {
	position: relative;
	overflow: hidden;
	height: 6.25vw;
	margin-top: 2.5vw;
	background-image: url('../images/pannel_discord.png');
	background-size: 100% 100%;
	padding: 1.25vw 1.979vw 1.25vw 1.25vw;
	border-radius: 0.521vw;
}
.need_help::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('../images/pannel_discord_banner.png');
	background-size: 100% 100%;
	content: '';
	transform-origin: center;
	will-change: transform, filter;
	animation: need_help_pulse 3.2s ease-in-out infinite;
}
@keyframes need_help_pulse {
	0%,
	100% {
		transform: scale(1);
		filter: brightness(1);
	}
	50% {
		transform: scale(1.04);
		filter: brightness(1.18);
	}
}

footer {
	gap: 2.5vw;
	margin-top: 2.5vw;
}
.ft_top {
	justify-content: space-between;
	align-items: flex-start;
	gap: 2.5vw;
	padding-top: 2.396vw;
	border-top: 0.052vw solid #2a2e2d;
}
.ft_brand {
	gap: 1.25vw;
}
.ft_brand_top {
	gap: 0.885vw;
}
.ft_logo {
	width: 7.344vw;
	height: auto;
	object-fit: contain;
}
.ft_tagline {
	max-width: 17.917vw;
	font-family: 'Light';
	font-size: 0.781vw;
	line-height: 128%;
	color: rgba(255, 255, 255, 0.5);
}
.ft_socials {
	gap: 0.625vw;
}
.ft_social svg {
	width: 0.938vw;
	height: 0.938vw;
}
.ft_social {
	width: 1.563vw;
	height: 1.563vw;
	border-radius: 0.208vw;
	background: #1c1e1e;
	transition: background 0.18s ease;
}
.ft_social:hover {
	background: #262929;
}
.ft_social svg {
	fill: rgba(255, 255, 255, 0.5);
}
.ft_links {
	gap: 2.083vw;
}
.ft_col {
	gap: 0.833vw;
	border-left: 0.052vw solid rgba(255, 255, 255, 0.1);
	padding-left: 2.083vw;
}
.ft_col_title {
	width: fit-content;
	padding-left: 0.46vw;
	border-left: 0.104vw solid #99f71a;
	font-family: 'Bold';
	font-size: 0.833vw;
	text-transform: uppercase;
	color: #fff;
}
.ft_col_list {
	gap: 0.469vw;
}
.ft_col_list a {
	font-family: 'Light';
	font-size: 0.729vw;
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	transition: color 0.18s ease;
}
.ft_col_list a:hover {
	color: rgba(255, 255, 255, 0.9);
}
.ft_pay {
	justify-content: space-between;
	height: 2.604vw;
	padding: 0 0.833vw;
	border-radius: 0.313vw;
	background: #1c1e1e;
	margin-top: 1.667vw;
}
.ft_pay svg {
	width: 0.833vw;
	height: 0.833vw;
}
.ft_pay_note {
	gap: 0.625vw;
}
.ft_pay_ico {
	flex-shrink: 0;
	fill: rgba(255, 255, 255, 0.5);
}
.ft_pay_note span {
	font-family: 'Light';
	font-size: 0.729vw;
	color: rgba(255, 255, 255, 0.75);
}
.ft_pay_methods {
	gap: 0.625vw;
}
.ft_pay_chip {
	width: 4.375vw;
	height: 1.979vw;
	border-radius: 0.208vw;
	background: #171919;
}
.ft_pay_chip i {
	font-size: 1.146vw;
	line-height: 1;
	color: rgba(255, 255, 255, 0.5);
}
.ft_copy {
	font-family: 'Regular';
	font-size: 0.729vw;
	color: rgba(255, 255, 255, 0.25);
}
.btnsvgrt svg {
	transform: rotate(0);
}
.row_nh span:last-child {
	margin-top: 0.208vw;
}

.flex_product {
	gap: 1.667vw;
}
.right_product {
	position: relative;
	justify-content: space-between;
	width: 19.635vw;
	height: 27.083vw;
	padding: 0.833vw;
	border-radius: 0.521vw;
	background: radial-gradient(115.4% 105.55% at 100% 0%, rgba(153, 247, 26, 0.1) 0%, rgba(0, 0, 0, 0) 100%), #1c1e1e;
	overflow: hidden;
}
.right_product::before {
	content: 'MONCLER';
	position: absolute;
	top: -6.5vw;
	left: -2vw;
	font-size: 6.771vw;
	font-family: 'Atomic';
	color: #0b0c0c;
	opacity: 0.25;

	pointer-events: none;
}
.rp_top {
	position: relative;
	z-index: 1;
	gap: 1.667vw;
}
.rp_info {
	gap: 0.26vw;
}
.rp_name {
	font-family: 'Bold';
	font-size: 1.25vw;
	line-height: 117%;
	text-transform: uppercase;
	letter-spacing: 0;
}
.rp_desc {
	margin-top: 0.26vw;
	font-family: 'Light';
	font-size: 0.729vw;
	line-height: 1.25;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.5);
}
.rp_frameworks {
	gap: 0.417vw;
}
.rp_fw_label {
	font-family: 'Light';
	font-size: 0.729vw;
	color: rgba(255, 255, 255, 0.5);
}
.right_product .drop_tag {
	flex: 1;
}
.rp_price_block {
	gap: 0.313vw;
}
.rp_price {
	font-family: 'Bold';
	font-size: 1.667vw;
	line-height: 1;
	color: #99f71a;
	text-shadow: 0 0 2.432vw rgba(153, 247, 26, 0.35);
}
.rp_bill {
	font-family: 'Light';
	font-size: 0.677vw;
	line-height: 1.269;
	color: rgba(255, 255, 255, 0.4);
}
.rp_line {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 2.188vw;
	height: 0.104vw;
	background: #99f71a;
	box-shadow: 0 0 0.891vw rgba(153, 247, 26, 0.78);
}
.flex_product {
	margin-top: 1.667vw;
}
.rp_actions {
	position: relative;
	z-index: 1;
	gap: 0.833vw;
}
.rp_actions .view_all_btn i {
	position: relative;
	font-size: 0.629vw;
	color: #99f71a;
}

.flex_infos {
	gap: 1.667vw;
	margin-top: 1.667vw;
}
.cart_foot .drop_open {
	margin-top: 0.417vw;
}
.fi_features {
	margin-top: 1.25vw;
}
.fi_meta {
	margin-top: 0.833vw;
}
.fi_about {
	width: 48.177vw;
	padding: 0.885vw;
	border: 0.052vw solid #1c1e1e;
	border-radius: 0.417vw;
	margin-bottom: auto;
}
.fi_intro {
	gap: 0.417vw;
}
.fi_title {
	font-family: 'SemiBold';
	font-size: 0.938vw;
	letter-spacing: 0;
	text-transform: uppercase;
}
.fi_text {
	font-family: 'Light';
	font-size: 0.833vw;
	line-height: 1.2;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.5);
}
.fi_features {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.625vw;
}
.fi_card {
	width: 22.757vw;
	height: 2.813vw;
	gap: 0.573vw;
	padding: 0 0.417vw;
	border-radius: 0.26vw;
	background: #1c1e1e;
}
.fi_ico {
	width: 1.979vw;
	height: 1.979vw;
	flex-shrink: 0;
	border-radius: 0.156vw;
	background: #99f71a;
}
.fi_ico i {
	font-size: 0.833vw;
	color: rgba(0, 0, 0, 0.75);
}
.fi_card_name {
	font-family: 'Bold';
	font-size: 0.833vw;
	letter-spacing: 0;
}
.fi_card_desc {
	font-family: 'Light';
	font-size: 0.729vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.5);
}
.fi_meta {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 0.625vw;
	border-top: 0.052vw solid #1c1e1e;
	padding-top: 0.833vw;
}
.fi_meta .fi_chip {
	grid-column: span 2;
}
.fi_meta .fi_chip:nth-child(-n + 2) {
	grid-column: span 3;
}
.fi_chip {
	height: 2.031vw;
	padding: 0 0.781vw;
	border-radius: 0.26vw;
	background: #1c1e1e;
}
.cards_vip {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	pointer-events: none;
}
.cards_vip_img {
	display: block;
	width: 100%;
	transform-origin: 50% 40%;
	will-change: transform;
}
.fi_chip_label {
	gap: 0.417vw;
	font-family: 'Light';
	font-size: 0.729vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.5);
}
.fi_chip_label i {
	font-size: 0.629vw;
	width: 0.781vw;
	text-align: center;
}
.fi_chip_val {
	font-family: 'Bold';
	font-size: 0.729vw;
	letter-spacing: 0;
}
.fi_vip {
	justify-content: space-between;
	width: 19.635vw;
	height: 23.542vw;
	padding: 0.833vw;
	border-radius: 0.521vw;
	background: radial-gradient(105.04% 117.2% at 100% 0%, rgba(153, 247, 26, 0.1) 0%, rgba(0, 0, 0, 0) 100%), #1c1e1e;
}
.fi_vip_top {
	gap: 1.042vw;
}
.fi_vip_badge {
	width: fit-content;
	height: 1.719vw;
	padding: 0 0.677vw;
	border-radius: 0.208vw;
	background: #99f71a;
	font-family: 'SemiBold';
	font-size: 0.833vw;
	letter-spacing: 0;
	color: rgba(0, 0, 0, 0.75);
}
.fi_vip_head {
	gap: 0.417vw;
}
.fi_vip_title {
	font-family: 'Regular';
	font-size: 1.667vw;
	line-height: 1.05;
	letter-spacing: 0;
}
.fi_vip_accent {
	font-family: 'EXTRABOLD';
	font-size: 1.667vw;
	margin-top: -0.2vw;
	color: #99f71a;
}
.fi_vip_sub {
	font-family: 'Light';
	font-size: 0.781vw;
	line-height: 1.4;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.5);
}
.fi_vip_list {
	gap: 0.677vw;
}
.fi_vip_row {
	gap: 0.625vw;
	font-family: 'Regular';
	font-size: 0.833vw;
	letter-spacing: 0;
}
.fi_vip_check {
	width: 1.302vw;
	height: 1.302vw;
	flex-shrink: 0;
	border-radius: 0.156vw;
	background: #99f71a;
}
.fi_vip_check i {
	font-size: 0.625vw;
	color: rgba(0, 0, 0, 0.75);
}
.fi_vip_bottom {
	gap: 1.25vw;
}
.fi_vip_price {
	gap: 0.625vw;
	align-items: flex-end;
}
.fi_from {
	font-family: 'Light';
	font-size: 0.833vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.5);
}
.preview {
	position: relative;
	width: 48.177vw;
	height: 27.083vw;
	border-radius: 0.781vw;
	background: #1c1e1e;
	overflow: hidden;
}
.preview_viewport,
.preview_slide {
	width: 100%;
	height: 100%;
}
.preview_slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.28s ease;
}
.preview_slide.active {
	opacity: 1;
	pointer-events: auto;
}
.preview_slide iframe,
.preview_slide img {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}
.preview_btn {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 1.719vw;
	height: 1.719vw;
	border: none;
	border-radius: 0.26vw;
	background: #171919;
	color: #fff;
	cursor: pointer;
	transform: translateY(-50%);
	transition: background 0.18s ease;
}
.preview_btn:hover {
	background: #222525;
}
.preview_btn i {
	font-size: 0.625vw;
	line-height: 1;
}
.preview_prev {
	left: 1.25vw;
}
.preview_next {
	right: 1.25vw;
}
.preview_thumbs {
	position: absolute;
	left: 50%;
	bottom: 0.833vw;
	z-index: 3;
	gap: 0.417vw;
	transform: translateX(-50%);
}
.preview_thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.333vw;
	height: 1.979vw;
	padding: 0;
	border: 0.078vw solid transparent;
	border-radius: 0.26vw;
	background: #171919;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.55;
	transition:
		opacity 0.18s ease,
		border-color 0.18s ease,
		transform 0.18s ease;
}
.preview_thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.preview_thumb i {
	font-size: 0.521vw;
	color: #fff;
}
.preview_thumb:hover {
	opacity: 0.9;
	transform: translateY(-0.104vw);
}
.preview_thumb.active {
	opacity: 1;
	border-color: #99f71a;
}

.flex_products {
	gap: 2.5vw;
	margin-top: 2.917vw;
	align-items: flex-start;
}
.prd_list_col {
	flex: 1;
	min-width: 0;
	gap: 1.25vw;
}
.grid_products_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.042vw;
}
.grid_products_list .drop_card {
	width: 100%;
	height: auto;
	animation: prd_card_in 0.4s ease both;
}
.grid_products_list .drop_preview {
	height: 8.333vw;
}
.grid_products_list .drop_body {
	gap: 1.042vw;
	padding: 0.625vw;
}
.grid_products_list .drop_open,
a.drop_open {
	text-decoration: none;
	color: #fff;
}

@keyframes prd_card_in {
	from {
		opacity: 0;
		transform: translateY(0.521vw);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.prd_list_col .prd_empty {
	display: none;
}
.prd_list_col .prd_empty.show {
	display: flex;
}
.prd_empty {
	height: 18.75vw;
	gap: 0.417vw;
	border-radius: 0.521vw;
	background: #1c1e1e;
	text-align: center;
}
.prd_empty i {
	margin-bottom: 0.417vw;
	font-size: 1.25vw;
	color: rgba(153, 247, 26, 0.6);
}
.prd_empty span:nth-of-type(1) {
	font-family: 'Bold';
	font-size: 1.042vw;
	letter-spacing: 0;
	text-transform: uppercase;
}
.prd_empty span:nth-of-type(2) {
	font-family: 'Light';
	font-size: 0.729vw;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 0.45);
}
.prd_pager {
	justify-content: center;
	gap: 0.521vw;
}
.prd_list_col .prd_pager.hide {
	display: none;
}
.prd_pages {
	gap: 0.313vw;
}
.prd_page_btn {
	position: relative;
	width: 1.563vw;
	height: 1.563vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.06);
	border-radius: 0.208vw;
	background: #1c1e1e;
	font-family: 'Bold';
	font-size: 0.625vw;
	color: rgba(255, 255, 255, 0.6);
	cursor: pointer;
	overflow: hidden;
}
.prd_page_btn:hover {
	border-color: rgba(153, 247, 26, 0.3);
	color: #fff;
}
.prd_page_btn.active {
	background: #99f71a;
	color: rgba(0, 0, 0, 0.8);
}
.prd_pager {
	margin-top: 1.667vw;
	margin-left: -19.917vw;
}
.products_section {
	border-bottom: 0.052vw solid #2a2e2d;
	padding-bottom: 2.5vw;
}
.prd_page_btn span {
	position: relative;
}
.prd_page_arrow i {
	font-size: 0.469vw;
	color: #99f71a;
}
.prd_page_arrow:disabled {
	opacity: 0.35;
	cursor: default;
	border-color: rgba(255, 255, 255, 0.06);
}
.prd_page_dots {
	width: 0.938vw;
	font-family: 'Bold';
	font-size: 0.625vw;
	text-align: center;
	color: rgba(255, 255, 255, 0.3);
}
.left_prd_wrapper {
	position: sticky;
	top: 5.208vw;
	flex-shrink: 0;
	width: 17.417vw;
	gap: 1.042vw;
}
.fi_vip_side {
	width: 100%;
	height: auto;
	gap: 1.25vw;
	padding: 0.625vw;
}
.fi_vip_side .fi_vip_top {
	gap: 0.833vw;
}
.fi_vip_side .fi_vip_badge {
	height: 1.406vw;
	padding: 0 0.521vw;
	font-size: 0.677vw;
}
.fi_vip_side .fi_vip_head {
	gap: 0.313vw;
}
.fi_vip_side .fi_vip_title,
.fi_vip_side .fi_vip_accent {
	font-size: 1.302vw;
}
.fi_vip_side .fi_vip_accent {
	margin-top: -0.156vw;
}
.fi_vip_side .fi_vip_sub {
	font-size: 0.677vw;
}
.fi_vip_side .fi_vip_list {
	gap: 0.521vw;
}
.fi_vip_side .fi_vip_row {
	gap: 0.521vw;
	font-size: 0.729vw;
}
.fi_vip_side .fi_vip_check {
	width: 1.094vw;
	height: 1.094vw;
}
.fi_vip_side .fi_vip_check i {
	font-size: 0.521vw;
}
.fi_vip_side .fi_vip_bottom {
	gap: 0.833vw;
}
.fi_vip_side .fi_vip_price {
	gap: 0.417vw;
}
.fi_vip_side .rp_price {
	font-size: 1.354vw;
}
.fi_vip_side .fi_from {
	font-size: 0.729vw;
}
.left_prd {
	position: relative;
	width: 100%;
	gap: 1.25vw;
	padding: 0.625vw;
	border-radius: 0.521vw;
	background: #1c1e1e;
	overflow: hidden;
}
.left_prd::before {
	content: '';
	position: absolute;
	right: -30%;
	top: -15%;
	width: 80%;
	height: 35%;
	background: radial-gradient(circle, rgba(153, 247, 26, 0.12) 0%, rgba(153, 247, 26, 0) 70%);
	pointer-events: none;
}
.left_prd > * {
	position: relative;
}
.flt_title {
	gap: 0.417vw;
}
.flt_title > span:first-child {
	font-family: 'Bold';
	font-size: 1.042vw;
	letter-spacing: 0;
	text-transform: uppercase;
}
.flt_count {
	min-width: 1.042vw;
	height: 1.042vw;
	padding: 0 0.26vw;
	border-radius: 0.156vw;
	background: #99f71a;
	font-family: 'Bold';
	font-size: 0.625vw;
	color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	transform: scale(0.6);
}
.flt_count.show {
	opacity: 1;
	transform: scale(1);
}
.flt_reset {
	width: 1.563vw;
	height: 1.563vw;
	border: none;
	border-radius: 0.208vw;
	background: #171919;
	color: rgba(255, 255, 255, 0.6);
	cursor: pointer;
}
.flt_reset i {
	font-size: 0.625vw;
	transition: transform 0.4s ease;
}
.flt_reset:hover {
	background: #222525;
	color: #99f71a;
}
.flt_reset:hover i {
	transform: rotate(180deg);
}

.flt_search {
	height: 2.188vw;
	gap: 0.521vw;
	padding: 0 0.625vw;
	border: 0.052vw solid transparent;
	border-radius: 0.26vw;
	background: #171919;
	cursor: text;
}
.flt_search:focus-within {
	border-color: rgba(153, 247, 26, 0.35);
	box-shadow: 0 0 1.25vw rgba(153, 247, 26, 0.08);
}
.flt_search > i {
	font-size: 0.677vw;
	color: rgba(255, 255, 255, 0.35);
}
.flt_search:focus-within > i {
	color: #99f71a;
}
.flt_search input {
	flex: 1;
	min-width: 0;
	border: none;
	outline: none;
	background: none;
	font-family: 'Regular';
	font-size: 0.729vw;
	color: #fff;
	user-select: text;
}
.flt_search input::placeholder {
	color: rgba(255, 255, 255, 0.3);
}
.flt_search_clear {
	width: 1.042vw;
	height: 1.042vw;
	border: none;
	border-radius: 0.156vw;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.6);
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
}
.flt_search_clear i {
	font-size: 0.521vw;
}
.flt_search.has_value .flt_search_clear {
	opacity: 1;
	pointer-events: auto;
}

.flt_group {
	gap: 0.625vw;
}
.flt_label {
	font-family: 'Regular';
	font-size: 0.729vw;
	letter-spacing: 0.3em;
	color: rgba(255, 255, 255, 0.22);
	text-transform: uppercase;
}
.flt_list {
	gap: 0.417vw;
}
.flt_opt {
	width: 100%;
	height: 2.188vw;
	padding: 0 0.729vw;
	border: 0.052vw solid transparent;
	border-radius: 0.26vw;
	background: #171919;
	cursor: pointer;
	text-align: left;
}
.flt_opt_name {
	gap: 0.573vw;
	font-family: 'SemiBold';
	font-size: 0.781vw;
	color: rgba(255, 255, 255, 0.75);
	text-transform: uppercase;
}
.flt_box {
	width: 0.833vw;
	height: 0.833vw;
	flex-shrink: 0;
	border: 0.052vw solid rgba(255, 255, 255, 0.2);
	border-radius: 0.156vw;
}
.flt_box i {
	font-size: 0.469vw;
	color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	transform: scale(0.4);
}
.flt_num {
	font-family: 'Regular';
	font-size: 0.729vw;
	color: rgba(255, 255, 255, 0.3);
}
.flt_opt:hover {
	background: #1f2222;
}
.flt_opt:hover .flt_box {
	border-color: rgba(153, 247, 26, 0.5);
}
.flt_opt.active {
	border-color: rgba(153, 247, 26, 0.25);
	background: rgba(153, 247, 26, 0.06);
}
.flt_opt.active .flt_opt_name {
	color: #fff;
}
.flt_opt.active .flt_box {
	border-color: #99f71a;
	background: #99f71a;
	box-shadow: 0 0 0.729vw rgba(153, 247, 26, 0.45);
}
.flt_opt.active .flt_box i {
	opacity: 1;
	transform: scale(1);
}
.flt_opt.active .flt_num {
	color: #99f71a;
}

.flt_range_val {
	font-family: 'Bold';
	font-size: 0.729vw;
	color: #99f71a;
}
.flt_range {
	position: relative;
	height: 1.042vw;
	margin: 0 0.26vw;
}
.flt_range_track,
.flt_range_fill {
	position: absolute;
	top: 50%;
	height: 0.208vw;
	border-radius: 0.208vw;
	transform: translateY(-50%);
	pointer-events: none;
}
.flt_range_track {
	left: 0;
	right: 0;
	background: #171919;
}
.flt_range_fill {
	background: linear-gradient(90deg, #99f71a 0%, #6ea21f 100%);
	transition: none;
}
.flt_range input[type='range'] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	appearance: none;
}
.flt_range input[type='range']::-webkit-slider-runnable-track {
	background: none;
	border: none;
}
.flt_range input[type='range']::-moz-range-track {
	background: none;
	border: none;
}
.flt_range input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 0.885vw;
	height: 0.885vw;
	border: none;
	border-radius: 50%;
	background: #fff;
	cursor: grab;
	pointer-events: auto;
}
.flt_range input[type='range']::-moz-range-thumb {
	width: 0.885vw;
	height: 0.885vw;
	border: none;
	border-radius: 50%;
	background: #fff;
	cursor: grab;
	pointer-events: auto;
}
.flt_range input[type='range']:active::-webkit-slider-thumb {
	cursor: grabbing;
	transform: scale(1.15);
}
.flt_price_inputs {
	gap: 0.417vw;
}
.flt_price_field {
	flex: 1;
	height: 2.031vw;
	gap: 0.365vw;
	padding: 0 0.625vw;
	border: 0.052vw solid transparent;
	border-radius: 0.26vw;
	background: #171919;
	cursor: text;
}
.flt_price_field:focus-within {
	border-color: rgba(153, 247, 26, 0.35);
}
.flt_price_field span {
	font-family: 'Regular';
	font-size: 0.625vw;
	color: rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
}
.flt_price_field input {
	flex: 1;
	min-width: 0;
	border: none;
	outline: none;
	background: none;
	font-family: 'Bold';
	font-size: 0.781vw;
	color: #fff;
	text-align: right;
	user-select: text;
	-moz-appearance: textfield;
}
.flt_price_field input::-webkit-outer-spin-button,
.flt_price_field input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.flt_price_field em {
	font-style: normal;
	font-family: 'Regular';
	font-size: 0.729vw;
	color: rgba(255, 255, 255, 0.4);
}
.flt_price_dash {
	width: 0.417vw;
	height: 0.052vw;
	flex-shrink: 0;
	background: rgba(255, 255, 255, 0.25);
}
.flt_presets {
	gap: 0.417vw;
}
.flt_preset {
	flex: 1;
	height: 1.563vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.08);
	border-radius: 0.208vw;
	background: none;
	font-family: 'Regular';
	font-size: 0.677vw;
	color: rgba(255, 255, 255, 0.55);
	cursor: pointer;
}
.flt_preset:hover {
	border-color: rgba(153, 247, 26, 0.35);
	color: #fff;
}
.flt_preset.active {
	border-color: rgba(153, 247, 26, 0.4);
	background: rgba(153, 247, 26, 0.1);
	color: #99f71a;
}

.space {
	justify-content: space-between;
}
.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}
.faq_title,
.faq_label,
.faq_docs {
	text-transform: uppercase;
}
.tc {
	text-align: center;
}
.clmn {
	display: flex;
	flex-direction: column;
}
.flex {
	display: flex;
}
.alcn {
	display: flex;
	align-items: center;
}
.jlcn {
	display: flex;
	align-items: center;
	justify-content: center;
}
.rev {
	flex-direction: row-reverse;
}
.subs_section {
	position: relative;
	gap: 1.458vw;
	padding-bottom: 2.5vw;
	border-bottom: 0.052vw solid #2a2e2d;
}
.subs_head {
	position: relative;
	align-items: center;
	gap: 0.521vw;
	text-align: center;
}
.subs_watermark {
	position: absolute;
	left: 50%;
	top: -1.25vw;
	transform: translateX(-50%);
	font-family: 'Black';
	font-size: 5.208vw;
	line-height: 1;
	letter-spacing: 0.02em;
	white-space: nowrap;
	color: transparent;
	-webkit-text-stroke: 0.052vw rgba(255, 255, 255, 0.03);
	pointer-events: none;
	user-select: none;
}
.subs_title {
	position: relative;
	gap: 0.417vw;
}
.subs_title span {
	font-family: 'Regular';
	font-size: 2.083vw;
	line-height: 1;
}
.subs_title span:last-child {
	font-family: 'ExtraBold';
	color: #99f71a;
	text-shadow: 0 0 1.563vw rgba(153, 247, 26, 0.25);
}
.subs_sub {
	position: relative;
	font-family: 'Light';
	font-size: 0.729vw;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.5);
}
.subs_chips {
	position: relative;
	gap: 0.417vw;
	margin-top: 0.417vw;
}
.subs_chip {
	height: 1.454vw;
	gap: 0.313vw;
	padding: 0 0.521vw;
	border-radius: 0.208vw;
	background: #99f71a;
	font-family: 'SemiBold';
	font-size: 0.573vw;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #000000;
}
.subs_chip i {
	font-size: 0.521vw;
}
.subs_billing {
	position: relative;
	gap: 0.156vw;
	margin-top: 0.813vw;
	padding: 0.156vw;
	border-radius: 0.26vw;
	background: #1c1e1e;
	border: 0.052vw solid rgba(255, 255, 255, 0.06);
}
.subs_bill_btn {
	display: flex;
	align-items: center;
	gap: 0.313vw;
	height: 1.458vw;
	padding: 0 0.729vw;
	border: 0;
	border-radius: 0.156vw;
	background: transparent;
	font-family: 'Bold';
	font-size: 0.625vw;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}
.subs_bill_btn em {
	height: 0.833vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-family: 'SemiBold';
	font-size: 0.521vw;
	padding: 0.052vw 0.26vw;
	border-radius: 0.156vw;
	background: rgba(153, 247, 26, 0.15);
	color: #99f71a;
}
.subs_bill_btn:hover {
	color: #fff;
}
.subs_bill_btn.active {
	background: linear-gradient(93deg, #89d620 0%, #57762e 100%);
	color: #fff;
}
.subs_bill_btn.active em {
	background: rgba(0, 0, 0, 0.25);
	color: #fff;
}
.subs_grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 15.625vw);
	justify-content: center;
	gap: 1.438vw;
	align-items: center;
	padding-top: 2.292vw;
}
.subs_grid::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 1.067vw;
	width: 34.129vw;
	height: 1.646vw;
	transform: translateX(-50%);
	border: 0.052vw solid rgba(153, 247, 26, 0.2);
	border-bottom: 0;
	border-radius: 0.313vw 0.313vw 0 0;
	pointer-events: none;
}
.sub_card {
	position: relative;
	gap: 0.833vw;

	height: 26vw;
	padding: 0.833vw;
	border-radius: 0.417vw;
	background: radial-gradient(105.04% 117.2% at 100% 0%, rgba(153, 247, 26, 0.06) 0%, rgba(0, 0, 0, 0) 100%), #1c1e1e;
}
.sub_price {
	margin-top: 0.521vw;
}
.sub_card::before {
	content: '';
	position: absolute;
	left: 50%;
	top: -0.052vw;
	width: 2.083vw;
	height: 0.104vw;
	transform: translateX(-50%);
	border-radius: 0 0 0.104vw 0.104vw;
	background: rgba(153, 247, 26, 0.5);
}
.sub_card:hover {
	transform: translateY(-0.417vw);
	border-color: rgba(153, 247, 26, 0.2);
	box-shadow:
		0 1.25vw 2.5vw -1.25vw rgba(0, 0, 0, 0.8),
		0 0 1.563vw -0.521vw rgba(153, 247, 26, 0.25);
}
.sub_featured {
	height: 26.042vw;
	border-radius: 0 0 0.417vw 0.417vw;
	background: radial-gradient(90% 70% at 50% 0%, rgba(153, 247, 26, 0.16) 0%, rgba(0, 0, 0, 0) 100%), #1c1e1e;
}
.lasers {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	mix-blend-mode: color-dodge;
	opacity: 0;
	filter: blur(0.8vw) saturate(0);
}
.sub_top,
.sub_list {
	position: relative;
	z-index: 2;
}
.sub_featured::before {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: none;
	padding: 0 0.052vw 0.052vw;
	border-radius: inherit;
	background: linear-gradient(180deg, #99f71a50 0%, rgba(90, 145, 15, 0) 100%);
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.sub_ribbon {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	z-index: 1;
	overflow: hidden;
	height: 1.45vw;
	gap: 0.365vw;
	border-radius: 0.417vw 0.417vw 0 0;
	background: linear-gradient(93deg, #89d620 0%, #57762e 100%);
	box-shadow: 0 0 1.563vw rgba(153, 247, 26, 0.15);
}
.sub_ribbon::before {
	content: '////////////';
	position: absolute;
	left: -4.844vw;
	top: -2.865vw;
	font-family: 'Regular';
	font-size: 7.448vw;
	line-height: 1;
	letter-spacing: -2.532vw;
	color: rgba(0, 0, 0, 0.15);
	pointer-events: none;
}
.sub_ribbon i,
.sub_ribbon span {
	position: relative;
}
.sub_ribbon i {
	font-size: 0.521vw;
}
.sub_ribbon span {
	font-family: 'Bold';
	font-size: 0.625vw;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.sub_top {
	gap: 0.729vw;
	padding-bottom: 0.833vw;
	border-bottom: 0.052vw dashed rgba(255, 255, 255, 0.08);
}
.sub_name_row {
	gap: 0.521vw;
}
.sub_num {
	width: 1.667vw;
	height: 1.667vw;
	flex-shrink: 0;
	border-radius: 0.208vw;
	background: rgba(153, 247, 26, 0.15);
	font-family: 'ExtraBold';
	font-size: 0.829vw;
	color: #99f71a;
}
.sub_featured .sub_num {
	background: #99f71a;
	color: rgba(0, 0, 0, 0.75);
}
.sub_name {
	gap: 0.104vw;
}
.sub_name span:first-child {
	font-family: 'ExtraBold';
	font-size: 0.833vw;
	letter-spacing: 0.02em;
}
.sub_name span:last-child {
	font-family: 'Light';
	font-size: 0.625vw;
	color: rgba(255, 255, 255, 0.5);
}
.sub_price {
	align-items: flex-end;
	gap: 0.26vw;
}
.sub_price_val {
	font-family: 'ExtraBold';
	font-size: 1.667vw;
	line-height: 0.9;
}
.sub_featured .sub_price_val {
	color: #99f71a;
}
.sub_price_per {
	font-family: 'Light';
	font-size: 0.677vw;
	color: rgba(255, 255, 255, 0.5);
}
.sub_value {
	width: fit-content;
	height: 1.5vw;
	gap: 0.313vw;
	padding: 0.569vw;
	margin-top: -0.217vw;
	border-radius: 0.156vw;
	background: rgba(0, 0, 0, 0.25);
	font-family: 'Regular';
	font-size: 0.573vw;
	color: rgba(255, 255, 255, 0.5);
}
.sub_value i {
	font-size: 0.521vw;
	color: #99f71a;
}
.sub_value em {
	font-style: normal;
	font-family: 'Bold';
	color: #fff;
	text-decoration: line-through;
	text-decoration-color: rgba(255, 77, 94, 0.8);
}
.sub_list {
	flex: 1;
}
.sub_row {
	gap: 0.469vw;
	padding: 0.417vw 0;
	border-bottom: 0.052vw solid rgba(255, 255, 255, 0.05);
	font-family: 'Regular';
	font-size: 0.677vw;
	text-transform: uppercase;
}
.sub_row:first-child {
	padding-top: 0;
}
.sub_row:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.sub_ico {
	width: 0.938vw;
	height: 0.938vw;
	flex-shrink: 0;
	border-radius: 0.156vw;
	background: #99f71a;
}
.sub_ico i {
	font-size: 0.469vw;
	color: rgba(0, 0, 0, 0.75);
}
.sub_row.is_off {
	color: rgba(255, 255, 255, 0.3);
}
.sub_row.is_off .sub_ico {
	background: rgba(255, 255, 255, 0.05);
}
.sub_row.is_off .sub_ico i {
	color: rgba(255, 255, 255, 0.3);
}
.sub_btn {
	height: 1.823vw;
	text-decoration: none;
	color: #fff;
}
.sub_btn span {
	font-size: 0.677vw;
}
.sub_btn svg {
	width: 0.677vw;
	height: 0.677vw;
}
.view_all_btn.sub_btn::before {
	left: -4.844vw;
	top: -2.37vw;
	line-height: 1;
	pointer-events: none;
}
.view_all_btn.sub_btn svg {
	transform: none;
}
.sub_btn.is_loading {
	opacity: 0.6;
	pointer-events: none;
}
.subs_perks {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.625vw;
	width: 48.75vw;
	margin: 0 auto;
}
.subs_perk {
	gap: 0.469vw;
	padding: 0.625vw;
	border-radius: 0.313vw;
	background: #1c1e1e;
}
.subs_perk_ico {
	width: 1.563vw;
	height: 1.563vw;
	flex-shrink: 0;
	border-radius: 0.208vw;
	background: rgba(153, 247, 26, 0.1);
	color: #99f71a;
	font-size: 0.625vw;
}
.subs_perk .clmn {
	gap: 0.104vw;
}
.subs_perk .clmn span:first-child {
	font-family: 'Bold';
	font-size: 0.625vw;
	text-transform: uppercase;
}
.subs_perk .clmn span:last-child {
	font-family: 'Light';
	font-size: 0.573vw;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.5);
}
.docs_section {
	gap: 1.667vw;
	padding-bottom: 2.5vw;
	border-bottom: 0.052vw solid #2a2e2d;
}
.docs_section [hidden] {
	display: none !important;
}
.docs_section code,
.docs_section pre {
	font-family: 'Cascadia Code', Consolas, ui-monospace, monospace;
}
.docs_index {
	gap: 1.25vw;
}
.docs_hero {
	align-items: flex-end;
}
.docs_hero_text {
	gap: 0.625vw;
}
.docs_search {
	width: 20.833vw;
	height: 2.292vw;
	gap: 0.625vw;
	padding: 0 0.417vw 0 0.833vw;
	border-radius: 0.313vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.06);
	background: #1c1e1e;
	cursor: text;
}
.docs_search:focus-within {
	border-color: rgba(153, 247, 26, 0.35);
}
.docs_search i {
	font-size: 0.627vw;
	color: rgba(255, 255, 255, 0.35);
}
.docs_search input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-family: 'Regular';
	font-size: 0.627vw;
	color: #fff;
	user-select: text;
}
.docs_search input::placeholder {
	color: rgba(255, 255, 255, 0.35);
}
.docs_search kbd {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.354vw;
	height: 1.354vw;
	border-radius: 0.208vw;
	background: rgba(255, 255, 255, 0.05);
	font-family: 'SemiBold';
	font-size: 0.625vw;
	color: rgba(255, 255, 255, 0.5);
}
.docs_quick {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.938vw;
}
.docs_quick_card {
	gap: 0.625vw;
	padding: 0.729vw;
	border-radius: 0.417vw;
	background: radial-gradient(69.84% 121.44% at 100% 50%, rgba(153, 247, 26, 0.05) 0%, rgba(90, 145, 15, 0) 100%), #1c1e1e;
}
.docs_quick_ico {
	width: 2.083vw;
	height: 2.083vw;
	flex-shrink: 0;
	border-radius: 0.26vw;
	background: rgba(153, 247, 26, 0.1);
	font-size: 0.672vw;
	color: #99f71a;
}
.docs_quick_card .clmn {
	gap: 0.156vw;
}
.docs_quick_card .clmn span:first-child {
	font-family: 'Bold';
	font-size: 0.627vw;
	text-transform: uppercase;
}
.docs_quick_card .clmn span:last-child {
	font-family: 'Light';
	font-size: 0.625vw;
	color: rgba(255, 255, 255, 0.5);
}
.docs_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.938vw;
}
.docs_card {
	position: relative;
	overflow: hidden;
	gap: 0.729vw;
	padding: 0.833vw;
	border-radius: 0.417vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.04);
	background: #1c1e1e;
	text-decoration: none;
	color: #fff;
}
.docs_card:hover {
	transform: translateY(-0.208vw);
	border-color: rgba(153, 247, 26, 0.25);
}
.docs_card > * {
	position: relative;
}
.docs_card_top {
	gap: 0.625vw;
}
.docs_card_img,
.docs_product_img {
	width: 2.5vw;
	height: 2.5vw;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 0.26vw;
	background: #16181a;
}
.docs_card_img img,
.docs_product_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.docs_card_name {
	min-width: 0;
	gap: 0.208vw;
}
.docs_card_name span {
	font-family: 'Bold';
	font-size: 0.672vw;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.docs_card_name code,
.docs_product_name span:last-child {
	font-size: 0.625vw;
	color: #99f71a;
}
.docs_card_sum {
	flex: 1;
	font-family: 'Light';
	font-size: 0.677vw;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.5);
}
.docs_card_tags {
	gap: 0.313vw;
}
.docs_tag {
	height: 1.146vw;
	display: flex;
	align-items: center;
	padding: 0 0.417vw;
	border-radius: 0.156vw;
	background: rgba(255, 255, 255, 0.05);
	font-family: 'SemiBold';
	font-size: 0.573vw;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
}
.docs_tag_full {
	background: rgba(153, 247, 26, 0.12);
	color: #99f71a;
}
.docs_card_go {
	gap: 0.313vw;
	font-family: 'Bold';
	font-size: 0.625vw;
	text-transform: uppercase;
	color: #99f71a;
}
.docs_card_go i {
	font-size: 0.573vw;
}
.docs_card:hover .docs_card_go i {
	transform: translateX(0.208vw);
}
.docs_empty {
	gap: 0.625vw;
	padding: 3.125vw 0;
	border-radius: 0.417vw;
	background: #1c1e1e;
	font-family: 'SemiBold';
	font-size: 0.672vw;
	color: rgba(255, 255, 255, 0.5);
}
.docs_empty i {
	font-size: 1.167vw;
	color: rgba(153, 247, 26, 0.5);
}

.docs_layout {
	display: grid;
	grid-template-columns: 13.542vw minmax(0, 1fr) 11.458vw;
	gap: 2.083vw;
	align-items: start;
}
.docs_side,
.docs_toc {
	position: sticky;
	top: 5.729vw;
	max-height: calc(100vh - 6.771vw);
	overflow-y: auto;
	scrollbar-width: none;
}
.docs_side {
	gap: 0.833vw;
}
.docs_all {
	gap: 0.521vw;
	font-family: 'SemiBold';
	font-size: 0.677vw;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5);
}
.docs_all:hover {
	color: #99f71a;
}
.docs_all i {
	font-size: 0.625vw;
}
.docs_product {
	position: relative;
	overflow: hidden;
	gap: 0.625vw;
	padding: 0.729vw;
	border-radius: 0.417vw;
	background: radial-gradient(105.04% 117.2% at 100% 0%, rgba(153, 247, 26, 0.1) 0%, rgba(0, 0, 0, 0) 100%), #1c1e1e;
}
.docs_product_top {
	gap: 0.625vw;
}
.docs_product_name {
	min-width: 0;
	gap: 0.208vw;
}
.docs_product_name span:first-child {
	font-family: 'Bold';
	font-size: 0.672vw;
	text-transform: uppercase;
	line-height: 1.2;
}
.docs_product_name span:last-child {
	font-family: 'Cascadia Code', Consolas, ui-monospace, monospace;
}
.docs_ver {
	width: fit-content;
	height: 1.146vw;
	padding: 0 0.417vw;
	border-radius: 0.156vw;
	background: rgba(153, 247, 26, 0.12);
	font-family: 'SemiBold';
	font-size: 0.573vw;
	color: #99f71a;
}
.docs_nav {
	gap: 0.156vw;
}
.docs_nav_link {
	position: relative;
	height: 2.031vw;
	gap: 0.625vw;
	padding: 0 0.729vw;
	border-radius: 0.26vw;
	font-family: 'SemiBold';
	font-size: 0.627vw;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5);
}
.docs_nav_link i {
	width: 0.833vw;
	font-size: 0.677vw;
	text-align: center;
}
.docs_nav_link:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.03);
}
.docs_nav_link.active {
	color: #fff;
	background: #1c1e1e;
}
.docs_nav_link.active::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.521vw;
	bottom: 0.521vw;
	width: 0.104vw;
	border-radius: 0.104vw;
	background: #99f71a;
	box-shadow: 0 0 0.521vw rgba(153, 247, 26, 0.6);
}
.docs_nav_link.active i {
	color: #99f71a;
}
.docs_side_foot {
	gap: 0.521vw;
	padding-top: 0.833vw;
	border-top: 0.052vw solid rgba(255, 255, 255, 0.05);
}
.docs_side_foot .view_all_btn {
	text-decoration: none;
}
.docs_side_foot .view_all_btn svg {
	transform: none;
}

.docs_main {
	min-width: 0;
	user-select: text;
}
.docs_main * {
	user-select: text;
}
.docs_crumbs {
	gap: 0.417vw;
	margin-bottom: 0.833vw;
	font-family: 'SemiBold';
	font-size: 0.625vw;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: rgba(255, 255, 255, 0.35);
}
.docs_crumbs a {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5);
}
.docs_crumbs a:hover {
	color: #99f71a;
}
.docs_crumbs i {
	font-size: 0.417vw;
}
.docs_crumbs .active {
	color: #99f71a;
}
.docs_title {
	font-family: 'ExtraBold';
	font-size: 1.458vw;
	font-weight: normal;
	line-height: 1;
	text-transform: uppercase;
}
.docs_sub {
	margin-top: 0.625vw;
	font-family: 'Light';
	font-size: 0.716vw;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.5);
}
.docs_body {
	gap: 1.042vw;
	margin-top: 1.25vw;
	padding-top: 1.25vw;
	border-top: 0.052vw solid rgba(255, 255, 255, 0.06);
}
.doc_p,
.doc_list li,
.doc_step_text,
.doc_callout_text,
.doc_option_desc,
.doc_api_desc,
.doc_issue_a {
	font-family: 'Regular';
	font-size: 0.672vw;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.7);
}
.doc_code_inline {
	padding: 0.052vw 0.313vw;
	border-radius: 0.156vw;
	background: rgba(153, 247, 26, 0.08);
	border: 0.052vw solid rgba(153, 247, 26, 0.15);
	font-size: 0.885em;
	color: #99f71a;
}
.doc_h {
	position: relative;
	gap: 0.521vw;
	margin-top: 0.833vw;
	scroll-margin-top: 6.25vw;
	font-family: 'ExtraBold';
	font-size: 0.938vw;
	font-weight: normal;
	text-transform: uppercase;
}
.doc_h::before {
	content: '//';
	font-family: 'Regular';
	color: #99f71a;
}
.doc_anchor {
	width: 1.25vw;
	height: 1.25vw;
	border-radius: 0.208vw;
	font-size: 0.573vw;
	color: rgba(255, 255, 255, 0.35);
	text-decoration: none;
	opacity: 0;
}
.doc_h:hover .doc_anchor {
	opacity: 1;
}
.doc_anchor:hover {
	color: #99f71a;
	background: rgba(153, 247, 26, 0.1);
}
.doc_list {
	gap: 0.521vw;
	list-style: none;
}
.doc_list li {
	position: relative;
	padding-left: 1.146vw;
}
.doc_list li::before {
	content: '';
	position: absolute;
	left: 0.208vw;
	top: 0.625vw;
	width: 0.365vw;
	height: 0.365vw;
	border-radius: 0.078vw;
	background: #99f71a;
	transform: rotate(45deg);
}
.doc_steps {
	gap: 0;
}
.doc_step {
	position: relative;
	gap: 0.938vw;
	padding-bottom: 1.25vw;
}
.doc_step:last-child {
	padding-bottom: 0;
}
.doc_step:not(:last-child)::before {
	content: '';
	position: absolute;
	left: 0.833vw;
	top: 1.875vw;
	bottom: 0.208vw;
	width: 0.052vw;
	background: linear-gradient(180deg, rgba(153, 247, 26, 0.4) 0%, rgba(153, 247, 26, 0) 100%);
}
.doc_step_num {
	width: 1.667vw;
	height: 1.667vw;
	flex-shrink: 0;
	border-radius: 0.26vw;
	background: rgba(153, 247, 26, 0.1);
	border: 0.052vw solid rgba(153, 247, 26, 0.3);
	font-family: 'ExtraBold';
	font-size: 0.625vw;
	color: #99f71a;
}
.doc_step_body {
	gap: 0.26vw;
	padding-top: 0.208vw;
}
.doc_step_title {
	font-family: 'Bold';
	font-size: 0.716vw;
	text-transform: uppercase;
}
.doc_codebox {
	overflow: hidden;
	border-radius: 0.417vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.06);
	background: #101111;
}
.doc_code_head {
	height: 2.083vw;
	padding: 0 0.417vw 0 0.833vw;
	background: #16181a;
	border-bottom: 0.052vw solid rgba(255, 255, 255, 0.05);
}
.doc_code_file {
	gap: 0.417vw;
	font-family: 'Cascadia Code', Consolas, ui-monospace, monospace;
	font-size: 0.677vw;
	color: rgba(255, 255, 255, 0.6);
}
.doc_code_file i {
	color: #99f71a;
}
.doc_copy {
	height: 1.458vw;
	gap: 0.365vw;
	padding: 0 0.573vw;
	border: 0;
	border-radius: 0.208vw;
	background: transparent;
	font-family: 'SemiBold';
	font-size: 0.625vw;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}
.doc_copy:hover {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
}
.doc_copy.copied {
	color: #99f71a;
}
.doc_code {
	display: flex;
	flex-direction: column;
	padding: 0.833vw 0;
	overflow-x: auto;
	font-size: 0.627vw;
	line-height: 1.75;
	color: #e6e6e6;
}
.doc_code_line {
	display: flex;
	white-space: pre;
}
.doc_code_line:hover {
	background: rgba(255, 255, 255, 0.02);
}
.doc_code_num {
	width: 2.5vw;
	flex-shrink: 0;
	padding-right: 0.833vw;
	text-align: right;
	color: rgba(255, 255, 255, 0.2);
	user-select: none !important;
}
.doc_code_txt {
	padding-right: 0.833vw;
}
.tk_kw {
	color: #99f71a;
}
.tk_str {
	color: #f2c46d;
}
.tk_num {
	color: #7cc7ff;
}
.tk_fn {
	color: #c792ea;
}
.tk_com {
	color: rgba(255, 255, 255, 0.3);
	font-style: italic;
}
.doc_callout {
	gap: 0.729vw;
	padding: 0.833vw 0.938vw;
	border-radius: 0.313vw;
	border-left: 0.156vw solid var(--doc-tone);
	background: linear-gradient(90deg, color-mix(in srgb, var(--doc-tone) 10%, transparent) 0%, rgba(0, 0, 0, 0) 100%), #1c1e1e;
}
.doc_info {
	--doc-tone: #99f71a;
}
.doc_tip {
	--doc-tone: #7cc7ff;
}
.doc_warn {
	--doc-tone: #f2c46d;
}
.doc_danger {
	--doc-tone: #ff4d5e;
}
.doc_callout > i {
	margin-top: 0.208vw;
	font-size: 0.672vw;
	color: var(--doc-tone);
}
.doc_callout .clmn {
	gap: 0.208vw;
}
.doc_callout_title {
	font-family: 'Bold';
	font-size: 0.672vw;
	text-transform: uppercase;
}
.doc_callout_text {
	font-size: 0.627vw;
}
.doc_options {
	overflow: hidden;
	border-radius: 0.417vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.06);
}
.doc_option {
	gap: 0.417vw;
	padding: 0.729vw 0.833vw;
	background: #1c1e1e;
}
.doc_option + .doc_option {
	border-top: 0.052vw solid rgba(255, 255, 255, 0.05);
}
.doc_option:hover {
	background: #1f2121;
}
.doc_option_top {
	gap: 0.521vw;
	flex-wrap: wrap;
}
.doc_option_key {
	padding: 0.156vw 0.417vw;
	border-radius: 0.208vw;
	background: #101111;
	border: 0.052vw solid rgba(255, 255, 255, 0.08);
	font-size: 0.677vw;
	color: #fff;
}
.doc_option_val {
	font-family: 'Cascadia Code', Consolas, ui-monospace, monospace;
	font-size: 0.625vw;
	color: #99f71a;
}
.doc_option_desc {
	font-size: 0.627vw;
}
.doc_specs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.521vw;
}
.doc_spec {
	gap: 0.26vw;
	padding: 0.625vw 0.729vw;
	border-radius: 0.313vw;
	background: #1c1e1e;
}
.doc_spec_label {
	font-family: 'SemiBold';
	font-size: 0.573vw;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.35);
}
.doc_spec_val {
	font-family: 'Bold';
	font-size: 0.627vw;
}
.doc_api {
	gap: 0.729vw;
}
.doc_api_item {
	gap: 0.521vw;
	padding: 0.833vw;
	border-radius: 0.417vw;
	background: #1c1e1e;
}
.doc_api_top {
	gap: 0.417vw;
}
.doc_api_name {
	margin-right: 0.208vw;
	font-family: 'Bold';
	font-size: 0.761vw;
}
.doc_badge {
	height: 1.042vw;
	display: flex;
	align-items: center;
	padding: 0 0.365vw;
	border-radius: 0.156vw;
	background: rgba(255, 255, 255, 0.05);
	font-family: 'SemiBold';
	font-size: 0.521vw;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
}
.doc_badge_client {
	background: rgba(124, 199, 255, 0.12);
	color: #7cc7ff;
}
.doc_badge_server {
	background: rgba(153, 247, 26, 0.12);
	color: #99f71a;
}
.doc_badge_shared {
	background: rgba(242, 196, 109, 0.12);
	color: #f2c46d;
}
.doc_api_sig {
	width: fit-content;
	max-width: 100%;
	padding: 0.365vw 0.521vw;
	border-radius: 0.208vw;
	background: #101111;
	font-size: 0.677vw;
	color: #fff;
	overflow-x: auto;
	white-space: nowrap;
}
.doc_api_desc {
	font-size: 0.627vw;
}
.doc_issues {
	gap: 0.417vw;
}
.doc_issue {
	overflow: hidden;
	border-radius: 0.313vw;
	background: #1c1e1e;
}
.doc_issue_q {
	width: 100%;
	min-height: 2.396vw;
	gap: 0.625vw;
	padding: 0.521vw 0.833vw;
	border: 0;
	background: transparent;
	font-family: 'SemiBold';
	font-size: 0.627vw;
	text-align: left;
	color: #fff;
	cursor: pointer;
}
.doc_issue_q > span {
	gap: 0.625vw;
}
.doc_issue_q > span i {
	font-size: 0.677vw;
	color: #ff4d5e;
}
.doc_issue_arrow {
	font-size: 0.573vw;
	color: rgba(255, 255, 255, 0.35);
}
.doc_issue.open .doc_issue_arrow {
	transform: rotate(180deg);
	color: #99f71a;
}
.doc_issue_a {
	display: none;
	padding: 0 0.833vw 0.833vw 2.135vw;
	font-size: 0.627vw;
}
.doc_issue.open .doc_issue_a {
	display: block;
}
.docs_pager {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.938vw;
	margin-top: 2.083vw;
	padding-top: 1.25vw;
	border-top: 0.052vw solid rgba(255, 255, 255, 0.06);
}
.docs_pager_card {
	gap: 0.26vw;
	padding: 0.833vw;
	border-radius: 0.417vw;
	border: 0.052vw solid rgba(255, 255, 255, 0.05);
	background: #1c1e1e;
	text-decoration: none;
	color: #fff;
}
.docs_pager_card.doc_next {
	grid-column: 2;
	align-items: flex-end;
}
.docs_pager_card:hover {
	border-color: rgba(153, 247, 26, 0.3);
}
.docs_pager_dir {
	font-family: 'SemiBold';
	font-size: 0.573vw;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.35);
}
.docs_pager_name {
	font-family: 'Bold';
	font-size: 0.716vw;
	text-transform: uppercase;
	color: #99f71a;
}
.docs_toc {
	gap: 0.625vw;
	padding-left: 0.833vw;
	border-left: 0.052vw solid rgba(255, 255, 255, 0.06);
}
.docs_toc_title {
	font-family: 'ExtraBold';
	font-size: 0.625vw;
	letter-spacing: 0.23em;
	text-transform: uppercase;
	color: #99f71a;
}
.docs_toc_list {
	gap: 0.417vw;
}
.docs_toc_link {
	position: relative;
	font-family: 'Regular';
	font-size: 0.677vw;
	line-height: 1.4;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5);
}
.docs_toc_link:hover {
	color: #fff;
}
.docs_toc_link.active {
	color: #99f71a;
}
.docs_toc_link.active::before {
	content: '';
	position: absolute;
	left: -0.885vw;
	top: 0.104vw;
	bottom: 0.104vw;
	width: 0.104vw;
	background: #99f71a;
}
.docs_card_img img.is_fallback,
.docs_product_img img.is_fallback {
	object-fit: contain;
	padding: 0.417vw;
}
.docs_hero .fb_title span {
	font-size: 1.667vw;
	line-height: 1;
}
.docs_body {
	gap: 0.833vw;
}
.page_loader {
	position: fixed;
	z-index: 10050;
	inset: 0;
	background: #131414;
	overflow: hidden;
}
.page_loader.is_done {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity 0.32s ease,
		visibility 0.32s ease;
}
.page_loader.is_in {
	transition: none;
}
.page_loader_box {
	position: relative;
	gap: 1.05vw;
}
.page_loader_box img {
	height: 2.5vw;
	width: auto;
	transition: none;
}
.page_loader_bar {
	width: 8.8vw;
	height: 0.16vw;
	border-radius: 1vw;
	background: #1c1e1e;
	overflow: hidden;
}
.page_loader_bar span {
	display: block;
	width: 42%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(93deg, #89d620 0%, #99f71a 100%);
	transition: none;
	animation: page_load 0.9s ease-in-out infinite;
}
@keyframes page_load {
	0% {
		transform: translateX(-130%);
	}
	100% {
		transform: translateX(280%);
	}
}

@keyframes homeOpen {
	from {
		opacity: 0;
		transform: scale(0.96);
		filter: blur(0.25vw);
	}
	to {
		opacity: 1;
	}
}
@keyframes homeHeader {
	from {
		opacity: 0;
		transform: translateY(-0.6vw);
	}
	to {
		opacity: 1;
	}
}
@keyframes homeUp {
	from {
		opacity: 0;
		transform: translateY(1vw);
	}
	to {
		opacity: 1;
	}
}
@keyframes homeItem {
	from {
		opacity: 0;
		transform: translateY(0.5vw) scale(0.97);
	}
	to {
		opacity: 1;
	}
}

body > header,
body .form > section,
body .form > footer,
body .form > .cards_vip {
	opacity: 0;
}
body.is_in > header.show {
	animation: homeHeader 0.4s ease 0.05s both;
}
body.is_in .form > section.show,
body.is_in .form > footer.show,
body.is_in .form > .cards_vip.show {
	animation: homeUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
body.is_in .form > section.show:first-of-type {
	animation: homeOpen 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
body.is_in .show .drop_card,
body.is_in .show .fb_card,
body.is_in .show .faq_item,
body.is_in .show .b_feature,
body.is_in .show .m_feature,
body.is_in .show .sub_card,
body.is_in .show .docs_card {
	animation: homeItem 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
	transition:
		border-color 0.3s ease,
		background 0.3s ease,
		box-shadow 0.3s ease,
		color 0.3s ease;
}
body.is_in .show .drop_card:nth-child(1),
body.is_in .show .fb_card:nth-child(1),
body.is_in .show .faq_item:nth-child(1),
body.is_in .show .sub_card:nth-child(1),
body.is_in .show .docs_card:nth-child(1),
body.is_in .show .grid_features > :nth-child(1) {
	animation-delay: 0.08s;
}
body.is_in .show .drop_card:nth-child(2),
body.is_in .show .fb_card:nth-child(2),
body.is_in .show .faq_item:nth-child(2),
body.is_in .show .sub_card:nth-child(2),
body.is_in .show .docs_card:nth-child(2),
body.is_in .show .grid_features > :nth-child(2) {
	animation-delay: 0.14s;
}
body.is_in .show .drop_card:nth-child(3),
body.is_in .show .fb_card:nth-child(3),
body.is_in .show .faq_item:nth-child(3),
body.is_in .show .sub_card:nth-child(3),
body.is_in .show .docs_card:nth-child(3),
body.is_in .show .grid_features > :nth-child(3) {
	animation-delay: 0.2s;
}
body.is_in .show .drop_card:nth-child(4),
body.is_in .show .fb_card:nth-child(4),
body.is_in .show .faq_item:nth-child(4),
body.is_in .show .docs_card:nth-child(4),
body.is_in .show .grid_features > :nth-child(4) {
	animation-delay: 0.26s;
}
body.is_in .show .drop_card:nth-child(5),
body.is_in .show .fb_card:nth-child(5),
body.is_in .show .faq_item:nth-child(5),
body.is_in .show .docs_card:nth-child(5),
body.is_in .show .grid_features > :nth-child(5) {
	animation-delay: 0.32s;
}
body.is_in .show .drop_card:nth-child(6),
body.is_in .show .fb_card:nth-child(6),
body.is_in .show .faq_item:nth-child(6),
body.is_in .show .docs_card:nth-child(6),
body.is_in .show .grid_features > :nth-child(6) {
	animation-delay: 0.38s;
}
body.is_in .show .drop_card:nth-child(n + 7),
body.is_in .show .fb_card:nth-child(n + 7),
body.is_in .show .faq_item:nth-child(n + 7),
body.is_in .show .docs_card:nth-child(n + 7) {
	animation-delay: 0.44s;
}

@media (prefers-reduced-motion: reduce) {
	body > header,
	body .form > section,
	body .form > footer,
	body .drop_card,
	body .fb_card,
	body .faq_item,
	body .b_feature,
	body .m_feature,
	body .sub_card,
	body .docs_card,
	body .form > .cards_vip {
		opacity: 1;
		animation: none;
		filter: none;
		transform: none;
	}
}

/* VIP: плавный подъём карточек тарифов */
.sub_card,
body.is_in .show .sub_card {
	transition:
		transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
		border-color 0.3s ease,
		background 0.3s ease;
}