:root {
	/* body */
	--body-min-width: 320px;
	--body-max-width: 100%;
	--body-background-color-rgb: rgb(229, 223, 211);
	--body-background-color: 229, 223, 211;
	--content-color-rgb: rgb(242, 238, 227);
	--content-color: 242, 238, 227;

	--color-content-2-rgb: rgb(220, 214, 201);
	--color-content-2: 220, 214, 201;

	/* container */
	--container-width: 100%;

	/* navigation */
	--navigation-bg-rgb: rgb(16, 8, 5);
	--navigation-bg: 16, 8, 5;
	--navigation-height: 3.75rem;
	--navigation-height-scroll: 3.75rem;

	/* fonts */
	--font-0: "Georgia", "Times New Roman", Times, serif;
	--font-1: "Cormorant", "Philosopher", "Times New Roman", Times, serif;
	--font-2: "Cormorant Infant", "Cormorant", "Philosopher", "Times New Roman",
		Times, serif;
	--font-3: "Alice", "Times New Roman", Times, serif;
	--font-ico: "gwi";

	/* colors */
	--color-light-rgb: rgb(232, 209, 166);
	--color-light: 232, 209, 166;

	--color-dark-rgb: rgb(0, 0, 0);
	--color-dark: 0, 0, 0;

	--color-red-rgb: rgb(255, 39, 39);
	--color-red: 255, 39, 39;

	--color-yellow-rgb: rgb(255, 255, 0);
	--color-yellow: 255, 255, 0;

	--color-orange-rgb: rgb(255, 165, 0);
	--color-orange: 255, 165, 0;

	--color-pink-rgb: rgb(255, 192, 203);
	--color-pink: 255, 192, 203;

	--color-purple-rgb: rgb(128, 0, 128);
	--color-purple: 128, 0, 128;

	--color-blue-rgb: rgb(0, 0, 255);
	--color-blue: 0, 0, 255;

	--color-green-rgb: rgb(0, 187, 0);
	--color-green: 0, 187, 0;

	--color-grey-rgb: rgb(128, 128, 128);
	--color-grey: 128, 128, 128;

	--color-white-rgb: rgb(255, 255, 255);
	--color-white: 255, 255, 255;

	--color-black-rgb: rgb(0, 0, 0);
	--color-black: 0, 0, 0;

	--color-brown-rgb: rgb(165, 42, 42);
	--color-brown: 165, 42, 42;

	--color-aqua-rgb: rgb(0, 255, 255);
	--color-aqua: 0, 255, 255;

	/* color palette */
	--color-0-rgb: rgb(255, 244, 229);
	--color-0: 255, 244, 229;

	--color-1-rgb: rgb(229, 203, 168);
	--color-1: 229, 203, 168;

	--color-2-rgb: rgb(38, 34, 31);
	--color-2: 38, 34, 31;

	--color-3-rgb: rgb(115, 102, 86);
	--color-3: 115, 102, 86;

	--color-4-rgb: rgba(204, 187, 165);
	--color-4: 204, 187, 165;

	--color-5-rgb: rgb(255, 255, 255);
	--color-5: 255, 255, 255;

	--color-6-rgb: rgb(106, 91, 80);
	--color-6: 106, 91, 80;

	--color-7-rgb: rgba(139, 80, 35, 1);
	--color-7: 139, 80, 35;

	--color-8-rgb: rgba(121, 90, 57, 1);
	--color-8: 121, 90, 57;

	--color-9-rgb: #fff;
	--color-9: #fff;

	--color-accent-rgb: rgb(226, 200, 106);
	--color-accent: 226, 200, 106;

	--color-accent-2-rgb: rgb(255, 136, 0);
	--color-accent-2: 255, 136, 0;

	/* other colors */
	--color-url-rgb: rgba(121, 90, 57, 1);
	--color-url: 121, 90, 57;

	/* input */
	--input-width: auto;
	--input-height: 60px;
	--input-bg: rgb(242, 238, 227);
	--input-border: 1px solid #a39388;
	--input-border-radius: 5px;
	--input-color: #455971;
	--input-text-align: left;
	--input-font-family: var(--font-0);
	--input-font-size: 1rem;
	--input-font-weight: 400;
	--input-padding: 0.1875rem 0.625rem;
	--input-box-shadow: none;
	--input-outline: none;
	--input-disabled-bg: #f9f9f9;

	/* input:placeholder */
	--input-placeholder-color: #a8a4a2;
	--input-placeholder-color-focus: transparent;

	/* input:focus */
	--input-focus-width: var(--input-width);
	--input-focus-height: var(--input-height);
	--input-focus-bg: var(--input-bg);
	--input-focus-border: var(--input-border);
	--input-focus-border-radius: var(--input-border-radius);
	--input-focus-color: var(--input-color);
	--input-focus-text-align: var(--input-text-align);
	--input-focus-font-family: var(--input-font-family);
	--input-focus-font-size: var(--input-font-size);
	--input-focus-font-weight: var(--input-font-weight);
	--input-focus-padding: var(--input-padding);
	--input-focus-box-shadow: var(--input-box-shadow);
	--input-focus-outline: var(--input-outline);
	--input-focus-disabled-bg: var(--input-disabled-bg);

	/* margin */
	--margin: 0.875rem;
	--margin-x2: calc(var(--margin * 2));
	--margin-half: calc(var(--margin) / 2);
	--margin-third: calc(var(--margin) / 3);
	--negative-margin: calc(var(--margin) * -1);

	/* border */
	--border-radius: 0.3125rem;
	--border-radius-2: 0.1875rem;
	--border-width: max(0.0625rem, 1px);
	--border-type: solid;
	--border-color: #2f7eb8;
	--border: var(--border-width) var(--border-type) var(--border-color);

	/* other */
	--footer-height: 4.8rem;
	--roundframe: url(../images/roundframe.svg);
}

@media (min-width: 1200px) {
	:root {
		--navigation-height: 5.3125rem;
		--navigation-height-scroll: 5.3125rem;
	}
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
	border-color: rgba(0, 0, 0, 0.15);
}

pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	/* 2 */
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

button,
input {
	/* 1 */
	overflow: visible;
}

button,
select {
	/* 1 */
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

img {
	border-style: none;
	display: inline-block;
	max-width: 100%;
}

video,
iframe {
	max-width: 100%;
}

a {
	background-color: transparent;
	color: rgba(var(--color-url), 1);
	transition-duration: 0.2s;
	transition-property: opacity, color, background-color;
	outline: 0;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* убираем выделение ссылок пунктирной рамкой в FF и IE */
a:active,
a:focus {
	outline: 0;
}

::-webkit-input-placeholder {
	color: var(--input-placeholder-color);
	opacity: 1;
}

::-moz-placeholder {
	color: var(--input-placeholder-color);
	opacity: 1;
}

/* Firefox 19+ */
:-moz-placeholder {
	color: var(--input-placeholder-color);
	opacity: 1;
}

/* Firefox 18- */
:-ms-input-placeholder {
	color: var(--input-placeholder-color);
	opacity: 1;
}

:focus::-webkit-input-placeholder {
	color: var(--input-placeholder-color-focus);
}

:focus::-moz-placeholder {
	color: var(--input-placeholder-color-focus);
}

:focus:-moz-placeholder {
	color: var(--input-placeholder-color-focus);
}

:focus:-ms-input-placeholder {
	color: var(--input-placeholder-color-focus);
}

/* gwi */
[class^="gwi_"]:before,
[class*=" gwi_"]:before {
	margin: 0;
	width: auto;
}

/* list */
ul,
ol {
	padding-left: 1.375em;
	margin: 0.625em 0;
}

/* scrollbar */
::-webkit-scrollbar {
	width: max(0.375rem, 6px);
	height: max(0.125rem, 2px);
	background-color: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar-thumb {
	background-color: #6b4725;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #9b6635;
}

/* main */
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	font-family: var(--font-0);
	font-size: 100%;
	font-weight: 400;
	color: rgba(var(--color-2), 1);
	cursor: default;
}

@media (min-width: 1200px) {
	html {
		font-size: 85%;
	}
}

@media (min-width: 1500px) {
	html {
		font-size: 100%;
	}
}

@media (min-width: 1200px) {
	html {
		/* font-size: calc(max(0.5vw, 4px) + max(0.55vh, 4px)); */
		font-size: calc(max(0.45vw, 4px) + max(0.5vh, 4px));
	}
}

@media (min-width: 1200px) AND (min-aspect-ratio: 21/9) {
	html {
		font-size: calc(max(0.35vw, 5px) + max(0.65vh, 5px));
	}
}

/*

@media (min-width: 3000px) AND (max-height: 1500px) {
	html {
		font-size: calc(max(0.3vw, 3px) + max(0.65vh, 3px));
	}
} */
body {
	position: relative;
	z-index: 0;
	overflow-x: clip;
	margin: 0;
	background-color: rgba(var(--body-background-color), 1);
	background-image: none;
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 100vh;
	min-height: 100dvh;
	min-width: var(--body-min-width);
	display: flex;
	flex-direction: column;
	font-variant-numeric: lining-nums;
}

.page {
	position: relative;
	/* z-index: 2; */
	overflow-x: clip;
	margin: 0 auto;
	min-height: 100vh;
	min-height: 100dvh;
	width: 100%;
	min-width: var(--body-min-width);
	max-width: var(--body-max-width);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	transition: 0.3s all;
	box-sizing: border-box;
	padding-top: var(--navigation-height);
}

[data-page="sign-in"] .page,
[data-page="sign-up"] .page,
[data-page="reminder"] .page {
	background-image: url(../images/bg/bg-min.jpg?v01);
	background-size: max(120rem, 100%) auto;
	background-position: center top;
	background-repeat: no-repeat;
}

#main-container {
	flex-grow: 1;
	min-height: auto !important;
}

.section {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
}

@media (min-width: 1200px) {
	[data-section-bg] {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: transparent;
		background-image: url(../images/bg/bg.jpg);
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
}

.bxc {
	max-width: calc(var(--container-width) + var(--margin) * 4);
	width: 100%;
	min-width: 0;
	padding-right: calc(var(--margin) * 2);
	padding-left: calc(var(--margin) * 2);
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

@media (min-width: 1200px) {
	.bxc {
		max-width: none;
		padding: 0;
	}
}

.bxc_fluid {
	max-width: 100%;
}

@media (min-width: 1200px) {
	.bxc_static {
		max-width: calc(75rem + var(--margin) * 4);
		padding-right: calc(var(--margin) * 2);
		padding-left: calc(var(--margin) * 2);
	}
}

.spacer {
	flex-grow: 1;
	min-height: calc(6.5rem * var(--g-size));
}

.compensate-navigation {
	height: var(--navigation-height);
	box-sizing: border-box;
}

/* link */
.link {
	text-decoration: underline;
	color: currentColor;
}

.link:hover {
	text-decoration: none;
}

.link_tdn {
	text-decoration: none;
}

.link_hover_tdu:hover {
	text-decoration: underline;
}

/* uname */
.uname {
	text-transform: uppercase;
	font-family: var(--font-2);
	color: rgba(var(--color-0), 1);
	font-size: 0.875rem;
	font-weight: 700;
	text-decoration: none;
	flex-grow: 1;
	min-width: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media (min-width: 1200px) {
	.uname {
		color: #000;
		font-size: 0.8125rem;
	}
}

@media (min-width: 1600px) {
	.uname {
		font-size: 1.125rem;
	}
}

/* exit */
.exit {
	color: rgba(var(--color-0), 1);
	font-size: 1.375rem;
	text-decoration: none;
}

.exit:hover {
	color: #9e7644;
	text-decoration: none;
}

@media (min-width: 1200px) {
	.exit {
		color: #886040;
	}
}

/* auth */
.auth {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.9375rem;
	width: 100%;
}

/* gwtab */
[data-tab] {
	display: none;
	opacity: 0;
	animation: tab 1s ease forwards;
}

@keyframes tab {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* data-filter-item */

[data-filter-item] {
	animation: filter 1s ease forwards;
}

@keyframes filter {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* title */

.title {
	font-family: var(--font-2);
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1.2;
	color: rgba(var(--color-2), 1);
	margin: 0;
	text-transform: uppercase;
}

.title_size_tiny {
	font-size: 1.25rem;
}

@media (min-width: 1200px) {
	.title {
		font-size: 2.1875rem;
	}

	.title_size_tiny {
		font-size: 1.25rem;
	}
}

/* heading */

.heading {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.heading_content_left {
	justify-content: flex-start;
	text-align: left;
}

.heading_mb {
	margin-bottom: 2.5rem;
}

/* btns */

.btns {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.625rem 1.875rem;
}

.btns_content_between {
	justify-content: space-between;
}

.btns_content_around {
	justify-content: space-around;
}

.btns_content_start {
	justify-content: flex-start;
}

.btns_content_end {
	justify-content: flex-end;
}

/* Оформление checkbox */
.checkbox {
	display: flex;
	align-items: flex-start;
	font-size: 1rem;
	line-height: 1.2;
	color: inherit;
}

.checkbox_grp {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.checkbox__label {
	height: 1.875rem;
	display: inline-flex;
	align-items: center;
	/*   padding-right: 10px; */
}

.checkbox__name {
	margin-right: 0.875rem;
}

.checkbox__block {
	display: inline-block;
	width: 1.875rem;
	height: 1.875rem;
	border: 1px solid #a39388;
	background: #f2eee3;
	box-sizing: border-box;
	border-radius: var(--border-radius);
	position: relative;
	cursor: pointer;
	margin-right: 0.875rem;
}

.checkbox__block:after {
	font-family: "gwi";
	content: "\E810";
	position: absolute;
	top: 0.25rem;
	left: 0.3125rem;
	opacity: 0;
	transition: 0.2s all;
	pointer-events: none;
	font-size: 1rem;
	color: rgba(var(--color-2), 1);
	transform: scale(1.5);
}

.checkbox__input {
	display: none;
}

.checkbox__input:checked + .checkbox__block {
	border-color: rgba(var(--color-6), 1);
}

.checkbox__input:checked + .checkbox__block:after {
	opacity: 1;
	transform: scale(1);
}

.checkbox__content {
	padding-top: 0.3125rem;
}

/* Оформление checkbox */

.chbx {
	--chbx-transition: 0.5s all;

	display: inline-flex;
	align-items: center;
	line-height: 1.2;
	gap: 0.92rem;
}

.chbx__label {
	height: 1.73338rem;
	display: inline-flex;
	align-items: center;
	gap: 0.92rem;
	/*   padding-right: 10px; */
}

.chbx__block {
	display: inline-block;
	width: 3.90613rem;
	height: 1.73338rem;
	background-color: #e5dfd3;
	border-radius: 1.875rem;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	transition: var(--chbx-transition);
}

.chbx__block:after {
	content: "";
	width: 1.38581rem;
	height: 1.34763rem;
	background-color: #a3998d;
	border-radius: 50%;
	position: absolute;
	left: 0.23rem;
	top: 0.17rem;
	transition: var(--chbx-transition);
	opacity: 1;
	transform: scale(1);
	pointer-events: none;
}

.chbx__input {
	display: none;
}

.chbx__input:checked + .chbx__block {
	background-color: #e5cba8;
}

.chbx__input:checked + .chbx__block:after {
	/* left: 2.24rem; */
	left: calc(100% - 1.38581rem - 0.23rem);
	background-color: #26221f;
}

.chbx__desc {
}

.chbx__desc_pos_start {
	order: -1;
}

.chbx__status {
	/* color: #4A803D; */
	font-family: var(--font-2);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.chbx__status_pos_start {
	order: -1;
}

.chbx__status:before {
	color: #ce5342;
	content: attr(data-chbx-status-off);
	transition: var(--chbx-transition);
}

.chbx__input:checked ~ .chbx__status:before {
	color: #4a803d;
	content: attr(data-chbx-status-on);
}

/* lnk */
.lnk-box {
	width: 100%;
}

.lnk-box_mt {
	margin-top: 0.5rem;
}

.lnk-box_mb {
	margin-bottom: 0.5rem;
}

.lnk {
	padding: 0;
	background: none;
	margin: 0;
	border: 0;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.625rem;
	color: rgba(var(--color-6), 0.5);
	font-size: 1rem;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	transition: 0.2s all;
	position: relative;
	z-index: 0;
	font-family: var(--font-0);
}

.lnk:hover {
	color: rgba(var(--color-6), 1);
}

.lnk[data-item-lock] {
	pointer-events: none;
	color: rgba(var(--color-6), 0.2);
}

.lnk__txt {
	display: none;
}

.lnk_custom_info {
	color: rgba(var(--color-6), 1);
	gap: 0.3rem;
}

.lnk_custom_info:hover {
	color: rgba(var(--color-6), 0.8);
}

@media (min-width: 1200px) {
	.lnk__txt {
		display: inline-block;
	}
}

/* data-inp-type-change */

[data-inp-type-change] {
	position: absolute;
	right: 0.625rem;
	top: 0.3rem;
	z-index: 10;
	color: rgba(var(--color-6), 0.5);
	cursor: pointer;
}

[data-inp-type-change]:after {
	display: block;
	content: "\E85B";
	font-family: var(--font-ico);
	font-size: 1.25rem;
}

input[type="password"] + [data-inp-type-change] {
	top: 0.2rem;
}

input[type="password"] + [data-inp-type-change]:after {
	content: "\E85C";
	font-size: 1.375rem;
}

@media (min-width: 700px) {
	[data-inp-type-change] {
		top: 0.73rem;
	}

	input[type="password"] + [data-inp-type-change] {
		top: 0.66rem;
	}
}

/* back */

.back-wrap {
	margin-bottom: 1rem;
}

.back {
	--back-text-decoration: underline;

	color: rgba(var(--color-6), 1);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	text-decoration: none;
	line-height: 1;
}

.back:hover {
	--back-text-decoration: none;
}

.back__txt {
	text-decoration: var(--back-text-decoration);
}

/* other */

/* .modal-ajax-title:empty {
	display: none;
} */

/* cbtn */
.cbtn {
	--scale: 0.9;
	/* --w: 16.125rem; */
	--h: 4.1875rem;
	--decor-size: 1.6875rem 2.9375rem;
	--padding: 0.375rem calc(2.5rem * var(--scale));
	--font-size: calc(1.1875rem * var(--scale));
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-gap: 0.625rem;
	gap: 0.625rem;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	flex-shrink: 0;
	font-style: normal;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: var(--font-size);
	font-weight: 700;
	cursor: pointer;
	transition: 0.2s all;
	text-shadow: none;
	position: relative;
	text-transform: uppercase;
	z-index: 0;
	outline: 0;
	background: transparent;
	border: 0;
	line-height: 1;
	padding: var(--padding);
	/* width: calc(var(--w) * var(--scale)); */
	height: calc(var(--h) * var(--scale));
	max-width: 100%;
	border-radius: 3.4375rem;
	background: transparent;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	box-shadow: 0px 0.125rem 0.125rem 0px #caa463 inset,
		0px -1px 1px 0px rgba(26, 19, 11, 0.76) inset;
	overflow: hidden;
}

@media (min-width: 540px) {
	.cbtn {
		--scale: 1;
	}
}

.cbtn:hover {
	/* color: rgba(var(--color-accent), 1); */
}

.cbtn:hover:after {
	background-position: 0 center, 100% center;
}

.cbtn__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -2;
	transition: 0.2s all;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	transform-style: preserve-3d;
	perspective: 62.5rem;
	pointer-events: none;
	opacity: 0;
}

.cbtn:before,
.cbtn__bg:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -3;
	transition: 0.2s all;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	transform-style: preserve-3d;
	perspective: 62.5rem;
	pointer-events: none;
	border-radius: 3.4375rem;
	background: linear-gradient(180deg, #886040 0%, #745836 100%);
	box-shadow: 0px 0.125rem 0.125rem 0px #caa463 inset,
		0px -0.0625rem 0.0625rem 0px rgba(26, 19, 11, 0.76) inset;
}

.cbtn__bg:after {
	background: linear-gradient(180deg, #dc7d31 0%, #745836 100%);
	z-index: -2;
}

.cbtn:hover .cbtn__bg:before {
}

.cbtn:hover .cbtn__bg {
	opacity: 1;
}

.cbtn__bg:before {
	content: none;
	display: none;
}

@supports (mix-blend-mode: screen) {
	.cbtn__bg:before {
		content: "";
		display: block;
		background-color: transparent;
		background-image: url(../images/cbtn/glow.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		mix-blend-mode: screen;
		width: 18.75rem;
		height: 12.5rem;
		position: absolute;
		left: 50%;
		bottom: -5.875rem;
		transform: translateX(-50%);
		transition: 0.2s all;
		-webkit-mask: linear-gradient(
			to right,
			rgba(0, 0, 0, 0) 0%,
			rgb(0, 0, 0) 3.25rem,
			rgb(0, 0, 0) calc(100% - 3.25rem),
			rgba(0, 0, 0, 0) 100%
		);
	}
}

.cbtn:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: 0.2s all;
	pointer-events: none;
	background-color: transparent;
	background-image: url(../images/cbtn/cbtn-decor-left.svg),
		url(../images/cbtn/cbtn-decor-right.svg);
	background-size: var(--decor-size), var(--decor-size);
	background-position: 0.25rem center, calc(100% - 0.25rem) center;
	background-repeat: no-repeat, no-repeat;
	mix-blend-mode: soft-light;
}

/* .cbtn:hover:before,
.cbtn:hover:after {
	filter: brightness(120%);
} */
.cbtn_shadow {
	box-shadow: 0px 0.125rem 0.125rem 0px #caa463 inset,
		0px -1px 1px 0px rgba(26, 19, 11, 0.76) inset,
		0px 0.3125rem 0.375rem 0px rgba(33, 14, 4, 0.76);
}

/* cbtn_type_empty */

.cbtn_type_empty {
	box-shadow: none;
	border: 1px solid rgba(var(--color-1), 1);
}

.cbtn_type_empty:before {
	background: none;
	box-shadow: none;
}

.cbtn_type_empty:after {
	opacity: 0.5;
}

.cbtn_size_small {
	--h: 2.5rem;
	--decor-size: 0.9375rem 1.625rem;
	--padding: 0.375rem calc(1.6875rem * var(--scale));
	--font-size: 0.875rem;
	/* @media (--v10) {
		font-size: 1rem;
		--scale: 0.8;
	} */
}

.cbtn_size_mid {
	--h: 3.375rem;
	--decor-size: 0.9375rem 1.625rem;
	--font-size: 1.4375rem;
}

.cbtn_width_full {
	width: 100%;
}

.cbtn_width_auto {
	width: auto;
}

/* ddlist */

.ddlist {
	line-height: 1.3;
}

.dt {
	color: rgba(var(--color-6), 1);
	margin: 0;
	font-size: 0.75rem;
}

.dd {
	color: rgba(var(--color-6), 0.5);
	margin-left: 1.5rem;
	font-size: 0.75rem;
}

@media (min-width: 1200px) {
	.dt {
		font-size: 1rem;
	}
}

/* warn */

.warn {
	gap: 0.625rem;
	color: rgba(var(--color-2), 1);
	font-size: 1rem;
	font-weight: 400;
	background: rgb(254, 252, 247);
	box-shadow: none;
	border-radius: var(--border-radius);
	border: 0;
	text-align: center;
	padding: 1.25rem 2rem;
}

.warn_type_error {
	background: rgb(255, 220, 200);
}

/* block-mode-loading */

.block-mode-loading {
	position: relative;
	z-index: 0;
	pointer-events: none;
}
.block-mode-loading:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	background-color: rgba(var(--content-color), 0.7);
	/* border-radius: var(--border-radius); */
	/* filter: blur(0.1rem); */
}

.block-mode-loading:after {
	content: "\E81C";
	font-family: var(--font-ico);
	color: var(--color-3);
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: customloading 1s linear infinite;
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	font-size: 30px;
	z-index: 21;
}

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

/* lang */
.lang {
	display: inlnie-flex;
	position: relative;
	z-index: 0;
	width: 2.75rem;
	height: 1.9375rem;
	color: rgba(var(--color-0), 1);
	font-family: var(--font-1);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.lang__current {
	border-radius: 0.4375rem;
	background: linear-gradient(180deg, #886040 0%, #745836 100%);
	box-shadow: 0px 0.125rem 0.125rem 0px #caa463 inset,
		0px -0.0625rem 0.0625rem 0px rgba(26, 19, 11, 0.76) inset;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.lang__list {
	position: absolute;
	bottom: calc(100% + 0.625rem);
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-backdrop-filter: blur(0.3125rem);
	backdrop-filter: blur(0.3125rem);
	border: 0.0625rem solid rgba(255, 255, 255, 0.1);
	padding: 0.3125rem 0;
	border-radius: 0.4375rem;
	opacity: 0;
	transform: translateY(0.625rem);
	visibility: hidden;
	transition: 0.2s all;
}

@media (min-width: 1200px) {
	.lang__list {
		bottom: auto;
		top: calc(100% + 0.625rem);
		transform: translateY(-0.625rem);
		background-color: rgba(0, 0, 0, 0.4);
	}
}

.lang:hover .lang__list {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

.lang__list:after {
	content: "";
	position: absolute;
	bottom: -0.6875rem;
	left: 0;
	right: 0;
	height: 0.6875rem;
	background: transparent;
}

@media (min-width: 1200px) {
	.lang__list:after {
		top: -0.6875rem;
		bottom: auto;
	}
}

.lang__item {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.3125rem 0.625rem;
	transition: 0.2s all;
	cursor: pointer;
	text-decoration: none;
	color: rgba(var(--color-0), 1);
}

.lang__item:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

/* scl */
:root {
	/* scl */
	--scl-color-1: rgba(var(--color-3), 1);
	--scl-color-1-hover: rgba(var(--color-1), 1);
	--scl-flex-basis: 2.5rem;
	--scl-width: 2.5rem;
	--scl-height: 2.5rem;
	--scl-bg-color: transparent;
	--scl-bg: url(../images/scl/bg.png);
	--scl-bg-accent: url(../images/scl/bg-accent.png);
	--scl-font-size: 2.1875rem;
	--scl-list-gap: 0.25rem 1.5625rem;
	--scl-sep-display: none;
}

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

.scl__list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--scl-list-gap);
	flex-wrap: wrap;
}

.scl__list_start {
	justify-content: flex-start;
}

.scl__item {
	color: var(--scl-color-1);
	text-decoration: none;
	position: relative;
	z-index: 0;
	flex-basis: var(--scl-flex-basis);
	min-width: var(--scl-width);
	height: var(--scl-height);
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.2s all;
	font-size: var(--scl-font-size);
	box-sizing: border-box;
}

/* .scl__item:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: rgba(var(--color-0), 0);
	transform: rotate(90deg);
	transition: 0.3s all;
	border-radius: 10%;
}

.scl__item:hover:after {
	border-radius: 50%;
	background-color: rgba(var(--color-0), 1);
	transform: rotate(0);
} */
.scl__item:hover {
	color: var(--scl-color-1-hover);
}

/* logo */
.logo {
	display: inlnie-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 0;
	transition: 0.3s all;
}

.logo__img {
	display: block;
	margin: 0;
	max-height: 3.125rem;
}

.logo__img_hover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	width: 100%;
}

.logo:hover {
	filter: brightness(120%);
}

.logo:hover .logo__img_hover {
	-webkit-animation: logo 0.3s ease;
	animation: logo 0.3s ease;
}

@-webkit-keyframes logo {
	0% {
		transform: scale(1);
		opacity: 0;
	}

	20% {
		opacity: 0.3;
	}

	100% {
		transform: scale(1.3);
		opacity: 0;
	}
}

@keyframes logo {
	0% {
		transform: scale(1);
		opacity: 0;
	}

	20% {
		opacity: 0.3;
	}

	100% {
		transform: scale(1.3);
		opacity: 0;
	}
}

@media (max-width: 1199.98px) {
	/* mbar */
	.mbar {
		height: var(--navigation-height);
		display: flex;
	}

	.mbar__box {
		flex-basis: 50%;
		display: flex;
	}

	/* gw-burger */
	.gw-burger {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: transparent;
		position: relative;
		z-index: 10;
		cursor: pointer;
	}

	.gw-burger__box {
		position: relative;
		z-index: 5;
		background-color: transparent;
		width: 1.375rem;
		height: 1rem;
		border-radius: 0;
		box-sizing: border-box;
		flex-shrink: 0;
	}

	.gw-burger__line {
		height: 0.125rem;
		position: absolute;
		left: 0;
		right: 0;
		background-color: rgba(var(--color-2), 1);
		border-radius: 0;
		transition: 0.7s all;
	}

	.gw-burger__line_pos_top {
		top: 0;
		left: 20%;
	}

	.gw-burger__line_pos_middle {
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		/* transition: 0.3s all 0.4s; */
	}

	.gw-burger__line_pos_bottom {
		bottom: 0;
		left: 40%;
	}

	.mob-menu-active .gw-burger__line {
		background-color: #fff;
	}

	/* menu */
	.menu {
		position: absolute;
		top: var(--navigation-height);
		right: 0;
		left: 0;
		z-index: 2;
		box-sizing: border-box;
		padding-top: 0;
		padding-bottom: var(--navigation-height);
		height: calc(100vh - var(--navigation-height));
		overflow-x: hidden;
		overflow-y: auto;
		display: flex;
		justify-content: flex-start;
		/* align-items: center; */
		/* background: rgba(var(--body-background-color), 1); */
		background: rgba(24, 20, 18, 0.92);
		background-blend-mode: normal, overlay, normal;
		opacity: 0;
		transition: 0.5s all 0.3s;
		visibility: hidden;
		/* box-shadow: 0 0 0 100vh rgba(var(--body-background-color), 1); */
		box-shadow: 0 0 0 100vh rgba(24, 20, 18, 0.92);
	}

	.mob-menu-active .menu {
		visibility: visible;
		opacity: 1;
		transition: 0.5s all;
	}

	.menu__content {
		/* margin: auto 0; */
		transform: translateY(-2.5rem);
		transition: 0.3s all;
		opacity: 0;
		width: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		gap: 1.875rem;
		padding-top: 1.875rem;
	}

	.mob-menu-active .menu__content {
		transform: translateX(0);
		opacity: 1;
		transition: 0.5s all 0.3s;
	}

	.menu__list {
		list-style-type: none;
		padding: 0;
		margin: 0;
		/* height: 70vh; */
		display: flex;
		justify-content: space-around;
		flex-direction: column;
		box-sizing: border-box;
	}

	.menu__el {
		width: 100%;
		position: relative;
		z-index: 0;
	}

	.menu__el_continer {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		padding: 0.8125rem calc(var(--margin) * 2);
		box-sizing: border-box;
	}

	.menu__el_continer_divider {
		border-top: 1px solid rgba(var(--color-0), 0.4);
	}

	.menu__el_continer:hover {
		z-index: 10;
	}

	.menu__el_auth {
		background: #aeaeae12;
	}

	.menu__el_auth:empty {
		display: none;
	}

	.menu__item {
		box-sizing: border-box;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-decoration: none;
		text-align: left;
		padding: 0.8125rem 0 0.8125rem calc(var(--margin) * 2);
		color: rgba(var(--color-0), 1);
		fill: rgba(var(--color-accent), 1);
		font-family: var(--font-1);
		cursor: pointer;
		white-space: nowrap;
		width: 100%;
		min-height: 1.875rem;
		transition: 0.2s all;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.menu__item_open,
	.menu__item:hover,
	.menu__item_active {
		color: rgba(var(--color-0), 1);
		background: rgba(255, 244, 229, 0.05);
		background: rgba(var(--color-0), 0.05);
	}

	.menu__sub-wrapper {
		display: none;
	}

	.subnav__container {
		padding: 0;
	}

	.mob-menu-active {
		overflow: hidden;
	}

	[data-menu-open-sub-list]:after {
		display: block;
		content: "";
		background-color: transparent;
		background-image: var(--arrow-down);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		width: 0.9375rem;
		height: 0.5rem;
		margin-left: 0.625rem;
		position: relative;
		top: 0;
		transition: 0.5s all;
	}

	.menu__item_open:after {
		transform: rotateX(180deg);
	}

	.menu__item_open {
		background: rgba(255, 244, 229, 0.05);
		background: rgba(var(--color-0), 0.05);
	}

	/* menu__sub-list */
	.menu__sub-list {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: none;
		background: rgba(255, 244, 229, 0.05);
		background: rgba(var(--color-0), 0.05);
	}

	.menu__item_open ~ .menu__sub-list {
		display: block;
	}

	.menu__sub-item {
		display: flex;
		align-items: center;
		text-decoration: none;
		box-sizing: border-box;
		transition: 0.3s all;
		position: relative;
		z-index: 0;
		padding: 0.625rem 1.5625rem;
		color: rgba(var(--color-0), 1);
		fill: rgba(var(--color-accent), 1);
		/* font-family: var(--font-1); */
		cursor: pointer;
		font-style: normal;
		font-size: 0.875rem;
		text-align: left;
		min-height: 3.125rem;
		text-transform: uppercase;
	}

	.menu__sub-item:hover {
		color: rgba(var(--color-0), 1);
	}

	.menu__sub-content {
		min-width: 0;
		flex-grow: 1;
	}

	.menu__sub-name {
		font-size: 1.125rem;
		line-height: 1.125rem;
		color: #000;
		transition: 0.2s all;
	}

	.menu__sub-desc {
		padding-top: 0.1875rem;
		font-size: 0.875rem;
		line-height: 1rem;
		color: rgba(0, 0, 0, 0.6);
		transition: 0.2s all;
	}

	.menu__scl {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(232, 209, 166, 1);
		background: rgba(var(--body-background-color), 1);
		--scl-flex-basis: 100%;
	}
}

@media (min-width: 1200px) {
	:root {
		--menu-item-color: rgba(var(--color-2), 1);
	}

	/* gw-burger  */
	.gw-burger {
		display: none;
	}

	/* menu */
	.menu {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.menu__content {
		display: flex;
		width: 100%;
	}

	.menu__list {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		/* overflow: hidden; */
		opacity: 1;
		visibility: visible;
		width: 100%;
		padding-left: 0;
		box-sizing: border-box;
		grid-gap: 1.25rem;
		gap: 1.25rem;
	}

	.nav-static .menu__list {
	}

	.menu__el {
		display: flex;
		position: relative;
		z-index: 0;
	}

	.menu__el_lang {
		z-index: 5;
	}

	.menu__el_desktop_none {
		display: none;
	}

	.menu__item {
		padding: 0.5rem 0;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		text-align: center;
		color: var(--menu-item-color);
		fill: rgba(var(--color-accent), 1);
		font-family: var(--font-1);
		cursor: pointer;
		font-style: normal;
		font-size: 1rem;
		font-weight: 700;
		white-space: nowrap;
		position: relative;
		z-index: 0;
		box-sizing: border-box;
		transition: 0.3s all;
		border-radius: 0.625rem;
		text-transform: uppercase;
	}

	.menu__el:hover [data-menu-open-sub-list],
	.menu__item:hover,
	.menu__item_open:hover,
	.menu__item_active {
	}

	.menu__item:after {
		display: block;
		content: "";
		background-color: transparent;
		background-image: url(../images/menu/decor.svg);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		width: 5.1875rem;
		height: 0.6875rem;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%) scaleX(0.2);
		pointer-events: none;
		opacity: 0;
		transition: 0.2s all;
	}

	.menu__item:hover:after {
		opacity: 1;
		transform: translateX(-50%) scaleX(1);
	}

	/* menu__sub-list */
	.menu__sub-list {
		position: absolute;
		left: 50%;
		top: calc(100%);
		list-style: none;
		margin: 0;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s all;
		display: block !important;
		min-width: 100%;
		/* width: 10rem; */
		/* filter: drop-shadow(0 0 1px #cccccc62); */
		transform: translateX(-50%) translateY(0);
		padding: 1rem 0;
		background-color: rgba(var(--body-background-color), 0.6);
		-webkit-backdrop-filter: blur(0.5625rem);
		backdrop-filter: blur(0.5625rem);
		border: 1px solid rgba(var(--color-0), 0.1);
		border-radius: 0.625rem;
	}

	.menu__sub-list:before {
		display: block;
		content: "";
		height: 1.25rem;
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		opacity: 0;
	}

	[data-menu-open-sub-list] .menu__item-arrow {
		display: block;
		content: "";
		background-color: transparent;
		background-image: var(--arrow-down);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		width: 0.9375rem;
		height: 0.5rem;
		margin-left: 0.625rem;
		position: relative;
		top: 0;
		transition: 0.5s all;
	}

	.menu__item_open .menu__item-arrow {
		transform: rotateX(180deg);
	}

	[data-menu-open-sub-list]:hover ~ .menu__sub-list,
	.menu__sub-list:hover {
		opacity: 1;
		visibility: visible;
		top: calc(100%);
		transform: translateX(-50%) translateY(1.25rem);
	}

	.menu__sub-item {
		padding: 0.5rem 1.25rem;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		text-decoration: none;
		color: rgba(var(--color-0), 1);
		fill: rgba(var(--color-accent), 1);
		cursor: pointer;
		font-style: normal;
		font-size: 1.125rem;
		font-weight: 400;
		white-space: nowrap;
		position: relative;
		z-index: 0;
		box-sizing: border-box;
		transition: 0.3s all;
	}

	.menu__sub-item:hover {
		background-color: rgba(var(--color-0), 0.06);
	}
}

/* navigation */
[data-section="navigation"] {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 50;
	background-color: rgba(var(--navigation-bg), 0);
	transition: 0.2s all;
}

[data-section="navigation"]::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	background-image: url(../images/navigation/navigation-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.8;
}

@media (min-width: 1200px) {
	[data-section="navigation"] {
		position: absolute;
		/* background-color: rgba(242, 236, 222, 0.569);
		box-shadow: 0 0.625rem 1.875rem rgba(36, 30, 10, 0.3);
		backdrop-filter: blur(4px); */
	}
}

@media (max-width: 1199.99px) {
	.nav-scroll [data-section="navigation"] {
		transition: 0.2s all;
		/* background-color: rgba(var(--navigation-bg), 0.5); */
		background-color: rgba(242, 236, 222, 0.569);
		box-shadow: 0 0.625rem 1.875rem rgba(36, 30, 10, 0.3);
		-webkit-backdrop-filter: blur(0.25rem);
		backdrop-filter: blur(0.25rem);
	}
}

@media (max-width: 1199.99px) {
	.mob-menu-active.nav-scroll [data-section="navigation"] {
		background-color: transparent;
		box-shadow: 0 0.625rem 1.875rem rgba(36, 30, 10, 0);
	}
}

[data-container="navigation"] {
	padding-right: 0;
}

@media (min-width: 1200px) {
	[data-container="navigation"] {
		z-index: 10;
		max-width: 100%;
		position: static;
		padding-right: 0;
		padding-left: 3.125rem;
	}
}

.navigation {
	display: flex;
	justify-content: flex-start;
	height: var(--navigation-height);
	transition: 0.2s all;
	grid-gap: 1.25rem;
	gap: 1.25rem;
}

@media (min-width: 1200px) {
	.navigation {
		grid-gap: 2.8125rem;
		gap: 2.8125rem;
	}
}

.nav-scroll .navigation {
	height: var(--navigation-height-scroll);
}

.navigation__gw-burger {
	align-self: center;
	flex-shrink: 0;
	/* margin-left: auto; */
}

.navigation__logobox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	z-index: 10;
	transition: 0.7s all;
}

.mob-menu-active .navigation__logobox {
	filter: invert(1);
}

.navigation__box {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 1.25rem;
	gap: 1.25rem;
}

@media (min-width: 1200px) {
	.navigation__menubox {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		grid-gap: 1.25rem;
		gap: 1.25rem;
	}
}

.navigation__panel {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	grid-gap: 0.9375rem;
	gap: 0.9375rem;
	margin-left: auto;
	box-sizing: border-box;
	padding: 0 1.25rem 0 0;
	position: relative;
	z-index: 0;
	min-width: 0;
}

.navigation__panel:before {
	display: block;
	content: "";
	background-color: transparent;
	background-image: url(../images/navigation/decor-panel.png),
		linear-gradient(
			to right,
			rgba(120, 112, 108, 0.31) 0%,
			rgba(120, 112, 108, 0.31) 100%
		);
	background-size: 5rem 100%, 100% 100%;
	background-position: 0 center, 5rem center;
	background-repeat: no-repeat;
	width: calc(80% + 5rem);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -5;
}

@media (min-width: 1200px) {
	.navigation__panel:before {
		background-size: 9rem 100%, 100% 100%;
		background-position: 0 center, 9rem center;
		background-repeat: no-repeat;
		width: calc(100% + 9rem);
	}
}

.navigation__auth {
	min-width: 0;
}

.navigation__el {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.navigation__el_auth {
	order: 100;
}

.navigation__el_desktop {
	display: none;
}

@media (min-width: 1200px) {
	.navigation__el_desktop {
		display: flex;
		justify-content: center;
	}
}

/* footer */
[data-section="footer"] {
	background: #171412;
	margin-top: auto;
}

[data-container="footer"] {
}

.footer {
	display: grid;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	grid-gap: 1.25rem;
	gap: 1.25rem;
	text-align: center;
}

@media (min-width: 1200px) {
	.footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 3.125rem;
		height: var(--footer-height);
	}
}

.footer__copyright {
	color: rgba(var(--color-1), 1);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

@media (min-width: 1200px) {
	.footer__copyright {
		text-align: left;
	}
}

.footer__links {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	grid-gap: 0.625rem 0.9375rem;
	gap: 0.625rem 0.9375rem;
}

@media (min-width: 1200px) {
	.footer__links {
		grid-gap: 0.625rem 1.9375rem;
		gap: 0.625rem 1.9375rem;
	}
}

.footer__link {
	text-decoration: none;
	transition: 0.2s all;
	color: rgba(var(--color-3), 1);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: relative;
	z-index: 0;
}

@media (min-width: 840px) {
	.footer__link {
		font-size: 1.125rem;
	}
}

.footer__link:not(:last-child):after {
	display: block;
	content: none;
	position: absolute;
	top: 50%;
	left: calc(100% + 0.9375rem);
	transform: translateY(-50%);
	pointer-events: none;
	color: rgba(var(--color-3), 1);
}

@media (min-width: 1200px) {
	.footer__link:not(:last-child):after {
		content: "|";
	}
}

.footer__link:hover {
	color: rgba(var(--color-1), 1);
}

/* form-box */
.form-box {
	max-width: 32rem;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 3.125rem 1.25rem;
}

.form-box_size_large {
	max-width: 38rem;
}

.form-box__heading {
	margin-bottom: 3.5rem;
}

@media (min-width: 1200px) {
	.form-box {
		padding: 5rem 1.25rem 3rem 1.25rem;
	}

	.form-box__heading_ms_small {
		margin-bottom: 2rem;
	}
}

/* option:hover {
	background-color: rgba(var(--color-2), 1);
	color: rgba(var(--color-0), 1);
} */
/* noty */
.gwn {
	border-radius: var(--border-radius);
	min-height: 6.25rem;
	display: flex;
	width: min(90vw, 37.5rem);
	/* min-width: 300px; */
	border: 1px solid #312e27;
	background-color: #fff5da;
	box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.gwn__pic {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6.25rem;
	background: #312e27;
	display: none;
}

@media (min-width: 700px) {
	.gwn__pic {
		display: flex;
	}
}

.gwn__container {
	min-width: 0;
	flex-grow: 1;
	margin: auto 0;
	box-sizing: border-box;
	padding: 0.625rem 1.875rem 0.625rem 1.25rem;
}

.gwn .close {
	background: url(../images/noty/close.svg?v01) no-repeat;
	width: 1.5rem !important;
	height: 1.5rem !important;
	position: absolute;
	right: 0.25rem !important;
	top: 0.25rem !important;
	text-decoration: none;
	cursor: pointer;
	z-index: 20;
	font-size: 0;
}

.gwn__title {
	font-size: 1.375rem;
	line-height: 1.2;
	color: #000;
	font-weight: bold;
}

.gwn__content {
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	font-size: 1rem;
	line-height: 1.2;
	color: #000;
}

.gwn_type_info {
	/* border-color: #fcb418; */
	background-color: #fff5da;
}

.gwn_type_alert,
.gwn_type_warning {
	/* border-color: #fcb418; */
	background-color: #ffbf35;
}

.gwn_type_success {
	/* border-color: #2fe341; */
	background-color: #84ff90;
}

.gwn_type_error,
.gwn_type_danger {
	/* border-color: #d03434; */
	/* background-color: #d03434; */
	background-color: #ff7979;
}

/* table */
table {
	--table-background-odd: #e5dfd3;
	--table-background-even: transparent;
	--table-background-success: #cae4a9;

	border: 0;
	border-collapse: collapse;
	width: 100%;
}

td,
th {
	border: 0;
	padding: 0.8rem;
	vertical-align: middle;
}

:where(table tbody tr:nth-child(odd) td) {
	background: var(--table-background-odd);
}

:where(table tbody tr:nth-child(even) td) {
	background: var(--table-background-even);
}

:where(table tbody tr td:first-child) {
	border-top-left-radius: var(--border-radius-2);
	border-bottom-left-radius: var(--border-radius-2);
}

:where(table tbody tr td:last-child) {
	border-top-right-radius: var(--border-radius-2);
	border-bottom-right-radius: var(--border-radius-2);
}

@media (min-width: 1200px) {
	td,
	th {
		padding: 1rem 1.25rem;
	}
}

@media (max-width: 1199.99px) {
	/* tbl */

	.tbl {
		color: #000;
		font-family: var(--font-2);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.1;
	}

	.tbl_mobile-font-size_large {
		font-size: 1rem;
	}

	.tbl__thead {
		display: none;
	}

	.tbl__tr {
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding: 0.8rem;
		gap: 0.8rem;
	}

	.tbl__tr_compact {
		gap: 0.4rem;
	}

	.tbl__tr:nth-child(odd) {
		background: var(--table-background-odd);
	}

	.tbl__tr_active_false {
		opacity: 0.2;
	}

	.tbl__td_accent_no {
		color: rgb(163, 153, 141);
	}

	.tbl__td {
		display: block;
		padding: 0;
		background: transparent;
		order: 100;
	}

	.tbl__td_mobile_none {
		display: none;
	}

	/* .tbl__td_mobile_full-width {
		grid-column: 1 / 3;
	} */

	.tbl__td_color_2 {
		color: rgba(var(--color-6), 1);
	}

	.tbl__td_status_success {
		background: var(--table-background-success);
	}

	.tbl__td_status_false {
		opacity: 0.5;
	}

	[data-td-title]:before {
		display: block;
		content: attr(data-td-title);
		color: rgba(var(--color-6), 1);
		font-style: normal;
		font-weight: 700;
		text-transform: uppercase;
	}

	[data-td-info-before]:before,
	[data-td-info-end]:after {
		display: inline;
		content: none;
		color: rgba(var(--color-6), 1);
		font-style: normal;
		font-weight: 700;
		text-transform: uppercase;
	}

	[data-td-info-before]:before {
		content: attr(data-td-info-before);
	}

	[data-td-info-end]:after {
		content: attr(data-td-info-end);
	}

	.tbl__td_mobile_info-accent:before,
	.tbl__td_mobile_info-accent:after {
		color: #000;
	}

	[data-pos="1"] {
		order: 1;
	}

	[data-pos="2"] {
		order: 2;
	}

	[data-pos="3"] {
		order: 3;
	}

	[data-pos="4"] {
		order: 4;
	}

	[data-pos="5"] {
		order: 5;
	}

	[data-pos="6"] {
		order: 6;
	}

	[data-pos="7"] {
		order: 7;
	}

	[data-pos="8"] {
		order: 8;
	}

	[data-pos="9"] {
		order: 9;
	}

	[data-pos="10"] {
		order: 10;
	}

	[data-pos="11"] {
		order: 11;
	}

	[data-pos="12"] {
		order: 12;
	}

	[data-area="1"] {
		grid-area: area-1;
	}

	[data-area="2"] {
		grid-area: area-2;
	}

	[data-area="3"] {
		grid-area: area-3;
	}

	[data-area="4"] {
		grid-area: area-4;
	}

	[data-area="5"] {
		grid-area: area-5;
	}

	[data-area="6"] {
		grid-area: area-6;
	}

	[data-area="7"] {
		grid-area: area-7;
	}

	[data-area="8"] {
		grid-area: area-8;
	}

	[data-area="9"] {
		grid-area: area-9;
	}

	[data-area="10"] {
		grid-area: area-10;
	}

	[data-area="11"] {
		grid-area: area-11;
	}

	[data-area="12"] {
		grid-area: area-12;
	}

	.tbl__tr_logs {
		display: grid;
		gap: 0.4rem 1rem;
		grid-template-columns: auto 1fr;
		grid-template-areas:
			"area-1 area-2 area-2"
			"area-1 area-3 area-4";
	}
}

@media (min-width: 1200px) {
	.tbl {
		color: #000;
		font-family: var(--font-2);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.1;
	}

	.tbl__thead {
		text-transform: uppercase;
		color: rgba(var(--color-6), 1);
		font-size: 0.875rem;
	}

	.tbl__tr_active_false {
		opacity: 0.2;
	}

	.tbl__td_accent_no {
		color: rgb(163, 153, 141);
	}

	.tbl__td_status_success {
		background: var(--table-background-success);
	}
}

/* data-transfer-status */

[data-transfer-status="0"] {
	color: rgba(181, 127, 63, 1);
}

[data-transfer-status="1"] {
	color: rgba(0, 159, 16, 1);
}

[data-transfer-status="2"] {
	color: rgba(255, 131, 0, 1);
}

[data-transfer-status="3"] {
	color: rgba(195, 26, 26, 1);
}

/* status */

.status {
	width: 0.58525rem;
	height: 0.58525rem;
	flex-shrink: 0;
	display: inline-block;
	background-color: transparent;
	background-image: url(../images/status-offline.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.status_type_offline {
	background-image: url(../images/status-offline.svg);
	filter: drop-shadow(0px 0px 0.625rem #9b9b9b);
}

.status_type_online {
	background-image: url(../images/status-online.svg);
	filter: drop-shadow(0px 0px 0.625rem #70ff00);
}

@media (min-width: 1200px) {
	.status {
		width: 1.1705rem;
		height: 1.1705rem;
	}
}

/* servmenu */

.servmenu {
	--servmenu-size: 0.6;

	position: relative;
	z-index: 3;
	box-sizing: border-box;
	overflow-x: auto;
	-ms-overflow-style: none; /* IE и Edge */
	scrollbar-width: none; /* Firefox */

	-webkit-mask: linear-gradient(
		to right,
		rgba(0, 0, 0, 1) 0%,
		rgb(0, 0, 0) calc(100% - 3rem),
		rgba(0, 0, 0, 0) 100%
	);
}

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

.servmenu__list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: max-content;
	overflow: hidden;
	min-width: 100%;
	padding-top: 2rem;
}

.servmenu__item {
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	z-index: 0;
	padding: 2rem 2rem 0.625rem 2rem;
	height: 4rem;
	min-width: 15rem;
	border-top-left-radius: 0.625rem;
	border-top-right-radius: 0.625rem;
	text-align: center;
	text-decoration: none;
	transition: 0.2s all;
	opacity: 0.5;
	font-size: 1rem;
}

.servmenu__item:where(:not(.servmenu__item_active)) {
	cursor: pointer;
}

.servmenu__item:hover {
	opacity: 1;
}

.servmenu__item_active {
	background-color: rgba(var(--content-color), 1);
	opacity: 1;
	order: -100;
}

.servmenu__item:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	pointer-events: none;
	transition: 0.2s all;
	background-color: transparent;
	background-image: url(../images/servmenu/dec-left.svg),
		url(../images/servmenu/dec-right.svg);
	background-size: calc(7.91869rem * var(--servmenu-size))
			calc(3.50325rem * var(--servmenu-size)),
		calc(7.91869rem * var(--servmenu-size))
			calc(3.50325rem * var(--servmenu-size));
	background-position: 0.95rem 0.63rem, calc(100% - 0.95rem) 0.63rem;
	background-repeat: no-repeat;
	opacity: 0;
}

.servmenu__item_active:before {
	opacity: 1;
}

.servmenu__pic {
	z-index: 0;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
}

.servmenu__pic:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: var(--roundframe);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	width: 4.2rem;
	height: 3.5rem;
}

.servmenu__img {
	width: 2.9375rem;
	height: 2.9375rem;
	border-radius: 50%;
	display: block;
}

.server__name {
	color: rgba(var(--color-8), 1);
	font-family: var(--font-2);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	white-space: nowrap;
}

@media (min-width: 600px) {
	.servmenu {
		width: calc(100% + (100vw - 100%) / 2);
	}
}

@media (min-width: 1200px) {
	.servmenu {
		--servmenu-size: 1;

		padding-left: 2.2rem;
	}
	.servmenu__item {
		padding: 2.1875rem 4.375rem 0.625rem 4.375rem;
		height: 5rem;
		min-width: 25rem;
		font-size: 1.5625rem;
	}
	.servmenu__item_active {
		order: 0;
	}
}

/* dec-arrow */

.dec-arrow {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 0.75rem;
	max-width: 30rem;
	margin: 0 auto;
}

.dec-arrow:before,
.dec-arrow:after {
	display: block;
	content: "";
	position: absolute;
	width: 50%;
	top: 0;
	bottom: 0;
	background-color: transparent;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.dec-arrow:before {
	left: 0;
	background-image: url(../images/dec-arrow.svg?v0);
	background-position: left center;
}
.dec-arrow:after {
	right: 0;
	background-image: url(../images/dec-arrow.svg?v0);
	background-position: right center;
}

.dec-arrow_short {
	max-width: 7.6rem;
}

/* dec-arrow-v */

.dec-arrow-v {
	position: relative;
	z-index: 0;
	width: 0.75rem;
	height: auto;
	max-height: 70rem;
}

.dec-arrow-v:before,
.dec-arrow-v:after {
	display: block;
	content: "";
	position: absolute;
	height: 50%;
	left: 0;
	right: 0;
	background-color: transparent;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.dec-arrow-v:before {
	top: 0;
	background-image: url(../images/dec-arrow-v.svg);
	background-position: center top;
}
.dec-arrow-v:after {
	bottom: 0;
	background-image: url(../images/dec-arrow-v.svg);
	background-position: center bottom;
}

/* inform */

.inform {
	display: grid;
	text-align: center;
	gap: 0.8rem;
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border-radius: var(--border-radius);
	background: rgba(var(--color-content-2), 1);
	box-sizing: border-box;
	padding: 0.9rem 0.7rem;
}

@media (min-width: 1200px) {
	.inform {
		padding: 1rem;
	}
}

.inform__title {
	font-size: 1.25rem;
	text-transform: uppercase;
	line-height: 0.8;
}

.inform__sum {
	font-size: 2.6rem;
	line-height: 0.7;
}

.inform__btns {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.62rem;
}

.inform__other {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.62rem;
	line-height: 1;
}

.bar {
	display: grid;
	gap: 0.5rem;
	position: relative;
	z-index: 0;
}

.bar__server {
	width: 100%;
	position: relative;
	z-index: 0;
	display: none;
}

.bar__frame {
	width: 7.72rem;
	height: 9.68038rem;
	background-color: transparent;
	background-image: url(../images/serv-flag.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -0.58rem auto 0 auto;
	filter: drop-shadow(0px 0.25rem 0.6875rem rgba(0, 0, 0, 0.32));
	display: flex;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	padding-top: 1.25rem;
}

.bar__pic {
	width: 6rem;
	height: 6rem;
	position: relative;
	z-index: 0;
	filter: drop-shadow(0px 0.25rem 0.25rem rgba(0, 0, 0, 0.4));
}

.bar__pic:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
	width: 9rem;
	height: 9rem;
	pointer-events: none;
	background-image: var(--roundframe);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.bar__img {
	border-radius: 50%;
	display: block;
	max-width: 100%;
	z-index: 0;
}

.bar__servname {
	margin-top: 1.3rem;
	color: rgba(var(--color-2), 1);
	text-align: center;
	font-family: var(--font-2);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	line-height: 1;
}

.bar__dec-arrow {
	display: none;
}

@media (min-width: 900px) {
	.bar {
		gap: 1rem;
		background: rgb(229, 223, 211);
		border-radius: var(--border-radius);
		box-sizing: border-box;
		padding: 0 1.75rem 1.75rem 1.75rem;
	}

	.bar__server {
		display: block;
	}

	.bar__servname {
		font-size: 2rem;
	}

	.bar__dec-arrow {
		display: block;
	}
}

/* stocklabel */

.stocklabel {
	/* background-color: rgba(var(--color-accent-2), 1); */
	background-color: rgba(255, 227, 117, 0.87);
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-style: normal;
	line-height: 1;
	/* text-transform: uppercase; */
	white-space: nowrap;
	box-sizing: border-box;
	padding: 0.2rem 0.6rem;
	font-size: 1rem;
	border-radius: 0.125rem;
}

/* sarrow */
.sarrow {
	flex-shrink: 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 0;
}

.sarrow:after {
	content: "";
	width: 0.4375rem;
	height: 0.625rem;
	z-index: 10;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(var(--color-1));
	font-size: 1.125rem;
	transition: 0.2s all;
	background-color: transparent;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.sarrow_prev:after {
	background-image: url(../images/swiper/arrow-prev.svg);
}

.sarrow_next:after {
	background-image: url(../images/swiper/arrow-next.svg);
}

.sarrow:hover:after {
	filter: brightness(120%);
}

.sarrow.swiper-button-disabled {
	pointer-events: none;
	opacity: 0.5;
}

.sarrow.swiper-button-disabled:after {
}

/* dots */
.dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.62rem;
	width: auto !important;
}

.dot {
	width: 0.75rem;
	height: 0.75rem;
	background-color: transparent;
	box-sizing: border-box;
	opacity: 1;
	cursor: pointer;
	flex-shrink: 0;
	transition: 0.2s all;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(var(--color-1), 1);
	border: 0;
	border-radius: 50%;
	transform: scale(0.7);
}

.dot_active {
	background: rgba(var(--color-5), 1);
	transform: scale(1);
}

/* msld */

.msld-box {
	min-width: 0;
}

.msld {
	position: relative;
	z-index: 0;
}

.msld__bonuscode {
	margin: 1rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.msld__slider {
	overflow: hidden;
	border-radius: var(--border-radius);
}

.msld__control {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.62rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.msld__item {
	height: 13rem;
	background-color: #292a2f;
	display: flex;
	box-sizing: border-box;
	padding: 0.7rem;
	overflow: hidden;
	border-radius: var(--border-radius);
	position: relative;
	z-index: 0;
}

.msld__pic {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

.msld__title {
	color: rgba(var(--color-1), 1);
	font-family: var(--font-2);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	box-sizing: border-box;
	padding-bottom: 0.2rem;
}

.msld__content {
	margin-top: auto;
	margin-left: auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	width: 100%;
	transition: 0.3s all;
}

.msld__btns {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 0.62rem;
}

.msld__price-old {
	color: rgba(var(--color-0), 0.6);
	font-size: 1rem;
	font-weight: 400;
	text-decoration: line-through;
}

.msld__stock {
	/* position: absolute;
	z-index: 10;
	left: 57%;
	top: 15rem;
	margin: 0; */
	margin-bottom: 0.125rem;
	margin: 0 auto;
	display: inline-block;
}

:where(.swiper-slide) .msld__content {
	transition: 0.6s all 0.3s;
	opacity: 0;
	transform: translateY(1.25rem);
}
:where(.swiper-slide-active, .swiper-slide-duplicate-active) .msld__content {
	opacity: 1;
	transform: translateY(0);
}

@media (min-width: 900px) {
	.msld-box {
		margin-bottom: 2rem;
	}
	.msld__bonuscode {
		margin: 0;
		position: absolute;
		z-index: 10;
		right: 0;
		background: rgb(231, 226, 213);
		padding: 0.8rem;
		border-bottom-left-radius: var(--border-radius);
	}
}

@media (min-width: 1200px) {
	.msld__item {
		height: 18rem;
		padding: 1.25rem 3.5rem 6rem 1.25rem;
	}

	.msld__pic {
		right: 60%;
	}

	.msld__title {
		font-size: 2.0625rem;
	}

	.msld__content {
		max-width: 31.7rem;
	}

	.msld__control {
		position: absolute;
		z-index: 10;
		left: 57%;
		top: 13.4rem;
		margin: 0;
	}
}

/* char */

.char-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.62rem;
}

.char {
	border-radius: var(--border-radius);
	background: rgb(243, 237, 222);
	box-sizing: border-box;
	padding: 1.12rem 1.38rem;
}

.char__content {
	width: 100%;
	display: grid;
	grid-template-columns: 1.8rem 1.8rem 1fr;
	align-items: center;
	gap: 1.25rem;
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 1rem;
	font-style: normal;
	line-height: normal;
	text-align: left;
}

.char__lvl {
}

.char__status {
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	background-color: #6a5b50;
}

.char__name {
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.char__box {
	display: grid;
}

.char__control {
	font-size: 0.625rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.3rem 1rem;
}

@media (min-width: 1200px) {
	.char-list {
		grid-template-columns: 1fr 1fr;
	}
	.char__content {
		grid-template-columns: 2.5rem 3rem 1fr;
		font-size: 2.1875rem;
	}
}

/* spl */

.spl {
	--spl-container-rows: 0fr;
	--spl-container-opacity: 0;
	--spl-container-maring: 0 0;
	--spl-bgc-heading: transparent;
	--spl-transition: 0.3s all;
	--spl-bar-maring-top: 0;
	--spl-arrow-transform: rotate(0deg);

	background-color: rgba(var(--color-content-2), 0.5);
	box-sizing: border-box;
	padding: 0.85rem;
	border-radius: var(--border-radius);
	transition: var(--spl-transition);
}

[data-spl="active"] {
	--spl-container-rows: 1fr;
	--spl-container-opacity: 1;
	--spl-container-maring: 0.85rem 0;
	--spl-bgc-heading: rgb(243, 237, 222);
	--spl-bar-maring-top: 0.75rem;
	--spl-arrow-transform: rotate(90deg);

	padding: 0.85rem;
}

.spl__heading {
	border-radius: var(--border-radius);
	background: var(--spl-bgc-heading);
	padding: 0.81rem 1.56rem;
	transition: var(--spl-transition);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
}

[data-spl-trigger] {
	cursor: pointer;
}

.spl__arrow {
	display: inline-block;
	position: relative;
	z-index: 0;
	color: rgba(var(--color-8), 1);
	margin-left: auto;
	transition: var(--spl-transition);
	transform: var(--spl-arrow-transform);
}

.spl__arrow:after {
	content: "\E849";
	display: inline-block;
	font-family: var(--font-ico);
	font-size: 1.25rem;
}

.spl__content {
	display: grid;
}

.spl__title {
	color: rgba(var(--color-6), 1);
	font-size: 0.8125rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.spl__bar {
	display: grid;
	grid-template-rows: var(--spl-container-rows);
	overflow: hidden;
	opacity: var(--spl-container-opacity);
	transition: var(--spl-transition);
	margin-top: var(--spl-bar-maring-top);
}

.spl__control {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1.25rem;
	min-height: 0;
}

.spl__container {
	margin: var(--spl-container-maring);

	display: grid;
	grid-template-rows: var(--spl-container-rows);
	overflow: hidden;
	opacity: var(--spl-container-opacity);
	transition: var(--spl-transition);
}

.spl__content {
	min-height: 0;
}

@media (min-width: 1200px) {
	.spl__title {
		font-size: 1rem;
	}
}

/* accs */

.accs__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.62rem;
}

@media (min-width: 1200px) {
	.accs__create-acc {
		margin-left: auto;
	}
}

/* total */

.total {
	color: rgba(var(--color-2), 1);
	display: grid;
	gap: 2rem;
}

.total__title {
	text-align: center;
	font-family: var(--font-2);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.total__container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.62rem;
}
.total__ico {
	font-size: 3.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}
.total__sum {
	text-align: left;
}
.total__val {
	font-family: var(--font-2);
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 0.8;
	text-transform: uppercase;
}
.total__currency {
	font-family: var(--font-2);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

@media (min-width: 1200px) {
	.total__title {
		font-size: 2.6875rem;
	}

	.total__val {
		font-size: 3.875rem;
	}

	.total__ico {
		font-size: 4rem;
	}
}

/* input-control */

.input-control {
	position: absolute;
	right: 0;
	top: 0.62rem;
	bottom: 0.62rem;
	z-index: 10;
	width: 10rem;
	text-align: left;
	box-sizing: border-box;
	padding: 0 0.6rem 0 1rem;
	border-left: 2px solid #a39388;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.input-control + .form-control {
	padding-right: 11rem;
}

.input-control-btn {
	color: #ba7021;
	font-family: var(--font-0);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	text-decoration-line: underline;
	line-height: 1;
	display: inline-block;
	cursor: pointer;
}

/* dnt */

.dnt {
}

.dnt__box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 4rem;
	background: rgb(231, 226, 213);
	border-radius: var(--border-radius);
	padding: 2.25rem 0.5rem 0.5rem 0.5rem;
	position: relative;
	z-index: 0;
	box-sizing: border-box;
}

.dnt__bgdec {
	position: absolute;
	top: 0.8rem;
	left: 0.8rem;
	right: 0.8rem;
	bottom: 0.8rem;
	max-height: 15rem;
	background-image: url(../images/dec-balance.svg);
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -2;
	pointer-events: none;
}

.dnt__input {
	max-width: 26rem;
	width: 100%;
}

.dnt__btns {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 1.8rem;
}

.dnt__submit {
	/* flex-basis: 15rem; */
	min-width: 15rem;
}

.dnt__psbox {
	margin-top: 1.5rem;
}

.dnt__ttl {
	text-align: center;
	font-family: var(--font-2);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.dnt__pslist {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.62rem;
	margin-top: 1.5rem;
}

.dnt__pslist_form {
	margin: 0;
	justify-content: flex-start;
}

.dnt__pricesep:after {
	content: "/";
}

.dnt__pricesep_index_2 {
	width: 100%;
}

.dnt__pricesep_index_2:after {
	content: "";
}

.dnt__psitem {
	cursor: pointer;
}

.dnt__psimg {
	transition: 0.2s all;
	opacity: 0.6;
	height: 2.3125rem;
	display: block;
}

.dnt__psimg:hover {
	opacity: 1;
}

.dnt__psinput {
	display: none;
}

.dnt__psinput:checked + .dnt__psimg {
	opacity: 1;
}

.dnt__pricebox {
	margin-top: 1.8rem;
}

.dnt__pricedesc {
	color: rgba(var(--color-6), 0.5);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}

.dnt__pricelist {
	margin-top: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.3rem 0.38rem;
}

.dnt__price {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 1.625rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.dnt__pricecur {
	color: rgb(174, 141, 116);
}

.dnt__market {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	margin: 1rem 0;
}

.dnt__market-link {
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	max-width: 12.6rem;
	width: 100%;
	box-sizing: border-box;
	padding: 0.6rem;
	border: 1px solid #00000026;
	border-radius: var(--border-radius);
}

.dnt__market-link:hover {
	background: #00000014;
}

.dnt__market-link_active {
	pointer-events: none;
	opacity: 0.7;
	background: #00000014;
}

.dnt__market-amount {
	font-weight: bold;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-family: var(--font-2);
}

.dnt__market-title {
	font-size: 1rem;
	white-space: nowrap;
	color: rgba(var(--color-2), 1);
}

.dnt__warn {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.88rem;
	color: rgba(var(--color-6), 0.5);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
}

.dnt__warn-ico {
	font-size: 1.5rem;
}

.dnt__warn-content {
	margin: auto 0;
}

@media (min-width: 1200px) {
	.dnt__box {
		gap: 2rem;
		padding: 2.7rem;
	}

	.dnt__bgdec {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		max-height: none;
	}

	.dnt__bgdec_desktop_none {
		display: none;
	}

	.dnt__psbox {
		margin-top: 3rem;
	}

	.dnt__pricebox {
		margin-top: 3rem;
	}

	.dnt__pricelist {
		gap: 2rem;
	}

	.dnt__pricesep {
		width: auto;
	}

	.dnt__pricesep:after {
		content: "/";
	}

	.dnt__box_type_2 {
		display: grid;
		grid-template-columns: 18rem 26rem 1fr;
		align-items: flex-start;
		gap: 4.6rem;
		padding: 4.6rem 2.7rem 2.7rem 2.7rem;
	}

	.dnt__balance-box {
		padding-top: 2rem;
		position: relative;
		z-index: 0;
	}

	.dnt__balance-box:after {
		content: "";
		display: block;
		position: absolute;
		top: -2.5rem;
		left: calc(50% - 9rem);
		width: 18rem;
		height: 18rem;
		background-image: url(../images/dec-balance.svg);
		background-position: center top;
		background-size: contain;
		background-repeat: no-repeat;
		z-index: -2;
	}

	.dnt__info-box {
		padding-top: 2rem;
	}

	.dnt__btns_desktop_end {
		justify-content: flex-end;
	}
}

/* whitem */

.whitem {
	--whitem-transition: 0.2s all;

	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 3.375rem;
	padding: 0.5rem 4rem 0.5rem 1.375rem;
	gap: 0.625rem;
	flex-shrink: 0;
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	z-index: 0;
}

.whitem__checkbox {
	display: none;
}

.whitem__ident {
	--indent-mark-opacity: 0;
	--indent-mark-color: #6a5b50;
	--indent-mark-icon: url(../images/whitem/ind-whitem-arrow.svg);
	--indent-mark-icon-size: 1.3125rem 0.9375rem;

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: var(--border-radius);
	background: rgb(231, 226, 213);
	transition: var(--whitem-transition);
	overflow: hidden;
}

.whitem__ident_type_checked {
	--indent-mark-icon: url(../images/whitem/ind-whitem-checked.svg);
}

.whitem__ident:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 4.375rem;
	background-color: var(--indent-mark-color);
	background-image: var(--indent-mark-icon);
	background-size: var(--indent-mark-icon-size);
	background-position: center center;
	background-repeat: no-repeat;
	transition: var(--whitem-transition);
	opacity: var(--indent-mark-opacity);
}

.whitem:hover .whitem__ident {
	background: rgb(250, 243, 227);
}

.whitem__checkbox:checked ~ .whitem__ident {
	--indent-mark-opacity: 1;

	background: #e5cba8;
}

.whitem__checkbox:checked:hover ~ .whitem__ident {
	--indent-mark-opacity: 1;
	--indent-mark-color: #9e806a;

	background: #f2d9b7;
}

.whitem__ident_type_warn,
.whitem:hover .whitem__ident_type_warn {
	--indent-mark-opacity: 0;
	background: #d3c9bb;
}

.whitem_pointer_none {
	pointer-events: none;
}

.whitem__pic {
	width: 1.875rem;
	height: 1.875rem;
	flex-shrink: 0;
	display: block;
	border-radius: var(--border-radius-2);
	background-color: transparent;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.whitem__ico {
	font-size: 1.5rem;
}

.whitem__ava {
	width: 1.875rem;
	height: 1.875rem;
	flex-shrink: 0;
	border-radius: 50%;
	background-color: rgba(var(--color-6), 1);
}

.whitem__title {
}

.whitem__lvl {
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	min-width: 1.6rem;
}

[data-wh-char] {
	opacity: 0;
	animation: wh-char 0.2s ease forwards;
}

@keyframes wh-char {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* wh */

.wh {
}
.wh__container {
	display: grid;
	gap: 1.2rem;
}
.wh__box {
}
.wh__heading {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.wh__list {
	display: grid;
	gap: 0.44rem;
	margin-top: 1.53rem;
}

.wh__el {
}

.wh__line-desktop {
	display: none;
}

.wh__btns {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.2rem;
}

@media (min-width: 1200px) {
	.wh__container {
		display: grid;
		grid-template-columns: 1fr auto 1fr auto 1fr;
		gap: 2.2rem;
		min-height: 30rem;
	}

	.wh__line-desktop {
		display: block;
	}

	.wh__line-mobile {
		display: none;
	}

	.wh__btns {
		justify-content: flex-end;
	}

	.wh__list {
		position: sticky;
		top: 1.53rem;
	}
}

/* nvg */

.nvg {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.62rem;
	position: relative;
	z-index: 3;
	box-sizing: border-box;
	overflow-x: auto;

	-webkit-mask: linear-gradient(
		to right,
		rgba(0, 0, 0, 1) 0%,
		rgb(0, 0, 0) calc(100% - 3rem),
		rgba(0, 0, 0, 0) 100%
	);
}

.nvg_mb {
	margin-bottom: 1.2rem;
}

.nvg_support {
	flex-grow: 1;
	display: none;
}

.nvg__list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: max-content;
	min-width: 100%;
	gap: 1.4rem;
}

.nvg__item {
	color: rgb(170, 160, 150);
	font-family: var(--font-2);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	box-sizing: border-box;
	padding: 0.5rem 0;
	position: relative;
	z-index: 0;
	transition: 0.2s all;
	cursor: pointer;
	flex-shrink: 0;
	text-align: center;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nvg__item_active,
.nvg__item:where(.active),
.nvg__item:where([data-cht-btn-active="true"]),
.nvg__item:where([data-filter-btn-status="active"]),
.nvg__item:where([data-open-tab-active="true"]),
.nvg__item:hover {
	color: rgba(var(--color-8), 1);
}

.nvg__item:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	transition: 0.2s all;
	background-color: transparent;
	background-image: url(../images/nvg/dec-top.svg);
	background-size: 1.75388rem auto;
	background-position: center top;
	background-repeat: no-repeat;
	opacity: 0;
	transform: scaleX(0.7);
	/*  */
}

.nvg__item_active:after,
.nvg__item:where(.active):after,
.nvg__item:where([data-cht-btn-active="true"]):after,
.nvg__item:where([data-filter-btn-status="active"]):after,
.nvg__item:where([data-open-tab-active="true"]):after {
	opacity: 1;
	transform: scaleX(1);
}

@media (min-width: 1200px) {
	.nvg_support {
		display: flex;
	}
	.nvg_mb {
		margin-bottom: 3rem;
	}

	.nvg__list {
		gap: 2rem;
	}

	.nvg__item {
		font-size: 1.25rem;
		padding: 0.5rem 1rem;
		min-width: 6rem;
	}

	.nvg__item:after {
		background-image: url(../images/nvg/dec-corner-left-bottom.svg),
			url(../images/nvg/dec-corner-right-bottom.svg);
		background-size: 2.5625rem auto, 2.5625rem auto;
		background-position: left bottom, right bottom;
	}
}

/* product */

.product {
	min-height: 7.376rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	position: relative;
	z-index: 0;
	gap: 0.3rem;
	border-radius: var(--border-radius-2);
	background: rgb(220, 213, 201);
	overflow: hidden;
}

.product__stock {
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 2;
}

.product__pic {
	height: 100%;
	background-color: #90959b;
	background-image: url(../images/thumb.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	clip-path: polygon(100% 0, calc(100% - 1rem) 50%, 100% 100%, 0 100%, 0 0);
}

.product__container {
	display: grid;
	gap: 0.62rem;
	padding: 0.5rem 1rem 0.5rem 0;
	box-sizing: border-box;
}

.product__title {
	color: #000;
	font-family: var(--font-2);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}

.product__btns {
	width: 100%;
	text-align: left;
}

@media (min-width: 540px) {
	.product__title {
		font-size: 1rem;
	}
}

/* shop-list */

.shop-list {
	display: grid;
	gap: 0.56rem;
}

@media (min-width: 1100px) {
	.shop-list {
		grid-template-columns: 1fr 1fr;
		gap: 1.42rem;
	}
}

@media (min-width: 1200px) {
	.shop-list {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1.42rem;
	}
}

/* nvi */

.nvi {
	display: grid;
	gap: 0.44rem;
}

.nvi__item {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 0.62rem;
	border-radius: var(--border-radius);
	border: 1px solid rgba(var(--color-6), 0.28);
	padding: 0.5rem 1.8rem;
	box-sizing: border-box;
	color: rgb(170, 160, 150);
	font-family: var(--font-2);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.2s all;
}

.nvi__item:hover {
	color: rgba(var(--color-2), 1);
}

.nvi__item:where([data-open-tab-active="true"]),
.nvi__item:where([data-open-tab-active="true"]):hover {
	color: rgba(var(--color-1), 1);
	border-color: rgba(var(--color-2), 1);
	background: rgba(var(--color-2), 1);
}

@media (min-width: 1200px) {
	.nvi {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 1.25rem;
	}
}

/* pitm */

.pitm {
	border-radius: var(--border-radius);
	background: rgb(220, 214, 201);
	box-sizing: border-box;
	padding: 0.94rem;
}

.pitm__box {
	display: grid;
	gap: 0.94rem;
	max-width: 20rem;
	margin: 0 auto;
}

.pitm__input {
	display: none;
}

.pitm__heading {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	justify-content: flex-start;
	gap: 0.62rem;
}

.pitm__img {
	width: 1.3125rem;
	height: 1.3125rem;
	border-radius: var(--border-radius-2);
}

.pitm__name {
	margin: auto 0;
}

.pitm__quantity {
	max-width: 18rem;
}

.pitm__total {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
}

.pitm__price {
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 2rem;
	line-height: 1;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}

.pitm__valute {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.44rem;
	margin-top: 0.1rem;
}

.pitm__valute-ico {
	font-weight: 400;
}

.pitm__valute-name {
	text-transform: uppercase;
	display: none;
}

@media (min-width: 1200px) {
	.pitm {
		padding: 0;
	}

	.pitm__box {
		display: grid;
		grid-template-columns: 1fr 13rem 13rem;
		gap: 2.5rem;
		align-items: center;
		max-width: none;
		margin: 0;
		min-height: 4.75rem;
		padding: 0.5rem 1.37rem;
	}

	.pitm__heading {
		align-items: center;
		font-size: 0.9375rem;
	}

	.pitm__total {
		gap: 0.87rem;
		justify-content: flex-end;
		text-align: right;
	}

	.pitm__price {
		font-size: 3rem;
	}

	.pitm__valute-name {
		display: block;
		font-size: 1.25rem;
	}
}

/* prod */

.prod {
	line-height: 1.2;
}

.prod__info {
	border-radius: var(--border-radius);
	background: rgb(231, 226, 213);
	box-sizing: border-box;
	padding: 0.8rem 0.62rem;
}

.prod__pic {
	height: 8.875rem;
	width: 100%;
	background-color: #292a2f;
	background-image: url(../images/thumb.jpg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: var(--border-radius-2);
	margin-bottom: 0.94rem;
	position: relative;
	z-index: 0;
}

.prod__pic:after {
	content: "";
	display: block;
	position: absolute;
	top: -0.13rem;
	right: -0.2rem;
	bottom: -0.13rem;
	left: -0.2rem;

	background-color: transparent;
	background-image: url(../images/shop/corner-top-left.svg),
		url(../images/shop/corner-top-right.svg),
		url(../images/shop/corner-bottom-left.svg),
		url(../images/shop/corner-bottom-right.svg);
	background-size: 7.91869rem 3.50325rem, 7.91869rem 3.50325rem,
		7.91869rem 3.50325rem, 7.91869rem 3.50325rem;
	background-position: left top, right top, left bottom, right bottom;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	z-index: 2;
	pointer-events: none;
}

.prod__stock {
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 2;
}

.prod__sale {
	position: absolute;
	left: 2px;
	top: 25px;
	z-index: 2;
}

.prod__title {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}

.prod__title_desktop {
	display: none;
}

.prod__desc {
	color: rgba(var(--color-6), 1);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	margin-top: 0.9rem;
	line-height: 1.3;
}

.prod__box {
	margin-top: 1.8rem;
}

.prod__ttl {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}

.prod__list {
	display: grid;
	gap: 0.5rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

.prod__nvi {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.prod__btns {
	margin-top: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1.5rem;
}

.prod__valute-ico {
	font-size: 2rem;
	position: relative;
	top: 0.1rem;
	line-height: 1;
}

.prod__total {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.62rem;
}

.prod__submit {
	max-width: 16rem;
	width: 100%;
}

.prod__in-game-message {
	margin-bottom: 1rem;
	width: 100%;
}

.prod__in-game-message:empty {
	display: none;
}

@media (min-width: 1200px) {
	.prod__body {
		display: grid;
		grid-template-columns: 17.25rem 1fr;
		gap: 4.36rem;
		background-color: rgb(231, 226, 213);
		border-radius: var(--border-radius);
		box-sizing: border-box;
		padding: 0 1.8rem 1.8rem 0;
	}

	.prod_mt_desk {
		margin-top: 1.4rem;
	}

	.prod__info {
		padding: 0.2rem 0 0 0.2rem;
		background-color: transparent;
	}

	.prod__box {
		margin: 0;
		padding-top: 1.8rem;
	}

	.prod__pic {
		height: 16.875rem;
		margin-bottom: 1.32rem;
	}

	.prod__title {
		font-size: 2.1875rem;
	}

	.prod__title_mobile {
		display: none;
	}

	.prod__title_desktop {
		display: block;
		margin-bottom: 1.6rem;
	}

	.prod__desc {
		font-size: 0.875rem;
		box-sizing: border-box;
		padding: 0 1.5rem;
		line-height: 1.4;
	}

	.prod__btns {
		flex-direction: row;
		justify-content: flex-end;
	}

	.prod__group-fileds {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 5rem;
	}
}

/* gift */

.gift {
	border-radius: var(--border-radius-2);
	background: rgb(229, 223, 211);
	box-sizing: border-box;
	padding: 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	gap: 0.62rem;
	text-align: center;
}
.gift__box {
	display: flex;
	justify-content: center;
	align-items: center;
	/* flex-wrap: wrap; */
	gap: 0.5625rem;
}

.gift__ico {
	color: rgba(163, 153, 141, 0.48);
	font-size: 1.3rem;
}

.gift__price {
	color: rgba(var(--color-2), 1);
	text-align: center;
	font-family: var(--font-2);
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.gift__valute {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	gap: 0.44rem;
	width: min-content;
}

.gift__valute:before {
	display: inline-block;
	content: "\E83A";
	font-family: var(--font-ico);
	font-size: 1rem;
	font-weight: 400;
}

.gift__desc {
	color: rgba(var(--color-6), 1);
	text-align: center;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: auto;
}

.gift__btns {
}

.gift__info {
	color: rgba(var(--color-6), 1);
	text-align: center;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
}

[data-gift-btn-active="false"] {
	pointer-events: none;
	opacity: 0.5;
}

.gift__form-control {
	height: 2.5rem !important;
}

.gift__fieldbox {
	max-width: 8rem;
	margin: 0 auto;
}
@media (min-width: 1200px) {
	.gift {
		padding: 1.5rem;
	}
	.gift__box {
		flex-direction: column;
		gap: 1rem;
	}
	.gift__ico {
		font-size: 2.5rem;
		line-height: 0.8;
	}
	.gift__price {
		font-size: 3rem;
		line-height: 0.8;
	}
	.gift__valute {
		font-size: 1.25rem;
		justify-content: flex-start;
		align-items: flex-start;
		text-align: left;
	}
	.gift__valute:before {
		position: relative;
		top: 0.2rem;
	}
}

/* gifts-list */

.gifts-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 0.5rem;
}

@media (min-width: 1200px) {
	.gifts-list {
		grid-template-columns: repeat(4, 1fr);
		margin-bottom: 2rem;
	}
}

/* box */

.box {
	box-sizing: border-box;
	padding: 1.2rem 1.4rem;
	border-radius: var(--border-radius-2);
	background: rgb(255, 249, 234);
	line-height: 1.3;
}

.box_grp {
	display: grid;
	gap: 0.92rem;
}

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

.box__container {
}

.box__title {
	color: #000;
	font-family: var(--font-2);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0.62rem;
}

.box__desc {
	color: rgba(var(--color-6), 1);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
}

.box__desc_max {
	max-width: 23rem;
}

.box__desc_mt {
	margin-top: 0.62rem;
}

.box__note {
	color: rgba(var(--color-6), 0.5);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
}

.box__note_max {
	max-width: 23rem;
}

.box__note_mt {
	margin-top: 0.62rem;
}

.box__note-ttl {
	font-weight: 700;
}

.box__btns {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.5rem;
}

.box__inputs {
	display: grid;
	gap: 0.45rem;
}

.box__submitbar {
	display: grid;
	gap: 0.45rem;
	margin-top: 0.45rem;
}

@media (min-width: 500px) {
	.box__inputs {
		grid-template-columns: 1fr 1fr;
		gap: 0.8rem;
	}
	.box__submitbar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 0.8rem;
		margin-top: 0.8rem;
	}
}

@media (min-width: 960px) {
	.box_grp {
		display: grid;
		gap: 1.2rem;
		align-items: flex-start;
		grid-template-columns: 1fr auto;
	}

	.box__control {
		max-width: 14rem;
	}
}

@media (min-width: 1200px) {
	.box__title {
		font-size: 1.25rem;
		margin-bottom: 1.2rem;
	}

	.box__desc {
		font-size: 1rem;
	}

	.box__note_mt {
		margin-top: 1rem;
	}

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

/* boxes */

.boxes_grid {
	display: grid;
	gap: 0.5rem;
}

@media (min-width: 1200px) {
	.boxes_grid {
		grid-template-columns: 1fr 1fr;
		gap: 1.23rem;
	}
}

/* accshide */

.accshide {
	display: grid;
	gap: 1.25rem;
}

.accshide__warn {
	box-sizing: border-box;
	color: rgba(var(--color-6), 0.7);
	font-size: 0.75rem;
}

.accshide__line {
	background-color: #000;
	height: 1px;
	width: 100%;
}

.accshide__list {
	display: grid;
	gap: 0.62rem;
}

@media (min-width: 1200px) {
	.accshide {
		display: flex;
		gap: 2rem;
	}

	.accshide__warn {
		border: 0;
		font-size: 1rem;
	}

	.accshide__about {
		max-width: 33%;
	}

	.accshide__line {
		height: auto;
		width: 1px;
	}

	.accshide__list {
		min-width: 0;
		flex-grow: 1;
		gap: 1.1rem;
	}
}

/* ticket */

.ticket {
	border-radius: var(--border-radius);
	background: rgb(229, 223, 211);
	box-sizing: border-box;
	padding: 0.7rem;
	display: grid;
	text-decoration: none;
	color: #000;
	font-family: var(--font-2);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	align-items: flex-start;
	gap: 0.5rem;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"pic arrow"
		"title arrow"
		"countbox arrow"
		"statusbox arrow";
}

.ticket_accent {
	background: rgb(229, 203, 168);
}

@media (min-width: 1200px) {
	.ticket {
		gap: 0.7rem;
		padding: 1.2rem;
		font-size: 1.25rem;
		grid-template-columns: 1rem 1fr 20% 25% 1rem;
		grid-template-areas: "pic title countbox statusbox arrow";
		align-items: center;
	}
}

.ticket:hover {
	background: rgb(238, 225, 202);
}

.ticket_active,
.ticket_active:hover {
	background: #e5cba8;
}

.ticket__pic {
	color: #aaa096;
	font-size: 0.8rem;
	grid-area: pic;
}

.ticket__title {
	min-width: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	grid-area: title;
}

.ticket__ttl {
	color: rgba(var(--color-6), 0.5);
	font-family: var(--font-0);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.ticket__countbox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.7rem;
	grid-area: countbox;
}

.ticket__statusbox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.7rem;
	grid-area: statusbox;
}

.ticket__status_color_1 {
	color: #ff8300;
}

.ticket__status_color_2 {
	color: #b57f3f;
}

.ticket__status_color_3 {
	color: #79644a;
}

.ticket__arrow {
	color: rgba(var(--color-6), 1);
	font-size: 1.22325rem;
	display: flex;
	justify-content: center;
	align-items: center;
	grid-area: arrow;
	transition: 0.2s all;
}

.ticket:hover .ticket__arrow {
	transform: translateX(0.5rem);
}

/* tct */

.tct-list {
	display: grid;
	gap: 2rem;
}

.tct {
}

.tct__heading {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.44rem;
}

.tct__ico {
	width: 0.8rem;
	font-size: 1rem;
	color: rgba(var(--color-2), 1);
}

.tct__title {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}

.tct__list {
	display: grid;
	gap: 0.38rem;
	margin-top: 1rem;
}

/* chat */

.mdl_chat {
	min-height: 40rem;
	height: 90vh;
	height: 90dvh;
	display: flex;
	flex-direction: column;
	max-height: 60rem;
}

.js-chat-talk {
	flex-grow: 1;
}

.mdl_grid {
}

.chat-control-wrap {
	margin-top: 2rem;
}

.chat-control-panel {
	box-sizing: border-box;
	/* padding: 1.25rem; */
	display: grid;
	width: 100%;
}

.chat-control {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	border-radius: var(--border-radius);
	border: 1px solid rgba(var(--color-6), 1);
	padding-right: 1rem;
}

.chat-control-attachments {
	margin-top: 1rem;
}

.chat-control-btns {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.chat-control-input {
	flex-grow: 1;
	padding: 0.5rem 1rem;
	resize: vertical;
	resize: none;
	min-height: 3.75rem;
	height: auto;
	border-radius: var(--border-radius);
	border: 0;
	background: #f2eee3;
}

@media (max-width: 380px) {
	.chat-control {
		flex-wrap: wrap;
		padding-right: 0;
		gap: 0.5rem;
	}
	.chat-control-input {
		width: 100%;
		resize: vertical;
	}

	.chat-control-btns {
		padding: 0 0.5rem 0.5rem 0;
		margin-left: auto;
	}
}

/* msg */

.msg {
	--msg-justify-content: flex-end;
	--msg-text-align: right;
	--msg-ico-read-order: 0;

	box-sizing: border-box;
	width: max-content;
	max-width: 90%;
}

.msg_self {
	--msg-justify-content: flex-end;
	--msg-text-align: right;
	--msg-ico-read-order: -100;
	--msg-corner-pos--right: 0;
	--msg-corner-pos--left: auto;
	--msg-corner-transform: scaleX(1);
}

.msg_other {
	--msg-justify-content: flex-start;
	--msg-text-align: left;
	--msg-ico-read-order: 100;
	--msg-corner-pos--right: auto;
	--msg-corner-pos--left: 0;
	--msg-corner-transform: scaleX(-1);
}

.msg__box {
	box-sizing: border-box;
	padding: 1rem;
	border-radius: var(--border-radius);
	background: rgb(229, 223, 211);
	color: rgb(69, 62, 53);
	font-family: var(--font-0);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	position: relative;
	z-index: 0;
}

.msg__box:after {
	display: block;
	content: "";
	width: 1.97238rem;
	height: 1.97238rem;
	pointer-events: none;
	position: absolute;
	right: var(--msg-corner-pos--right);
	left: var(--msg-corner-pos--left);
	top: calc(100% - 0.5rem);
	background-color: transparent;
	background-image: url(../images/chat-corner-dec.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transform: var(--msg-corner-transform);
}

.box__content {
	white-space: pre-line;
}

.msg_mt {
	margin-top: 2rem;
}

.msg__attachment {
	margin-top: 0.63rem;
	display: flex;
	justify-content: var(--msg-justify-content);
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.msg__img {
	display: block;
}

.msg__bar {
	text-align: var(--msg-text-align);
	color: rgba(var(--color-6), 1);
	font-family: Georgia;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	box-sizing: border-box;
	padding: 0 2.6rem;
	margin-top: 0.4rem;
	display: flex;
	justify-content: var(--msg-justify-content);
	align-items: center;
	min-height: 1rem;
	gap: 0.5rem;
}

.msg__ico-read {
	order: var(--msg-ico-read-order);
}

@media (min-width: 1200px) {
	.msg {
		max-width: 75%;
	}
}

/* nvg-bar */

.nvg-bar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
	margin-bottom: 3rem;
	box-sizing: border-box;
}

.nvg-bar-sep {
	flex-grow: 1;
}

.nav-tabs-support {
	margin: 0 0 2rem 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.62rem;
	border: 0;
}

.nav-tabs-support:empty {
	display: none;
}

.nav-tabs-support .nav-item {
	margin: 0;
}

.nav-tabs-support .nav-link {
	border-radius: var(--border-radius-2);
	border: 1px solid rgb(206, 202, 193);
	background: rgb(229, 223, 211);
	box-sizing: border-box;
	padding: 0.5rem 1rem;
	text-decoration: none;
	color: #000;
	font-family: var(--font-0);
	font-size: 1rem;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.2s all;
}

.nav-tabs-support .nav-link:hover {
	border: 1px solid rgb(206, 202, 193);
	background: rgb(206, 202, 193);
}

.nav-tabs-support > li .close {
	margin: 0;
	font-size: 1rem;
}

.nav-tabs-support .img-avatar {
	display: none !important;
}

.nav-tabs-support .nav-link.active,
.nav-tabs-support .nav-item.show .nav-link {
	border: 1px solid #bdb09f;
	background: #e5cba8;
	color: #000;
}

/* frm */

.frm {
	box-sizing: border-box;
	padding: 3rem;
}

.frm__heading {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 2.1875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.frm__body {
	display: grid;
	gap: 1.5rem 2rem;
}

.frm__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem 2rem;
}

.frm__form-group {
	margin: 0;
}

.frm__form-group_flex {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.frm__btns {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
}

.frm__message {
	min-height: 8rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* general */
.general {
	max-width: 37rem;
	margin: 0 auto;
	padding: 1rem 1.25rem 3.125rem 1.25rem;
}

.general__container {
	background-color: rgba(var(--content-color), 1);
	border-radius: 0.625rem;
	border-top-left-radius: 0;
	box-sizing: border-box;
	padding: 1.4rem 0.9rem;
	/* display: grid;
	gap: 0.5rem; */
	filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.15));
}

.general__bar {
	max-width: 32rem;
	width: 100%;
	margin: 0 auto 2rem auto;
	display: none;
}

[data-page="panel-none"] .general__bar {
	display: grid;
}

.general__content {
	flex-grow: 1;
	min-width: 0;
	max-width: 32rem;
	width: 100%;
	margin: 0 auto;
	display: grid;
}

:where(.general__content > *) {
	min-width: 0;
}

.general__mobile-box {
	min-width: 0;
}

@media (min-width: 900px) {
	.general {
		max-width: 116.25rem;
	}
	.general__bar {
		max-width: 21rem;
		width: 100%;
		flex-shrink: 0;
		margin: 0;
		display: grid;
	}

	.general__container {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 2rem;
		padding: 2rem;
	}

	.general__content {
		max-width: none;
		width: auto;
	}

	.general__mobile-box {
		display: none;
	}
}

@media (min-width: 1200px) {
	.general__container {
		gap: 4.56rem;
		padding: 2.5rem 4.5rem 2.5rem 2.2rem;
		border-radius: 0.625rem;
	}
}
/* btnclose */
.btnclose {
	width: 1.25rem;
	height: 1.25rem;
	display: block;
	cursor: pointer;
	transition: 0.3s all;
	background-size: contain;
	border-radius: 50%;
	z-index: 20;
	position: absolute;
	top: 1rem;
	right: 1rem;
}

.btnclose:before,
.btnclose:after {
	display: block;
	content: "";
	background: rgba(var(--color-2), 1);
	position: absolute;
	top: calc(50% - 0.0625rem);
	left: 0;
	right: 0;
	height: 0.125rem;
	border-radius: 0.125rem;
	transition: 0.3s all;
}

.btnclose:before {
	transform: rotate(-45deg);
}

.btnclose:after {
	transform: rotate(45deg);
}

.btnclose:hover:before,
.btnclose:hover:after {
	filter: brightness(120%);
	transform: rotate(0);
}

/* mdl */

.mdl {
	box-sizing: border-box;
	padding: 1.25rem;
}

.mdl__title {
	color: rgba(var(--color-2), 1);
	font-family: var(--font-2);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	text-align: left;
	padding-bottom: 1.25rem;
}

.mdl__title_p_0 {
	padding: 0;
}

.mdl__title:empty {
	display: none;
}

.mdl__desk {
	color: rgba(var(--color-6), 0.5);
	font-family: var(--font-0);
	font-size: 0.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: none;
	margin-top: 0.2rem;
	margin-left: 0.1rem;
}

.mdl__footer {
	padding-top: 1.25rem;
}

.mdl__footer:empty {
	display: none;
}

@media (min-width: 600px) {
	.mdl {
		box-sizing: border-box;
		padding: 2.7rem 3.5rem 3.5rem;
	}
	.mdl__title {
		font-size: 2rem;
		padding-bottom: 2.7rem;
	}

	.mdl__title_p_0 {
		padding: 0;
	}

	.mdl__desk {
		font-size: 0.875rem;
	}

	.mdl__footer {
		padding-top: 2.7rem;
	}
}

/* def */

.pr {
	padding-right: var(--margin);
}

.pl {
	padding-left: var(--margin);
}

.pt {
	padding-top: var(--margin);
}

.pb {
	padding-bottom: var(--margin);
}

.mr {
	margin-right: var(--margin);
}

.ml {
	margin-left: var(--margin);
}

.mt {
	margin-top: var(--margin);
}

.mb {
	margin-bottom: var(--margin);
}

.m {
	margin: var(--margin);
}

.mra {
	margin-right: auto;
}

.mla {
	margin-left: auto;
}

.mta {
	margin-top: auto;
}

.ma {
	margin: auto;
}

.mba {
	margin-bottom: auto;
}

.mr0 {
	margin-right: 0;
}

.ml0 {
	margin-left: 0;
}

.mt0 {
	margin-top: 0;
}

.mb0 {
	margin-bottom: 0;
}

.m0 {
	margin: 0;
}

.opacity-05 {
	opacity: 0.5;
}

.min-width-0 {
	min-width: 0;
}

/* colors */

.color-light {
	color: rgba(var(--color-light), 1);
}

.color-dark {
	color: rgba(var(--color-dark), 1);
}

.color-red {
	color: rgba(var(--color-red), 1);
}

.color-yellow {
	color: rgba(var(--color-yellow), 1);
}

.color-orange {
	color: rgba(var(--color-orange), 1);
}

.color-pink {
	color: rgba(var(--color-pink), 1);
}

.color-purple {
	color: rgba(var(--color-purple), 1);
}

.color-blue {
	color: rgba(var(--color-blue), 1);
}

.color-green {
	color: rgba(var(--color-green), 1);
}

.color-grey {
	color: rgba(var(--color-grey), 1);
}

.color-white {
	color: rgba(var(--color-white), 1);
}

.color-black {
	color: rgba(var(--color-black), 1);
}

.color-brown {
	color: rgba(var(--color-brown), 1);
}

.color-aqua {
	color: rgba(var(--color-aqua), 1);
}

/* color palette */

.color-0 {
	color: rgba(var(--color-0), 1);
}

.color-1 {
	color: rgba(var(--color-1), 1);
}

.color-2 {
	color: rgba(var(--color-2), 1);
}

.color-3 {
	color: rgba(var(--color-3), 1);
}

.color-4 {
	color: rgba(var(--color-4), 1);
}

.color-5 {
	color: rgba(var(--color-5), 1);
}

.color-6 {
	color: rgba(var(--color-6), 1);
}

.color-7 {
	color: rgba(var(--color-7), 1);
}

.color-8 {
	color: rgba(var(--color-8), 1);
}

.color-9 {
	color: rgba(var(--color-9), 1);
}

.color-accent {
	color: rgba(var(--color-accent), 1);
}

/* alternative naming */

.color-main {
	color: rgba(var(--color-0), 1);
}

.color-primary {
	color: rgba(var(--color-1), 1);
}

.color-secondary {
	color: rgba(var(--color-2), 1);
}

/* fs */

.fs_minus_5 {
	font-size: 0.5em;
}

.fs_minus_4 {
	font-size: 0.6em;
}

.fs_minus_3 {
	font-size: 0.7em;
}

.fs_minus_2 {
	font-size: 0.8em;
}

.fs_minus_1 {
	font-size: 0.9em;
}

.fs_plus_1 {
	font-size: 1.1em;
}

.fs_plus_2 {
	font-size: 1.2em;
}

.fs_plus_3 {
	font-size: 1.3em;
}

.fs_plus_4 {
	font-size: 1.4em;
}

.fs_plus_5 {
	font-size: 1.5em;
}

/* font-family */

.font-family-0 {
	font-family: var(--font-0);
}

.font-family-1 {
	font-family: var(--font-1);
}

.font-family-2 {
	font-family: var(--font-2);
}

.font-family-3 {
	font-family: var(--font-3);
}

.font-family-4 {
	font-family: var(--font-4);
}

.fileuploader {
	margin: 0;
	padding: 0.5rem;
	border-radius: var(--border-radius);
	border: 1px solid rgba(163, 147, 136, 0.7);
	background: #f2eee3;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list {
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.8rem;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
	margin: 0;
	width: 10%;
	aspect-ratio: 1/1;
	padding: 0;
	min-width: 50px;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
	border: 1px dashed #6a5b50;
	background: #dad7d1;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner i {
	font-family: times new roman;
}

.fileuploader-theme-thumbnails .fileuploader-item .type-holder {
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 3px;
	font-size: 10px;
}

.fileuploader-theme-thumbnails .fileuploader-item .actions-holder {
	top: 0;
	right: 0;
	z-index: 5;
}

.fileuploader-theme-thumbnails .fileuploader-item .content-holder h5 {
	font-size: 10px;
}

.fileuploader-theme-thumbnails .fileuploader-item .content-holder span {
	font-size: 10px;
}

.dnt__psbox_userinfo {
  margin-top: 3rem;
  display: none;
}

.dnt__psbox_userinfo p {
  text-align: center;
  color: #775937;
  font-weight: bold;
}

.userinfo__inputs {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
  align-items: center
}

@media (min-width: 1200px) {
  .userinfo__inputs {
	flex-direction: row;
  	justify-content: center;
  }
}


.userinfo__inputs .dnt__input {
  height: 2.5rem;
  background: #f9f8f3;
  max-width: 13rem;
}