/* USER VARIABLES SECTION */

:root {
	--accent: orange;
	--text: #fff;
	--regular-text: 16px;
	--lineheight: 1.5;
	--font-family: "Manrope", sans-serif;
	--second-family: "GeistMono", sans-serif;
	--museo: "MuseoModerno", sans-serif;
	--inter: "Inter", sans-serif;

	--colors-white: #fff;
	--colors-blue-1000: #00f5ff;
	--colors-blue-200: rgba(0, 245, 255, 0.2);
	--colors-green-1000: #16ff8e;
	--colors-green--200: rgba(22, 255, 142, 0.2);
	--colors-green-100: rgba(22, 255, 142, 0.1);
	--colors-gray: #6b7280;
	--colors-black: #020305;
	--colors-light-black: #151618;
	--colors-telegram: #08c;
	--colors-light-red: #f87171;
	--colors-red-1000: #ef4444;
	--colors-red-200: rgba(239, 68, 68, 0.2);
	--colors-purple: #c084fc;
	--colors-dark-gray: #374151;
	--colors-orange: #f59e0b;
	--forms-input-default: rgba(15, 15, 15, 0.5);
	--forms-input-border: rgba(255, 255, 255, 0.06);

	--primary-gradient: linear-gradient(90deg, #00ffc2 0%, #00ff59 100%);
	--text-gradient: linear-gradient(90deg, #00f0a8 0%, #fff 50%, #00a8b5 100%);


	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

/* BOOTSTRAP SETTINGS SECTION */

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 12px;
}

.row,
.row>* {
	--bs-gutter-x: 24px;
}

/* FONTS LOAD SECTION */

@font-face {
	src: url("../fonts/Manrope-Regular.woff2") format("woff2");
	font-family: "Manrope";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Manrope-Medium.woff2") format("woff2");
	font-family: "Manrope";
	font-weight: 500;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Manrope-SemiBold.woff2") format("woff2");
	font-family: "Manrope";
	font-weight: 600;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Manrope-Bold.woff2") format("woff2");
	font-family: "Manrope";
	font-weight: 700;
	font-style: normal;
}


@font-face {
	src: url("../fonts/MuseoModerno-Regular.woff2") format("woff2");
	font-family: "MuseoModerno";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	src: url("../fonts/MuseoModerno-Medium.woff2") format("woff2");
	font-family: "MuseoModerno";
	font-weight: 500;
	font-style: normal;
}


@font-face {
	src: url("../fonts/MuseoModerno-SemiBold.woff2") format("woff2");
	font-family: "MuseoModerno";
	font-weight: 600;
	font-style: normal;
}



@font-face {
	src: url("../fonts/GeistMono-Regular.woff2") format("woff2");
	font-family: "GeistMono";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Inter-Regular.woff2") format("woff2");
	font-family: "Inter";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Inter-Medium.woff2") format("woff2");
	font-family: "Inter";
	font-weight: 500;
	font-style: normal;
}

@font-face {
	src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
	font-family: "Inter";
	font-weight: 600;
	font-style: normal;
}



/* GENERAL CSS SETTINGS */

::placeholder {
	color: #666;
}

::selection {
	background-color: var(--accent);
	color: #fff;
}

input,
textarea {
	outline: none;
}

html {}

body {
	font-family: var(--font-family);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 360px;
	position: relative;
	overflow-x: hidden;
	background: var(--colors-black);
	background-image: url('../images/theme/bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/* USER STYLES */


h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	cursor: default;
	line-height: 1;
	margin-bottom: 0;
	letter-spacing: -0.03em;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: bold;
	cursor: default;
	line-height: 1;
	margin-bottom: 0;
	letter-spacing: -0.03em;
}

h1,
.h1 {
	font-size: 48px;
}

h2,
.h2 {
	line-height: 1.2;
	font-weight: 600;
	font-size: 30px;
}

h3,
.h3 {
	line-height: 1.2;
	font-weight: 600;
	font-size: 24px;
}

h4,
.h4 {
	line-height: 1.2;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -0.04em;
}

a:hover {
	text-decoration: none;
}

a,
button,
input,
select {
	transition: 0.4s ease;
	outline: none
}

a:hover,
button:hover,
input:hover,
select:hover {
	transition: 0.4s ease;
	outline: none;
}

a:focus,
button:focus,
input:focus,
select:focus {
	outline: none;
}

p:last-child {
	margin-bottom: 0;
}

ul:last-child {
	margin-bottom: 0;
}

.image {
	max-width: 100%;
	display: block;
}

.accent {
	color: var(--accent);
	font-weight: bold;
}



.page {}

.page--main {}

.page-inner {
	position: relative;
	min-height: 800px;
	overflow: hidden;
}


.page--authorization {}


.section-authorization {}

.s-authorization-inner {
	padding-top: 24px;
	padding-bottom: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

.authorization-block {
	position: relative;
	width: 460px;
	margin-right: auto;
	margin-left: auto;
}

.authorization-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 32px;
	backdrop-filter: blur(40px);
	z-index: -1;
}


.authorization {
	width: 100%;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	background: rgba(10, 10, 10, 0.6);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 32px;
	padding: 32px 40px;
}

.authorization::before {
	content: '';
	position: absolute;
	width: 362px;
	height: 1px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background: linear-gradient(90deg, rgba(22, 255, 142, 0) 0%, rgba(22, 255, 142, 0.5) 50%, rgba(22, 255, 142, 0) 100%);
}

.authorization-top-block {
	position: relative;
	z-index: 1;
}

.authorization-top {
	position: relative;
}

.authorization-top .language-open-modal-btn-block {
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
}

.language-open-modal-btn-block {}

.language-open-modal-btn {
	position: relative;
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 40px;
	padding: 0;
}

.language-open-modal-btn:hover {
	border: 1px solid var(--colors-green--200);
}

.language-open-modal-btn::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/globe.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/globe.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.logo-wrapper {
	display: flex;
	justify-content: center;
}

.logo {
	display: inline-block;
	position: relative;
}

.logo-img {
	position: relative;
	max-width: 50%;
}

.logo-img::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 25px;
	filter: blur(35.5px);
	background: rgba(16, 185, 129, 0.2);
}

.logo-img .image {
	position: relative;
	z-index: 2;
}


.authorization-form-block {
	position: relative;
	z-index: 1;
}

.form-title-block {
	margin-top: 24px;
}

.form-title {
	text-align: center;
	font-weight: 500;
}

.form-subtitle-block {
	max-width: 332px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
}

.form-subtitle {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: #9ca3af;
}


.form-descr-block {
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
}

.form-descr-block:first-child {
	margin-top: 0;
}

.form-descr {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: #9ca3af;
}

.text-gradient {
	background: linear-gradient(90deg, #00f0a8 0%, #fff 50%, #00a8b5 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.form-wrapper {
	margin-top: 24px;
}


.form-wrapper:first-child {
	margin-top: 0;
}


.registration-form {}

.registration-type-tabs-block {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 5px;
}

.registration-type-tabs {
	display: flex;
	margin-left: -2px;
	margin-right: -2px;
}

.registration-type-tab-wrapper {
	width: 50%;
	padding-left: 2px;
	padding-right: 2px;
}

.registration-type-tab {
	cursor: pointer;
	position: relative;
	border-radius: 8px;
	padding: 9px 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: var(--colors-gray);
	border: 1px solid transparent;
	transition: 0.4s ease;
}

.registration-type-tab::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1px;
	width: 48px;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.registration-type-tab:hover,
.registration-type-tab.active {
	border: 1px solid var(--colors-green-100);
	box-shadow: 0 0 15px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	color: var(--colors-white);
}

.registration-type-tab.active::after {
	opacity: 1;
	visibility: visible;
}

.registration-type-tab__text {
	position: relative;
	z-index: 2;
}



.iconed-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}


.iconed-btn__text {
	padding-right: 8px;
	max-width: calc(100% - 16px);
}

.copy-button-text-common {}

.copy-button-text-copied {
	display: none;
}


.iconed-btn__icon {
	width: 16px;
	height: 16px;
	position: relative;
}

.iconed-btn__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-right.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/arrow-right.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-black);
	transition: 0.4s ease;
}

.iconed-btn__icon+.iconed-btn__text {
	padding-right: 0;
	padding-left: 8px;
}

.iconed-btn--continue {}





.green-gradient-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-black);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: linear-gradient(90deg, #00ffc2 0%, #00ff59 100%);
	border: 1px solid transparent;
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}

.green-gradient-btn:hover {
	color: var(--colors-black);
	text-decoration: none;
	box-shadow: 0 4px 30px -10px var(--colors-green-1000);
	background: linear-gradient(90deg, #00ffc2 0%, #00ff59 100%);
}

.green-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-black);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: var(--colors-green-1000);
	border: 1px solid transparent;
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}

.green-btn:hover {
	color: var(--colors-black);
	text-decoration: none;
	box-shadow: 0 4px 30px -10px var(--colors-green-1000);
	background: var(--colors-green-1000);
}



.light-black-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-white);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: var(--colors-light-black);
	/* border: 1px solid var(--colors-light-black); */
	border: 1px solid rgba(255, 255, 255, 0.05);
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}

.light-black-btn:hover {
	color: var(--colors-green-1000);
	text-decoration: none;
	/* background-color: transparent; */
	/* background-color: rgba(255, 255, 255, 0.05); */
	border: 1px solid var(--colors-light-black);
	box-shadow: 0 4px 30px -10px var(--colors-green-1000);
}

.light-black-btn .iconed-btn__icon::before {
	background-color: var(--colors-white);
}

.light-black-btn:hover .iconed-btn__icon::before {
	background-color: var(--colors-green-1000);
}



.white-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-black);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: var(--colors-white);
	border: 1px solid transparent;
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}

.white-btn:hover {
	color: var(--colors-black);
	text-decoration: none;
	box-shadow: 0 4px 30px -10px var(--colors-green-1000);
	background: var(--colors-green-1000);
}

.white-btn .iconed-btn__icon::before {
	background-color: var(--colors-black);
}

.white-btn:hover .iconed-btn__icon::before {
	background-color: var(--colors-black);
}



.outline-blue-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-blue-1000);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: transparent;
	border: 1px solid var(--colors-blue-200);
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}

.outline-blue-btn:hover {
	color: var(--colors-black);
	text-decoration: none;
	background: var(--colors-blue-1000);
}

.outline-blue-btn .iconed-btn__icon::before {
	background-color: var(--colors-blue-1000);
}

.outline-blue-btn:hover .iconed-btn__icon::before {
	background-color: var(--colors-black);
}



.outline-green-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-green-1000);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: transparent;
	border: 1px solid var(--colors-green-1000);
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}

.outline-green-btn:hover {
	color: var(--colors-black);
	text-decoration: none;
	background: var(--colors-green-1000);
}

.outline-green-btn .iconed-btn__icon::before {
	background-color: var(--colors-green-1000);
}

.outline-green-btn:hover .iconed-btn__icon::before {
	background-color: var(--colors-black);
}



.sign-telegram-button-block {
	margin-top: 16px;
}


.sign-telegram-button {
	position: relative;
	overflow: hidden;
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-blue-1000);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: transparent;
	border: 1px solid var(--colors-blue-200);
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}

.sign-telegram-button::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 90%;
	right: 70%;
	top: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
	transition: 0.4s ease;
}

.sign-telegram-button .iconed-btn__icon {
	position: relative;
	z-index: 2;
	width: 20px;
	height: 20px;
}

.sign-telegram-button .iconed-btn__text {
	position: relative;
	z-index: 2;
	opacity: 0.8;
	max-width: calc(100% - 20px);
}


.sign-telegram-button:hover {
	color: var(--colors-white);
	text-decoration: none;
	background: var(--colors-telegram);
}

.sign-telegram-button:hover::before {
	opacity: 0;
	visibility: hidden;
}

.sign-telegram-button .iconed-btn__icon::before {
	width: 20px;
	height: 20px;
	background: var(--colors-telegram);
	mask-size: 20px 20px;
	mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/telegram.svg');
}

.sign-telegram-button:hover .iconed-btn__icon::before {
	background-color: var(--colors-white);
}






button {
	cursor: pointer;
}

.field-block {
	margin-top: 16px;
}

.field-block:first-child {
	margin-top: 0;
}

.field--input {
	position: relative;
}

.field--input input {
	width: 100%;
}

.field--textarea {
	position: relative;
}

.field--textarea textarea {
	width: 100%;
	display: block;
}

.field--select {
	position: relative;
}

.field--select select {
	width: 100%;
	appearance: none;
	outline: none;
}


.field--checkbox {
	position: relative;
}

.field--radio {
	position: relative;
}

.form-button-block {
	position: relative;
}

.field input[type='text'],
.field input[type='email'],
.field input[type='password'] {
	background: var(--forms-input-default);
	height: 52px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	color: var(--colors-white);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05);
}

.field input[type='text']:focus,
.field input[type='email']:focus,
.field input[type='password']:focus {
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(22, 255, 142, 0.5);
	border: 1px solid var(--colors-green-1000);
}

.field input[type='text']:focus~.field-icon::before,
.field input[type='email']:focus~.field-icon::before,
.field input[type='password']:focus~.field-icon::before {
	background-color: var(--colors-green-1000);
}



.field--error input[type='text']:focus,
.field--error input[type='email']:focus,
.field--error input[type='password']:focus {
	color: var(--colors-light-red);
	border: 1px solid var(--colors-red-200);
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(239, 68, 68, 0.5);
}


.field--error input[type='text'],
.field--error input[type='email'],
.field--error input[type='password'] {
	color: var(--colors-light-red);
	border: 1px solid var(--colors-red-200);
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(239, 68, 68, 0.5);
}

.field--error input[type='text']:focus~.field-icon::before,
.field--error input[type='email']:focus~.field-icon::before,
.field--error input[type='password']:focus~.field-icon::before {
	background-color: var(--colors-white);
}

.field--filled input[type='text'],
.field--filled input[type='email'],
.field--filled input[type='password'] {
	color: var(--colors-white);
}

.field--filled input[type='text']~.field-icon::before,
.field--filled input[type='email']~.field-icon::before,
.field--filled input[type='password']~.field-icon::before {
	background-color: var(--colors-green-1000);
}


.field textarea {
	background: var(--forms-input-default);
	height: 104px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	color: var(--colors-white);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05);
	resize: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: 0.4s ease;
}

.field textarea:focus {
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(22, 255, 142, 0.5);
	border: 1px solid var(--colors-green-1000);
}

.field--input,
.field--textarea,
.field--select {
	margin-top: 8px;
}

.field--input:first-child,
.field--textarea:first-child,
.field--select:first-child {
	margin-top: 0;
}

.form ::placeholder {
	color: var(--colors-gray);
}

.form-button-block {
	margin-top: 24px;
}

.form-button-block .green-gradient-btn {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}


.form-button-block .light-black-btn {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.form-button-block .outline-blue-btn {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}



.field-icon {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.field-icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;

}

.field--has-icon {}


.field--has-icon input[type='text'],
.field--has-icon input[type='email'],
.field--has-icon input[type='password'] {
	padding-left: 52px;
}



.field--has-right-panel input[type='text'],
.field--has-right-panel input[type='email'],
.field--has-right-panel input[type='password'] {
	padding-right: 48px;
}

.field--mail .field-icon::before {
	mask-image: url('../images/svg/mail.svg');
	-webkit-mask-image: url('../images/svg/mail.svg');
}


.field--username .field-icon::before {
	mask-image: url('../images/svg/user.svg');
	-webkit-mask-image: url('../images/svg/user.svg');
}

.field--password .field-icon::before {
	mask-image: url('../images/svg/lock.svg');
	-webkit-mask-image: url('../images/svg/lock.svg');
}

.field--refferal .field-icon::before {
	mask-image: url('../images/svg/gift.svg');
	-webkit-mask-image: url('../images/svg/gift.svg');
}

.field--search .field-icon::before {
	mask-image: url('../images/svg/search.svg');
	-webkit-mask-image: url('../images/svg/search.svg');
}


.field-right-panel {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.password-type-toggle-btn-block {}

.password-type-toggle-btn {
	position: relative;
	border: 0;
	background-color: transparent;
	padding: 0;
	width: 20px;
	height: 20px;
	display: block;
}

.password-type-toggle-btn::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	mask-image: url('../images/svg/eye.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/eye.svg');
	background-color: var(--colors-gray);
}

.password-type-toggle-btn.active::before {
	mask-image: url('../images/svg/eye-off.svg');
	-webkit-mask-image: url('../images/svg/eye-off.svg');
}


.field--checkbox {
	display: flex;
}

.checkbox-container {
	line-height: 1;
	display: block;
	width: 100%;
	margin-bottom: 0;
	text-align: left;
	cursor: pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.checkbox-input {}

.checkbox-custom {
	display: flex;
	align-items: center;
}

.checkbox-custom__switcher {
	display: inline-block;
	border-radius: 3px;
	width: 16px;
	height: 16px;
	border: 1px solid var(--forms-input-border);
	background: var(--forms-input-default);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.checkbox-custom__switcher::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-black);
	opacity: 0;
	visibility: hidden;
}

.checkbox-custom__text {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	padding-left: 12px;
	color: var(--colors-gray);
	max-width: calc(100% - 16px);
	transition: 0.4s ease;
}

.checkbox-custom__text a {
	color: var(--colors-green-1000);
	text-decoration: underline;
}

.checkbox-custom__text a:hover {
	text-decoration: none;
}



.checkbox-input {
	display: none;
}

.checkbox-input:checked~.checkbox-custom .checkbox-custom__switcher {
	box-shadow: 0 0 10px -2px var(--colors-green-1000);
	background: var(--colors-green-1000);
}

.checkbox-input:checked~.checkbox-custom .checkbox-custom__switcher::before {
	opacity: 1;
	visibility: visible;
}

.checkbox-input:checked~.checkbox-custom .checkbox-custom__text {
	color: var(--colors-white);
}



.checkbox-list-block {
	margin-top: 16px;
}

.checkbox-list {}

.checkbox-list-item-wrapper {
	margin-top: 12px;
}

.checkbox-list-item-wrapper:first-child {
	margin-top: 0;
}

.checkbox-list-item {
	display: flex;
}


.field--select {}



.field select {
	opacity: 0;
	visibility: hidden;
}

.field .bootstrap-select {
	width: 100%;
}

.field .bootstrap-select.fit-width {
	width: 100% !important;
}

.bootstrap-select {
	width: 100% !important;
}

.bootstrap-select>.dropdown-toggle {
	border-radius: 16px;
	height: 52px;
	min-height: 52px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	/* color: #406084; */
	color: #fff;
	background: var(--forms-input-default);
	border: 1px solid rgba(255, 255, 255, 0.05);
	padding: 8px;
	padding-left: 20px;
	padding-right: 40px;
}

.bootstrap-select>.dropdown-toggle.show {
	border: 1px solid var(--colors-green-1000);

	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(22, 255, 142, 0.5);

}


.bootstrap-select>.dropdown-toggle .select-item {
	padding: 0;
}

.bootstrap-select>.dropdown-toggle .select-country-item {
	padding: 0;
}


.bootstrap-select>.dropdown-toggle .select-phone-code-item {
	padding: 0;
}

.bootstrap-select>.dropdown-toggle .select-phone-code-item .select-phone-code-item__left {
	width: 100%;
	padding-right: 0;
}

.bootstrap-select>.dropdown-toggle .select-phone-code-item .select-phone-code-item__right {
	display: none;
}

.bootstrap-select>.dropdown-toggle .select-phone-code-item .select-phone-code-item__country {
	display: none;
}

.bootstrap-select>.dropdown-toggle .select-phone-code-item .select-phone-code-item__country-short {
	display: block;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: var(--colors-gray);
	/* color: #fff; */
}

.bootstrap-select>.dropdown-toggle:active {
	/* background-color: transparent; */
}

.bootstrap-select>.dropdown-toggle::after {
	display: none;
}

.bootstrap-select>.dropdown-toggle::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	right: 20px;
	top: 50%;
	padding: 0;
	margin: 0;
	border: 0;
	transform: translateY(-50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	background-color: var(--colors-gray);
	z-index: 5;
	transition: 0.4s ease;
	pointer-events: none;
	display: block;
}


.bootstrap-select .dropdown-toggle .filter-option {
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
}

.bootstrap-select .dropdown-toggle .filter-option-inner {
	width: 100%;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: none !important;
	box-shadow: none;
}

.bootstrap-select>select {
	opacity: 0 !important;
	visibility: hidden !important;
	height: 0 !important;
}


.bootstrap-select>.dropdown-toggle.show:after {
	transform: translateY(-50%) rotate(180deg);
}

.bootstrap-select>.dropdown-menu {
	width: 100%;
	min-width: 210px;
	margin-top: 0;
	border-top: 0;
	/* max-height: 160px; */
	border: 1px solid var(--forms-input-border);
	border-radius: 16px;
	box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.8);
	background: var(--forms-input-default);
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	/* display: block; */
	z-index: 120;
	inset: 0px 0px auto auto !important;
	padding: 0;
	padding-right: 4px;
	padding-bottom: 4px;
	transform: translate3d(0px, 54px, 0px) !important;
}


.bootstrap-select>.dropdown-menu .bs-actionsbox,
.bootstrap-select>.dropdown-menu .bs-donebutton,
.bootstrap-select>.dropdown-menu .bs-searchbox {
	position: relative;
	z-index: 2;
	padding: 10px 12px;
	padding-right: 8px;
	/* border-bottom: 1px solid var(--forms-input-border); */
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
}

.bootstrap-select>.dropdown-menu .bs-actionsbox .form-control,
.bootstrap-select>.dropdown-menu .bs-donebutton .form-control,
.bootstrap-select>.dropdown-menu .bs-searchbox .form-control {
	height: 40px;
	padding: 8px;
	padding-left: 40px;
	border: 1px solid var(--forms-input-border);
	border-radius: 12px;
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05);
	background: var(--forms-input-default);
	appearance: none;
	color: var(--colors-gray);
}

.bootstrap-select>.dropdown-menu .bs-actionsbox .form-control:focus,
.bootstrap-select>.dropdown-menu .bs-donebutton .form-control:focus,
.bootstrap-select>.dropdown-menu .bs-searchbox .form-control:focus {

	box-shadow: none;
}

.bootstrap-select>.dropdown-menu .bs-searchbox::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 21px;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/search.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/search.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
}

.bootstrap-select>.dropdown-menu::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(24px);
}

.bootstrap-select>.dropdown-menu .inner {
	position: relative;
	padding: 0;
	background-color: transparent;
	background-image: none;
	max-height: 160px !important;
	z-index: 2;
	border-top: 1px solid var(--forms-input-border);
}

.bootstrap-select .no-results {
	color: var(--colors-white);
	background-color: transparent;
	padding: 12px !important;
}

.bootstrap-select>.dropdown-menu .inner ul {
	padding: 0;
	padding-right: 8px;
	padding-left: 4px;
}

.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 12px;
}

.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
	background-color: var(--colors-green-1000);
	/* background-color: var(--colors-black); */
	border-radius: 20px;
}

.bootstrap-select .dropdown-menu li {
	display: flex;
}

.bootstrap-select .dropdown-menu li:first-child {
	padding-top: 0;
}

.bootstrap-select .dropdown-menu li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.bootstrap-select .dropdown-menu li a {
	display: flex;
	padding: 0;
	color: var(--colors-white);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.33;
	width: 100%;
	background-color: transparent;
}

.bootstrap-select .dropdown-menu li a span.text {
	display: flex;
	width: 100%;
}

.bootstrap-select .dropdown-menu li:nth-child(odd) a {
	/* background-color: #0e1b28; */
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus {
	color: var(--colors-green-1000);
}

.bootstrap-select .dropdown-menu li a:hover .select-country-item .select-country-item__text {
	color: var(--colors-green-1000);
}

.bootstrap-select .dropdown-menu li a:hover .select-phone-code-item .select-phone-code-item__country {
	color: var(--colors-green-1000);
}

.bootstrap-select .dropdown-menu li a:hover .select-phone-code-item .select-phone-code-item__country-short {
	color: var(--colors-green-1000);
}

.bootstrap-select .dropdown-menu li a:active {}

.bootstrap-select .dropdown-menu li a.active {}

.bootstrap-select .dropdown-menu li a.active {
	/* color: #17c964; */
}

.bootstrap-select .dropdown-menu li a.active .select-item {
	border: 1px solid var(--colors-green-1000);
}

.bootstrap-select .dropdown-menu li a.active .select-country-item {
	border: 1px solid var(--colors-green-1000);
}

.bootstrap-select .dropdown-menu li a.active .select-phone-code-item {
	border: 1px solid var(--colors-green-1000);
}

.bootstrap-select .dropdown-menu li a.active:hover {
	/* background-color: #DFE3FA; */
}


.select-item {
	display: flex;
	align-items: center;
	padding: 9px 11px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid transparent;
}



.select-country-item {
	display: flex;
	align-items: center;
	padding: 9px 11px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid transparent;
}


.select-country-item__flag {
	width: 20px;
	height: 20px;
}

.select-country-item__text {
	width: calc(100% - 20px);
	padding-left: 12px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-white);
	transition: 0.4s ease;
}



.select-phone-code-item {
	display: flex;
	align-items: center;
	padding: 9px 11px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid transparent;
}

.select-phone-code-item__left {
	width: calc(100% - 30px);
	padding-right: 12px;
	display: flex;
	align-items: center;
}

.select-phone-code-item__flag {
	width: 20px;
	height: 20px;
}

.select-phone-code-item__flag .image {}

.select-phone-code-item__country {
	width: calc(100% - 20px);
	padding-left: 12px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-white);
}

.select-phone-code-item__country-short {
	width: calc(100% - 20px);
	padding-left: 12px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-white);
	display: none;
}

.select-phone-code-item__right {
	width: 30px;
}

.select-phone-code-item__code {
	font-weight: 400;
	font-size: 11px;
	line-height: 1.33;
	text-align: right;
	color: var(--colors-gray);
}


.phone-fieldset-block {
	margin-top: 16px;
}

.phone-fieldset-block:first-child {
	margin-top: 0;
}

.phone-fieldset {
	display: flex;
}


.phone-fieldset__left {
	width: 125px;
}

.phone-fieldset__left .bootstrap-select>.dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.phone-fieldset__left .bootstrap-select>.dropdown-menu {
	width: 378px;
	inset: 0px auto auto 0px !important;
}


.phone-fieldset__right {
	width: calc(100% - 125px);
}

.phone-fieldset__right .field--input input[type='text'],
.phone-fieldset__right .field--input input[type='email'],
.phone-fieldset__right .field--input input[type='password'] {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
}




.field--phone input[type='text'],
.field--phone input[type='email'],
.field--phone input[type='password'] {
	padding-left: 145px;
}

.field--phone .select-phone-code {
	position: absolute;
	left: 0;
	top: 0;
	width: 125px !important;
}

.field--phone .bootstrap-select>.dropdown-toggle {
	border-color: transparent;
	border-right: 1px solid rgba(255, 255, 255, 0.05);
	background-color: transparent;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.field--phone .bootstrap-select>.dropdown-toggle.show {
	border: 1px solid var(--colors-green-1000);
}

.field--phone .bootstrap-select>.dropdown-menu {

	width: 378px;
	inset: 0px auto auto 0px !important;
}


.registration-type-tabs-content-block {}

.registration-type-tab-content {
	display: none;
	padding-top: 16px;
}

.registration-type-tab-content:first-child {
	display: block;
}

.form-divider-block {
	margin-top: 16px;
}

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

.form-divider__line {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
	width: calc(50% - 25px);
	height: 1px;
}

.form-divider__text {
	width: 50px;
	text-align: center;
	font-size: 12px;
	color: #4b5563;
}

.form-bottom-note-block {
	margin-top: 24px;
}

.form-bottom-note {
	font-size: 12px;
	text-align: center;
	color: var(--colors-gray);
}

.form-bottom-note a {
	color: var(--colors-green-1000);
	text-decoration: none;
}

.form-bottom-note a:hover {
	text-decoration: underline;
}

.optima-benefit-items-block {
	padding-top: 24px;
	margin-top: 8px;
}

.optima-benefit-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -4px;
	margin-right: -4px;
	margin-top: -8px;
}

.optima-benefit-item-wrapper {
	margin-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.optima-benefit-item {
	cursor: default;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 8px;
	display: flex;
	align-items: center;
	backdrop-filter: blur(12px);
	background: rgba(2, 3, 5, 0.6);
}

.optima-benefit-item__icon {
	width: 16px;
	height: 16px;
	position: relative;
}

.optima-benefit-item__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
	padding-left: 12px;
	opacity: 0.8;
}


.optima-benefit-item--uptime {
	border: 1px solid var(--colors-green--200);
}

.optima-benefit-item--uptime .optima-benefit-item__icon {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.optima-benefit-item--uptime .optima-benefit-item__text {
	color: var(--colors-green-1000);
	opacity: 1;
}

.optima-benefit-item--audited {}


.optima-benefit-item--audited .optima-benefit-item__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/shield-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-telegram);
}


.optima-benefit-item--ai {
	background: rgba(10, 12, 16, 0.6);
}


.optima-benefit-item--ai .optima-benefit-item__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/cpu.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-purple);
}


.authorization-block--recovery-phrase {
	width: 538px;
}

.authorization-block--recovery-phrase .form-subtitle-block {
	max-width: 394px;
}




.copy-button-block {
	margin-top: 16px;
}


.copy-button {
	width: 100%;
	position: relative;
}

.copy-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/copy.svg');
	-webkit-mask-image: url('../images/svg/copy.svg');
}



.copy-button.active {}


.copy-button.active .iconed-btn__text .copy-button-text-common {
	display: none;
}

.copy-button.active .iconed-btn__text .copy-button-text-copied {
	display: block;
}

.copy-button.active .iconed-btn__icon::before {
	mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	background-color: var(--colors-green-1000);
}


.copy-button.active:hover .iconed-btn__icon::before {
	background-color: var(--colors-black);
}



.recovery-phrase-items-block {}

.recovery-phrase-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
}

.recovery-phrase-item-wrapper {
	margin-top: 8px;
	padding-left: 4px;
	padding-right: 4px;
	width: 33.33%;
}

.recovery-phrase-item {
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 12px;
	background: rgba(255, 255, 255, 0.03);
	display: flex;
	align-items: center;
}

.recovery-phrase-item__count {
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: var(--second-family);
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.recovery-phrase-item__text {
	width: calc(100% - 16px);
	padding-left: 12px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
}


.system-message-block {
	margin-top: 24px;
}

.system-message {
	display: flex;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 11px 12px;
}

.system-message__icon {
	position: relative;
	margin-top: 2px;
	border-radius: 24px;
	width: 24px;
	height: 24px;
	background: rgba(255, 255, 255, 0.1);
}

.system-message__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
}

.system-message__content {
	width: calc(100% - 24px);
	padding-left: 16px;
}

.system-message__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--colors-white);
}

.system-message__text {
	margin-top: 4px;
	font-size: 12px;
	color: var(--colors-white);
}


.system-message--alert {}

.system-message--alert {
	background: rgba(245, 158, 11, 0.08);
	border: 1px solid rgba(245, 158, 11, 0.2);
}

.system-message--alert .system-message__icon {
	background: rgba(245, 158, 11, 0.1);
}

.system-message--alert .system-message__icon::before {
	mask-image: url('../images/svg/triangle-alert.svg');
	-webkit-mask-image: url('../images/svg/triangle-alert.svg');
	background-color: var(--colors-orange);
}

.system-message--alert .system-message__title {
	color: #fde68a;
}

.system-message--alert .system-message__text {
	color: var(--colors-orange);
}


.system-message--success {}

.system-message--success {
	background: rgba(22, 255, 142, 0.08);
	border: 1px solid var(--colors-green--200);
}

.system-message--success .system-message__icon {
	background: var(--colors-green-100);
}

.system-message--success .system-message__icon::before {
	mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	background-color: var(--colors-green-1000);
}

.system-message--success .system-message__title {
	color: #64ffb4;
}

.system-message--success .system-message__text {
	color: var(--colors-green-1000);
}




.login-type-tabs-block {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 5px;
}

.login-type-tabs {
	display: flex;
	margin-left: -2px;
	margin-right: -2px;
}

.login-type-tab-wrapper {
	width: 33.33%;
	padding-left: 2px;
	padding-right: 2px;
}

.login-type-tab {
	cursor: pointer;
	position: relative;
	border-radius: 8px;
	padding: 9px 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: var(--colors-gray);
	border: 1px solid transparent;
	transition: 0.4s ease;
}

.login-type-tab::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1px;
	width: 48px;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.login-type-tab:hover,
.login-type-tab.active {
	border: 1px solid var(--colors-green-100);
	box-shadow: 0 0 15px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	color: var(--colors-white);
}

.login-type-tab.active::after {
	opacity: 1;
	visibility: visible;
}

.login-type-tab__text {
	position: relative;
	z-index: 2;
}





.login-type-tabs-content-block {
	margin-top: 8px;
}

.login-type-tab-content {
	display: none;
	padding-top: 16px;
}

.login-type-tab-content:first-child {
	display: block;
}

.forgot-password-link-block {
	margin-top: 8px;
	text-align: right;
}

.forgot-password-link {
	font-size: 11px;
	color: var(--colors-gray);
	text-decoration: none;
}

.forgot-password-link:hover {
	color: var(--colors-green-1000);
}




.recovery-type-tabs-block {
	margin-top: 24px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 5px;
}

.recovery-type-tabs {
	display: flex;
	margin-left: -2px;
	margin-right: -2px;
}

.recovery-type-tab-wrapper {
	width: 50%;
	padding-left: 2px;
	padding-right: 2px;
}

.recovery-type-tab {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	padding: 9px 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: var(--colors-gray);
	border: 1px solid transparent;
	transition: 0.4s ease;
}

.recovery-type-tab::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1px;
	width: 48px;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.recovery-type-tab:hover,
.recovery-type-tab.active {
	border: 1px solid var(--colors-green-100);
	box-shadow: 0 0 15px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	color: var(--colors-white);
}

.recovery-type-tab.active::after {
	opacity: 1;
	visibility: visible;
}

.recovery-type-tab__text {
	position: relative;
	z-index: 2;
}





.recovery-type-tabs-content-block {
	margin-top: 8px;
}

.recovery-type-tab-content {
	display: none;
	padding-top: 16px;
}

.recovery-type-tab-content:first-child {
	display: block;
}

/* .recovery-type-tab-content:nth-child(2) {
	display: block;
} */


.recovery-form {}

.recovery-form .form-button-block {
	margin-top: 24px;
}

.recovery-phrase-field-items-block {
	margin-top: 16px;
}

.recovery-phrase-field-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
}

.recovery-phrase-field-item-wrapper {
	margin-top: 8px;
	padding-left: 4px;
	padding-right: 4px;
	width: 33.33%;
}

.recovery-phrase-field-item {}




.field-count {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: var(--second-family);
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);

}

.field--has-count input[type='text'],
.field--has-count input[type='email'],
.field--has-count input[type='password'] {
	padding-left: 40px;
	padding-right: 12px;
}

.field--phrase-word input[type='text'],
.field--phrase-word input[type='email'],
.field--phrase-word input[type='password'] {
	background: rgba(255, 255, 255, 0.03);
	border: 1px dashed rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	height: 48px;
}


.field--phrase-word--success input[type='text'],
.field--phrase-word--success input[type='email'],
.field--phrase-word--success input[type='password'] {
	box-shadow: 0 0 10px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green-1000);
	color: var(--colors-green-1000);
}

.field--phrase-word--success input[type='text']~.field-count,
.field--phrase-word--success input[type='email']~.field-count,
.field--phrase-word--success input[type='password']~.field-count {
	color: var(--colors-green-1000);
}


.field--phrase-word--error input[type='text'],
.field--phrase-word--error input[type='email'],
.field--phrase-word--error input[type='password'] {
	box-shadow: 0 0 10px 0 rgba(239, 68, 68, 0.1);
	background: rgba(239, 68, 68, 0.05);
	border: 1px solid var(--colors-red-200);
	color: var(--colors-light-red);
}

.field--phrase-word--error input[type='text']~.field-count,
.field--phrase-word--error input[type='email']~.field-count,
.field--phrase-word--error input[type='password']~.field-count {
	color: var(--colors-light-red);
}


.field--phrase-word {}


.recovery-phrase-bottom-panel-block {
	margin-top: 8px;
}

.recovery-phrase-bottom-panel {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.recovery-phrase-bottom-panel__left {
	padding-right: 8px;
}

.recovery-phrase-bottom-panel__right {}



.recovery-phrase-paste-button-block {
	display: flex;
}

.recovery-phrase-paste-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.recovery-phrase-paste-button__icon {
	position: relative;
	background: rgba(0, 245, 255, 0.1);
	border-radius: 6px;
	width: 20px;
	height: 20px;
}

.recovery-phrase-paste-button__icon::before {

	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/clipboard-paste.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/clipboard-paste.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-blue-1000);

}

.recovery-phrase-paste-button__text {
	padding-left: 8px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-blue-1000);
}



.recovery-phrase-clear-button-block {}

.recovery-phrase-clear-button {
	padding: 0;
	border: 0;
	background-color: transparent;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	text-align: center;
	color: var(--colors-gray);
}

.recovery-phrase-clear-button:hover {
	color: var(--colors-green-1000);
}



.form-bottom-small-note-block {
	margin-top: 24px;
}

.form-bottom-small-note {
	font-size: 10px;
	text-align: center;
	color: var(--colors-dark-gray);
}

.form-bottom-small-note a {
	color: var(--colors-green-1000);
	text-decoration: none;
}

.form-bottom-small-note a:hover {
	text-decoration: underline;
}




.generate-password-button-block {
	margin-top: 16px;
	display: flex;
}

.generate-password-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.generate-password-button__icon {
	position: relative;
	background: rgba(0, 245, 255, 0.1);
	border-radius: 6px;
	width: 20px;
	height: 20px;
}

.generate-password-button__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/sparkles.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/sparkles.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-blue-1000);

}

.generate-password-button__text {
	padding-left: 8px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-blue-1000);
	width: calc(100% - 20px);
}


.password-strength-block {
	margin-top: 16px;
	padding-top: 4px;
}

.password-strength {
	display: flex;
	padding-left: 1px;
	padding-right: 1px;
}

.password-strength-item-wrapper {
	width: 25%;
	padding-left: 3px;
	padding-right: 3px;
}

.password-strength-item {
	width: 100%;
	border-radius: 2px;
	height: 2px;
	background: var(--colors-dark-gray);
}

.password-strength--very-weak {}

.password-strength--very-weak .password-strength-item-wrapper:nth-child(1) .password-strength-item {
	background: var(--colors-red-1000);
}

.password-strength--weak {}


.password-strength--weak .password-strength-item-wrapper:nth-child(1) .password-strength-item,
.password-strength--weak .password-strength-item-wrapper:nth-child(2) .password-strength-item {
	background: var(--colors-orange);
}


.password-strength--good {}


.password-strength--good .password-strength-item-wrapper:nth-child(1) .password-strength-item,
.password-strength--good .password-strength-item-wrapper:nth-child(2) .password-strength-item,
.password-strength--good .password-strength-item-wrapper:nth-child(3) .password-strength-item {
	background: var(--colors-blue-1000);
}


.password-strength--strong .password-strength-item {
	background: var(--colors-green-1000);
}



.two-fa-field-items-block {}

.two-fa-field-items {
	display: flex;
	margin-left: -6px;
	margin-right: -6px;
}

.two-fa-field-item-wrapper {
	width: 16.66%;
	padding-left: 6px;
	padding-right: 6px;
}

.two-fa-field-item {}


.two-fa-field-item .field input[type='text'],
.two-fa-field-item .field input[type='email'],
.two-fa-field-item .field input[type='password'] {
	height: 64px;
	padding: 4px;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}

.two-fa-field-item .field--filled input[type='text'],
.two-fa-field-item .field--filled input[type='email'],
.two-fa-field-item .field--filled input[type='password'] {
	color: var(--colors-green-1000);
}


.text--white {
	color: var(--colors-white);
}

.text--green {
	color: var(--colors-green-1000);
}


.two-factor-form .form-button-block {
	margin-top: 24px;
}

.two-factor-fields-info-block {
	margin-top: 12px;
}

.two-factor-fields-info {
	font-size: 12px;
	color: var(--colors-gray);
}

.two-factor-fields-info a {
	color: var(--colors-green-1000);
	text-decoration: none;
}

.two-factor-fields-info a:hover {
	text-decoration: underline;
}



.telegram-auth-form .form-button-block {
	margin-top: 24px;
}

.telegram-auth-form .form-bottom-note-block {
	margin-top: 6px;
}





.modals {}

.modal-backdrop {
	background-color: #060606;
}

.modal-backdrop.show {
	opacity: 0.9;
}

.modal.fade .modal-dialog {
	transform: none;
}

.custom-modal {
	z-index: 3055;
}

.modal-dialog {
	max-width: 460px;
	margin-right: auto;
	margin-left: auto;
}

.modal-content-block {
	position: relative;
	width: 100%;
}

.modal-content-block::before {
	content: '';
	/* position: absolute; */
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	border-radius: 32px;
	backdrop-filter: blur(4px);
}

.modal-content-block::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 32px;
	backdrop-filter: blur(40px);
}


.custom-modal .modal-content {
	position: relative;
	z-index: 2;
	background-color: rgba(10, 10, 10, 0.6);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	padding: 40px;
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}


.custom-modal .modal-content::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background: linear-gradient(90deg, rgba(22, 255, 142, 0) 0%, rgba(22, 255, 142, 0.5) 50%, rgba(22, 255, 142, 0) 100%);
}


.custom-modal .modal-header {
	position: relative;
	border: 0;
	padding: 0;
}

.modal-close {
	position: absolute;
	width: 24px;
	height: 24px;
	border: 0;
	padding: 0;
	top: -24px;
	right: -24px;
	z-index: 10;
	background-color: transparent;
}

.modal-close::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	mask-image: url('../images/svg/close.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/close.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.custom-modal .modal-body {
	position: relative;
	padding: 0;
}


.modal-body-content {
	position: relative;
}

.modal-title-block {
	margin-top: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-title-block:first-child {
	margin-top: 0;
}

.modal-title {
	text-align: center;
	color: var(--colors-white);
}

.modal-descr-block {
	margin-top: 16px;
	max-width: 332px;
	margin-right: auto;
	margin-left: auto;
}

.modal-descr {
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
}

.modal-descr--blured {
	filter: blur(3px);
}

.modal-continue-button-block {
	margin-top: 24px;
	text-align: center;
}



.modal-continue-button {
	padding-left: 31px;
	padding-right: 31px;
}

.modal-info-icon-block {
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-info-icon {
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 16px;
}


.modal-info-icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
}


.modal-info-icon--success {
	background: var(--colors-green--200);
	border: 1px solid var(--colors-green-1000);
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(22, 255, 142, 0.5);
}

.modal-info-icon--success::before {
	background: var(--colors-green-1000);
}


.modal-info-icon--error {
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(239, 68, 68, 0.5);
	border: 1px solid var(--colors-red-1000);
	background: var(--colors-red-200);
}

.modal-info-icon--error::before {
	background: var(--colors-red-1000);
	mask-image: url('../images/svg/circle-alert.svg');
	-webkit-mask-image: url('../images/svg/circle-alert.svg');
}




.modal--info--success {}


.modal--info--success .modal-title {
	color: var(--colors-green-1000);
}


.modal--info--error {}

.modal--info--error .modal-content::before {
	background: linear-gradient(90deg, rgba(22, 255, 142, 0) 0%, rgba(239, 68, 68, 0.5) 50%, rgba(22, 255, 142, 0) 100%);
}

.modal--info--error .modal-title {
	color: var(--colors-light-red);
}


.modal--info--warning {}

.modal--info--warning .modal-content::before {
	background: linear-gradient(90deg, rgba(22, 255, 142, 0) 0%, rgba(245, 158, 11, 0.5) 50%, rgba(22, 255, 142, 0) 100%);
}

.modal--info--warning .modal-title {
	color: var(--colors-white);
}



.modal-info-icon--warning {
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(245, 158, 11, 0.5);
	border: 1px solid var(--colors-orange);
	background: rgba(245, 158, 11, 0.2);
}

.modal-info-icon--warning::before {
	background: var(--colors-orange);
	mask-image: url('../images/svg/triangle-alert.svg');
	-webkit-mask-image: url('../images/svg/triangle-alert.svg');
}


.modal-end-session-buttons-block {
	margin-top: 24px;
}


.modal-end-session-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -6px;
	margin-right: -6px;
}

.modal-end-session-button-wrapper {
	padding-left: 6px;
	padding-right: 6px;
}

.modal-continue-button {
	padding-left: 31px;
	padding-right: 31px;
}

.modal-end-session-cancel-button {
	min-width: 136px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.modal-end-session-continue-button {
	min-width: 136px;
	padding-top: 15px;
	padding-bottom: 15px;
}



.modal--language {}

.modal--language .modal-title {
	color: var(--colors-green-1000);
}


.language-select-items-block {
	margin-top: 12px;
}

.language-select-items-scroll {
	position: relative;
	overflow: auto;
	max-height: 205px;
}

.language-select-items-scroll::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.language-select-items-scroll::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 12px;
}

.language-select-items-scroll::-webkit-scrollbar-thumb {
	background-color: var(--colors-green-1000);
	/* background-color: var(--colors-black); */
	border-radius: 20px;
}

.language-select-items {
	padding-right: 4px;
}




.language-select-item-wrapper {
	margin-top: 4px;
}

.language-select-item-wrapper:first-child {
	margin-top: 0;
}



.language-select-item {
	padding: 0;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 12px;
	padding: 8px 12px;
	display: block;
	width: 100%;
	text-align: left;
	text-decoration: none;
}

.language-select-item__inner {
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 72px;
}

.language-select-item__flag {
	width: 20px;
	height: 20px;
}

.language-select-item__content {
	width: calc(100% - 20px);
	padding-left: 12px;
}

.language-select-item__title {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-white);
}

.language-select-item__country {
	font-family: var(--second-family);
	font-size: 11px;
	color: var(--colors-gray);
	transition: 0.4s ease;
}


.language-select-item__label {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	border: 1px solid var(--colors-green--200);
	border-radius: 9999px;
	padding: 2px 8px;
	padding-left: 16px;
	background: var(--colors-green-100);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}

.language-select-item__label::before {
	content: '';
	position: absolute;
	border-radius: 4px;
	width: 4px;
	height: 4px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.language-select-item__label__text {
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	color: var(--colors-green-1000);
}


.language-select-item.active {
	box-shadow: 0 0 3px -5px rgba(22, 255, 142, 0.5);
	background: rgba(22, 255, 142, 0.05);
	border: 1px solid var(--colors-green--200);
}

.language-select-item.active .language-select-item__country {
	color: var(--colors-green-1000);
}

.language-select-item.active .language-select-item__label {
	opacity: 1;
	visibility: visible;
}


.language-select-item--soon {
	pointer-events: none;
}

.language-select-item--soon .language-select-item__flag {
	opacity: 0.3;
}

.language-select-item--soon .language-select-item__title {
	color: var(--colors-gray);
}

.language-select-item--soon .language-select-item__label {
	opacity: 1;
	visibility: visible;
	background: rgba(255, 255, 255, 0.05);
	padding-left: 8px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.language-select-item--soon .language-select-item__label::before {
	display: none;
}

.language-select-item--soon .language-select-item__label__text {
	color: var(--colors-gray);
}

.language-form-button {}

.language-form-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/globe.svg');
	-webkit-mask-image: url('../images/svg/globe.svg');
}


.progress-block {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	padding: 12px 18px;
	z-index: 10000;
}

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

.progress__progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 6px;
	background: var(--colors-green-1000);
}


.page--dashboard {}



.db-page-block {
	padding-top: 32px;
	padding-bottom: 32px;
}

.db-page {}

.db-page__left {}

.db-page__right {}

header {
	position: relative;
	z-index: 1000;
}

.db-header {
	position: relative;
	height: 65px;
}

.db-topline-block {
	min-width: 360px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(2, 3, 5, 0.02);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.db-topline-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(24px);
}

.db-topline-block .container {
	position: relative;
	z-index: 2;
}

.db-topline {
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.db-topline__left {
	padding-left: 12px;
	display: flex;
	align-items: center;
}

.db-topline__left .logo-wrapper {
	margin-right: 36px;
}

.db-topline__right {
	display: flex;
	align-items: center;
}

.db-topline__center {
	padding-left: 16px;
	padding-right: 16px;
}



.topline-social-block {}

.topline-social {
	display: flex;
	margin-left: -6px;
	margin-right: -6px;
}

.topline-social-item {
	padding-left: 6px;
	padding-right: 6px;
}

.topline-social-link {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}



.topline-social-link .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.topline-social-link::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.topline-social-link::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}



.topline-social-link--x {}

.topline-social-link--x:before {
	background: rgba(255, 255, 255, 0.2);
}

.topline-social-link--youtube {}

.topline-social-link--youtube:before {
	background: rgba(236, 37, 34, 0.3);
}

.topline-social-link--telegram {}

.topline-social-link--telegram:before {
	background: rgba(47, 135, 188, 0.3);
}




.button--small {
	border-radius: 12px;
	padding: 11px 11px;
	font-size: 14px;
	line-height: 1.15;
}

.light-black-btn.button--small {
	font-weight: 500;
}

.db-topline-manage-buttons-block {
	padding-left: 24px;
	padding-right: 24px;
}

.db-topline-manage-buttons {
	display: flex;
	align-items: center;
	margin-left: -6px;
	margin-right: -6px;
}

.db-topline-manage-button-wrapper {
	padding-left: 6px;
	padding-right: 6px;
}

.db-topline-ai-button {
	border: 1px solid rgba(255, 255, 255, 0.05);

}

.db-topline-ai-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background-color: var(--colors-orange);
}


.db-topline-deposit-button {}

.iconed-btn {}

.db-topline-deposit-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/arrow-down-to-line.svg');
	-webkit-mask-image: url('../images/svg/arrow-down-to-line.svg');

}

.iconed-btn__text {}



.db-topmenu-block {
	width: 590px;
}

.db-topmenu {
	width: 590px;
	font-size: 14px;
	line-height: 1.43;
	font-weight: 600;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	height: 20px;
}

.db-topmenu.priority-nav-has-dropdown {
	overflow: visible;
	height: auto;
}

.db-topmenu-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	vertical-align: middle;
}

.db-topmenu-item {
	margin-right: 32px;
	display: inline-block;
	vertical-align: middle;
}

.db-topmenu-item:last-child {
	margin-right: 0;
}

.db-topmenu-item.active .db-topmenu-link {
	background-color: #172A3E;
}

.db-topmenu-link {
	color: var(--colors-gray);
	display: flex;
	align-items: center;
	text-decoration: none;
	position: relative;
	border-radius: 8px;
}

.db-topmenu-link:hover {
	color: var(--colors-white);
}

.db-topmenu-link:hover .db-topmenu-link__icon::before {
	background-color: var(--colors-white);
}

.db-topmenu-link__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.db-topmenu-link__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	mask-image: url('../images/svg/wallet.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}



.db-topmenu-link__icon+.db-topmenu-link__text {
	padding-left: 8px;
}

.db-topmenu-link__text {}

.db-topmenu-link--soon {
	color: #406084;
	pointer-events: none;
}


.db-topmenu-link__soon {
	font-weight: 500;
	font-size: 11px;
	line-height: 1.09;
	letter-spacing: -0.04em;
	color: #0170ef;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	border-radius: 4px;
	background-color: rgba(1, 112, 239, 0.2);
	position: absolute;
	top: 0;
	right: 0;
}



.db-topmenu-link--wallet {}

.db-topmenu-link--wallet .db-topmenu-link__icon::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
	background-color: var(--colors-gray);
}

.db-topmenu-link--ai-staking {}

.db-topmenu-link--ai-staking .db-topmenu-link__icon::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background-color: var(--colors-orange);
}

.db-topmenu-link--loans {}

.db-topmenu-link--loans .db-topmenu-link__icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
	background-color: var(--colors-gray);
}

.db-topmenu-link--affiliate-program {}

.db-topmenu-link--affiliate-program .db-topmenu-link__icon::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
	background-color: var(--colors-gray);
}





.db-topmenu .priority-nav__wrapper {
	vertical-align: middle;
	display: inline-block;
	margin-left: 32px;
}


.db-topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle {
	border: 0;
	font-weight: 600;
	font-size: 14px;
	background-color: transparent;
	display: block;
	padding-left: 0;
	padding-right: 16px;
	color: var(--colors-gray);
	transition: 0s, color 0.4s ease;
}

.db-topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	mask-image: url('../images/svg/chevron-down.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.db-topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle.is-open::before {
	transform: translateY(-50%) rotate(180deg);
}

.db-topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle:hover {
	color: var(--colors-white);
}

.db-topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle:hover::before {
	background-color: var(--colors-white);
}

.db-topmenu .priority-nav__dropdown {
	left: -10px;
	right: auto;
	min-width: 220px;
	padding-left: 0;
	box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.8);
	background: rgba(15, 15, 15, 0.8);
	border-radius: 8px;
	padding: 0 4px;
	margin-top: 12px;
	transition: 0.4s ease;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.db-topmenu .priority-nav__dropdown::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(12px);
	border: 1px solid var(--forms-input-border);
	border-radius: 16px;
}


.db-topmenu .priority-nav__dropdown.show {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.db-topmenu .priority-nav__dropdown .db-topmenu-item {
	position: relative;
	z-index: 2;
	display: block;
	margin-right: 0;
}

.db-topmenu .priority-nav__dropdown .db-topmenu-item:first-child {
	margin-top: 0;
}

.db-topmenu .priority-nav__dropdown .db-topmenu-link {
	padding: 10px 12px;
}









.db-topline-language-button-block {
	margin-left: 12px;
}


.db-topline-language-button {
	position: relative;
	width: 20px;
	height: 20px;
	display: block;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 12px;
	padding: 0;
}

.db-topline-language-button:hover {
	/* border: 1px solid var(--colors-green--200); */
}

.db-topline-language-button:hover::before {
	background-color: var(--colors-green-1000);
}

.db-topline-language-button::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/globe.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/globe.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}




.db-topline-logout-button-block {
	margin-left: 12px;
}

.db-topline-logout-button {

	position: relative;
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid transparent;
	background: var(--colors-light-black);
	border-radius: 12px;
	padding: 0;

}



.db-topline-logout-button:hover {
	/* border: 1px solid var(--colors-green--200); */
}

.db-topline-logout-button:hover::before {
	background-color: var(--colors-green-1000);
}

.db-topline-logout-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/log-out.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/log-out.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}










.db-menu-block {}

.db-menu {
	font-size: 14px;
	font-weight: bold;
	max-width: 256px;
}

.db-menu-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.db-menu-item {
	margin-top: 8px;
}

.db-menu-item:first-child {
	margin-top: 0;
}

.db-menu-link {
	position: relative;
	text-decoration: none;
	display: flex;
	align-items: center;
	color: var(--colors-gray);
	padding: 9px 12px;
	border-radius: 0 8px 8px 0;
	border-left: 2px solid transparent;
}

.db-menu-link::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(22, 255, 142, 0.1) 0%, rgba(22, 255, 142, 0) 100%);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}




.db-menu-link__icon {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 2;
}

.db-menu-link__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/layout-dashboard.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/layout-dashboard.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-menu-link__text {
	position: relative;
	z-index: 2;
	width: calc(100% - 16px);
	padding-left: 12px;
	color: var(--colors-gray);
	transition: 0.4s ease;
}


.db-menu-link--dashboard {}

.db-menu-link--dashboard .db-menu-link__icon::before {
	mask-image: url('../images/svg/layout-dashboard.svg');
	-webkit-mask-image: url('../images/svg/layout-dashboard.svg');
}

.db-menu-link--send {}

.db-menu-link--send .db-menu-link__icon::before {
	mask-image: url('../images/svg/arrow-up-right.svg');
	-webkit-mask-image: url('../images/svg/arrow-up-right.svg');
}

.db-menu-link--deposit {}

.db-menu-link--deposit .db-menu-link__icon::before {
	mask-image: url('../images/svg/arrow-down-to-line.svg');
	-webkit-mask-image: url('../images/svg/arrow-down-to-line.svg');
}

.db-menu-link--transactions {}

.db-menu-link--transactions .db-menu-link__icon::before {
	mask-image: url('../images/svg/arrow-left-right.svg');
	-webkit-mask-image: url('../images/svg/arrow-left-right.svg');
}

.db-menu-link--tasks {}

.db-menu-link--tasks .db-menu-link__icon::before {
	mask-image: url('../images/svg/square-check-big.svg');
	-webkit-mask-image: url('../images/svg/square-check-big.svg');
}

.db-menu-link--affiliate-program {}

.db-menu-link--affiliate-program .db-menu-link__icon::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
}

.db-menu-link--ai-staking {}

.db-menu-link--ai-staking .db-menu-link__icon::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background-color: var(--colors-orange);
}

.db-menu-link--ai-staking .db-menu-link__text {
	color: var(--colors-white);
}

.db-menu-link--loans {}

.db-menu-link--loans .db-menu-link__icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
}

.db-menu-link--exchange {}

.db-menu-link--exchange .db-menu-link__icon::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
}

.db-menu-link--settings {}

.db-menu-link--settings .db-menu-link__icon::before {
	mask-image: url('../images/svg/settings.svg');
	-webkit-mask-image: url('../images/svg/settings.svg');
}


.db-menu-link--logout {}

.db-menu-link--logout .db-menu-link__icon::before {
	mask-image: url('../images/svg/log-out.svg');
	-webkit-mask-image: url('../images/svg/log-out.svg');
}




.db-menu-link:hover {
	border-left: 2px solid var(--colors-green-1000);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
}

.db-menu-link:hover::before {
	opacity: 1;
	visibility: visible;
}

.db-menu-link:hover .db-menu-link__text {
	color: var(--colors-white);
}

.db-menu-link:hover .db-menu-link__icon::before {
	background-color: var(--colors-green-1000);
}


.db-menu-item.active .db-menu-link {
	border-left: 2px solid var(--colors-green-1000);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
}

.db-menu-item.active .db-menu-link::before {
	opacity: 1;
	visibility: visible;
}

.db-menu-item.active .db-menu-link .db-menu-link__text {
	color: var(--colors-white);
}

.db-menu-item.active .db-menu-link__icon::before {
	background-color: var(--colors-green-1000);
}



.db-page__title-block {}

.db-page__title {}

.db-page__descr-block {
	margin-top: 4px;
}

.db-page__descr {
	font-size: 14px;
	color: var(--colors-gray);
}

.db-page__content {
	padding-top: 24px;
}


.db-setting-tabs-block {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.db-setting-tabs {
	margin-left: -16px;
	margin-right: -16px;
	display: flex;
	justify-content: flex-start;
}

.db-setting-tab-wrapper {
	padding-left: 16px;
	padding-right: 16px;
}

.db-setting-tab {
	position: relative;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
	padding-bottom: 12px;
	cursor: pointer;
}

.db-setting-tab::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
}

.db-setting-tab.active {
	color: var(--colors-white);
	pointer-events: none;
}

.db-setting-tab.active::after {
	opacity: 1;
	visibility: visible;
}


.db-setting-tabs-content-block {}

.db-setting-tabs-content {}

.db-setting-tab-content {
	display: none;
	padding-top: 32px;
}

.db-setting-tab-content:first-child {
	display: block;
}


.setting-panel-block {
	margin-top: 32px;
}

.setting-panel-block:first-child {
	margin-top: 0;
}

.setting-panel {}

.setting-panel__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.setting-panel__top-left {
	padding-right: 16px;
}

.setting-panel__title {
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
}

.setting-panel__top-right {}

.last-updated-account-info-block {}

.last-updated-account-info {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.setting-panel__content {
	padding-top: 16px;
}


.acc-info-items-block {
	position: relative;
	border: 1px solid var(--forms-input-border);
	border-radius: 12px;
}

.acc-info-items-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.acc-info-items {
	position: relative;
	z-index: 2;
}


.acc-info-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.acc-info-item:last-child {
	border-bottom: 0;
}

.acc-info-item__states {}

.acc-info-item__state {
	padding: 20px;
}

.acc-info-item__state-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.acc-info-item__state__left {
	position: relative;
	padding-right: 16px;
}

.acc-info-item__state__right {
	position: relative;
}




.acc-info-item__state--unset {
	display: none;
}

.acc-info-item__state--set {}

.acc-info-item__state--change {
	display: none;
}

.acc-info-item__state--change .acc-info-item__state-inner {
	align-items: flex-start;
}


.acc-info-item__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}


.acc-info-not-set-block {
	margin-top: 8px;
}

.acc-info-not-set {
	display: flex;
	align-items: center;
}

.acc-info-not-set__title {
	max-width: calc(100% - 16px);
	padding-right: 8px;
	font-weight: 500;
	font-size: 16px;
	color: var(--colors-gray);
}

.acc-info-not-set__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.acc-info-not-set__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-orange);
	transition: 0.4s ease;
}


.acc-info-set-button-block {}

.acc-info-set-button {
	padding-top: 9px;
	padding-bottom: 9px;
}

.acc-info-set-button--username {}

.acc-info-set-button--username .iconed-btn__icon::before {
	mask-image: url('../images/svg/plus.svg');
	-webkit-mask-image: url('../images/svg/plus.svg');
}




.acc-info-username-set-block {
	margin-top: 8px;
}

.acc-info-username-set {
	display: flex;
	align-items: center;
}

.acc-info-username-set__title {
	max-width: calc(100% - 16px);
	padding-right: 8px;
	font-weight: 500;
	font-size: 16px;
	color: var(--colors-white);
}

.acc-info-username-set__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.acc-info-username-set__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}




.acc-info-change-button-block {}

.acc-info-change-button {
	padding-top: 9px;
	padding-bottom: 9px;
	color: var(--colors-gray);
}

.acc-info-change-button {}

.acc-info-change-button .iconed-btn__icon {
	display: none;
}

.acc-info-change-button .iconed-btn__icon::before {
	width: 12px;
	height: 12px;
	mask-size: 12px 12px;
	-webkit-mask-size: 12px 12px;
	mask-image: url('../images/svg/pencil.svg');
	-webkit-mask-image: url('../images/svg/pencil.svg');
	background-color: var(--colors-gray);
}

.acc-info-change-button .iconed-btn__text {
	max-width: 100%;
	padding-left: 0;
}


.acc-info-close-button-block {
	display: flex;
}

.acc-info-close-button {
	position: relative;
	width: 16px;
	height: 16px;
	border: 0;
	background-color: transparent;
	padding: 0;
}

.acc-info-close-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/close.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/close.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.acc-info-change-form-block {
	margin-top: 4px;
	width: 410px;
}

.acc-info-change-form-block+.acc-info-change-form-block {
	margin-top: 16px;
}


.acc-info-change-form {}



.acc-info-change-form-row {
	display: flex;
	align-items: flex-start;
}


.acc-info-change-form-row-field {
	width: calc(100% - 80px);
	padding-right: 8px;
}

.acc-info-change-form-row-field .field input[type='text'],
.acc-info-change-form-row-field .field input[type='email'],
.acc-info-change-form-row-field .field input[type='password'] {
	height: 40px;
	border-radius: 12px;
	padding-left: 44px;
}

.acc-info-change-form-row-field .field-icon {
	left: 12px;
}

.acc-info-change-form-row-field .field-right-panel {
	right: 12px;
}


.acc-info-change-form-row-field .field--has-right-panel input[type='text'],
.acc-info-change-form-row-field .field--has-right-panel input[type='email'],
.acc-info-change-form-row-field .field--has-right-panel input[type='password'] {
	padding-right: 36px;
}

.acc-info-change-form-row-field .field--phone .bootstrap-select>.dropdown-menu {

	transform: translate3d(0px, 44px, 0px) !important;
}

.acc-info-change-form-row-button {
	width: 80px;
}

.acc-info-change-form-row-button .form-button-block {
	margin-top: 0;
}

.acc-info-change-form-row-button .green-gradient-btn {
	padding: 11px 12px;
	width: 100%;
	border-radius: 12px;
}



.field--at .field-icon::before {
	mask-image: url('../images/svg/at-sign.svg');
	-webkit-mask-image: url('../images/svg/at-sign.svg');
}



.field-check-icon-block {
	pointer-events: none;
}

.field-check-icon {
	position: relative;
	border: 0;
	background-color: transparent;
	padding: 0;
	width: 20px;
	height: 20px;
	display: block;
}

.field-check-icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	background: var(--colors-green-1000);
}

.field-sign-block {
	margin-top: 8px;
}

.field-sign {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.field-sign--success {
	color: var(--colors-green-1000);
}

.field-sign--error {
	color: var(--colors-light-red);
}


.acc-info-item--empty {}

.acc-info-item--unset .acc-info-item__state--unset {
	display: block;
}

.acc-info-item--unset .acc-info-item__state--set {
	display: none;
}






.acc-info-set-button--email {}

.acc-info-set-button--email .iconed-btn__icon::before {
	mask-image: url('../images/svg/mail.svg');
	-webkit-mask-image: url('../images/svg/mail.svg');
}




.acc-info-mail-set-block {
	margin-top: 8px;
}

.acc-info-mail-set {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.acc-info-mail-set__title {
	max-width: calc(100% - 16px);
	padding-right: 8px;
	font-weight: 500;
	font-size: 16px;
	color: var(--colors-white);
}

.acc-info-mail-set__status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
}

.acc-info-mail-set__status::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}


.acc-info-set-button--country {}

.acc-info-set-button--country .iconed-btn__icon::before {
	mask-image: url('../images/svg/globe.svg');
	-webkit-mask-image: url('../images/svg/globe.svg');
}




.acc-info-country-set-block {
	margin-top: 8px;
}

.acc-info-country-set {
	display: flex;
	align-items: center;
}

.acc-info-country-set__flag {
	width: 16px;
	height: 16px;
}


.acc-info-country-set__title {
	max-width: calc(100% - 16px);
	padding-left: 8px;
	font-weight: 500;
	font-size: 16px;
	color: var(--colors-white);
}


.acc-info-change-form-row-field .bootstrap-select>.dropdown-toggle {
	height: 40px;
	min-height: 40px;
	border-radius: 12px;
}




.acc-info-set-button--phone {}

.acc-info-set-button--phone .iconed-btn__icon::before {
	mask-image: url('../images/svg/smartphone.svg');
	-webkit-mask-image: url('../images/svg/smartphone.svg');
}


.acc-info-change-form-row-field .field--phone input[type='text'],
.acc-info-change-form-row-field .field--phone input[type='email'],
.acc-info-change-form-row-field .field--phone input[type='password'] {
	padding-left: 117px;
}

.acc-info-change-form-row-field .field--phone .select-phone-code {
	width: 105px !important;
}

.acc-info-change-form-row-field .field--phone .bootstrap-select>.dropdown-toggle {
	padding-left: 12px;
	padding-right: 30px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.acc-info-change-form-row-field .field--phone .bootstrap-select>.dropdown-toggle::after {
	right: 8px;
}



.acc-info-phone-set-block {
	margin-top: 8px;
}

.acc-info-phone-set {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.acc-info-phone-set-content {
	display: flex;
	align-items: center;
	padding-right: 8px;
}

.acc-info-phone-set__flag {
	width: 16px;
	height: 16px;
}


.acc-info-phone-set__title {
	max-width: calc(100% - 16px);
	padding-left: 8px;
	font-weight: 500;
	font-size: 16px;
	color: var(--colors-white);
}



.acc-info-phone-set__status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
}

.acc-info-phone-set__status::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}



.db-mobile-panel-block {
	position: fixed;
	top: 88px;
	right: 0;
	/* height: 100%; */
	max-height: calc(100% - 88px);
	z-index: 120;
	transform: translateX(100%);
	transition: 0.4s transform ease;
	width: 320px;
	overflow: auto;
	border-radius: 12px;
	display: none;
}

.db-mobile-panel {
	min-height: 100%;
	position: relative;
	z-index: 2;
	/* background-color: rgba(255, 255, 255, 0.02); */
	background: var(--colors-light-black);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}

.db-mobile-panel::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
}

.db-mobile-panel__inner {
	position: relative;
	z-index: 2;
	padding: 24px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.db-mobile-panel-block.active {
	transform: translateX(0);
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.15);
}

.db-mobile-panel-top-block {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
	position: relative;
	z-index: 2;
}

.db-mobile-panel-top-left .logo-wrapper {
	display: flex;
}

.db-mobile-panel-top-left .logo {
	max-width: 130px;
}

.db-mobile-panel-top-right {
	display: flex;
}

.db-mobile-panel-close-btn {
	display: block;
	position: relative;
	z-index: 2;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border: 0;
	padding: 0;
	background-color: transparent;
}


.db-mobile-panel-close-btn::before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/close.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 24px 24px;
	-webkit-mask-image: url('../images/svg/close.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 24px 24px;
	background-color: var(--black);
	transition: 0.4s ease;
}

.db-mobile-panel-middle {
	position: relative;
	z-index: 2;
}

.db-mobile-menu-title-block {
	margin-bottom: 8px;
}

.db-mobile-menu-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}


.db-mobile-topmenu-block {
	padding-top: 16px;
}

.db-mobile-topmenu {
	padding-top: 1px;
	line-height: 1.43;
	font-size: 14px;
	font-weight: 600;
}

.db-mobile-topmenu-list {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: -16px;
	margin-right: -16px;
	margin-top: -8px;
}

.db-mobile-topmenu-list-item {
	padding-left: 16px;
	padding-right: 16px;
	margin-top: 8px;
}


.db-mobile-topmenu-list-link {
	display: block;
	color: var(--colors-gray);
	text-decoration: none;
	position: relative;
}

.db-mobile-topmenu-list-link:hover {
	color: var(--red);
}




.db-mobile-panel-bottom {
	padding-top: 16px;
	position: relative;
	z-index: 2;
	display: none;
}

.db-mobile-panel-btn-block {
	display: none;
	/* display: block; */
	margin-left: 12px;
}

.db-mobile-panel-btn {
	display: block;
	position: relative;
	z-index: 2;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border: 0;
	padding: 0;
	border-radius: 12px;
	background: var(--colors-light-black);
}


.db-mobile-panel-btn::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/menu.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/menu.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}

.db-mobile-panel-btn.active::before {
	mask-image: url('../images/svg/close.svg');
	-webkit-mask-image: url('../images/svg/close.svg');
}


.db-mobile-panel-logout-button-block {}

.db-mobile-panel-logout-button {
	width: 100%;
}

.db-mobile-panel-logout-button .iconed-btn__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/log-out.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/log-out.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}



.acc-info-manage-button-block {}

.acc-info-manage-button {
	padding-top: 9px;
	padding-bottom: 9px;
	color: var(--colors-gray);
}

.acc-info-manage-button {}

.acc-info-manage-button .iconed-btn__icon {
	display: none;
}

.acc-info-manage-button .iconed-btn__icon::before {
	width: 12px;
	height: 12px;
	mask-size: 12px 12px;
	-webkit-mask-size: 12px 12px;
	mask-image: url('../images/svg/settings.svg');
	-webkit-mask-image: url('../images/svg/settings.svg');
	background-color: var(--colors-gray);
}

.acc-info-manage-button .iconed-btn__text {
	max-width: 100%;
	padding-left: 0;
}


.acc-info-2fa-status-block {
	margin-top: 4px;
	display: flex;
}

.acc-info-2fa-status {
	position: relative;
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
	padding-left: 16px;
}

.acc-info-2fa-status::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background-color: var(--colors-white);
}


.acc-info-2fa-status--enabled {}

.acc-info-2fa-status--enabled::before {
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}


.acc-info-2fa-status--disabled {
	color: var(--colors-light-red);
}

.acc-info-2fa-status--disabled::before {
	box-shadow: 0 0 8px 0 rgba(239, 68, 68, 0.6);
	background: var(--colors-red-1000);
}

.close-other-sessions-button-block {
	display: flex;
}

.close-other-sessions-button {
	background-color: transparent;
	border: 0;
	padding: 0;
}

.close-other-sessions-button .iconed-btn__icon {
	width: 20px;
	height: 20px;
	border-radius: 6px;
	background: rgba(248, 113, 113, 0.1);
}

.close-other-sessions-button .iconed-btn__icon::before {
	width: 12px;
	height: 12px;
	mask-image: url('../images/svg/trash-2.svg');
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/trash-2.svg');
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-light-red);
}

.close-other-sessions-button .iconed-btn__text {
	font-weight: 500;
	font-size: 12px;
	line-height: 138%;
	color: var(--colors-light-red);
}





.act-session-table-block {
	position: relative;
}

.act-session-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	backdrop-filter: blur(10px);
}

.act-session-table {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.act-session-table-heading {
	display: flex;
	background: rgba(255, 255, 255, 0.02);
}

.act-session-t-h-cell {
	padding: 10px 19px;
	width: 20%;
}

.act-session-t-h-cell--device {
	width: 26.5%;
}

.act-session-t-h-cell--ip {
	width: calc(24.5% - 30px);
}

.act-session-t-h-cell--location {
	width: calc(24.5% - 30px);
}

.act-session-t-h-cell--last-active {
	width: calc(24.5% - 30px);
}

.act-session-t-h-cell--action {
	width: 90px;
	text-align: center;
}

.act-session-t-h-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}



.act-session-table-items {}

.act-session-table-item {
	display: flex;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.act-session-table-item:first-child {
	border-top: 0;
}


.act-session-table-item.active {
	background: rgba(22, 255, 142, 0.03);
}


.act-session-t-i-cell {
	padding: 16px 20px;
	width: 20%;
	display: flex;
	align-items: center;
}

.act-session-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}

.act-session-t-i-cell__content {}



.act-session-t-i-cell--device {
	width: 26.5%;
}

.act-session-t-i-cell--ip {
	width: calc(24.5% - 30px);
}

.act-session-t-i-cell--location {
	width: calc(24.5% - 30px);
}

.act-session-t-i-cell--last-active {
	width: calc(24.5% - 30px);
}

.act-session-t-i-cell--action {
	width: 90px;
	justify-content: center;
}


.act-session-t-i-device {
	display: flex;
	align-items: center;
}

.act-session-t-i-device__icon {
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	border: 1px solid transparent;
	background: rgba(255, 255, 255, 0.05);
}

.act-session-t-i-device__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/monitor.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/monitor.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.act-session-t-i-device--phone {}

.act-session-t-i-device--phone .act-session-t-i-device__icon::before {
	mask-image: url('../images/svg/smartphone.svg');
	-webkit-mask-image: url('../images/svg/smartphone.svg');
}


.act-session-t-i-device__content {
	width: calc(100% - 32px);
	padding-left: 12px;
}

.act-session-t-i-device__title {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}

.act-session-t-i-device__browser {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	color: var(--colors-gray);
}

.act-session-t-i-device--desktop {}

.act-session-t-i-device--desktop .act-session-t-i-device__icon {}

.act-session-t-i-device--mobile {}



.act-session-table-item.active .act-session-t-i-device__icon {
	border: 1px solid var(--colors-green--200);
}

.act-session-table-item.active .act-session-t-i-device__icon::before {
	background-color: var(--colors-green-1000);
}

.act-session-t-i-ip {
	font-family: var(--second-family);
	font-size: 12px;
	color: var(--colors-gray);
}

.act-session-t-i-location {
	font-weight: 400;
	font-size: 14px;
	color: var(--colors-gray);
}


.act-session-t-i-active-status {}


.act-session-t-i-active-status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
}

.act-session-t-i-active-status::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}

.act-session-t-i-remove-button-block {
	display: flex;
}

.act-session-t-i-remove-button {
	position: relative;
	border-radius: 32px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid transparent;
	background-color: transparent;
}

.act-session-t-i-remove-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/trash-2.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/trash-2.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.act-session-t-i-remove-button:hover {
	border: 1px solid var(--colors-green--200);
}

.act-session-t-i-remove-button:hover::before {
	background: var(--colors-green-1000);
}

.act-session-t-i-active-time {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}




.pagination-block {
	margin-top: 24px;
}

.pagination {}

.pagination-list {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: -2px;
	margin-right: -2px;
}

.pagination-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 2px;
	padding-right: 2px;
}

.pagination-void {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 1.33;
	text-align: center;
	padding: 0;
	background-color: transparent;
	color: var(--colors-gray);
	text-decoration: none;
	border: 0;
	border-radius: 4px;
}

.pagination-link {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 1.33;
	text-align: center;
	padding: 0;
	background-color: transparent;
	color: var(--colors-gray);
	text-decoration: none;
	border: 0;
	border-radius: 4px;
}

.pagination-link--prev {
	position: relative;
}

.pagination-link--prev::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	mask-image: url("../images/svg/chevron-left.svg");
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url("../images/svg/chevron-left.svg");
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.pagination-link--prev:hover {
	background: rgba(255, 255, 255, 0.1);
}

.pagination-link--prev:hover::before {
	background-color: var(--colors-white);
}


.pagination-link--next {
	position: relative;
}

.pagination-link--next:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	mask-image: url("../images/svg/chevron-right.svg");
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url("../images/svg/chevron-right.svg");
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.pagination-link--next:hover {
	background: rgba(255, 255, 255, 0.1);
}

.pagination-link--next:hover::before {
	background-color: var(--colors-white);
}

.pagination-link:hover,
.pagination-item.active .pagination-link {
	background: rgba(255, 255, 255, 0.1);
	color: var(--colors-white);
}






.show-dropdown-menu-block {
	margin-top: 24px;
}

.show-dropdown-menu-wrapper {
	display: flex;
	align-items: center;

}

.show-dropdown-menu-title {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
	padding-right: 8px;
}

.show-dropdown-menu {
	position: relative;
}

.show-dropdown-menu-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--colors-gray);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	text-decoration: none;
	border: 0;
	background: var(--colors-light-black);
	border: 1px solid rgba(255, 255, 255, 0.05);
	text-align: center;
	padding-left: 7px;
	padding-right: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 4px;
}

.show-dropdown-menu-button::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/chevron-down.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.show-dropdown-menu-button.show::after {
	transform: translateY(-50%) rotate(180deg);
}

.show-dropdown-menu-dropdown {
	width: 100%;
	min-width: 80px;
	margin-top: 0;
	border-top: 0;
	/* max-height: 160px; */
	border-radius: 4px;
	z-index: 120;
	background: transparent;
	padding: 0;
}

.show-dropdown-menu-dropdown::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(24px);
	border-radius: 4px;
}

.show-dropdown-menu-dropdown__inner {
	position: relative;
	z-index: 2;
	border: 1px solid var(--forms-input-border);
	border-radius: 4px;
	background: var(--forms-input-default);
	background: var(--colors-light-black);
	box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.8);
}

.show-dropdown-menu-item-wrapper {}

.show-dropdown-menu-item {
	width: 100%;
	font-size: 14px;
	background-color: transparent;
	border: 1px solid transparent;
	color: var(--colors-gray);
	border-radius: 4px;
}


.show-dropdown-menu-item.active {
	border: 1px solid var(--colors-green-1000);
}



.act-session-table-manage-panel {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}



.act-session-table-manage-panel__left {}

.act-session-table-manage-panel__left .pagination-block {
	margin-top: 0;
}

.act-session-table-manage-panel__right {}

.act-session-table-manage-panel__right .show-dropdown-menu-block {
	margin-top: 0;
}





.acc-telegram-item-block {
	position: relative;
	border: 1px solid var(--forms-input-border);
	border-radius: 12px;
	overflow: hidden;
}

.acc-telegram-item-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.acc-telegram-item {
	position: relative;
	/* z-index: 2; */
}

.acc-telegram-item__states {}


.acc-telegram-item__state {
	position: relative;
	padding: 20px;
	overflow: hidden;
}

.acc-telegram-item__state-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.acc-telegram-item__state__left {
	position: relative;
	padding-right: 16px;
	width: calc(100% - 195px);
}

.acc-telegram-item__state__right {
	position: relative;
	width: 195px;
	display: flex;
	justify-content: flex-end;
}


.acc-telegram-disconnected-info-block {}

.acc-telegram-disconnected-info {}

.acc-telegram-disconnected-info__title {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}

.acc-telegram-disconnected-info__descr {
	margin-top: 4px;
	font-size: 12px;
	color: var(--colors-gray);
}



.acc-telegram-connect-button-block {}


.acc-telegram-connect-button {
	position: relative;
	overflow: hidden;
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-white);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	border: 0;
	background: transparent;
	background: var(--colors-telegram);
	border: 1px solid transparent;
	text-align: center;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 12px;
}


.acc-telegram-connect-button .iconed-btn__icon {
	position: relative;
	z-index: 2;
	width: 20px;
	height: 20px;
}

.acc-telegram-connect-button .iconed-btn__text {
	position: relative;
	z-index: 2;
	max-width: calc(100% - 20px);
	padding-left: 12px;
}


.acc-telegram-connect-button:hover {
	color: var(--colors-white);
	text-decoration: none;
	background: var(--colors-telegram);
}

.acc-telegram-connect-button:hover::before {
	opacity: 0;
	visibility: hidden;
}

.acc-telegram-connect-button .iconed-btn__icon::before {
	width: 20px;
	height: 20px;
	background: var(--colors-white);
	mask-size: 20px 20px;
	mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/telegram.svg');
}

.acc-telegram-connect-button:hover .iconed-btn__icon::before {
	background-color: var(--colors-white);
}



.acc-telegram-disconnect-button-block {}

.acc-telegram-disconnect-button {
	color: var(--colors-gray);
}


.acc-telegram-connected-info-block {}

.acc-telegram-connected-info {
	display: flex;
}

.acc-telegram-connected-info__icon {
	position: relative;
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
	background: var(--colors-telegram);
	border-radius: 40px;
	width: 40px;
	height: 40px;
}

.acc-telegram-connected-info__icon::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/telegram.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}

.acc-telegram-connected-info__content {
	width: calc(100% - 40px);
	padding-left: 12px;
}

.acc-telegram-connected-info__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.acc-telegram-connected-info__nickname {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
	padding-right: 8px;
}



.acc-telegram-connected-info__status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
}

.acc-telegram-connected-info__status::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}

.acc-telegram-connected-info__id {
	margin-top: 4px;
	font-size: 12px;
	color: var(--colors-gray);
}

.acc-telegram-item__state--connected {
	display: none;
}

.acc-telegram-item__state--connected::before {
	content: '';
	position: absolute;
	top: -40px;
	right: -26px;
	border-radius: 128px;
	width: 128px;
	height: 128px;
	filter: blur(50px);
	background: var(--colors-telegram);
	opacity: 0.36;
}

.acc-telegram-item__state--disconnected {}

.acc-telegram-item--connected {}

.acc-telegram-item--connected .acc-telegram-item__state--connected {}





.acc-security-items-block {
	position: relative;
	border: 1px solid var(--forms-input-border);
	border-radius: 12px;
}

.acc-security-items-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.acc-security-items {
	position: relative;
	z-index: 2;
}


.acc-security-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.acc-security-item:last-child {
	border-bottom: 0;
}

.acc-security-item__states {}

.acc-security-item__state {
	padding: 20px;
}

.acc-security-item__state-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.acc-security-item__state__left {
	position: relative;
	padding-right: 16px;
}

.acc-security-item__state__right {
	position: relative;
}




.acc-security-item__state--unset {
	display: none;
}

.acc-security-item__state--set {}

.acc-security-item__state--change {
	display: none;
}

.acc-security-item__state--change .acc-security-item__state-inner {
	align-items: flex-start;
}


.acc-security-item__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}


.acc-security-not-set-block {
	margin-top: 8px;
}

.acc-security-not-set {
	display: flex;
	align-items: center;
}

.acc-security-not-set__title {
	max-width: calc(100% - 16px);
	padding-right: 8px;
	font-weight: 500;
	font-size: 16px;
	color: var(--colors-gray);
}

.acc-security-not-set__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.acc-security-not-set__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-orange);
	transition: 0.4s ease;
}


.acc-security-set-button-block {}

.acc-security-set-button {
	padding-top: 9px;
	padding-bottom: 9px;
}

.acc-security-set-button--pin {}

.acc-security-set-button--pin .iconed-btn__icon::before {
	mask-image: url('../images/svg/lock.svg');
	-webkit-mask-image: url('../images/svg/lock.svg');
}




.acc-security-change-button-block {}

.acc-security-change-button {
	padding-top: 9px;
	padding-bottom: 9px;
	color: var(--colors-gray);
}

.acc-security-change-button {}

.acc-security-change-button .iconed-btn__icon {
	display: none;
}

.acc-security-change-button .iconed-btn__icon::before {
	width: 12px;
	height: 12px;
	mask-size: 12px 12px;
	-webkit-mask-size: 12px 12px;
	mask-image: url('../images/svg/pencil.svg');
	-webkit-mask-image: url('../images/svg/pencil.svg');
	background-color: var(--colors-gray);
}

.acc-security-change-button .iconed-btn__text {
	max-width: 100%;
	padding-left: 0;
}


.acc-security-close-button-block {
	display: flex;
}

.acc-security-close-button {
	position: relative;
	width: 16px;
	height: 16px;
	border: 0;
	background-color: transparent;
	padding: 0;
}

.acc-security-close-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/close.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/close.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.acc-security-change-form-block {
	margin-top: 4px;
	width: 410px;
}

.acc-security-change-form-block+.acc-security-change-form-block {
	margin-top: 16px;
}


.acc-security-change-form {}



.acc-security-change-form-row {
	display: flex;
	align-items: flex-start;
}


.acc-security-change-form-row-field {
	width: calc(100% - 80px);
	padding-right: 8px;
}

.acc-security-change-form-row-field .field input[type='text'],
.acc-security-change-form-row-field .field input[type='email'],
.acc-security-change-form-row-field .field input[type='password'] {
	height: 40px;
	border-radius: 12px;
	padding-left: 44px;
}

.acc-security-change-form-row-field .field-icon {
	left: 12px;
}

.acc-security-change-form-row-field .field-right-panel {
	right: 12px;
}


.acc-security-change-form-row-field .field--has-right-panel input[type='text'],
.acc-security-change-form-row-field .field--has-right-panel input[type='email'],
.acc-security-change-form-row-field .field--has-right-panel input[type='password'] {
	padding-right: 36px;
}



.acc-security-change-form-row-field .field--phone .bootstrap-select>.dropdown-menu {
	transform: translate3d(0px, 44px, 0px) !important;
}

.acc-security-change-form-row-button {
	width: 80px;
}

.acc-security-change-form-row-button .form-button-block {
	margin-top: 0;
}

.acc-security-change-form-row-button .green-gradient-btn {
	padding: 11px 12px;
	width: 100%;
	border-radius: 12px;
}






.acc-security-item--empty {}

.acc-security-item--unset .acc-security-item__state--unset {
	display: block;
}

.acc-security-item--unset .acc-security-item__state--set {
	display: none;
}


.acc-security-note-block {
	margin-top: 8px;
}

.acc-security-note {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}




.acc-security-password-set-block {
	margin-top: 8px;
}

.acc-security-password-set {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.acc-security-password-set__title {
	padding-right: 8px;
	font-weight: 500;
	font-size: 16px;
	color: var(--colors-white);
}


.acc-security-password-set__status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	color: var(--colors-white);
	border: 1px solid var(--colors-white);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
}

.acc-security-password-set__status::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: var(--colors-white);
	transition: 0.4s ease;
}

.acc-security-password-set__status--strong {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
}

.acc-security-password-set__status--strong::before {
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.acc-security-change-form .field-block {
	margin-top: 12px;
}

.acc-security-change-form .field-block:first-child {
	margin-top: 0;
}

.acc-security-change-form--password {
	max-width: 320px;
}

.acc-security-change-form--password .acc-security-change-form-row {
	flex-wrap: wrap;
}

.acc-security-change-form--password .acc-security-change-form-row-field {
	width: 100%;
	padding-right: 0;
}

.acc-security-change-form--password .acc-security-change-form-row-button {
	padding-top: 16px;
}

.acc-security-change-form--password .generate-password-button-block {
	margin-top: 12px;
}

.acc-security-change-form--password .password-strength-block {
	margin-top: 12px;
}



.acc-security-pin-set-block {
	margin-top: 8px;
}

.acc-security-pin-set {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.acc-security-pin-set__title {
	padding-right: 8px;
	font-weight: 500;
	font-size: 16px;
	color: var(--colors-white);
}


.acc-security-pin-set__status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	color: var(--colors-white);
	border: 1px solid var(--colors-white);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
}

.acc-security-pin-set__status::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: var(--colors-white);
	transition: 0.4s ease;
}


.acc-security-pin-set__status--enabled {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
}

.acc-security-pin-set__status--enabled::before {
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}



.payment-pin-remove-button-block {
	display: flex;
	margin-top: 8px;
}

.payment-pin-remove-button {
	background-color: transparent;
	border: 0;
	padding: 0;
}

.payment-pin-remove-button .iconed-btn__icon {
	width: 20px;
	height: 20px;
	border-radius: 6px;
	background: rgba(248, 113, 113, 0.1);
}

.payment-pin-remove-button .iconed-btn__icon::before {
	width: 12px;
	height: 12px;
	mask-image: url('../images/svg/trash-2.svg');
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/trash-2.svg');
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-light-red);
}

.payment-pin-remove-button .iconed-btn__text {
	font-weight: 500;
	font-size: 12px;
	line-height: 138%;
	color: var(--colors-light-red);
}



.acc-security-item--recovery-phrase {}

.acc-security-item--recovery-phrase .acc-security-item__state__left {
	width: 100%;
	padding-right: 0;
}

.acc-security-item-phrase-block {
	position: relative;
	margin-top: 4px;
}

.acc-security-item-phrase-items-block {
	filter: blur(4px);
	position: relative;
	pointer-events: none;
}

.acc-security-item-phrase-items {
	display: flex;
	flex-wrap: wrap;
}

.acc-security-item-phrase-item-wrapper {
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 8px;
	width: 16.66%;
}

.acc-security-item-phrase-item {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 5px 12px;
	display: flex;
	align-items: center;
}

.acc-security-item-phrase-item__count {
	width: 16px;
	height: 16px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	color: var(--colors-gray);
}

.acc-security-item-phrase-item__word {
	width: calc(100% - 16px);
	padding-left: 12px;
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}


.acc-security-item-phrase-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.acc-security-item-phrase-overlay-button {
	padding-left: 23px;
	padding-right: 23px;
	font-weight: 700;
}





.acc-two-fa-item-block {
	position: relative;
	border: 1px solid var(--forms-input-border);
	border-radius: 12px;
	overflow: hidden;
}

.acc-two-fa-item-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.acc-two-fa-item {
	position: relative;
	/* z-index: 2; */
}

.acc-two-fa-item__states {}


.acc-two-fa-item__state {
	position: relative;
	padding: 20px;
	overflow: hidden;
}

.acc-two-fa-item__state-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.acc-two-fa-item__state__left {
	position: relative;
	padding-right: 16px;
	width: calc(100% - 195px);
}

.acc-two-fa-item__state__right {
	position: relative;
	width: 195px;
	display: flex;
	justify-content: flex-end;
}


.acc-two-fa-disconnected-info-block {}

.acc-two-fa-disconnected-info {}

.acc-two-fa-disconnected-info__title {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}

.acc-two-fa-disconnected-info__descr {
	margin-top: 4px;
	font-size: 12px;
	color: var(--colors-gray);
}



.acc-two-fa-connect-button-block {}


.acc-two-fa-connect-button {
	padding-left: 23px;
	padding-right: 23px;
	font-weight: 700;
}


.acc-two-fa-connect-button .iconed-btn__icon {
	position: relative;
	z-index: 2;
}

.acc-two-fa-connect-button .iconed-btn__text {
	position: relative;
	z-index: 2;
}


.acc-two-fa-connect-button:hover {
	text-decoration: none;
}

.acc-two-fa-connect-button:hover::before {
	opacity: 0;
	visibility: hidden;
}

.acc-two-fa-connect-button .iconed-btn__icon::before {
	width: 16px;
	height: 16px;
	background: var(--colors-white);
	mask-size: 16px 16px;
	mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	background: var(--colors-black);
}

.acc-two-fa-connect-button:hover .iconed-btn__icon::before {}



.acc-two-fa-disconnect-button-block {}

.acc-two-fa-disconnect-button {
	color: var(--colors-gray);
}


.acc-two-fa-connected-info-block {}

.acc-two-fa-connected-info {
	display: flex;
}

.acc-two-fa-connected-info__icon {
	position: relative;
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
	border-radius: 16px;
	width: 40px;
	height: 40px;
}

.acc-two-fa-connected-info__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/shield-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}

.acc-two-fa-connected-info__content {
	width: calc(100% - 40px);
	padding-left: 12px;
}

.acc-two-fa-connected-info__title {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}

.acc-two-fa-connected-info__descr {
	margin-top: 4px;
	font-size: 12px;
	color: var(--colors-gray);
}



.acc-two-fa-item__state--connected {
	display: none;
}

.acc-two-fa-item__state--connected::before {
	content: '';
	position: absolute;
	top: -40px;
	right: -26px;
	border-radius: 128px;
	width: 128px;
	height: 128px;
	filter: blur(50px);
	background: linear-gradient(90deg, #00ffc2 0%, #00ff59 100%);
	opacity: 0.36;
}

.acc-two-fa-item__state--disconnected::before {
	content: '';
	position: absolute;
	top: -65px;
	left: -60px;
	border-radius: 128px;
	width: 128px;
	height: 128px;
	filter: blur(50px);
	background: linear-gradient(90deg, #00ffc2 0%, #00ff59 100%);
	opacity: 0.36;
}

.acc-two-fa-item__state--disconnected {}

.acc-two-fa-item--connected {}

.acc-two-fa-item--connected .acc-two-fa-item__state--connected {}



.modal--recovery-phrase {}

.modal--recovery-phrase .modal-title {
	color: var(--colors-green-1000);
}

.modal--recovery-phrase .modal-dialog {
	max-width: 540px;
}

.modal--recovery-phrase .form-title-block {
	margin-top: 0;
}


.modal--confirm {}

.modal--confirm .form-wrapper {
	margin-top: 16px;
}

.modal-info-icon--confirm {
	background: var(--colors-green--200);
	border: 1px solid var(--colors-green-1000);
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(22, 255, 142, 0.5);
}

.modal-info-icon--confirm::before {
	background: var(--colors-green-1000);
	mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-image: url('../images/svg/shield-check.svg');
}



.modal-confirm-field-items-block {}

.modal-confirm-field-items {
	display: flex;
	margin-left: -6px;
	margin-right: -6px;
}

.modal-confirm-field-item-wrapper {
	width: 16.66%;
	padding-left: 6px;
	padding-right: 6px;
}

.modal-confirm-field-item {}


.modal-confirm-field-item .field input[type='text'],
.modal-confirm-field-item .field input[type='email'],
.modal-confirm-field-item .field input[type='password'] {
	height: 64px;
	padding: 4px;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}

.modal-confirm-field-item .field--filled input[type='text'],
.modal-confirm-field-item .field--filled input[type='email'],
.modal-confirm-field-item .field--filled input[type='password'] {
	color: var(--colors-green-1000);
}


.modal-confirm-fields-info-block {
	margin-top: 12px;
}

.modal-confirm-fields-info {
	font-size: 12px;
	color: var(--colors-gray);
}

.modal-confirm-fields-info a {
	color: var(--colors-green-1000);
	text-decoration: none;
}

.modal-confirm-fields-info a:hover {
	text-decoration: underline;
}



.modal-confirm-buttons-block {
	margin-top: 24px;
}


.modal-confirm-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -6px;
	margin-right: -6px;
}

.modal-confirm-button-wrapper {
	padding-left: 6px;
	padding-right: 6px;
}

.modal-confirm-cancel-button {
	min-width: 136px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.modal-confirm-continue-button {
	min-width: 136px;
	padding-top: 15px;
	padding-bottom: 15px;
}


.modal--setup-two-fa {}


.modal-setup-two-fa-form .form-button-block {
	margin-top: 24px;
}

.setup-two-fa-form-steps-block {}

.setup-two-fa-form-steps {}

.setup-two-fa-form-step-wrapper {
	position: relative;
	margin-top: 16px;
}

.setup-two-fa-form-step-wrapper::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.setup-two-fa-form-step-wrapper:first-child {
	margin-top: 0;
}

.setup-two-fa-form-step {
	position: relative;
	z-index: 2;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 20px;
}

.setup-two-fa-form-step__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.setup-two-fa-form-step__subtitle {
	margin-top: 4px;
	font-size: 14px;
	color: var(--colors-white);
}

.setup-two-fa-form-step__content {
	margin-top: 12px;
}

.setup-two-fa-scan-block {}

.setup-two-fa-scan {
	display: flex;
}

.setup-two-fa-scan__left {
	width: 152px;
	height: 152px;
}

.setup-two-fa-scan__qr {
	border-radius: 12px;
}

.setup-two-fa-scan__qr .image {
	border-radius: 12px;
}


.setup-two-fa-scan__right {
	width: calc(100% - 152px);
	padding-left: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.setup-two-fa-scan__right-top {}

.setup-two-fa-scan__right-bottom {
	padding-top: 12px;
}

.setup-two-fa-scan__right-bottom {
	padding-top: 12px;
}

.setup-two-fa-scan__right-bottom .copy-link-block {
	margin-top: 0;
}


.copy-link-block {
	margin-top: 16px;
	display: flex;
}

.copy-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.copy-link__icon {
	position: relative;
	background: rgba(0, 245, 255, 0.1);
	border-radius: 6px;
	width: 20px;
	height: 20px;
}

.copy-link__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/copy.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/copy.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-blue-1000);

}

.copy-link__text {
	padding-left: 8px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-blue-1000);
}

.copy-link::after {
	pointer-events: none;
	content: attr(aria-label);
	position: absolute;
	z-index: 1;
	font-weight: 700;
	font-size: 11px;
	line-height: 1;
	left: 0;
	white-space: nowrap;
	/* text-transform: uppercase; */
	background-color: var(--colors-green-1000);
	color: var(--colors-black);
	padding: 4px;
	top: -22px;
	border-radius: 4px;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}


.copy-link.active {}

.copy-link.active .copy-link__text {
	color: var(--colors-white);
}

.copy-link.active .copy-link__icon::before {
	mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	background-color: var(--colors-green-1000);
}

.copy-link.active::after {
	opacity: 1;
	visibility: visible;
}



.setup-two-fa-app-buttons-block {}

.setup-two-fa-app-buttons {}

.setup-two-fa-app-button-wrapper {
	margin-top: 12px;
}

.setup-two-fa-app-button-wrapper:first-child {
	margin-top: 0;
}


.setup-two-fa-app-button {
	width: 100%;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 8px;
	color: var(--colors-gray);
}

.setup-two-fa-app-button .iconed-btn__icon::before {
	background-color: var(--colors-gray);
}

.setup-two-fa-app-button--google-play {}

.setup-two-fa-app-button--google-play .iconed-btn__icon::before {
	mask-image: url('../images/svg/google-play.svg');
	-webkit-mask-image: url('../images/svg/google-play.svg');
}

.setup-two-fa-app-button--app-store {}

.setup-two-fa-app-button--app-store .iconed-btn__icon::before {
	mask-image: url('../images/svg/apple.svg');
	-webkit-mask-image: url('../images/svg/apple.svg');
}



.modal-two-fa-form-buttons-block {
	margin-top: 24px;
}


.modal-two-fa-form-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -6px;
	margin-right: -6px;
}

.modal-two-fa-form-button-wrapper {
	padding-left: 6px;
	padding-right: 6px;
	width: 50%;
}

.modal-two-fa-form-cancel-button {
	min-width: 136px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}

.modal-two-fa-form-continue-button {
	min-width: 136px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}



.favorite-addresses-empty-block {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 600px;
}

.favorite-addresses-empty-wrapper {}

.favorite-addresses-empty {
	width: 320px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.favorite-addresses-empty__icon {
	position: relative;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	width: 48px;
	height: 48px;
}

.favorite-addresses-empty__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/database.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/database.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.favorite-addresses-empty__title {
	margin-top: 24px;
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
	text-align: center;
}

.favorite-addresses-empty__descr {
	margin-top: 4px;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
}

.favorite-addresses-empty__button-block {
	margin-top: 24px;
	text-align: center;
}

.favorite-addresses-empty__button {
	padding-left: 23px;
	padding-right: 23px;
}

.favorite-addresses-empty__button .iconed-btn__icon::before {
	mask-image: url('../images/svg/plus.svg');
	-webkit-mask-image: url('../images/svg/plus.svg');
}





.modal-add-address-form {}


.modal--add-address {}

.modal-form-buttons-block {
	margin-top: 24px;
}


.modal-form-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -6px;
	margin-right: -6px;
}

.modal-form-button-wrapper {
	padding-left: 6px;
	padding-right: 6px;
	width: 50%;
}


.modal-form-cancel-button {
	min-width: 136px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}

.modal-form-continue-button {
	min-width: 136px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}




.currency-item {
	display: flex;
	align-items: center;
}


.currency-icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.currency-icon .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.currency-icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.currency-icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}

.currency-item__content {
	width: calc(100% - 32px);
	padding-left: 12px;
}

.currency-item__title {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
	transition: 0.4s ease;
	white-space: nowrap;
}

.currency-item__abbr {
	font-family: var(--second-family);
	font-size: 12px;
	text-transform: uppercase;
	color: var(--colors-gray);
	line-height: 1.25;
}

.currency-item__descr {
	font-size: 12px;
	color: var(--colors-gray);
	line-height: 1.33;
}




.currency-icon--usdt::before {
	background: rgba(88, 179, 154, 0.3);
}


.currency-icon--ada::before {
	background: rgba(31, 111, 205, 0.2);
}

.currency-icon--avax::before {
	background: rgba(232, 65, 66, 0.2);
}

.currency-icon--dot::before {
	background: rgba(230, 0, 122, 0.2);
}

.currency-icon--usdc::before {
	background: rgba(39, 117, 202, 0.2);
}

.currency-icon--eth::before {
	background: rgba(130, 131, 132, 0.2);
}

.currency-icon--trx::before {
	background: rgba(235, 0, 41, 0.2);
}

.currency-icon--ton::before {
	background: rgba(0, 136, 204, 0.2);
}

.currency-icon--bnb::before {
	background: rgba(240, 185, 11, 0.2);
}

.currency-icon--bch::before {
	background: rgba(76, 200, 71, 0.2);
}

.currency-icon--chainlink::before {
	background: rgba(45, 86, 223, 0.2);
}

.currency-icon--pol::before {
	background: rgba(45, 86, 223, 0.2);
}

.currency-icon--sol::before {
	background: rgba(184, 95, 226, 0.2);
}

.currency-icon--btc::before {
	background: rgba(243, 147, 33, 0.2);
}

.currency-icon--arb::before {
	background: rgba(18, 170, 255, 0.2);
}

.currency-icon--ltc::before {
	background: rgba(51, 94, 159, 0.2);
}

.currency-icon--op::before {
	background: rgba(255, 4, 32, 0.2);
}

.currency-icon--xrp::before {
	background: rgba(255, 255, 255, 0.2);
}

.currency-icon--doge::before {
	background: rgba(186, 159, 51, 0.2);
}

.currency-icon--zec::before {
	background: rgba(222, 160, 56, 0.2);
}

.currency-icon--xlm::before {
	background: rgba(255, 255, 255, 0.2);
}

.currency-icon--celo::before {
	background: rgba(53, 208, 127, 0.2);
}

.currency-icon--paxg::before {
	background: rgba(204, 167, 39, 0.2);
}

.currency-icon--cro::before {
	background: rgba(255, 255, 255, 0.2);
}


.select-currency-item {
	display: flex;
	align-items: center;
	padding: 9px 11px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid transparent;
}

.select-currency-item__left {
	width: calc(100% - 50px);
	padding-right: 12px;
	display: flex;
	align-items: center;
}


.select-currency-item__abbr {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 11px;
	text-align: right;
	color: var(--colors-gray);
	transition: 0.4s ease;
}

.select-currency-item__right {
	width: 50px;
}

.select-currency-item__code {
	font-weight: 400;
	font-size: 11px;
	line-height: 1.33;
	text-align: right;
	color: var(--colors-gray);
}

.select-currency-item__left .select-currency-item__abbr {
	text-align: left;
	display: none;
}


.select-currency-item__left .currency-icon {
	width: 20px;
	height: 20px;
}

.select-currency-item__left .currency-icon .image {
	width: 10px;
	height: 10px;
}

.select-currency-item__left .currency-item__content {
	width: calc(100% - 20px);
}

.select-currency-item__left .currency-item__title {
	font-size: 12px;
}

.select-currency-item__left .currency-item__abbr {
	text-transform: lowercase;
	display: none;
}





.select-currency.bootstrap-select>.dropdown-toggle {
	padding-left: 16px;
}

.bootstrap-select>.dropdown-toggle .select-currency-item {
	padding: 0;
}

.bootstrap-select>.dropdown-toggle .select-currency-item .select-currency-item__left {
	width: 100%;
	padding-right: 0;
}

.bootstrap-select>.dropdown-toggle .select-currency-item .select-currency-item__right {
	display: none;
}

.bootstrap-select>.dropdown-toggle .select-currency-item .select-currency-item__country {
	display: none;
}

.bootstrap-select>.dropdown-toggle .select-currency-item .select-currency-item__left .currency-item__abbr {
	display: block;
	font-size: 12px;
}

.bootstrap-select>.dropdown-toggle .currency-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
}

.bootstrap-select>.dropdown-toggle .currency-icon::after {
	border-radius: 8px;
}

.bootstrap-select>.dropdown-toggle .select-currency-item__left .currency-icon .image {
	width: 16px;
	height: 16px;
}

.bootstrap-select>.dropdown-toggle .select-currency-item__left .currency-item__content {
	width: calc(100% - 32px);
}


.bootstrap-select>.dropdown-toggle .select-currency-item__left .currency-item__title {
	font-size: 14px;
}




.bootstrap-select .dropdown-menu li a:hover .select-currency-item .currency-item__title {
	color: var(--colors-green-1000);
}

.bootstrap-select .dropdown-menu li a:hover .select-currency-item .select-currency-item__abbr {
	color: var(--colors-green-1000);
}



.bootstrap-select .dropdown-menu li a.active .select-currency-item {
	border: 1px solid var(--colors-green-1000);
}






.add-address-fieldset-block {
	margin-top: 16px;
}

.add-address-fieldset-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.add-address-fieldset {
	padding-top: 16px;
}



.network-radio-items-block {}

.network-radio-items {}

.network-radio-item-wrapper {
	margin-top: 16px;
}

.network-radio-item-wrapper:first-child {
	margin-top: 0;
}

.network-radio-item-wrapper.d-none+.network-radio-item-wrapper {
	margin-top: 0;
}

.network-radio-item {}



.field--radio {
	display: flex;
}

.radio-container {
	line-height: 1;
	display: block;
	width: 100%;
	margin-bottom: 0;
	text-align: left;
}

.radio-input {}

.radio-custom {
	display: flex;
	align-items: center;
}

.radio-custom__switcher {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid #d3d7de;
	background-color: #fff;
	border-radius: 8px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.radio-custom__switcher::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	border-radius: 4px;
	background-color: transparent;
}

.radio-custom__text {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 16px;
	padding-left: 8px;
	color: #000;
	max-width: calc(100% - 24px);
}


.radio-input {
	display: none;
}

.radio-input:checked~.radio-custom .radio-custom__switcher::before {
	background: #1b365d;
}


.network-radio {
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 6px 11px;
	padding-right: 42px;
	height: 52px;
	display: flex;
	align-items: center;
	transition: 0.4s ease;
	cursor: pointer;
}

.network-radio__icon {
	width: 32px;
	height: 32px;
}

.network-radio__content {
	width: calc(100% - 32px);
	padding-left: 12px;
}

.network-radio__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.15;
	color: var(--colors-white);
}

.network-radio__descr {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 11px;
	line-height: 1.5;
	color: var(--colors-gray);
}


.network-radio__switcher {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid var(--forms-input-border);
	border-radius: 7999px;
	width: 16px;
	height: 16px;
	background: var(--forms-input-default);
	transition: 0.4s ease;
}

.network-radio__switcher::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.radio-input:checked~.network-radio {
	border: 1px solid var(--colors-green-1000);
}


.radio-input:checked~.network-radio .network-radio__switcher {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
}

.radio-input:checked~.network-radio .network-radio__switcher::before {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
	opacity: 1;
	visibility: visible;
}




.field--address .field-icon::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
}

.field--tag .field-icon::before {
	mask-image: url('../images/svg/tag.svg');
	-webkit-mask-image: url('../images/svg/tag.svg');
}

/* .favorite-addresses-empty-block {
	display: none;
} */

.favorite-addresses-block {}


.favorite-addresses-top-block {}

.favorite-addresses-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.favorite-addresses-top__left {
	padding-right: 16px;
}

.favorite-addresses-top__title {
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
}

.favorite-addresses-top__descr {
	margin-top: 4px;
	font-size: 14px;
	color: var(--colors-gray)
}


.favorite-addresses-top__right {}


.favorite-address-table-block {
	margin-top: 16px;
	position: relative;
}

.favorite-address-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.favorite-address-table {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.favorite-address-table-heading {
	background: rgba(255, 255, 255, 0.02);
	display: flex;
	align-items: center;
}

.favorite-address-t-h-cell {
	padding: 10px 20px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	width: 20%;
}



.favorite-address-t-h-cell--currency {
	width: calc(25% - 23px);
}

.favorite-address-t-h-cell--network {
	width: calc(25% - 23px);
}

.favorite-address-t-h-cell--address {
	width: calc(25% - 23px);
}

.favorite-address-t-h-cell--added {
	width: calc(25% - 23px);
}

.favorite-address-t-h-cell--action {
	width: 92px;
	text-align: center;
}



.favorite-address-table-items {}

.favorite-address-table-item {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
}

.favorite-address-table-item:first-child {
	border: 0;
}

.favorite-address-t-i-cell {
	width: 20%;
	padding: 14px 20px;
	display: flex;
	align-items: center;
}

.favorite-address-t-i-cell--currency {
	width: calc(25% - 23px);
}

.favorite-address-t-i-cell--network {
	width: calc(25% - 23px);
}

.favorite-address-t-i-cell--address {
	width: calc(25% - 23px);
}

.favorite-address-t-i-cell--added {
	width: calc(25% - 23px);
}

.favorite-address-t-i-cell--action {
	width: 92px;
	text-align: center;
	padding-left: 12px;
	padding-right: 12px;
	justify-content: center;
}


.favorite-address-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}

.favorite-address-t-i-cell__content {}


.fa-t-i-currency-block {}

.fa-t-i-network-block {
	display: flex;
}

.fa-t-i-network {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-gray);
	cursor: default;
}


.fa-t-i-address-block {}

.fa-t-i-address {
	display: flex;
}

.fa-t-i-address__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
	padding-right: 10px;
	max-width: calc(100% - 16px);
}

.fa-t-i-address__copy {
	width: 16px;
}


.copy-icon-button {
	position: relative;
	width: 16px;
	height: 16px;
	/* width: 20px;
	height: 20px; */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.copy-icon-button__icon {
	position: relative;
	width: 16px;
	height: 16px;
	display: block;
}


.copy-icon-button__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/copy.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/copy.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}



.copy-icon-button:hover .copy-icon-button__icon::before {
	background: var(--colors-green-1000);
}



.copy-icon-button::after {
	pointer-events: none;
	content: attr(aria-label);
	position: absolute;
	z-index: 1;
	font-weight: 700;
	font-size: 11px;
	line-height: 1;
	right: 0;
	white-space: nowrap;
	/* text-transform: uppercase; */
	background-color: var(--colors-green-1000);
	color: var(--colors-black);
	padding: 4px;
	top: -22px;
	border-radius: 4px;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}


.copy-icon-button.active {}


.copy-icon-button.active .copy-icon-button__icon::before {
	mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	background-color: var(--colors-green-1000);
}

.copy-icon-button.active::after {
	opacity: 1;
	visibility: visible;
}






.fa-t-i-date-block {}

.fa-t-i-date {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}


.fa-t-i-action-buttons-block {}

.fa-t-i-action-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fa-t-i-action-button-wrapper {}

.fa-t-i-edit-button {
	position: relative;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.fa-t-i-edit-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/pencil.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/pencil.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.fa-t-i-edit-button:hover::before {
	background: var(--colors-green-1000);
}

.fa-t-i-remove-button {
	position: relative;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.fa-t-i-remove-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/trash-2.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/trash-2.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.fa-t-i-remove-button:hover::before {
	background: var(--colors-green-1000);
}



.favorite-address-table-manage-panel {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}


.favorite-address-table-manage-panel__left {}

.favorite-address-table-manage-panel__left .pagination-block {
	margin-top: 0;
}

.favorite-address-table-manage-panel__right {}

.favorite-address-table-manage-panel__right .show-dropdown-menu-block {
	margin-top: 0;
}



.db-info-panel-list-block {}

.db-info-panel-list {
	margin-top: -8px;
}


.db-info-panel-list .row,
.db-info-panel-list .row>* {
	--bs-gutter-x: 16px;
}

.db-info-panel-wrapper {
	position: relative;
	margin-top: 16px;
	height: calc(100% - 16px);
}

.db-info-panel-wrapper::before {
	position: absolute;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.db-info-panel {
	position: relative;
	z-index: 2;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 24px;
	height: 100%;
}

.db-info-panel__top-block {
	position: relative;
	z-index: 2;
}

.db-info-panel__top {}

.db-info-panel__title-block {}

.db-info-panel__title {
	position: relative;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.db-info-panel--balance {}

.db-info-panel--balance::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/theme/db-info-panel-balance-bg-lines.png');
	background-repeat: no-repeat;
	background-position: top -14px right -22px;
}

.db-info-panel--products {}

.db-info-panel--products .db-info-panel__title {
	padding-left: 8px;
}

.db-info-panel--products .db-info-panel__title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	border-radius: 8px;
	width: 4px;
	height: 4px;
	transform: translateY(-50%);
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.db-info-panel--latest-news {}


.db-info-amount-block {
	margin-top: 24px;
	position: relative;
	z-index: 2;
}

.db-info-amount {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}

.db-info-amount__currency {
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 24px;
	color: var(--colors-gray);
	padding-right: 4px;
}

.db-info-amount__dollar {
	font-family: var(--second-family);
	font-size: 34px;
	color: var(--colors-white);
	line-height: 1.3;
	padding-right: 4px;
}

.db-info-amount__cent {
	font-family: var(--second-family);
	font-size: 24px;
	line-height: 150%;
	color: rgba(107, 114, 128, 0.8);
}


.db-info-amount-note {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-info-operation-items-block {
	margin-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.03);
	position: relative;
	z-index: 2;
}

.db-info-operation-items {
	display: flex;
}

.db-info-operation-item-wrapper {
	width: 50%;
}

.db-info-operation-item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 8px;
	padding-left: 0;
}

.db-info-operation-item__icon-wrapper {
	padding-right: 4px;
}

.db-info-operation-item__icon {
	width: 12px;
	height: 12px;
	position: relative;
}

.db-info-operation-item__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	transition: 0.4s ease;
}

.db-info-operation-item__title {
	font-size: 12px;
	color: var(--colors-gray);
	padding-right: 4px;
}

.db-info-operation-item__value {
	font-weight: 500;
	font-size: 12px;
	color: var(--colors-white);
}


.db-info-operation-item--staking {}

.db-info-operation-item--staking .db-info-operation-item__icon::before {
	mask-image: url('../images/svg/sparkles.svg');
	-webkit-mask-image: url('../images/svg/sparkles.svg');
	background-color: var(--colors-orange);
}

.db-info-operation-item--loans {}

.db-info-operation-item--loans .db-info-operation-item__icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
	background-color: var(--colors-blue-1000);
}



.db-info-action-buttons-block {
	position: relative;
	z-index: 2;
	margin-top: 12px;
}

.db-info-action-buttons {
	display: flex;
	margin-left: -4px;
	margin-right: -4px;
}

.db-info-action-button-wrapper {
	padding-left: 4px;
	padding-right: 4px;
	width: 50%;
}

.db-info-action-deposit-button {
	width: 100%;
}


.db-info-action-deposit-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/arrow-down-to-line.svg');
	-webkit-mask-image: url('../images/svg/arrow-down-to-line.svg');
}

.db-info-action-send-button {
	width: 100%;
}

.db-info-action-send-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/arrow-up-right.svg');
	-webkit-mask-image: url('../images/svg/arrow-up-right.svg');
}





.db-info-products-slider-block {
	position: relative;
	z-index: 3;
	margin-top: 28px;
}

.db-info-products-slider {
	position: relative;
}

.db-info-products-slider .swiper {
	margin: -24px;
	margin-top: 0;
}

.db-info-products-slider .swiper-button-next,
.db-info-products-slider .swiper-button-prev {
	position: absolute;
	width: 24px;
	height: 24px;
	border: 0;
	top: -44px;
	margin-top: 0;
}

.db-info-products-slider .swiper-button-next::after,
.db-info-products-slider .swiper-button-prev::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-info-products-slider .swiper-button-next:hover::after,
.db-info-products-slider .swiper-button-prev:hover::after {
	background-color: var(--colors-white);
}

.db-info-products-slider .swiper-button-next {
	right: 0;
}

.db-info-products-slider .swiper-button-prev {
	left: auto;
	right: 24px;
}


.db-info-products-slider .swiper-button-next::after {
	mask-image: url('../images/svg/chevron-right.svg');
	-webkit-mask-image: url('../images/svg/chevron-right.svg');
}

.db-info-products-slider .swiper-button-prev::after {
	mask-image: url('../images/svg/chevron-left.svg');
	-webkit-mask-image: url('../images/svg/chevron-left.svg');
}


.db-info-products-slide {
	padding: 24px;
	padding-top: 0;
}

.db-info-products-slide-item {}

.db-info-products-slide-item__title-block {}

.db-info-products-slide-item__title {
	display: flex;
	align-items: center;
}


.db-info-products-slide-item__title__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.db-info-products-slide-item__title__icon .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.db-info-products-slide-item__title__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 60px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.db-info-products-slide-item__title__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(245, 158, 11, 0.03);
	z-index: 2;
}

.db-info-products-slide-item__title__icon-image {
	width: 16px;
	height: 16px;
	position: relative;
}

.db-info-products-slide-item__title__icon-image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/flame.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/flame.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-orange);
	transition: 0.4s ease;
}

.db-info-products-slide-item__title__icon--flame::before {
	background: rgba(244, 165, 31, 0.2);
}


.db-info-products-slide-item__title__icon--flame .db-info-products-slide-item__title__icon-image::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background-color: var(--colors-orange);
}



.db-info-products-slide-item__title__icon--wallet::before {
	background: var(--colors-green--200);
}

.db-info-products-slide-item__title__icon--wallet .db-info-products-slide-item__title__icon-image::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
	background-color: var(--colors-green-1000);
}

.db-info-products-slide-item__title__icon--loans::before {
	background: rgba(192, 132, 252, 0.2);
}

.db-info-products-slide-item__title__icon--loans .db-info-products-slide-item__title__icon-image::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
	background-color: var(--colors-purple);
}

.db-info-products-slide-item__title__icon--users::before {
	background: var(--colors-blue-200);
}

.db-info-products-slide-item__title__icon--users .db-info-products-slide-item__title__icon-image::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
	background-color: var(--colors-blue-1000);
}

.db-info-products-slide-item__title__text {
	font-weight: 500;
	font-size: 16px;
	color: var(--colors-white);
	width: 100%;
}

.db-info-products-slide-item__title__icon+.db-info-products-slide-item__title__text {
	width: calc(100% - 32px);
	padding-left: 12px;
}

.db-info-products-slide-item__descr {
	margin-top: 12px;
	font-size: 14px;
	color: var(--colors-gray);
}

.db-info-products-slide-item__button-block {
	margin-top: 12px;
}

.db-info-products-slide-item__button {
	width: 100%;
}

.db-info-products-slide-item__button {
	width: 100%;
}


.db-info-products-slide-item__button .iconed-btn__text {
	width: calc(100% - 16px);
	text-align: left;
}

.db-info-products-slide-item__button .iconed-btn__icon::before {
	background-color: var(--colors-green-1000);
}

.db-info-panel--latest-news .db-info-panel__top {
	display: flex;
	align-items: center;
}

.db-info-panel--latest-news .db-info-panel__title-block {
	padding-right: 12px;
}


.db-info-all-updates-link-block {
	display: flex;
}

.db-info-all-updates-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	filter: drop-shadow(0 0 3px var(--colors-telegram))
}

.db-info-all-updates-link__icon {
	position: relative;
	width: 12px;
	height: 12px;
}

.db-info-all-updates-link__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/telegram.svg');
	background-color: var(--colors-telegram);
}

.db-info-all-updates-link__text {
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-telegram);
	padding-left: 4px;
}



.db-info-news-slider-block {
	position: relative;
	z-index: 3;
	margin-top: 12px;
}

.db-info-news-slider {
	position: relative;
}

.db-info-news-slider .swiper {
	margin: -24px;
	margin-top: 0;
}

.db-info-news-slider .swiper-button-next,
.db-info-news-slider .swiper-button-prev {
	position: absolute;
	width: 24px;
	height: 24px;
	border: 0;
	top: -28px;
	margin-top: 0;
}

.db-info-news-slider .swiper-button-next::after,
.db-info-news-slider .swiper-button-prev::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-info-news-slider .swiper-button-next:hover::after,
.db-info-news-slider .swiper-button-prev:hover::after {
	background-color: var(--colors-white);
}

.db-info-news-slider .swiper-button-next {
	right: 0;
}

.db-info-news-slider .swiper-button-prev {
	left: auto;
	right: 24px;
}


.db-info-news-slider .swiper-button-next::after {
	mask-image: url('../images/svg/chevron-right.svg');
	-webkit-mask-image: url('../images/svg/chevron-right.svg');
}

.db-info-news-slider .swiper-button-prev::after {
	mask-image: url('../images/svg/chevron-left.svg');
	-webkit-mask-image: url('../images/svg/chevron-left.svg');
}


.db-info-news-slide {
	padding: 24px;
	padding-top: 0;
}


.db-info-news-slide-item {
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: var(--colors-white);
}

.db-info-news-slide-item:hover {
	color: var(--colors-green-1000);
}

.db-info-news-slide-item:hover .db-info-news-slide-item__title {
	color: var(--colors-green-1000);
}

.db-info-news-slide-item__image {
	border-radius: 12px;
	height: 100px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.db-info-news-slide-item__image .image {
	border-radius: 12px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.db-info-news-slide-item__content {
	padding-top: 8px;
}

.db-info-news-slide-item__info-block {}

.db-info-news-slide-item__info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 4px;
	padding-bottom: 4px;
}

.db-info-news-slide-item__status-wrapper {
	padding-right: 4px;
}

.db-info-news-slide-item__status {
	position: relative;
	font-weight: 500;
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	padding: 1px 4px;
	border-radius: 4px;
}

.db-info-news-slide-item__date-wrapper {}

.db-info-news-slide-item__date {
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-gray);
}


.db-info-news-slide-item__title-block {
	margin-top: 4px;
}

.db-info-news-slide-item__title {
	font-size: 14px;
	color: var(--colors-white);
	transition: 0.4s ease;
}




.db-asset-table-block {
	margin-top: 16px;
	position: relative;
}

.db-asset-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.db-asset-table {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.db-asset-table-heading {
	background: rgba(255, 255, 255, 0.02);
	display: flex;
	align-items: center;
}

.db-asset-t-h-cell {
	padding: 10px 20px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	width: 16.66%;
}



.db-asset-t-h-cell--currency {
	width: calc(25% - 50px);
}

.db-asset-t-h-cell--available {
	width: calc(25% - 50px);
}

.db-asset-t-h-cell--staking {
	width: calc(25% - 50px);
}

.db-asset-t-h-cell--loans {
	width: calc(25% - 50px);
}

.db-asset-t-h-cell--deposit {
	width: 100px;
	padding-left: 0;
}

.db-asset-t-h-cell--send {
	width: 100px;
	padding-left: 12px;
	padding-right: 12px;
}



.db-asset-table-items {}

.db-asset-table-item {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
}

.db-asset-table-item:first-child {
	border: 0;
}

.db-asset-t-i-cell {
	width: 16.66%;
	padding: 14px 20px;
	display: flex;
	align-items: center;
}


.db-asset-t-i-cell--currency {
	width: calc(25% - 50px);
}

.db-asset-t-i-cell--available {
	width: calc(25% - 50px);
}

.db-asset-t-i-cell--staking {
	width: calc(25% - 50px);
}

.db-asset-t-i-cell--loans {
	width: calc(25% - 50px);
}

.db-asset-t-i-cell--deposit {
	width: 100px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.db-asset-t-i-cell--send {
	width: 100px;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}


.db-asset-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}

.db-asset-t-i-cell__content {}

.db-asset-t-i-cell--deposit .db-asset-t-i-cell__content {
	width: 100%;
}

.db-asset-t-i-cell--send .db-asset-t-i-cell__content {
	width: 100%;
}

.db-asset-t-i-currency-block {}

.db-asset-t-i-currency {}

.db-asset-t-i-available-block {}

.db-asset-t-i-available {}

.db-asset-t-i-available__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}

.db-asset-t-i-available__equivalent {
	font-family: var(--second-family);
	font-size: 12px;
	color: var(--colors-gray);
}

.db-asset-t-i-available--empty {}

.db-asset-t-i-available--empty .db-asset-t-i-available__amount {
	color: var(--colors-gray);
}


.db-asset-t-i-stake-block {}

.db-asset-t-i-stake {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.db-asset-t-i-stake__amount-wrapper {
	padding-right: 10px;
}

.db-asset-t-i-stake__amount {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
}

.db-asset-t-i-stake__status-wrapper {}


.db-asset-t-i-stake__status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
}

.db-asset-t-i-stake__status::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}


.db-asset-t-i-stake__empty {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-gray);
}


.db-asset-t-i-loan-block {}

.db-asset-t-i-loan {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.db-asset-t-i-loan__amount-wrapper {
	padding-right: 10px;
}

.db-asset-t-i-loan__amount {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
}

.db-asset-t-i-loan__status-wrapper {}


.db-asset-t-i-loan__status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
}

.db-asset-t-i-loan__status::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}

.db-asset-t-i-loan__borrow {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-green-1000);
}

.db-asset-t-i-loan__empty {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-gray);
}



.db-asset-deposit-button-block {}

.db-asset-deposit-button {
	width: 100%;
}


.db-asset-deposit-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/arrow-down-to-line.svg');
	-webkit-mask-image: url('../images/svg/arrow-down-to-line.svg');
}

.db-asset-send-button-block {}

.db-asset-send-button {
	width: 100%;
	border: 1px solid var(--colors-green--200);
}

.db-asset-send-button .iconed-btn__text {
	color: var(--colors-green-1000);
}

.db-asset-send-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/arrow-up-right.svg');
	-webkit-mask-image: url('../images/svg/arrow-up-right.svg');
	background-color: var(--colors-green-1000);
}

.db-asset-send-button--disabled {
	pointer-events: none;
	opacity: 0.3;
	border: 1px solid rgba(255, 255, 255, 0.05);
}


.db-asset-send-button--disabled .iconed-btn__text {
	color: var(--colors-gray);
}

.db-asset-send-button--disabled .iconed-btn__icon::before {
	background-color: var(--colors-gray);
}




.db-asset-table-manage-panel {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}


.db-asset-table-manage-panel__left {}

.db-asset-table-manage-panel__left .show-dropdown-menu-block {
	margin-top: 0;
}

.db-asset-table-manage-panel__right {}

.db-asset-table-manage-panel__right .pagination-block {
	margin-top: 0;
}






.db-transaction-table-block {
	margin-top: 8px;
	position: relative;
}

.db-transaction-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.db-transaction-table {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.db-transaction-table-heading {
	background: rgba(255, 255, 255, 0.02);
	display: flex;
	align-items: center;
}

.db-transaction-t-h-cell {
	padding: 10px 20px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	width: 16.66%;
}


.db-transaction-t-h-cell--type {
	width: calc(20% - 10px);
}

.db-transaction-t-h-cell--currency {
	width: calc(20% - 10px);
}


.db-transaction-t-h-cell--amount {
	width: calc(20% - 10px);
}

.db-transaction-t-h-cell--status {
	width: calc(20% - 10px);
}

.db-transaction-t-h-cell--date {
	width: calc(20% - 10px);
}

.db-transaction-t-h-cell--detail {
	width: 50px;
	padding-left: 8px;
	padding-right: 8px;
}



.db-transaction-table-items {}

.db-transaction-table-item {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
}

.db-transaction-table-item:first-child {
	border: 0;
}

.db-transaction-table-item--active {
	background: rgba(22, 255, 142, 0.03);
}

.db-transaction-t-i-cell {
	width: 16.66%;
	padding: 14px 20px;
	display: flex;
	align-items: center;
}


.db-transaction-t-i-cell--type {
	width: calc(20% - 10px);
}

.db-transaction-t-i-cell--currency {
	width: calc(20% - 10px);
}


.db-transaction-t-i-cell--amount {
	width: calc(20% - 10px);
}

.db-transaction-t-i-cell--status {
	width: calc(20% - 10px);
}

.db-transaction-t-i-cell--date {
	width: calc(20% - 10px);
}

.db-transaction-t-i-cell--detail {
	width: 50px;
	padding-left: 8px;
	padding-right: 8px;
}



.db-transaction-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}

.db-transaction-t-i-cell__content {}


.db-transaction-t-i-type-block {}

.db-transaction-t-i-type {
	display: flex;
}


.db-transaction-t-i-type__left {
	width: 12px;
	padding-top: 5px;
}

.db-transaction-t-i-type__icon {
	position: relative;
	width: 12px;
	height: 12px;
}

.db-transaction-t-i-type__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-down-to-line.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/arrow-down-to-line.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}



.db-transaction-t-i-type__right {
	width: calc(100% - 12px);
	padding-left: 10px;
}

.db-transaction-t-i-type__right-top {
	display: flex;
	align-items: center;
}

.db-transaction-t-i-type__title-block {
	display: flex;
	align-items: center;
}

.db-transaction-t-i-type__title-block .db-transaction-t-i-type__icon {
	display: none;
}

.db-transaction-t-i-type__title {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
	padding-right: 6px;
}


.db-transaction-t-i-type__status-block {
	display: flex;
}

.db-transaction-t-i-type__status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	color: var(--colors-white);
	border: 1px solid var(--colors-white);
	border-radius: 4px;
	padding: 2px 8px;
}

.db-transaction-t-i-type__status--active {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
}

.db-transaction-t-i-type__status--hold {
	background: rgba(245, 158, 11, 0.1);
	color: var(--colors-orange);
	border: 1px solid rgba(245, 158, 11, 0.2);
}

.db-transaction-t-i-type__right-bottom {}

.db-transaction-t-i-type__hash-block {
	display: flex;
	align-items: center;
}

.db-transaction-t-i-type__hash {
	max-width: calc(100% - 12px);
	padding-right: 8px;
	font-family: var(--second-family);
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-transaction-t-i-type__hash-copy {
	width: 12px;
}

.db-transaction-t-i-type__hash-copy .copy-icon-button {
	width: 12px;
	height: 12px;
}

.db-transaction-t-i-type__hash-copy .copy-icon-button__icon {
	width: 12px;
	height: 12px;
}

.db-transaction-t-i-type__hash-copy .copy-icon-button__icon::before {
	width: 12px;
	height: 12px;
	mask-size: 12px 12px;
	-webkit-mask-size: 12px 12px;
}

.db-transaction-t-i-type__descr {
	font-size: 12px;
	color: var(--colors-gray);
}



.db-transaction-t-i-type--deposit {}

.db-transaction-t-i-type--deposit .db-transaction-t-i-type__icon::before {
	background-color: var(--colors-green-1000);
}

.db-transaction-t-i-type--send {}

.db-transaction-t-i-type--send .db-transaction-t-i-type__icon::before {
	mask-image: url('../images/svg/arrow-up-right.svg');
	-webkit-mask-image: url('../images/svg/arrow-up-right.svg');
}


.db-transaction-t-i-type--staking {}

.db-transaction-t-i-type--staking .db-transaction-t-i-type__icon::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	background-color: var(--colors-green-1000);
}

.db-transaction-t-i-type--staking-refund {}

.db-transaction-t-i-type--staking-refund .db-transaction-t-i-type__icon::before {
	mask-image: url('../images/svg/undo-2.svg');
	-webkit-mask-image: url('../images/svg/undo-2.svg');
	background-color: var(--colors-green-1000);
}

.db-transaction-t-i-type--exchange {}

.db-transaction-t-i-type--exchange .db-transaction-t-i-type__icon::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
	background-color: var(--colors-blue-1000);
}

.db-transaction-t-i-type--reward {}

.db-transaction-t-i-type--reward .db-transaction-t-i-type__icon::before {
	mask-image: url('../images/svg/gift.svg');
	-webkit-mask-image: url('../images/svg/gift.svg');
	background-color: var(--colors-purple);
}

.db-transaction-t-i-type--loan {}

.db-transaction-t-i-type--loan .db-transaction-t-i-type__icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
	background-color: var(--colors-green-1000);
}


.db-transaction-t-i-currency-block {}

.db-transaction-t-i-currency {}

.db-transaction-t-i-currency .currency-icon {
	width: 24px;
	height: 24px;
}

.db-transaction-t-i-currency .currency-icon .image {
	width: 12px;
	height: 12px;
}

.db-transaction-t-i-currency .currency-item__content {
	width: calc(100% - 24px);
}



.db-transaction-t-i-amount-block {
	display: flex;
}

.db-transaction-t-i-amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}

.db-transaction-t-i-amount--green {
	color: var(--colors-green-1000);
}

.db-transaction-t-i-amount--gray {
	color: var(--colors-gray);
}

.db-transaction-t-i-amount--red {
	color: var(--colors-light-red);
}


.db-transaction-t-i-status-block {
	display: flex;
}

.db-transaction-t-i-status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	color: var(--colors-white);
	border: 1px solid var(--colors-white);
	border-radius: 20px;
	padding: 2px 8px;
}

.db-transaction-t-i-status--completed {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
}

.db-transaction-t-i-status--pending {
	background: rgba(0, 245, 255, 0.1);
	color: var(--colors-blue-1000);
	border: 1px solid var(--colors-blue-200);
}

.db-transaction-t-i-status--canceled {
	background: rgba(239, 68, 68, 0.1);
	color: var(--colors-red-1000);
	border: 1px solid var(--colors-red-200);

}



.db-transaction-t-i-date-block {}

.db-transaction-t-i-date {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}



.db-transaction-view-button-block {}

.db-transaction-view-button {
	position: relative;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.db-transaction-view-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/eye.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/eye.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-transaction-view-button:hover::before {
	background: var(--colors-green-1000);
}




.db-transaction-table-manage-panel {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}


.db-transaction-table-manage-panel__left {}

.db-transaction-table-manage-panel__left .pagination-block {
	margin-top: 0;
}

.db-transaction-table-manage-panel__right {}

.db-transaction-table-manage-panel__right .show-dropdown-menu-block {
	margin-top: 0;
}






.modal--transaction {}

.modal--transaction .modal-title-block {
	margin-top: 16px;
}

.modal--transaction .modal-title {
	font-weight: 500;
}



.modal--transaction--completed {}

.modal--transaction--pending .modal-content::before {
	background: linear-gradient(90deg, rgba(22, 255, 142, 0) 0%, rgba(0, 245, 255, 0.5) 50%, rgba(22, 255, 142, 0) 100%);
}


.modal--transaction--canceled .modal-content::before {
	background: linear-gradient(90deg, rgba(22, 255, 142, 0) 0%, rgba(239, 68, 68, 0.5) 50%, rgba(22, 255, 142, 0) 100%);
}

.modal--transaction--canceled .modal-title {
	color: var(--colors-red-1000);
}

.modal--transaction .modal-transaction-icon-block {
	display: flex;
	align-items: center;
	justify-content: center;
}


.modal-transaction-icon {
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 16px;
}


.modal-transaction-icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
}


.modal-transaction-icon--completed {
	background: var(--colors-green--200);
	border: 1px solid var(--colors-green-1000);
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(22, 255, 142, 0.5);
}

.modal-transaction-icon--completed::before {
	background: var(--colors-green-1000);
}

.modal-transaction-icon--pending {
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(0, 245, 255, 0.5);
	border: 1px solid var(--colors-blue-1000);
	background: var(--colors-blue-200);
}

.modal-transaction-icon--pending::before {
	background: var(--colors-blue-1000);
	mask-image: url('../images/svg/clock-8.svg');
	-webkit-mask-image: url('../images/svg/clock-8.svg');
}


.modal-transaction-icon--canceled {
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(239, 68, 68, 0.5);
	border: 1px solid var(--colors-red-1000);
	background: var(--colors-red-200);
}

.modal-transaction-icon--canceled::before {
	background: var(--colors-red-1000);
	mask-image: url('../images/svg/close.svg');
	-webkit-mask-image: url('../images/svg/close.svg');
}



.modal-transaction-status-block {
	margin-top: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.modal-transaction-status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	color: var(--colors-white);
	border: 1px solid var(--colors-white);
	border-radius: 20px;
	padding: 2px 8px;
}

.modal-transaction-status--completed {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
}

.modal-transaction-status--pending {
	background: rgba(0, 245, 255, 0.1);
	color: var(--colors-blue-1000);
	border: 1px solid var(--colors-blue-200);
}

.modal-transaction-status--canceled {
	background: rgba(239, 68, 68, 0.1);
	color: var(--colors-red-1000);
	border: 1px solid var(--colors-red-200);

}


.modal-content-close-button-block {
	margin-top: 24px;
}

.modal-content-close-button {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}


.modal-transaction-params-block {
	margin-top: 24px;
}

.modal-transaction-params {}

.modal-transaction-param-wrapper {}

.modal-transaction-param {
	min-height: 54px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.modal-transaction-param__title {
	padding-right: 8px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	white-space: nowrap;

}

.modal-transaction-param__content {
	padding-left: 8px;
	max-width: 65%;
}

.modal-transaction-param-type {
	display: flex;
	align-items: center;
}


.modal-transaction-param-type__icon {
	position: relative;
	width: 12px;
	height: 12px;
}

.modal-transaction-param-type__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-down-to-line.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/arrow-down-to-line.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}



.modal-transaction-param-type__title-block {
	display: flex;
	align-items: center;
	padding-right: 4px;
}

.modal-transaction-param-type__title-block:last-child {
	padding-right: 0;
}

.modal-transaction-param-type__title {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
	padding-right: 6px;
}




.modal-transaction-param-type--deposit {}

.modal-transaction-param-type--deposit .modal-transaction-param-type__icon::before {
	background-color: var(--colors-green-1000);
}

.modal-transaction-param-type--send {}

.modal-transaction-param-type--send .modal-transaction-param-type__icon::before {
	mask-image: url('../images/svg/arrow-up-right.svg');
	-webkit-mask-image: url('../images/svg/arrow-up-right.svg');
}


.modal-transaction-param-type--staking {}

.modal-transaction-param-type--staking .modal-transaction-param-type__icon::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	background-color: var(--colors-green-1000);
}

.modal-transaction-param-type--staking-refund {}

.modal-transaction-param-type--staking-refund .modal-transaction-param-type__icon::before {
	mask-image: url('../images/svg/undo-2.svg');
	-webkit-mask-image: url('../images/svg/undo-2.svg');
	background-color: var(--colors-green-1000);
}

.modal-transaction-param-type--exchange {}

.modal-transaction-param-type--exchange .modal-transaction-param-type__icon::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
	background-color: var(--colors-blue-1000);
}

.modal-transaction-param-type--reward {}

.modal-transaction-param-type--reward .modal-transaction-param-type__icon::before {
	mask-image: url('../images/svg/gift.svg');
	-webkit-mask-image: url('../images/svg/gift.svg');
	background-color: var(--colors-purple);
}

.modal-transaction-param-type--loan {}

.modal-transaction-param-type--loan .modal-transaction-param-type__icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
	background-color: var(--colors-green-1000);
}


.modal-transaction-param-type__status-block {
	display: flex;
}

.modal-transaction-param-type__status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	color: var(--colors-white);
	border: 1px solid var(--colors-white);
	border-radius: 4px;
	padding: 2px 8px;
}

.modal-transaction-param-type__status--active {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
}

.modal-transaction-param-type__status--hold {
	background: rgba(245, 158, 11, 0.1);
	color: var(--colors-orange);
	border: 1px solid rgba(245, 158, 11, 0.2);
}

.modal-transaction-param-strategy {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}



.modal-transaction-param-currency-block {}

.modal-transaction-param-currency {}

.modal-transaction-param-currency .currency-item {
	flex-direction: row-reverse;
}

.modal-transaction-param-currency .currency-icon {
	width: 24px;
	height: 24px;
}

.modal-transaction-param-currency .currency-icon .image {
	width: 12px;
	height: 12px;
}

.modal-transaction-param-currency .currency-item__content {
	width: calc(100% - 24px);
	padding-left: 0;
	padding-right: 10px;
}

.db-transaction-table-filter {
	padding: 16px;
	background: rgba(255, 255, 255, 0.02);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.field--select--small .bootstrap-select>.dropdown-toggle {
	height: 48px;
	min-height: 48px;
	border-radius: 12px;
	padding-left: 12px;
}

.field--select--small .bootstrap-select>.dropdown-toggle .select-currency-item .select-currency-item__left .currency-item__abbr {
	display: none;
}

.field--select--small .bootstrap-select>.dropdown-toggle .currency-icon {
	width: 20px;
	height: 20px;
	border-radius: 5px;
}

.field--select--small .bootstrap-select>.dropdown-toggle .select-currency-item__left .currency-icon .image {
	width: 10px;
	height: 10px;
}

.field--select--small .bootstrap-select>.dropdown-toggle .select-currency-item__left .currency-item__content {
	width: calc(100% - 20px);
}

.field--select--small .bootstrap-select>.dropdown-toggle .currency-icon::after {
	border-radius: 5px;
}

.field--select--small .bootstrap-select>.dropdown-toggle::after {
	right: 12px;
}


.db-transaction-filter-form-block {}

.db-transaction-filter-form {}

.db-transaction-filter-form-row {
	display: flex;
	align-items: center;
}

.db-transaction-filter-form-row__fields {
	width: calc(100% - 130px);
	padding-right: 48px;
}

.db-transaction-filter-form-row__button {
	width: 130px;
}

.db-transaction-filter-form-fields-block {}

.db-transaction-filter-form-fields {
	display: flex;
	margin-left: -4px;
	margin-right: -4px;
}

.db-transaction-filter-form-field-wrapper {
	width: 33.33%;
	padding-left: 4px;
	padding-right: 4px;
}

.db-transaction-filter-form-reset-button-block {}

.db-transaction-filter-form-button {
	width: 100%;
	padding: 9px 11px;
}


.db-transaction-filter-form-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/delete.svg');
	-webkit-mask-image: url('../images/svg/delete.svg');
}


.db-transaction-filter-mobile-panel-block {
	display: none;
}

.db-transaction-filter-mobile-panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.db-transaction-filter-mobile-panel__left {}

.db-transaction-filter-mobile-panel__right {}

.db-transaction-filter-mobile-toogle-button-block {}

.db-transaction-filter-mobile-toogle-button {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	width: 40px;
	height: 40px;
	padding: 0;
	background-color: transparent;
}


.db-transaction-filter-mobile-toogle-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/list-filter.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/list-filter.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-transaction-filter-mobile-toogle-button.active,
.db-transaction-filter-mobile-toogle-button:hover {
	border: 1px solid var(--colors-green-100);
}

.db-transaction-filter-mobile-toogle-button.active::before,
.db-transaction-filter-mobile-toogle-button:hover::before {
	background-color: var(--colors-green-1000);
}




.db-send-form-block {
	margin-top: 8px;
	position: relative;
}

.db-send-form-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	border-radius: 32px;
}

.db-send-form-block::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 32px;
}

.db-send-form-wrapper {
	position: relative;
	z-index: 2;
	border-radius: 32px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}

.db-send-form {
	display: flex;
}

.db-send-form__left {
	width: calc(100% - 280px);
	padding-right: 24px;
}

.db-send-form__right {
	padding: 40px 32px;
	width: 280px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.db-send-form__fields {
	padding: 40px;
}



.field-top-block {}

.field-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.field-top__left {
	padding-right: 12px;
}

.field-title-block {}

.field-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.field-top__right {}



.form-fieldset-block {
	margin-top: 16px;
}

.form-fieldset-block:first-child {
	margin-top: 0;
}

.form-fieldset-top-block {}

.form-fieldset-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.form-fieldset-top__left {
	padding-right: 12px;
}

.form-fieldset-title-block {}

.form-fieldset-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}


.form-fieldset-top__right {}

.form-fieldset {
	padding-top: 16px;
}

.form-fieldset--small-padding {
	padding-top: 8px;
}


.network-radio-item-wrapper--small-margin {
	margin-top: 8px;
}


.field-block--small-margin {
	margin-top: 8px;
}

.form-notice-block {
	margin-top: 16px;
}

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

.form-notice__icon {
	position: relative;
	width: 12px;
	height: 12px;
}


.form-notice__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-orange);
	transition: 0.4s ease;
}


.form-notice__text {
	max-width: calc(100% - 12px);
	padding-left: 8px;
	font-size: 11px;
	line-height: 1.63;
	color: var(--colors-gray);
}


.address-list-modal-button-block {
	margin-top: 16px;
	display: flex;
}

.address-list-modal-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.address-list-modal-button__icon {
	position: relative;
	background: rgba(0, 245, 255, 0.1);
	border-radius: 6px;
	width: 20px;
	height: 20px;
}

.address-list-modal-button__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/bookmark.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/bookmark.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-blue-1000);

}

.address-list-modal-button__text {
	width: calc(100% - 20px);
	padding-left: 8px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-blue-1000);
	text-align: left;
}


.form-fieldset-top__right .address-list-modal-button-block {
	margin-top: 0;
}

.form-amount-block {
	margin-top: 16px;
}

.form-amount {}

.form-amount__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.form-amount__top-left {
	padding-right: 8px;
}

.form-amount__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);

}

.form-amount__top-right {}

.form-amount__max {
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	text-align: right;
	color: var(--colors-dark-gray);
}


.form-amount__field {
	margin-top: 8px;
}

.form-amount__field:first-child {
	margin-top: 0;
}


.field--amount ::placeholder {
	color: rgba(107, 114, 128, 0.5);
}

.field--amount input[type='text'],
.field--amount input[type='email'],
.field--amount input[type='password'] {
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 30px;
	color: var(--colors-white);
	border-radius: 0;
	background-color: transparent;
	border-color: transparent;
	border-bottom: 1px solid var(--colors-white);
	padding-left: 0;
	box-shadow: none;

}

.field--amount input[type='text']:focus,
.field--amount input[type='email']:focus,
.field--amount input[type='password']:focus {

	border-color: transparent;
	border-bottom-color: var(--colors-green-1000);
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05), 0 0 30px -5px rgba(22, 255, 142, 0.5);
	box-shadow: none;
}

.field--amount .field-right-panel {
	right: 0;
}

.field-currency {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
}

.form-amount__bottom {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.form-amount__bottom-left {}

.form-amount__bottom-right {}

.form-amount__available {
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.form-amount__available--dark-grey {
	color: var(--colors-dark-gray);
}



.db-send-form-summary-block {}

.db-send-form-summary-title {
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
}

.db-send-form-summary-items-block {
	margin-top: 24px;
}

.db-send-form-summary-items {}

.db-send-form-summary-item-wrapper {
	margin-top: 16px;
}

.db-send-form-summary-item-wrapper:first-child {
	margin-top: 0;
}

.db-send-form-summary-item {
	padding: 0px 0px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.db-send-form-summary-item__title {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-send-form-summary-item__content {
	padding-top: 4px;
}

.db-send-form-summary-item__fee {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.db-send-form-summary-item__fee__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.db-send-form-summary-item__fee__equivalent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-send-form-summary-item__time {
	display: flex;
	align-items: center;
}

.db-send-form-summary-item__time__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.db-send-form-summary-item__time__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/clock-8.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/clock-8.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-send-form-summary-item__time__text {
	width: calc(100% - 16px);
	padding-left: 8px;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.db-send-form-summary-item__receive {
	display: flex;
	align-items: center;
}

.db-send-form-summary-item__receive__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: var(--colors-white);
	padding-right: 4px;
}

.db-send-form-summary-item__receive__currency {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
}

.modal-currency-heading-block {}

.modal-currency-heading {
	display: flex;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
	padding: 0px 0px 16px;
}

.modal-currency-heading__icon {
	width: 46px;
}

.modal-currency-heading__icon .currency-icon {
	border-radius: 12px;
	width: 46px;
	height: 46px;
}

.modal-currency-heading__icon .currency-icon::after {
	border-radius: 12px;
}

.modal-currency-heading__icon .currency-icon .image {
	width: 23px;
	height: 23px;
}

.modal-currency-heading__content {
	width: calc(100% - 46px);
	padding-left: 12px;
}

.modal-currency-heading__title {
	font-weight: 500;
	font-size: 18px;
	color: var(--colors-white);
}

.modal-currency-heading__descr {
	font-size: 14px;
	color: var(--colors-gray);
}


.modal-address-list-block {
	margin-top: 24px;
}

.modal-address-list {
	position: relative;
	overflow: auto;
	max-height: 320px;
	margin-right: -4px;
	padding-right: 4px;
}


.modal-address-list::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.modal-address-list::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 12px;
}

.modal-address-list::-webkit-scrollbar-thumb {
	background-color: var(--colors-green-1000);
	/* background-color: var(--colors-black); */
	border-radius: 20px;
}

.modal-address-list-items {}




.modal-address-list-item-wrapper {
	margin-top: 8px;
}

.modal-address-list-item-wrapper:first-child {
	margin-top: 0;
}

.modal-address-list-item {
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 12px;
	cursor: pointer;
	text-align: left;
	width: 100%;
	text-decoration: none;
}

.modal-address-list-item__left {
	width: calc(100% - 80px);
	padding-right: 12px;
}

.modal-address-list-item__currency {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.14;
	color: var(--colors-white);
}

.modal-address-list-item__address {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 11px;
	color: var(--colors-gray);
	word-wrap: break-word;
}

.modal-address-list-item__tag {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 11px;
	color: var(--colors-gray);
}

.modal-address-list-item__network-block {
	margin-top: 4px;
	display: flex;
}

.modal-address-list-item__network {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-gray);
	cursor: default;
}



.modal-address-list-item__right {
	width: 80px;

}

.modal-address-list-item__status-block {
	display: flex;
	justify-content: flex-end;
}

.modal-address-list-item__status {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 6px 12px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
	transition: 0.4s ease;
}

.modal-address-list-item__status::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}



.modal-address-list-item.active {
	background: rgba(22, 255, 142, 0.04);
	border: 1px solid rgba(22, 255, 142, 0.04);
}


.modal-address-list-item.active .modal-address-list-item__status {
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
	font-size: 11px;
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
	color: var(--colors-green-1000);
}

.modal-address-list-item.active .modal-address-list-item__status::before {
	opacity: 1;
	visibility: visible;
}


.modal--address-list {}


.modal-address-list-block .favorite-addresses-empty {
	width: 100%;
}



.modal--deposit {}

.modal-deposit-block {
	position: relative;
	margin-top: 24px;
}

.modal-deposit {
	position: relative;

}

.modal-deposit-form {
	position: relative;
}

.form-button-block--blured {
	filter: blur(3px);
	opacity: 0.2;
	pointer-events: none;
}


.modal-currency-heading__descr--blured {
	filter: blur(3px);
}

.modal-deposit--overlayed {}

.modal-deposit--overlayed .modal-deposit-form {
	filter: blur(3px);
	opacity: 0.3;
	pointer-events: none;
}

.modal-deposit-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px;
	z-index: 2;
}

.modal-deposit-overlay__spiner-block {
	position: relative;
	width: 48px;
	height: 48px;
}

.modal-deposit-overlay__spiner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	animation: modalDepositOverlaySpinerAnim 2s linear infinite;
}

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

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

.modal-deposit-overlay__spiner .image {}

.modal-deposit-overlay__title-block {
	margin-top: 24px;
}

.modal-deposit-overlay__title {
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
}

.modal-deposit-overlay__time-block {
	margin-top: 4px;
}

.modal-deposit-overlay__time {
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
}



.modal-deposit-address-heading-block {}

.modal-deposit-address-heading {
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
	padding: 0px 0px 16px;
}

.modal-dep-addr-heading__left {
	width: 24px;
}

.modal-dep-addr-heading__right {
	width: calc(100% - 24px);
	padding-left: 12px;
	display: flex;
	align-items: center;
}




.modal-dep-addr-heading__icon {
	width: 46px;
}

.modal-dep-addr-heading__icon .currency-icon {
	border-radius: 12px;
	width: 46px;
	height: 46px;
}

.modal-dep-addr-heading__icon .currency-icon::after {
	border-radius: 12px;
}

.modal-dep-addr-heading__icon .currency-icon .image {
	width: 23px;
	height: 23px;
}

.modal-dep-addr-heading__content {
	width: calc(100% - 46px);
	padding-left: 12px;
}

.modal-dep-addr-heading__title {
	font-weight: 500;
	font-size: 18px;
	color: var(--colors-white);
}


.modal-dep-addr-heading__network-block {}

.modal-dep-addr-heading__network {
	display: flex;
	align-items: center;
}

.modal-dep-addr-heading__network__title {
	font-size: 14px;
	color: var(--colors-gray);
	padding-right: 8px;
}

.modal-dep-addr-heading__network__value-block {}

.modal-dep-addr-heading__network__value {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-gray);
	cursor: default;
}


.modal-dep-addr-back-button-block {}

.modal-dep-addr-back-button {
	position: relative;
	width: 24px;
	height: 24px;
	border: 0;
	background-color: transparent;
	padding: 0;
}

.modal-dep-addr-back-button::before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-left.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 24px 24px;
	-webkit-mask-image: url('../images/svg/arrow-left.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 24px 24px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.modal-dep-addr-back-button:hover::before {
	background: var(--colors-green-1000);
}

.modal-deposit-address-qr-block {
	margin-top: 24px;
}

.modal-deposit-address-qr {
	margin-right: auto;
	margin-left: auto;
	border-radius: 12px;
	width: 152px;
	height: 152px;
	box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2), 0 10px 15px -3px rgba(0, 0, 0, 0.2);
}

.modal-deposit-address-qr .image {
	border-radius: 12px;
}

.modal-deposit-address-block {
	margin-top: 16px;
}

.modal-deposit-address {}

.modal-deposit-address__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal-deposit-address__heading__left {
	padding-right: 16px;
}

.modal-deposit-address__heading__right {}

.modal-deposit-address__heading__right .copy-link-block {
	margin-top: 0;
}

.modal-deposit-address__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}



.modal-deposit-address__field {
	margin-top: 8px;
}

.modal-deposit-address-field {
	font-size: 14px;
	color: var(--colors-white);
	box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.05);
	background: var(--forms-input-default);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	padding: 15px 21px;
	word-wrap: break-word;
}

.modal-deposit-address__note {
	margin-top: 8px;
}

.modal-deposit-address-note {
	font-size: 11px;
	line-height: 1.63;
	text-align: center;
	color: var(--colors-gray);
}



.modal-deposit-address-alt-heading-block {}

.modal-deposit-address-alt-heading {}

.modal-deposit-address-alt-heading__top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 24px;
	padding-right: 24px;
}

.modal-deposit-address-alt-heading__top__content {
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-dep-addr-alt-heading__title {
	padding-right: 8px;
	max-width: calc(100% - 32px);
}

.modal-dep-addr-alt-heading__icon {
	width: 32px;
}



.modal-deposit-address-alt-heading__bottom {
	padding-left: 24px;
	padding-right: 24px;
	margin-top: 12px;
}

.modal-dep-addr-alt-heading__network-block {}

.modal-dep-addr-alt-heading__network {
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-dep-addr-alt-heading__network__title {
	font-size: 14px;
	color: var(--colors-gray);
	padding-right: 8px;
}

.modal-dep-addr-alt-heading__network__value-block {}

.modal-dep-addr-alt-heading__network__value {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-gray);
	cursor: default;
}


.modal-dep-addr-alt-back-button-block {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
}

.modal-dep-addr-alt-back-button {
	position: relative;
	width: 20px;
	height: 20px;
	border: 0;
	background-color: transparent;
	padding: 0;
}

.modal-dep-addr-alt-back-button::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-left.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/arrow-left.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.modal-dep-addr-alt-back-button:hover::before {
	background: var(--colors-green-1000);
}


.db-exchange-form-block {
	margin-top: 8px;
	position: relative;
}

.db-exchange-form-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	border-radius: 32px;
}

.db-exchange-form-block::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 32px;
}

.db-exchange-form-wrapper {
	position: relative;
	z-index: 2;
	border-radius: 32px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}

.db-exchange-form {
	display: flex;
}

.db-exchange-form__left {
	width: calc(100% - 280px);
	padding-right: 24px;
}

.db-exchange-form__right {
	padding: 40px 32px;
	width: 280px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.db-exchange-form__fields {
	padding: 40px;
}



.db-exchange-form-summary-block {}

.db-exchange-form-summary-title {
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
}


.db-exchange-form-summary-items-block {
	margin-top: 24px;
}

.db-exchange-form-summary-items {}

.db-exchange-form-summary-item-wrapper {
	margin-top: 16px;
}

.db-exchange-form-summary-item-wrapper:first-child {
	margin-top: 0;
}

.db-exchange-form-summary-item {
	padding: 0px 0px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.db-exchange-form-summary-item__title {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-exchange-form-summary-item__content {
	padding-top: 4px;
}

.db-exchange-form-summary-item__fee {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.db-exchange-form-summary-item__fee__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.db-exchange-form-summary-item__fee__percent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-exchange-form-summary-item__time {
	display: flex;
	align-items: center;
}

.db-exchange-form-summary-item__time__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.db-exchange-form-summary-item__time__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/clock-8.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/clock-8.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-exchange-form-summary-item__time__text {
	width: calc(100% - 16px);
	padding-left: 8px;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.db-exchange-form-summary-item__time--instant .db-exchange-form-summary-item__time__icon::before {
	mask-image: url('../images/svg/zap.svg');
	-webkit-mask-image: url('../images/svg/zap.svg');
	background-color: var(--colors-green-1000);
}


.db-exchange-form-summary-item__receive {
	display: flex;
	align-items: center;
}

.db-exchange-form-summary-item__receive__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: var(--colors-white);
	padding-right: 4px;
}

.db-exchange-form-summary-item__receive__currency {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
}

.db-exchange-rate-update-block {
	margin-top: 16px;
}

.db-exchange-rate-update {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 12px;
}

.db-exchange-rate-update__left {
	padding-right: 8px;
}

.db-exchange-rate-update__right {}

.db-exchange-rate-update__time {
	position: relative;
	font-size: 12px;
	line-height: 133%;
	color: var(--colors-gray);
	padding-left: 12px;
}

.db-exchange-rate-update__time::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}

.db-exchange-rate-update__rate {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
}

.db-exchange-rate-update__rate .text--white {
	font-weight: 500;
}


.db-task-items-block {}

.db-task-items {
	margin-top: -8px;
}

.db-task-items .row,
.db-task-items .row>* {
	--bs-gutter-x: 16px;
}

.db-task-item-wrapper {
	margin-top: 16px;
	border-radius: 32px;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	height: calc(100% - 16px);
}

.db-task-item {
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	padding: 24px;
	height: 100%;
}


.db-task-item-heading {
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
	padding: 0px 0px 16px;
}

.db-task-item-heading-icon-block {
	width: 46px;
}

.db-task-item-heading-icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 12px;
	width: 46px;
	height: 46px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.db-task-item-heading-icon .image {
	width: 23px;
	height: 23px;
	position: relative;
	z-index: 3;
}

.db-task-item-heading-icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.db-task-item-heading-icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}

.db-task-item-heading-icon--partner {}

.db-task-item-heading-icon--partner::before {
	background: rgba(32, 248, 146, 0.3);
}

.db-task-item-heading-icon--telegram {}

.db-task-item-heading-icon--telegram::before {
	background: rgba(47, 135, 188, 0.3);
}

.db-task-item-heading-icon--youtube {}

.db-task-item-heading-icon--youtube::before {
	background: rgba(236, 37, 34, 0.3);
}

.db-task-item-heading-icon--trustpilot {}

.db-task-item-heading-icon--trustpilot::before {
	background: rgba(22, 181, 139, 0.3);
}

.db-task-item-heading-icon--twitter {}

.db-task-item-heading-icon--twitter::before {
	background: rgba(255, 255, 255, 0.2);
}

.db-task-item-heading-icon--instagram {}

.db-task-item-heading-icon--instagram::before {
	background: rgba(194, 99, 117, 0.3);
}

.db-task-item-heading-icon--facebook {}

.db-task-item-heading-icon--facebook::before {
	background: rgba(26, 120, 244, 0.3);
}

.db-task-item-heading-content {
	width: calc(100% - 46px);
	padding-left: 12px;
}

.db-task-item-heading-title {
	font-weight: 500;
	font-size: 18px;
	color: var(--colors-white);
}

.db-task-item-heading-descr {
	font-size: 12px;
	color: var(--colors-gray);
}


.db-task-item__content {
	padding-top: 16px;
	padding-bottom: 60px;
}

.db-task-item__descr {
	font-size: 14px;
	color: var(--colors-white);
	padding-bottom: 8px;
}

.db-task-item__descr a {
	color: var(--colors-green-1000);
}

.db-task-item__benefits-block {
	margin-top: 8px;
	padding-bottom: 16px;
}

.db-task-item__benefits {}

.db-task-item__benefit-wrapper {
	margin-top: 8px;
}

.db-task-item__benefit-wrapper:first-child {
	margin-top: 0;
}

.db-task-item__benefit {
	position: relative;
	padding-left: 24px;
	font-size: 12px;
	color: var(--colors-gray);
}

.db-task-item__benefit::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.db-task-item__params-block {
	margin-top: 8px;
}

.db-task-item__params {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.db-task-item__param {
	display: flex;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.db-task-item__param__left {

	width: 50%;
}

.db-task-item__param__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.db-task-item__param__right {
	text-align: right;
	width: 50%;
}

.db-task-item__param__value {
	font-weight: 500;
	font-size: 14px;
	text-align: right;
	color: var(--colors-gray);
}


.db-task-item__request-block {
	margin-top: 8px;
	position: absolute;
	left: 24px;
	bottom: 24px;
	right: 24px;
}

.db-task-item__request {}

.db-task-item__request-send-button-block {}

.db-task-item__request-send-button {
	width: 100%;
}

.db-task-item__request-cancel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 52px;
}

.db-task-item__request-cancel__left {
	padding-right: 8px;
	width: calc(100% - 125px);
}

.db-task-item__request-cancel-button-block {
	width: 100%;
}

.db-task-item__request-cancel-button {
	color: var(--colors-gray);
	width: 100%;
}

.db-task-item__request-cancel__right {
	width: 125px;
}



.db-task-item__request-cancel-notice-block {}

.db-task-item__request-cancel-notice {
	display: flex;
	align-items: center;
}

.db-task-item__request-cancel-notice__icon {
	position: relative;
	width: 12px;
	height: 12px;
}


.db-task-item__request-cancel-notice__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-orange);
	transition: 0.4s ease;
}


.db-task-item__request-cancel-notice__text {
	max-width: calc(100% - 12px);
	padding-left: 8px;
	font-size: 11px;
	line-height: 1.63;
	color: var(--colors-gray);
}



.db-task-items-manage-panel {
	margin-top: 32px;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}


.db-task-items-manage-panel__left {}

.db-task-items-manage-panel__left .pagination-block {
	margin-top: 0;
}

.db-task-items-manage-panel__right {}

.db-task-items-manage-panel__right .show-dropdown-menu-block {
	margin-top: 0;
}




.modal--task {}

.page-back-link-block {
	display: flex;
	margin-bottom: 4px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.page-back-link {
	position: relative;
	padding-left: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
	text-decoration: none;
}

.page-back-link::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/arrow-left.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/arrow-left.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.page-back-link:hover {
	color: var(--colors-green-1000);
}

.page-back-link:hover::before {
	background-color: var(--colors-green-1000);
}


.ai-staking-form-block {
	margin-top: 8px;
	position: relative;
}

.ai-staking-form-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	border-radius: 32px;
}

.ai-staking-form-block::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 32px;
}

.ai-staking-form-wrapper {
	position: relative;
	z-index: 2;
	border-radius: 32px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}

.ai-staking-form {
	display: flex;
}

.ai-staking-form__left {
	width: calc(100% - 280px);
}

.ai-staking-form__right {
	padding: 40px 32px;
	width: 280px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ai-staking-form__fields {
	padding: 40px;
}




.strategy-radio-items-block {}

.strategy-radio-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
	margin-top: -8px;
}

.strategy-radio-item-wrapper {
	margin-top: 8px;
	width: 100%;
	padding-left: 4px;
	padding-right: 4px;
}

.strategy-radio-item-wrapper:first-child {}

.strategy-radio-item-wrapper.d-none+.strategy-radio-item-wrapper {
	margin-top: 0;
}

.strategy-radio-item {}


.strategy-radio {
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 11px 11px;
	padding-right: 42px;
	display: flex;
	align-items: center;
	transition: 0.4s ease;
	cursor: pointer;
}

.strategy-radio__icon-block {
	width: 32px;
}

.strategy-radio__icon {
	position: relative;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	border: 1px solid transparent;
}

.strategy-radio__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/cpu.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.strategy-radio__icon--algorithmic::before {
	mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-image: url('../images/svg/cpu.svg');
}

.strategy-radio__icon--short-term::before {
	mask-image: url('../images/svg/zap.svg');
	-webkit-mask-image: url('../images/svg/zap.svg');
}

.strategy-radio__icon--medium-term::before {
	mask-image: url('../images/svg/chart-column.svg');
	-webkit-mask-image: url('../images/svg/chart-column.svg');
}

.strategy-radio__icon--long-term::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
}




.strategy-radio__content {
	width: calc(100% - 32px);
	padding-left: 12px;
}

.strategy-radio__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.15;
	color: var(--colors-white);
}

.strategy-radio__descr {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 11px;
	line-height: 1.5;
	color: var(--colors-gray);
}


.strategy-radio__switcher {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid var(--forms-input-border);
	border-radius: 7999px;
	width: 16px;
	height: 16px;
	background: var(--forms-input-default);
	transition: 0.4s ease;
}

.strategy-radio__switcher::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.radio-input:checked~.strategy-radio {
	border: 1px solid var(--colors-green-1000);
}


.radio-input:checked~.strategy-radio .strategy-radio__switcher {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
}

.radio-input:checked~.strategy-radio .strategy-radio__switcher::before {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
	opacity: 1;
	visibility: visible;
}

.radio-input:checked~.strategy-radio .strategy-radio__icon {
	border: 1px solid var(--colors-green--200);
	background: var(--colors-green-100)
}

.radio-input:checked~.strategy-radio .strategy-radio__icon::before {
	background-color: var(--colors-green-1000);
}



.strategy-radio-features-block {
	margin-top: 16px;
}

.strategy-radio-features {}

.strategy-radio-feature {
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	padding: 12px;

}

.strategy-radio-feature {
	display: none;
}

.strategy-radio-feature:first-child {
	display: block;
}

.strategy-radio-feature__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.strategy-radio-feature-items {
	margin-top: 8px;
}

.strategy-radio-feature-item {
	margin-top: 8px;
	position: relative;
	display: flex;
	align-items: center;
}

.strategy-radio-feature-item:first-child {
	margin-top: 0;
}


.strategy-radio-feature-item__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.strategy-radio-feature-item__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.strategy-radio-feature-item__content {
	width: calc(100% - 16px);
	padding-left: 8px;
	display: flex;
	align-items: center;
}

.strategy-radio-feature-item__text {

	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
	max-width: calc(100% - 20px);
	padding-right: 8px;
}

.strategy-radio-feature-item__text:last-child {
	padding-right: 0;
	max-width: 100%;
}

.strategy-radio-feature-item__text-border-dashed {
	border-bottom: 1px dashed var(--colors-gray);

}

.text--border-dashed {
	border-bottom: 1px dashed var(--colors-gray);
}

.strategy-radio-feature-item__info-block {
	width: 12px;
}

.strategy-radio-feature-item__info {
	position: relative;
	width: 12px;
	height: 12px;
}

.strategy-radio-feature-item__info::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}



.top-up-balance-button-block {
	display: flex;
}

.top-up-balance-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.top-up-balance-button__icon {
	position: relative;
	background: rgba(0, 245, 255, 0.1);
	border-radius: 6px;
	width: 20px;
	height: 20px;
}

.top-up-balance-button__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-down-to-line.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/arrow-down-to-line.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-blue-1000);

}

.top-up-balance-button__text {
	width: calc(100% - 20px);
	padding-left: 8px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-blue-1000);
	text-align: left;
}


.form-commission-block {
	margin-top: 16px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	padding: 16px;
}

.form-commission-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.form-commission {
	padding-top: 12px;
}

.form-commission-items-block {}

.form-commission-items {}

.form-commission-item-wrapper {
	margin-top: 4px;
}

.form-commission-item-wrapper:first-child {
	margin-top: 0;
}



.form-commission-item {}


.form-commission-radio {
	/* border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 12px; */
	border: 1px solid transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 0;
	padding: 8px 12px;
	padding-right: 42px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	transition: 0.4s ease;
	cursor: pointer;
	user-select: none;
}


.form-commission-radio__amount-block {
	padding-right: 12px;
	display: flex;
}

.form-commission-radio__amount {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-white);
}

.form-commission-radio__fee-block {}

.form-commission-radio__fee {
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: right;
	color: var(--colors-gray);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 4px;
	padding: 1px 4px;
}


.form-commission-radio__fee--green {
	color: var(--colors-green-1000);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}


.form-commission-radio__switcher {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid var(--forms-input-border);
	border-radius: 7999px;
	width: 16px;
	height: 16px;
	background: var(--forms-input-default);
	transition: 0.4s ease;
}

.form-commission-radio__switcher::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.radio-input:checked~.form-commission-radio {
	background: rgba(22, 255, 142, 0.03);
	border: 1px solid rgba(22, 255, 142, 0.04);
	border-radius: 12px;
}


.radio-input:checked~.form-commission-radio .form-commission-radio__switcher {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
}

.radio-input:checked~.form-commission-radio .form-commission-radio__switcher::before {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
	opacity: 1;
	visibility: visible;
}

.radio-input:checked~.form-commission-radio .form-commission-radio__icon {
	border: 1px solid var(--colors-green--200);
	background: var(--colors-green-100)
}

.radio-input:checked~.form-commission-radio .form-commission-radio__icon::before {
	background-color: var(--colors-green-1000);
}




.invest-option-checkbox-list-block {
	margin-top: 16px;
}

.invest-option-checkbox-list {}

.invest-option-checkbox-list-item-wrapper {
	margin-top: 8px;
}

.invest-option-checkbox-list-item-wrapper:first-child {
	margin-top: 0;
}

.invest-option-checkbox-list-item {}



.invest-option-checkbox {
	display: flex;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 11px 15px;
}


.invest-option-checkbox__switcher {
	display: inline-block;
	border-radius: 3px;
	width: 16px;
	height: 16px;
	border: 1px solid var(--forms-input-border);
	background: var(--forms-input-default);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.invest-option-checkbox__switcher::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-black);
	opacity: 0;
	visibility: hidden;
}


.invest-option-checkbox__content {
	position: relative;
	padding-left: 12px;
	width: calc(100% - 16px);
}

.invest-option-checkbox__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.14;
	color: var(--colors-white);
}

.invest-option-checkbox__descr {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 11px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.invest-option-checkbox__percent {
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	color: var(--colors-white);
	border-radius: 4px;
	padding: 2px 4px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}


.invest-option-checkbox__percent--red {
	border: 1px solid var(--colors-red-200);
	background: rgba(239, 68, 68, 0.1);
	color: var(--colors-red-1000);
}


.invest-option-checkbox--has-percent {}

.invest-option-checkbox--has-percent .invest-option-checkbox__content {
	padding-right: 40px;
}


.checkbox-input:checked~.invest-option-checkbox .invest-option-checkbox__switcher {
	box-shadow: 0 0 10px -2px var(--colors-green-1000);
	background: var(--colors-green-1000);
}

.checkbox-input:checked~.invest-option-checkbox .invest-option-checkbox__switcher::before {
	opacity: 1;
	visibility: visible;
}

.checkbox-container--disabled {
	pointer-events: none;
}

.checkbox-container--disabled .checkbox-custom__switcher {
	opacity: 0.5;
}

.checkbox-container--disabled .invest-option-checkbox__switcher {
	opacity: 0.5;
}


.min-term-radio-items-block {}

.min-term-radio-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
	margin-top: -8px;
}

.min-term-radio-item-wrapper {
	margin-top: 8px;
	padding-left: 4px;
	padding-right: 4px;
	width: 16.66%;
}

.min-term-radio-item {
	height: 100%;
}

.min-term-radio-item .field--radio {
	height: 100%;
}

.min-term-radio-item .field--radio .radio-container {
	height: 100%;
}

.min-term-radio {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 12px;
	padding-bottom: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
	height: 100%;
}

.min-term-radio__fee {
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
	border-radius: 4px;
	padding: 2px 4px;

	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	text-align: center;
	color: var(--colors-green-1000);

}

.min-term-radio__title {
	margin-top: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.14;
	color: var(--colors-white);
}

.min-term-radio__title:first-child {
	margin-top: 0;
}


.min-term-radio__switcher {
	position: absolute;
	left: 50%;
	bottom: 12px;
	transform: translateX(-50%);
	margin-top: 12px;
	border: 1px solid var(--forms-input-border);
	border-radius: 16px;
	width: 16px;
	height: 16px;
	background: var(--forms-input-default);
	transition: 0.4s ease;
}


.min-term-radio__switcher::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.radio-input:checked~.min-term-radio {
	border: 1px solid var(--colors-green-1000);
}


.radio-input:checked~.min-term-radio .min-term-radio__switcher {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
}

.radio-input:checked~.min-term-radio .min-term-radio__switcher::before {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
	opacity: 1;
	visibility: visible;
}






.ai-staking-form-summary-block {}

.ai-staking-form-summary-title {
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
}

.ai-staking-form-summary-items-block {
	margin-top: 24px;
}

.ai-staking-form-summary-items {}

.ai-staking-form-summary-item-wrapper {
	margin-top: 16px;
}

.ai-staking-form-summary-item-wrapper:first-child {
	margin-top: 0;
}

.ai-staking-form-summary-item {
	padding: 0px 0px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.ai-staking-form-summary-item__title {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.ai-staking-form-summary-item__content {
	padding-top: 4px;
}

.ai-staking-form-summary-commission {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ai-staking-form-summary-commission__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
	padding-right: 8px;
}

.ai-staking-form-summary-commission__percent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}




.ai-staking-form-summary-strategy {
	display: flex;
	align-items: center;
}

.ai-staking-form-summary-strategy__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.ai-staking-form-summary-strategy__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/cpu.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.ai-staking-form-summary-strategy__text {
	width: calc(100% - 16px);
	padding-left: 8px;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}


.ai-staking-form-summary-strategy--algorithmic .ai-staking-form-summary-strategy__icon::before {
	mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-image: url('../images/svg/cpu.svg');
	background-color: var(--colors-green-1000);
}

.ai-staking-form-summary-strategy--short-term .ai-staking-form-summary-strategy__icon::before {
	mask-image: url('../images/svg/zap.svg');
	-webkit-mask-image: url('../images/svg/zap.svg');
	background-color: var(--colors-green-1000);
}

.ai-staking-form-summary-strategy--medium-term .ai-staking-form-summary-strategy__icon::before {
	mask-image: url('../images/svg/chart-column.svg');
	-webkit-mask-image: url('../images/svg/chart-column.svg');
	background-color: var(--colors-green-1000);
}

.ai-staking-form-summary-strategy--long-term .ai-staking-form-summary-strategy__icon::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	background-color: var(--colors-green-1000);
}



.ai-staking-form-summary-deposit {
	display: flex;
	align-items: center;
}

.ai-staking-form-summary-deposit__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: var(--colors-white);
	padding-right: 4px;
}

.ai-staking-form-summary-deposit__currency {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
}


.ai-staking-form-calc-block {
	margin-top: 24px;
}

.ai-staking-form-calc-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);

}



.ai-staking-form-calc-tabs-block {
	margin-top: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.ai-staking-form-calc-tabs {
	margin-left: -8px;
	margin-right: -8px;
	display: flex;
	justify-content: flex-start;
}

.ai-staking-form-calc-tab-wrapper {
	padding-left: 8px;
	padding-right: 8px;
}

.ai-staking-form-calc-tab {
	position: relative;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	text-align: center;
	color: var(--colors-gray);
	padding-bottom: 12px;
	cursor: pointer;
}

.ai-staking-form-calc-tab::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
}

.ai-staking-form-calc-tab.active {
	color: var(--colors-white);
}

.ai-staking-form-calc-tab.active::after {
	opacity: 1;
	visibility: visible;
}



.ai-staking-form-calc-tabs-content-block {}

.ai-staking-form-calc-tabs-content {}

.ai-staking-form-calc-tab-content {
	display: none;
	padding-top: 32px;
}

.ai-staking-form-calc-tab-content:first-child {
	display: block;
}


.ai-staking-form-calc-items-block {}

.ai-staking-form-calc-items {}

.ai-staking-form-calc-item-wrapper {
	margin-top: 8px;
}

.ai-staking-form-calc-item-wrapper:first-child {
	margin-top: 0;
}

.ai-staking-form-calc-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	padding-bottom: 8px;
}

.ai-staking-form-calc-item__title {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.ai-staking-form-calc-item__content {
	padding-top: 4px;
}


.ai-staking-form-calc-return {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ai-staking-form-calc-return__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.ai-staking-form-calc-return__percent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}



.ai-staking-form-calc-real-time {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ai-staking-form-calc-real-time__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.ai-staking-form-calc-real-time__interval {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.ai-staking-form-calc-not-limited-block {}

.ai-staking-form-calc-not-limited {
	border: 1px solid var(--colors-green--200);
	border-radius: 12px;
	padding: 12px;
	background: rgba(22, 255, 142, 0.08);
	font-size: 12px;
	color: var(--colors-green-1000);
}


.form-fieldset-block--minimum-term {
	display: none;
}

.invest-option-checkbox-list-item-wrapper--auto-reinvest {
	display: none;
}

.info-tooltip-wrapper {
	position: relative;
	z-index: 10;
}

.info-tooltip {
	position: relative;
	width: 12px;
	height: 12px;
}



.info-tooltip__icon {
	position: relative;
	width: 12px;
	height: 12px;
}

.info-tooltip__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}



.info-tooltip__tooltip {
	position: absolute;
	width: 154px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.4);
	left: 50%;
	bottom: 100%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: 0.4s ease;
}

.info-tooltip__tooltip::before {
	content: '';
	position: absolute;
	background: #141414;
	border: 1px solid rgba(255, 255, 255, 0.1);
	width: 12px;
	height: 12px;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.info-tooltip__tooltip__inner {
	background: #141414;
	border-radius: 12px;
	padding: 8px 12px;
	position: relative;
	z-index: 2;
}

.info-tooltip__tooltip__text {
	font-size: 12px;
	line-height: 1.33;
	text-align: center;
	color: var(--colors-white);
}


.info-tooltip:hover .info-tooltip__tooltip {
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
}


.info-tooltip--right .info-tooltip__tooltip {
	bottom: auto;
	left: 100%;
	top: 50%;
	transform: translate(10px, -50%);
}

.info-tooltip--right .info-tooltip__tooltip::before {
	right: 100%;
	top: 50%;
	left: auto;
	transform: translate(50%, -50%) rotate(-45deg);
}


.info-tooltip--left .info-tooltip__tooltip {
	bottom: auto;
	right: 100%;
	left: auto;
	top: 50%;
	transform: translate(-10px, -50%);
}

.info-tooltip--left .info-tooltip__tooltip::before {
	top: 50%;
	left: 100%;
	transform: translate(-50%, -50%) rotate(-45deg);
}


.info-tooltip--bottom .info-tooltip__tooltip {
	bottom: auto;
	right: auto;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 10px);
}

.info-tooltip--bottom .info-tooltip__tooltip::before {
	top: auto;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, 50%) rotate(-45deg);
}



.transactions-empty-block {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 600px;
}

.transactions-empty-wrapper {}

.transactions-empty {
	width: 320px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.transactions-empty__icon {
	position: relative;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	width: 48px;
	height: 48px;
}

.transactions-empty__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-left-right.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/arrow-left-right.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.transactions-empty__title {
	margin-top: 24px;
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
	text-align: center;
}

.transactions-empty__descr {
	margin-top: 4px;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
}

.transactions-empty__button-block {
	margin-top: 24px;
	text-align: center;
}

.transactions-empty__button {
	padding-left: 23px;
	padding-right: 23px;
}

.transactions-empty__button .iconed-btn__icon::before {
	mask-image: url('../images/svg/plus.svg');
	-webkit-mask-image: url('../images/svg/plus.svg');
}


.ai-staking-page-top-block {}

.ai-staking-page-top {
	display: flex;
	align-items: flex-end;
}

.ai-staking-page-top__left {
	width: calc(100% - 150px);
	padding-right: 12px;
}

.ai-staking-page-top__right {
	width: 150px;
	display: flex;
	justify-content: flex-end;
}


.ai-staking-page-top__right .stake-button-block {
	margin-top: 0;
}

.latest-ai-activity-button-block {
	display: flex;
	margin-top: 4px;
}

.latest-ai-activity-button-block:first-child {
	margin-top: 0;
}

.latest-ai-activity-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.latest-ai-activity-button__icon {
	position: relative;
	background: rgba(0, 245, 255, 0.1);
	border-radius: 6px;
	width: 20px;
	height: 20px;
}

.latest-ai-activity-button__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/trending-up.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-blue-1000);

}

.latest-ai-activity-button__text {
	width: calc(100% - 20px);
	padding-left: 8px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-blue-1000);
	text-align: left;
}




.ai-deposits-empty-block {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 600px;
}

.ai-deposits-empty-wrapper {}

.ai-deposits-empty {
	width: 320px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.ai-deposits-empty__icon {
	position: relative;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	width: 48px;
	height: 48px;
}

.ai-deposits-empty__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/flame.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/flame.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.ai-deposits-empty__title {
	margin-top: 24px;
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
	text-align: center;
}

.ai-deposits-empty__descr {
	margin-top: 4px;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
}

.ai-deposits-empty__button-block {
	margin-top: 24px;
	text-align: center;
}

.ai-deposits-empty__button {
	padding-left: 23px;
	padding-right: 23px;
}

.ai-deposits-empty__button .iconed-btn__icon::before {
	mask-image: url('../images/svg/plus.svg');
	-webkit-mask-image: url('../images/svg/plus.svg');
}



.ai-deposits-empty-features-block {
	padding-top: 24px;
}

.ai-deposits-empty-features {
	width: 240px;
}

.ai-deposits-empty-feature-wrapper {
	margin-top: 8px;
}

.ai-deposits-empty-feature-wrapper:first-child {
	margin-top: 0;
}

.ai-deposits-empty-feature {
	cursor: default;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 8px 14px;
	display: flex;
	align-items: center;
	backdrop-filter: blur(12px);
	background: rgba(2, 3, 5, 0.6);
}

.ai-deposits-empty-feature__icon {
	width: 16px;
	height: 16px;
	position: relative;
}

.ai-deposits-empty-feature__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
	padding-left: 12px;
	opacity: 0.8;
}


.ai-deposits-empty-feature--potential {
	background: rgba(2, 3, 5, 0.6);
	border: 1px solid var(--colors-green--200);
}

.ai-deposits-empty-feature--potential .ai-deposits-empty-feature__icon {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.ai-deposits-empty-feature--potential .ai-deposits-empty-feature__text {
	color: var(--colors-green-1000);
	opacity: 1;
}

.ai-deposits-empty-feature--protection {}


.ai-deposits-empty-feature--protection .ai-deposits-empty-feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/shield-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-telegram);
}


.ai-deposits-empty-feature--ai {
	background: rgba(10, 12, 16, 0.6);
}


.ai-deposits-empty-feature--ai .ai-deposits-empty-feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/cpu.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-purple);
}

.ai-deposits-empty-feature--instant {
	background: rgba(10, 12, 16, 0.6);
}


.ai-deposits-empty-feature--instant .ai-deposits-empty-feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/zap.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/zap.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-green-1000);
}



.stake-button-block {
	margin-top: 24px;
	text-align: center;
}

.stake-button {
	padding-left: 23px;
	padding-right: 23px;
}

.stake-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/plus.svg');
	-webkit-mask-image: url('../images/svg/plus.svg');
}



.ai-staking-items-block {}

.ai-staking-items {
	margin-top: -8px;
}

.ai-staking-items .row,
.ai-staking-items .row>* {
	--bs-gutter-x: 16px;
}

.ai-staking-item-wrapper {
	margin-top: 16px;
	border-radius: 32px;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	height: calc(100% - 16px);
}

.ai-staking-item {
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	padding: 24px;
	height: 100%;
}

.ai-staking-item-heading {
	display: flex;
	align-items: center;
	padding: 0px 0px 16px;
}

.ai-staking-item-heading__icon {
	width: 32px;
}

.ai-staking-item-heading__content {
	width: calc(100% - 32px);
	padding-left: 12px;
}

.ai-staking-item-heading__content-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ai-staking-item-heading__content-top-left {
	padding-right: 8px;
}

.ai-staking-item-heading__content-top-right {}


.ai-staking-item__currency {
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-white);
}


.ai-staking-item__status-block {}

.ai-staking-item__status {
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	text-align: center;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	padding: 1px 4px;
}


.ai-staking-item__status--active {
	color: var(--colors-green-1000);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}

.ai-staking-item__status--hold {
	color: var(--colors-orange);
	background: rgba(245, 158, 11, 0.1);
	border: 1px solid rgba(245, 158, 11, 0.2);
}

.ai-staking-item__status--closed {
	color: var(--colors-gray);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.ai-staking-item__type {
	display: flex;
	align-items: center;
}

.ai-staking-item__type__icon {
	position: relative;
	width: 12px;
	height: 12px;
}

.ai-staking-item__type__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/cpu.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.ai-staking-item__type__title {
	width: calc(100% - 12px);
	padding-left: 4px;
	font-size: 12px;
	color: var(--colors-gray);
}


.ai-staking-item__type--algorithmic .ai-staking-item__type__icon::before {
	mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-image: url('../images/svg/cpu.svg');
}

.ai-staking-item__type--short-term .ai-staking-item__type__icon::before {
	mask-image: url('../images/svg/zap.svg');
	-webkit-mask-image: url('../images/svg/zap.svg');
}

.ai-staking-item__type--medium-term .ai-staking-item__type__icon::before {
	mask-image: url('../images/svg/chart-column.svg');
	-webkit-mask-image: url('../images/svg/chart-column.svg');
}

.ai-staking-item__type--long-term .ai-staking-item__type__icon::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
}


.ai-staking-item-changes-block {
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 12px;
}

.ai-staking-item-changes {
	display: flex;
	margin-left: -4px;
	margin-right: -4px;
}

.ai-staking-item-change-wrapper {
	padding-left: 4px;
	padding-right: 4px;
	width: 100%;
}

.ai-staking-item-change {}

.ai-staking-item-change__digit {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-white);
}

.ai-staking-item-change__title {
	margin-top: 3px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.ai-staking-item--active {}

/* .ai-staking-item--active .ai-staking-item-change__digit {
	color: var(--colors-green-1000);
} */


.ai-staking-item-params-block {
	margin-top: 8px;
}

.ai-staking-item-params {}

.ai-staking-item-param-wrapper {}

.ai-staking-item-param-wrapper:last-child .ai-staking-item-param {
	border-bottom: 0;
}

.ai-staking-item-param {
	height: 40px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}


.ai-staking-item-param__left {
	width: 50%;
	padding-top: 8px;
	padding-bottom: 8px;
}

.ai-staking-item-param__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	position: relative;
}

.ai-staking-item-param__right {
	width: 50%;
	display: flex;
	justify-content: flex-end;
	padding-top: 8px;
	padding-bottom: 8px;
}

.ai-staking-item-param__value {
	font-size: 12px;
	color: var(--colors-gray);
}

.ai-staking-item-param--amount {}

.ai-staking-item-param--amount .ai-staking-item-param__value {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}

.ai-staking-item-param--profit {}

.ai-staking-item-param--profit .ai-staking-item-param__value {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
}

.ai-staking-item-param--profit--positive .ai-staking-item-param__value {
	color: var(--colors-green-1000);
}

.ai-staking-item-param--profit--negative .ai-staking-item-param__value {
	color: var(--colors-green-1000);
}

.ai-staking-item-param--release {
	height: 54px;
}

.ai-staking-item-param--release .ai-staking-item-param__title {
	position: relative;
	padding-left: 16px;
}

.ai-staking-item-param--release .ai-staking-item-param__title::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/lock.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/lock.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.ai-staking-item-param--in-release {
	align-items: flex-start;
	height: 54px;
}

.ai-staking-item-param--in-release .ai-staking-item-param__title {
	position: relative;
	padding-left: 16px;
}

.ai-staking-item-param--in-release .ai-staking-item-param__right {

	flex-direction: column;
	align-items: flex-end;
}




.ai-staking-item-param--in-release .ai-staking-item-param__title::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/lock-open.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/lock-open.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.ai-staking-item-param__in-release-amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-blue-1000);
}


.ai-staking-item-param--ended {
	height: 54px;
}



.ai-staking-item-buttons-block {
	margin-top: 8px;
}

.ai-staking-item-buttons {
	display: flex;
	align-items: center;
	height: 46px;
	margin-left: -6px;
	margin-right: -6px;
}

.ai-staking-item-add-button-wrapper {
	width: 50%;
	padding-left: 6px;
	padding-right: 6px;
}

.ai-staking-item-add-button-wrapper:only-child {
	width: 100%;
}

.ai-staking-item-add-button {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 8px;
	font-size: 14px;
}

.ai-staking-item-bottom-block {
	margin-top: 16px;
}

.ai-staking-item-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ai-staking-item-bottom__left {
	display: flex;
	justify-content: center;
	padding-right: 4px;
}

.ai-staking-item-bottom__left:only-child {
	display: flex;
	justify-content: center;
	padding-right: 0;
	width: 100%;
}

.ai-staking-item-bottom__right {}


.ai-staking-item-reinvest-block {}

.ai-staking-item-reinvest {}


.checkbox-switcher-wrapper {
	position: relative;
}

.checkbox-switcher {
	display: flex;
	align-items: center;
}

.checkbox-switcher__title {
	font-size: 12px;
	color: var(--colors-gray);
	padding-right: 8px;
	max-width: calc(100% - 32px);
	transition: 0.4s ease;
}

.checkbox-switcher__switcher {
	position: relative;
	height: 16px;
	width: 32px;
	border-radius: 16px;
	background-color: var(--forms-input-default);
	border: 1px solid var(--forms-input-border);
	transition: 0.4s ease;
}


.checkbox-switcher__switcher__slider {
	position: absolute;
	background: var(--colors-gray);
	border-radius: 10px;
	width: 10px;
	height: 10px;
	top: 2px;
	left: 4px;
	transition: 0.4s ease;
}


.checkbox-input:checked~.checkbox-switcher .checkbox-switcher__title {
	color: var(--colors-white);
}

.checkbox-input:checked~.checkbox-switcher .checkbox-switcher__switcher {
	box-shadow: 0 0 7px -1px var(--colors-green-1000);
	background: var(--colors-green-1000);
}

.checkbox-input:checked~.checkbox-switcher .checkbox-switcher__switcher__slider {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
	background: var(--colors-black);
	left: 18px;
}


.ai-staking-item-details-block {}

.ai-staking-item-details {
	display: flex;
	align-items: center;
}

.ai-staking-item-details__title {
	font-size: 12px;
	text-align: center;
	color: var(--colors-gray);
	padding-right: 4px;
}

.ai-staking-item-details__link {}

.details-link-block {}

.details-link {
	position: relative;
	padding-right: 16px;
	font-size: 12px;
	color: var(--colors-green-1000);
	text-decoration: none;
}

.details-link::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/arrow-right.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/arrow-right.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.details-link:hover {
	color: var(--colors-green-1000);
	text-decoration: none;
}



.table-manage-panel-block {
	margin-top: 16px;
}

.table-manage-panel {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}



.table-manage-panel__left {}

.table-manage-panel__left .pagination-block {
	margin-top: 0;
}

.table-manage-panel__right {}

.table-manage-panel__right .show-dropdown-menu-block {
	margin-top: 0;
}



.modal--add-fund {}

.modal--release-fund {}


.ai-activity-tabs-block {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.ai-activity-tabs {
	margin-left: -16px;
	margin-right: -16px;
	display: flex;
	justify-content: flex-start;
}

.ai-activity-tab-wrapper {
	padding-left: 16px;
	padding-right: 16px;
}

.ai-activity-tab {
	position: relative;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
	padding-bottom: 12px;
	cursor: pointer;
}

.ai-activity-tab::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
}

.ai-activity-tab.active {
	color: var(--colors-white);
}

.ai-activity-tab.active::after {
	opacity: 1;
	visibility: visible;
}


.ai-activity-tabs-content-block {}

.ai-activity-tabs-content {}

.ai-activity-tab-content {
	display: none;
	padding-top: 32px;
}

.ai-activity-tab-content:first-child {
	display: block;
}

.ai-activity-stats-block {
	position: relative;
}

.ai-activity-stats-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.ai-activity-stats {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
	flex-wrap: wrap;
}

.ai-activity-stat {
	width: 25%;
	border-right: 1px solid rgba(255, 255, 255, 0.05);
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ai-activity-stat:last-child {
	border-right: 0;
}

.ai-activity-stat__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	width: 100%;
}

.ai-activity-stat__content {
	width: 100%;
}


.ai-activity-stat__value {
	font-weight: 600;
	font-size: 24px;
	line-height: 1.33;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.ai-activity-stat__value--green {
	color: var(--colors-green-1000);
}


.ai-activity-stat__crypto {
	display: flex;
	align-items: center;
	margin-top: 4px;
}

.ai-activity-stat__crypto__content {
	display: flex;
	align-items: center;
	padding-right: 4px;
}

.ai-activity-stat__crypto__content__icon {}

.ai-activity-stat__crypto__content__icon .currency-icon {
	width: 24px;
	height: 24px;
}

.ai-activity-stat__crypto__content__icon .currency-icon .image {
	width: 12px;
	height: 12px;
}

.ai-activity-stat__crypto__content__title {
	padding-left: 12px;
	max-width: calc(100% - 24px);
}

.ai-activity-stat__crypto__percent {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
}

.ai-activity-stat__crypto__percent--positive {
	color: var(--colors-green-1000);
}


.ai-activity-table-block {
	position: relative;
	margin-top: 32px;
}

.ai-activity-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.ai-activity-table-top-block {
	position: relative;
	z-index: 4;
	background: rgba(255, 255, 255, 0.02);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.ai-activity-table-top {
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ai-activity-table-top__left {}

.ai-activity-table-top__right {}


.ai-activity-type-tabs-block {}

.ai-activity-type-tabs {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 4px 2px;
	display: flex;
	flex-wrap: wrap;
}

.ai-activity-type-tab-wrapper {
	padding-left: 2px;
	padding-right: 2px;
}

.ai-activity-type-tab {
	border-radius: 8px;
	padding: 4px 16px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
	cursor: pointer;
	border: 1px solid transparent;
}

.ai-activity-type-tab.active {
	box-shadow: 0 0 15px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green-100);
	color: var(--colors-white);
	pointer-events: none;
}


.ai-activity-sort-form-block {
	display: none;
}

.ai-activity-sort-form {}

.ai-activity-sort-form .field--select--small .bootstrap-select>.dropdown-toggle {

	height: 40px;
	min-height: 40px;
}


.ai-activity-table {
	position: relative;
	z-index: 2;
}

.ai-activity-table-heading {
	display: flex;
	background: rgba(255, 255, 255, 0.02);
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}


.ai-activity-t-h-cell {
	width: 12.5%;
	padding: 10px 12px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: flex;
	align-items: center;
}

.ai-activity-t-h-cell--user {}

.ai-activity-t-h-cell--contract {}

.ai-activity-t-h-cell--direction {}

.ai-activity-t-h-cell--trade {
	padding-left: 0;
}

.ai-activity-t-h-cell--entry {
	padding-left: 0;
}

.ai-activity-t-h-cell--exit {
	padding-left: 0;
}

.ai-activity-t-h-cell--profit {
	padding-left: 0;
}

.ai-activity-t-h-cell--fee {
	padding-left: 0;
}

.ai-activity-t-h-cell--net-profit {
	padding-left: 0;
}






.ai-activity-table-items {}

.ai-activity-table-item {
	display: flex;
	align-items: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ai-activity-t-i-cell {
	width: 12.5%;
	padding: 8px 16px;
}

.ai-activity-t-i-cell--user {}


.ai-activity-t-i-cell--contract {}

.ai-activity-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 133%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}

.ai-activity-t-i-cell__content {}

.ai-activity-t-i-cell--direction {}

.ai-activity-t-i-cell--trade {
	padding-left: 0;
}

.ai-activity-t-i-cell--entry {
	padding-left: 0;
}

.ai-activity-t-i-cell--exit {
	padding-left: 0;
}

.ai-activity-t-i-cell--profit {
	padding-left: 0;
}

.ai-activity-t-i-cell--fee {
	padding-left: 0;
}

.ai-activity-t-i-cell--net-profit {
	padding-left: 0;
}


.ai-activity-t-i-user-block {}


.ai-activity-t-i-user {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
	/* filter: blur(3px); */
}


.ai-activity-t-i-contract-block {}


.ai-activity-t-i-contract {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
}



.ai-activity-t-i-direction-block {
	display: flex;
}

.ai-activity-t-i-direction {
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	padding: 2px 8px;
	color: var(--colors-white);
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 20px;
}

.ai-activity-t-i-direction--long {
	border: 1px solid var(--colors-green--200);
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
}

.ai-activity-t-i-direction--short {
	border: 1px solid var(--colors-red-200);
	background: rgba(239, 68, 68, 0.1);
	color: var(--colors-red-1000);
}


.ai-activity-t-i-trade {}

.ai-activity-t-i-trade__pair {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
}

.ai-activity-t-i-trade__amount {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.ai-activity-t-i-entry {}

.ai-activity-t-i-entry__amount {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
	display: flex;
	align-items: center;
}

.ai-activity-t-i-entry__amount__value {
	padding-right: 6px;
}

.ai-activity-t-i-entry__amount__value--alt {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	padding-left: 4px;
	font-size: 10px;
	line-height: 1;
	text-align: right;
	color: var(--colors-gray);
}



.ai-activity-t-i-entry__date {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}




.ai-activity-t-i-exit {}

.ai-activity-t-i-exit__amount {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
	display: flex;
	align-items: center;
}

.ai-activity-t-i-exit__amount__value {
	padding-right: 6px;
}

.ai-activity-t-i-exit__amount__value--alt {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	padding-left: 4px;
	font-size: 10px;
	line-height: 1;
	text-align: right;
	color: var(--colors-gray);
}


.ai-activity-t-i-exit__date {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}


.ai-activity-t-i-profit {}

.ai-activity-t-i-profit__amount {

	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
}

.ai-activity-t-i-profit__percent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}


.ai-activity-t-i-profit--positive {}

.ai-activity-t-i-profit--positive .ai-activity-t-i-profit__amount {
	color: var(--colors-green-1000);
}

.ai-activity-t-i-profit--positive .ai-activity-t-i-profit__percent {
	color: var(--colors-green-1000);
	opacity: 0.5;
}

.ai-activity-t-i-profit--negative {}

.ai-activity-t-i-profit--negative .ai-activity-t-i-profit__amount {
	color: var(--colors-light-red);
}

.ai-activity-t-i-profit--negative .ai-activity-t-i-profit__percent {
	color: var(--colors-light-red);
	opacity: 0.5;
}


.ai-activity-t-i-fee {}

.ai-activity-t-i-fee__amount {

	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-gray);
}

.ai-activity-t-i-fee__percent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
	opacity: 0.5;
}

.ai-activity-type-tabs-content-block {}

.ai-activity-type-tabs-content {}

.ai-activity-type-tab-content {
	display: none;
}

.ai-activity-type-tab-content:first-child {
	display: block;
}




.db-loans-empty-block {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 600px;
}

.db-loans-empty-wrapper {}

.db-loans-empty {
	width: 320px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.db-loans-empty__icon {
	position: relative;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	width: 48px;
	height: 48px;
}

.db-loans-empty__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/landmark.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-loans-empty__title {
	margin-top: 24px;
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
	text-align: center;
}

.db-loans-empty__descr {
	margin-top: 4px;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
}

.db-loans-empty__button-block {
	margin-top: 24px;
	text-align: center;
}

.db-loans-empty__button {
	padding-left: 23px;
	padding-right: 23px;
}

.db-loans-empty__button .iconed-btn__icon::before {
	mask-image: url('../images/svg/plus.svg');
	-webkit-mask-image: url('../images/svg/plus.svg');
}



.db-loans-empty-features-block {
	padding-top: 24px;
}

.db-loans-empty-features {
	width: 290px;
}

.db-loans-empty-feature-wrapper {
	margin-top: 8px;
}

.db-loans-empty-feature-wrapper:first-child {
	margin-top: 0;
}

.db-loans-empty-feature {
	cursor: default;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 8px 14px;
	display: flex;
	align-items: center;
	backdrop-filter: blur(12px);
	background: rgba(2, 3, 5, 0.6);
}

.db-loans-empty-feature__icon {
	width: 16px;
	height: 16px;
	position: relative;
}

.db-loans-empty-feature__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
	padding-left: 12px;
	opacity: 0.8;
}


.db-loans-empty-feature--standard-users {
	background: rgba(2, 3, 5, 0.6);
	border: 1px solid var(--colors-green--200);
}

.db-loans-empty-feature--standard-users .db-loans-empty-feature__icon {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.db-loans-empty-feature--standard-users .db-loans-empty-feature__text {
	color: var(--colors-green-1000);
	opacity: 1;
}



.db-loans-empty-feature--private-users {
	background: rgba(2, 3, 5, 0.6);
	border: 1px solid var(--colors-green--200);
}

.db-loans-empty-feature--private-users .db-loans-empty-feature__icon {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(245, 158, 11, 0.6);
	background: var(--colors-orange);
}

.db-loans-empty-feature--private-users .db-loans-empty-feature__text {
	color: var(--colors-white);
	opacity: 1;
}




.db-loans-empty-feature--low-interest {}


.db-loans-empty-feature--low-interest .db-loans-empty-feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-percent.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-percent.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-telegram);
}


.db-loans-empty-feature--high-ltv {
	background: rgba(10, 12, 16, 0.6);
}


.db-loans-empty-feature--high-ltv .db-loans-empty-feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/trending-up.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-purple);
}

.db-loans-empty-feature--instant {
	background: rgba(10, 12, 16, 0.6);
}


.db-loans-empty-feature--instant .db-loans-empty-feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/zap.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/zap.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-green-1000);
}




.loans-page-top-block {}

.loans-page-top {
	display: flex;
	align-items: flex-end;
}

.loans-page-top__left {
	width: calc(100% - 150px);
	padding-right: 12px;
}

.loans-page-top__right {
	width: 150px;
	display: flex;
	justify-content: flex-end;
}


.loans-page-top__right .take-loan-button-block {
	margin-top: 0;
}




.take-loan-button-block {
	margin-top: 24px;
	text-align: center;
}

.take-loan-button {
	padding-left: 23px;
	padding-right: 23px;
}

.take-loan-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/plus.svg');
	-webkit-mask-image: url('../images/svg/plus.svg');
}





.loan-items-block {}

.loan-items {
	margin-top: -8px;
}

.loan-items .row,
.loan-items .row>* {
	--bs-gutter-x: 16px;
}

.loan-item-wrapper {
	margin-top: 16px;
	border-radius: 32px;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	height: calc(100% - 16px);
}

.loan-item {
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	padding: 24px;
	height: 100%;
}

.loan-item-heading {
	display: flex;
	align-items: center;
	padding: 0px 0px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.loan-item-heading__icon {
	width: 32px;
}

.loan-item-heading__content {
	width: calc(100% - 32px);
	padding-left: 12px;
}

.loan-item-heading__content-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.loan-item-heading__content-top-left {
	padding-right: 8px;
}

.loan-item-heading__content-top-right {}


.loan-item__amount {
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-white);
}


.loan-item__status-block {}

.loan-item__status {
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	text-align: center;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	padding: 1px 4px;
}


.loan-item__status--active {
	color: var(--colors-green-1000);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}

.loan-item__status--hold {
	color: var(--colors-orange);
	background: rgba(245, 158, 11, 0.1);
	border: 1px solid rgba(245, 158, 11, 0.2);
}

.loan-item__status--closed {
	color: var(--colors-gray);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.loan-item__type {
	display: flex;
	align-items: center;
}

.loan-item__type__icon {
	position: relative;
	width: 12px;
	height: 12px;
}

.loan-item__type__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/cpu.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.loan-item__type__title {
	width: calc(100% - 12px);
	padding-left: 4px;
	font-size: 12px;
	color: var(--colors-gray);
}


.loan-item__type--fixed .loan-item__type__icon::before {
	mask-image: url('../images/svg/calendar-clock.svg');
	-webkit-mask-image: url('../images/svg/calendar-clock.svg');
}

.loan-item__type--flexible .loan-item__type__icon::before {
	mask-image: url('../images/svg/repeat-2.svg');
	-webkit-mask-image: url('../images/svg/repeat-2.svg');
}




.loan-item-params-block {}

.loan-item-params {}

.loan-item-param-wrapper {}

.loan-item-param-wrapper:last-child .loan-item-param {
	border-bottom: 0;
}

.loan-item-param {
	height: 40px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}


.loan-item-param__left {
	width: 50%;
	padding-top: 8px;
	padding-bottom: 8px;
}

.loan-item-param__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	position: relative;
}

.loan-item-param__right {
	width: 50%;
	display: flex;
	justify-content: flex-end;
	padding-top: 8px;
	padding-bottom: 8px;
}

.loan-item-param__value {
	font-size: 12px;
	color: var(--colors-gray);
	display: flex;
	align-items: center;
}

.loan-item-param__value__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}

.loan-item-param__value__currency {
	padding-left: 4px;
}


.loan-item-param--loan {}

.loan-item-param--collateral {}

.loan-item-param--negative {}

.loan-item-param--negative .loan-item-param__value__amount {
	color: var(--colors-light-red);
}

.loan-item-param--negative .loan-item-param__value__currency {
	color: var(--colors-light-red);
	opacity: 0.5;
}


.loan-item-param--positive {}

.loan-item-param--positive .loan-item-param__value__amount {
	color: var(--colors-green-1000);
}

.loan-item-param--positive .loan-item-param__value__currency {
	color: var(--colors-green-1000);
	opacity: 0.5;
}


.loan-item-param--interest {}

.loan-item-param--accrued {}

.loan-item-param--current-ltv {}

.loan-item-param--loan-date {}


.loan-item-param--total-repay {}

.loan-item-buttons-block {
	margin-top: 8px;
}

.loan-item-buttons {
	display: flex;
	align-items: center;
	height: 46px;
	margin-left: -6px;
	margin-right: -6px;
}

.loan-item-add-button-wrapper {
	width: 50%;
	padding-left: 6px;
	padding-right: 6px;
}

.loan-item-add-button-wrapper:only-child {
	width: 100%;
}

.loan-item-add-button {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 8px;
	font-size: 14px;
}





.repay-loan-form-block {
	margin-top: 24px;
}

.repay-loan-form {}


.modal-loan-item-params-block {
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	padding: 0px 16px;
}



.loan-table-block {
	position: relative;
	/* margin-top: 32px; */
}

.loan-table-block .table-manage-panel-block {
	margin-top: 0;
}

.loan-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.loan-table-top-block {
	position: relative;
	z-index: 4;
	background: rgba(255, 255, 255, 0.02);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.loan-table-top {
	padding: 16px;
	display: flex;
}

.loan-type-tabs-block {}

.loan-type-tabs {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 4px 2px;
	display: flex;
}

.loan-type-tab-wrapper {
	padding-left: 2px;
	padding-right: 2px;
}

.loan-type-tab {
	border-radius: 8px;
	padding: 4px 16px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
	cursor: pointer;
}

.loan-type-tab.active {
	box-shadow: 0 0 15px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green-100);
	color: var(--colors-white);
	pointer-events: none;
}




.loan-table {
	position: relative;
	z-index: 2;
}

.loan-table-heading {
	display: flex;
	background: rgba(255, 255, 255, 0.02);
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}


.loan-t-h-cell {
	width: 25%;
	padding: 12px 16px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: flex;
	align-items: center;
}

.loan-t-h-cell {}

.loan-t-h-cell--token {
	width: calc(33.33% - 40px);
}

.loan-t-h-cell--rate {
	width: calc(33.33% - 40px);
	padding-left: 0;
}

.loan-t-h-cell--duration {
	width: calc(33.33% - 40px);
	padding-left: 0;
}

.loan-t-h-cell--action {
	width: 120px;
}


.loan-table-groups {}

.loan-table-group {}

.loan-table-group-heading {
	display: flex;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.loan-t-g-h-cell {
	width: 25%;
	padding: 12px 16px;
	display: flex;
	align-items: center;
}

.loan-t-g-h-cell--token {
	width: calc(33.33% - 40px);
}

.loan-t-g-h-cell--rate {
	width: calc(33.33% - 40px);
	padding-left: 0;
}

.loan-t-g-h-cell--duration {
	width: calc(33.33% - 40px);
	padding-left: 0;
}

.loan-t-g-h-cell--action {
	width: 120px;
}


.loan-t-g-h-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	padding-right: 8px;
	display: none;
}

.loan-t-g-h-cell__content {}


.loan-t-g-h-token-block {}

.loan-t-g-h-token {}

.loan-t-g-h-rate-block {}


.loan-t-g-h-rate {
	font-weight: 500;
	font-size: 14px;
	color: var(--colors-white);
}

.loan-t-g-h-duration-items-block {}

.loan-t-g-h-duration-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -4px;
}

.loan-t-g-h-duration-item-wrapper {
	margin-top: 4px;
	padding-left: 2px;
	padding-right: 2px;
}

.loan-t-g-h-duration-item {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-gray);
	cursor: default;
}

.loan-t-g-h-toggle-button-block {}

.loan-t-g-h-toggle-button {
	position: relative;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: var(--colors-gray);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 6px 12px;
	padding-right: 32px;
	background-color: transparent;
}

.loan-t-g-h-toggle-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/chevron-down.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.loan-t-g-h-toggle-button.active::before {
	transform: translateY(-50%) rotate(180deg);
}



.loan-table-items-wrapper {
	display: none;
}


.loan-table-items {}

.loan-table-item {
	display: flex;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	background: rgba(255, 255, 255, 0.02);
}


.loan-t-i-cell {
	width: 25%;
	padding: 12px 16px;
}

.loan-t-i-cell--token {
	width: calc(33.33% - 40px);
}

.loan-t-i-cell--rate {
	width: calc(33.33% - 40px);
	padding-left: 0;
}

.loan-t-i-cell--duration {
	width: calc(33.33% - 40px);
	padding-left: 0;
}

.loan-t-i-cell--action {
	width: 120px;
}


.loan-t-i-cell__content {}

.loan-t-i-token-block {}

.loan-t-i-token {
	padding-left: 44px;
}

.loan-t-i-token__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
}

.loan-t-i-rate-block {}

.loan-t-i-rate {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
}



.loan-t-i-duration-items-block {}

.loan-t-i-duration-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -4px;
}

.loan-t-i-duration-item-wrapper {
	margin-top: 4px;
	padding-left: 2px;
	padding-right: 2px;
}

.loan-t-i-duration-item {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-gray);
	cursor: default;
}


.loan-t-i-borrow-button-block {}

.loan-t-i-borrow-button {
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 1.5;
	border-radius: 8px;
}



.loan-t-i-cell--mobile-info {
	display: none;
	width: calc(100% - 120px);
}

.loan-t-i-mobile-info-block {}

.loan-t-i-mobile-info {
	font-size: 12px;
	color: var(--colors-gray);
}



.loan-type-tabs-content-block {}

.loan-type-tabs-content {}

.loan-type-tab-content {
	display: none;
}

.loan-type-tab-content:first-child {
	display: block;
}






.loan-form-block {
	margin-top: 32px;
	position: relative;
}

.loan-form-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	border-radius: 32px;
}

.loan-form-block::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 32px;
}

.loan-form-wrapper {
	position: relative;
	z-index: 2;
	border-radius: 32px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}

.loan-form {
	display: flex;
}

.loan-form__left {
	width: calc(100% - 280px);
}

.loan-form__right {
	padding: 40px 32px;
	width: 280px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.loan-form__fields {
	padding: 40px;
}



.loan-type-radio-items-block {}

.loan-type-radio-items {}

.loan-type-radio-item-wrapper {
	margin-top: 8px;
}

.loan-type-radio-item-wrapper:first-child {
	margin-top: 0;
}

.loan-type-radio-item-wrapper.d-none+.loan-type-radio-item-wrapper {
	margin-top: 0;
}

.loan-type-radio-item {}


.loan-type-radio {
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 11px 11px;
	padding-right: 42px;
	display: flex;
	align-items: center;
	transition: 0.4s ease;
	cursor: pointer;
}

.loan-type-radio__icon-block {
	width: 32px;
}

.loan-type-radio__icon {
	position: relative;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	border: 1px solid transparent;
}

.loan-type-radio__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/calendar-clock.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/calendar-clock.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.loan-type-radio__icon--fixed::before {
	mask-image: url('../images/svg/calendar-clock.svg');
	-webkit-mask-image: url('../images/svg/calendar-clock.svg');
}

.loan-type-radio__icon--flexible::before {
	mask-image: url('../images/svg/repeat-2.svg');
	-webkit-mask-image: url('../images/svg/repeat-2.svg');
}




.loan-type-radio__content {
	width: calc(100% - 32px);
	padding-left: 12px;
}

.loan-type-radio__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.15;
	color: var(--colors-white);
}

.loan-type-radio__descr {
	position: relative;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 11px;
	line-height: 1.5;
	color: var(--colors-gray);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.loan-type-radio__switcher {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid var(--forms-input-border);
	border-radius: 7999px;
	width: 16px;
	height: 16px;
	background: var(--forms-input-default);
	transition: 0.4s ease;
}

.loan-type-radio__switcher::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.radio-input:checked~.loan-type-radio {
	border: 1px solid var(--colors-green-1000);
}


.radio-input:checked~.loan-type-radio .loan-type-radio__switcher {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
}

.radio-input:checked~.loan-type-radio .loan-type-radio__switcher::before {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
	opacity: 1;
	visibility: visible;
}

.radio-input:checked~.loan-type-radio .loan-type-radio__icon {
	border: 1px solid var(--colors-green--200);
	background: var(--colors-green-100)
}

.radio-input:checked~.loan-type-radio .loan-type-radio__icon::before {
	background-color: var(--colors-green-1000);
}






.duration-radio-items-block {}

.duration-radio-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
	margin-top: -8px;
}

.duration-radio-item-wrapper {
	margin-top: 8px;
	padding-left: 4px;
	padding-right: 4px;
	width: 25%;
}

.duration-radio-item {}

.duration-radio {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}


.duration-radio__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.14;
	color: var(--colors-white);
}

.duration-radio__switcher {
	position: relative;
	margin-top: 12px;
	border: 1px solid var(--forms-input-border);
	border-radius: 16px;
	width: 16px;
	height: 16px;
	background: var(--forms-input-default);
	transition: 0.4s ease;
}


.duration-radio__switcher::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.radio-input:checked~.duration-radio {
	border: 1px solid var(--colors-green-1000);
}


.radio-input:checked~.duration-radio .duration-radio__switcher {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
}

.radio-input:checked~.duration-radio .duration-radio__switcher::before {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
	opacity: 1;
	visibility: visible;
}




.loan-form-summary-block {}

.loan-form-summary-title {
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
}

.loan-form-summary-items-block {
	margin-top: 24px;
}

.loan-form-summary-items {}

.loan-form-summary-item-wrapper {
	margin-top: 16px;
}

.loan-form-summary-item-wrapper:first-child {
	margin-top: 0;
}

.loan-form-summary-item {
	padding: 0px 0px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.loan-form-summary-item__title {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.loan-form-summary-item__content {
	padding-top: 4px;
}


.loan-form-summary-interest-rate {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.loan-form-summary-interest-rate__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
	padding-right: 8px;
}

.loan-form-summary-interest-rate__percent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}



.loan-form-summary-margin-call {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.loan-form-summary-margin-call__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
	padding-right: 8px;
}

.loan-form-summary-margin-call__percent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}



.loan-form-summary-liquidation {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.loan-form-summary-liquidation__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
	padding-right: 8px;
}

.loan-form-summary-liquidation__percent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}


.loan-form-summary-current-ltv {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: -0.03em;
	color: var(--colors-green-1000);
}





.db-affiliate-tabs-block {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.db-affiliate-tabs {
	margin-left: -16px;
	margin-right: -16px;
	display: flex;
	justify-content: flex-start;
}

.db-affiliate-tab-wrapper {
	padding-left: 16px;
	padding-right: 16px;
}

.db-affiliate-tab {
	position: relative;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
	padding-bottom: 12px;
	cursor: pointer;
}

.db-affiliate-tab::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
}

.db-affiliate-tab.active {
	color: var(--colors-white);
}

.db-affiliate-tab.active::after {
	opacity: 1;
	visibility: visible;
}


.db-affiliate-tabs-content-block {}

.db-affiliate-tabs-content {}

.db-affiliate-tab-content {
	display: none;
	padding-top: 32px;
}

.db-affiliate-tab-content:first-child {
	display: block;
}




.db-partner-table-block {
	position: relative;
	margin-top: 32px;
}

.db-partner-table-block .table-manage-panel-block {
	margin-top: 0;
}

.db-partner-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.db-partner-table-top-block {
	position: relative;
	z-index: 4;
	background: rgba(255, 255, 255, 0.02);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.db-partner-table-top {
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.db-partner-table-top__left {}

.db-partner-table-top__right {}


.db-partner-type-tabs-block {}

.db-partner-type-tabs {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 4px 2px;
	display: flex;
}

.db-partner-type-tab-wrapper {
	padding-left: 2px;
	padding-right: 2px;
}

.db-partner-type-tab {
	border-radius: 8px;
	padding: 4px 16px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
	cursor: pointer;
}

.db-partner-type-tab.active {
	box-shadow: 0 0 15px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green-100);
	color: var(--colors-white);
	pointer-events: none;
}


.db-partner-table {
	position: relative;
	z-index: 2;
}

.db-partner-table-heading {
	display: flex;
	background: rgba(255, 255, 255, 0.02);
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}


.db-partner-t-h-cell {
	width: 16.66%;
	padding: 10px 12px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: flex;
	align-items: center;
}

.db-partner-t-h-cell--user {}

.db-partner-t-h-cell--status {
	width: calc(16.66% - 50px);
}

.db-partner-t-h-cell--total-profit {
	padding-left: 0;
}

.db-partner-t-h-cell--ai-staking {
	padding-left: 0;
}

.db-partner-t-h-cell--exchange {
	padding-left: 0;
}

.db-partner-t-h-cell--loans {
	padding-left: 0;
}

.db-partner-t-h-cell--detail {
	width: 50px;
	padding-left: 8px;
	padding-right: 8px;
}


.db-partner-table-items {}

.db-partner-table-item {
	display: flex;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.03);
}

.db-partner-t-i-cell {
	width: 16.66%;
	padding: 8px 16px;
}

.db-partner-t-i-cell--user {}


.db-partner-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 133%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}

.db-partner-t-i-cell__content {}

.db-partner-t-i-cell--status {
	width: calc(16.66% - 50px);
}

.db-partner-t-i-cell--total-profit {
	padding-left: 0;
}

.db-partner-t-i-cell--ai-staking {
	padding-left: 0;
}

.db-partner-t-i-cell--exchange {
	padding-left: 0;
}

.db-partner-t-i-cell--loans {
	padding-left: 0;
}



.db-partner-t-i-cell--detail {
	width: 50px;
	padding-left: 8px;
	padding-right: 8px;
}


.db-partner-t-i-user-block {}


.db-partner-t-i-user {}

.db-partner-t-i-user__nickname {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
}

.db-partner-t-i-user__info {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}




.db-partner-t-i-status-block {
	display: flex;
}

.db-partner-t-i-status {
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	padding: 2px 8px;
	color: var(--colors-gray);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
}

.db-partner-t-i-status--active {
	border: 1px solid var(--colors-green--200);
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
}


.db-partner-t-i-total-profit-block {}

.db-partner-t-i-total-profit {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-gray);
}

.db-partner-t-i-total-profit--white {
	color: var(--colors-white);
}

.db-partner-t-i-ai-staking-block {}

.db-partner-t-i-ai-staking {}

.db-partner-t-i-ai-staking__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-gray);
}

.db-partner-t-i-ai-staking__active {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-partner-t-i-ai-staking--active {}

.db-partner-t-i-ai-staking--active .db-partner-t-i-ai-staking__amount {
	color: var(--colors-green-1000);
}

.db-partner-t-i-ai-staking--active .db-partner-t-i-ai-staking__active {
	color: var(--colors-green-1000);
	opacity: 0.5;
}

.db-partner-t-i-exchange {}

.db-partner-t-i-exchange__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-gray);
}

.db-partner-t-i-exchange__volume {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-partner-t-i-exchange--positive {}

.db-partner-t-i-exchange--positive .db-partner-t-i-exchange__amount {
	color: var(--colors-white);
}

.db-partner-t-i-exchange--negative {}

.db-partner-t-i-exchange--negative .db-partner-t-i-exchange__amount {
	color: var(--colors-light-red);
}


.db-partner-t-i-loans {}

.db-partner-t-i-loans__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-gray);
}

.db-partner-t-i-loans__info-block {}

.db-partner-t-i-loans__info {

	font-weight: 500;
	font-size: 11px;
	line-height: 1.82;
	color: var(--colors-gray);
	display: flex;
	flex-wrap: wrap;
	margin-left: -6px;
	margin-right: -6px;
}

.db-partner-t-i-loans__info__fix {
	padding-left: 6px;
	padding-right: 6px;
}

.db-partner-t-i-loans__info__sep {}

.db-partner-t-i-loans__info__flex {
	padding-left: 6px;
	padding-right: 6px;
}


.db-partner-t-i-loans--positive {}

.db-partner-t-i-loans--positive .db-partner-t-i-loans__amount {
	color: var(--colors-white);
}


.db-partner-view-button-block {}

.db-partner-view-button {
	position: relative;
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.db-partner-view-button::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/eye.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/eye.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-partner-view-button:hover::before {
	background: var(--colors-green-1000);
}




.db-partner-type-tabs-content-block {}

.db-partner-type-tabs-content {}

.db-partner-type-tab-content {
	display: none;
}

.db-partner-type-tab-content:first-child {
	display: block;
}

.db-affiliate-panels-block {}

.db-affiliate-panels {}


.db-affiliate-panel-wrapper {}

.db-affiliate-panel {}



.db-affiliate-panel-wrapper--total-profit {}

.db-affiliate-panel--total-profit {}

.db-affiliate-panel-wrapper--affiliate-program {}

.db-affiliate-panel-wrapper--affiliate-program .db-affiliate-panel {
	padding-bottom: 80px;
}

.db-affiliate-panel--affiliate-program {}

.db-affiliate-panel-wrapper--next-level {}

.db-affiliate-panel-wrapper--next-level .db-affiliate-panel {
	padding-bottom: 80px;
}

.db-affiliate-panel--next-level {}

.db-affiliate-panel-wrapper--promo {}

.db-affiliate-panel--promo {}

.db-affiliate-panel-wrapper--cashback {}

.db-affiliate-panel-wrapper--cashback .db-affiliate-panel {
	padding-bottom: 60px;
}

.db-affiliate-panel--cashback {}




.db-affiliate-panel-list-block {}

.db-affiliate-panel-list {
	margin-top: -8px;
}


.db-affiliate-panel-list .row,
.db-affiliate-panel-list .row>* {
	--bs-gutter-x: 16px;
}

.db-affiliate-panel-wrapper {
	position: relative;
	margin-top: 16px;
	height: calc(100% - 16px);
}

.db-affiliate-panel-wrapper::before {
	position: absolute;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.db-affiliate-panel {
	position: relative;
	z-index: 2;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 24px;
	height: 100%;
}

.db-affiliate-panel__top-block {
	position: relative;
	z-index: 2;
}

.db-affiliate-panel__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.db-affiliate-panel__top__left {}

.db-affiliate-panel__top__right {}


.db-affiliate-panel__title-block {}

.db-affiliate-panel__title {
	position: relative;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.db-affiliate-panel--total-profit {}

.db-affiliate-panel--total-profit::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/theme/db-info-panel-balance-bg-lines.png');
	background-repeat: no-repeat;
	background-position: top -14px right -22px;
	z-index: -1;
}



.db-affiliate-profit-block {
	position: relative;
	z-index: 2;
	margin-top: 16px;
	padding: 0px 0px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.db-affiliate-profit {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}

.db-affiliate-profit__currency {
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 24px;
	color: var(--colors-gray);
	padding-right: 4px;
}

.db-affiliate-profit__dollar {
	font-family: var(--second-family);
	font-size: 34px;
	color: var(--colors-white);
	line-height: 1.3;
	padding-right: 4px;
}

.db-affiliate-profit__cent {
	font-family: var(--second-family);
	font-size: 24px;
	line-height: 150%;
	color: rgba(107, 114, 128, 0.8);
}


.db-affiliate-profit-note {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-affiliate-profit-modal-buttons-block {
	position: relative;
	z-index: 2;
	margin-top: 8px;
}

.db-affiliate-profit-modal-buttons {}

.db-affiliate-profit-modal-button-wrapper {}

.db-affiliate-profit-modal-button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid transparent;
	background-color: transparent;
	padding: 4px 0;
}

.db-affiliate-profit-modal-button__left {
	display: flex;
	align-items: center;
	padding-right: 8px;
}

.db-affiliate-profit-modal-button__right {
	display: flex;
	align-items: center;
}


.db-affiliate-profit-modal-button__icon {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.02);
	border-radius: 8px;
	width: 24px;
	height: 24px;
	background: rgba(255, 255, 255, 0.03);
	transition: 0.4s ease;
}

.db-affiliate-profit-modal-button__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/flame.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/flame.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-affiliate-profit-modal-button__title {
	max-width: calc(100% - 24px);
	padding-left: 8px;
	font-size: 12px;
	color: var(--colors-white);
}

.db-affiliate-profit-modal-button__amount {
	font-weight: 500;
	font-size: 12px;
	color: var(--colors-white);
	max-width: calc(100% - 12px);
	padding-right: 8px;
}

.db-affiliate-profit-modal-button__arrow {
	position: relative;
	width: 12px;
	height: 12px;
}

.db-affiliate-profit-modal-button__arrow::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/chevron-right.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/chevron-right.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}




.db-affiliate-profit-modal-button--ai-staking {}

.db-affiliate-profit-modal-button--ai-staking .db-affiliate-profit-modal-button__icon::before {
	background-color: var(--colors-orange);
}



.db-affiliate-profit-modal-button--exchange {}

.db-affiliate-profit-modal-button--exchange .db-affiliate-profit-modal-button__icon::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
}

.db-affiliate-profit-modal-button--loans {}


.db-affiliate-profit-modal-button--loans .db-affiliate-profit-modal-button__icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
}

.db-affiliate-profit-modal-button:hover .db-affiliate-profit-modal-button__icon {
	border-color: var(--colors-green--200);
}

.db-affiliate-profit-modal-button:hover .db-affiliate-profit-modal-button__icon::before {
	background-color: var(--colors-green-1000);
}


.db-affiliate-programm-level-label-block {
	margin-top: -3px;
	margin-bottom: -3px;
}

.db-affiliate-programm-level-label {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-white);
	cursor: default;
}

.db-affiliate-programm-current-level-block {
	margin-top: 16px;
}

.db-affiliate-programm-current-level {}

.db-affiliate-programm-current-level-info {
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.db-affiliate-programm-current-level-info__top {
	display: flex;
	align-items: center;
}

.db-affiliate-programm-current-level-info__percent {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 34px;
	line-height: 1.3;
	color: var(--colors-white);
	padding-right: 8px;
}

.db-affiliate-programm-current-level-info__level-block {}

.db-affiliate-programm-current-level-info__level {
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-green-1000);
	cursor: default;
}

.db-affiliate-programm-current-level-info__descr {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-affiliate-programm-current-level-steps-block {}


.affiliate-programm-steps-block {
	padding-top: 8px;
	padding-bottom: 8px;
}

.affiliate-programm-steps {
	display: flex;
	margin-left: -3px;
	margin-right: -3px;
}

.affiliate-programm-step-wrapper {
	width: 16.66%;
	padding-left: 3px;
	padding-right: 3px;
}

.affiliate-programm-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.affiliate-programm-step__level {
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
	padding-bottom: 4px;
}

.affiliate-programm-step__line {
	font-family: var(--second-family);
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background: var(--colors-dark-gray);
}

.affiliate-programm-step__line--filled {
	background: var(--colors-green-1000);
}

.affiliate-programm-step__percent {
	padding-top: 4px;
	font-weight: 600;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
}


.affiliate-programm-step--current {}

.affiliate-programm-step--current .affiliate-programm-step__level {
	color: var(--colors-white);
}

.affiliate-programm-step--current .affiliate-programm-step__percent {
	color: var(--colors-white);
}

.affiliate-programm-step--current .affiliate-programm-step__line--filled {
	box-shadow: 0 0 4px 0 var(--colors-green-1000);
}


.db-affiliate-bonuses-earned-block {
	position: absolute;

	left: 24px;
	bottom: 24px;
	right: 24px;
}

.db-affiliate-bonuses-earned {
	height: 56px;
	padding: 8px 12px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	background: linear-gradient(90deg, rgba(245, 158, 11, 0.2) 8.22%, rgba(245, 158, 11, 0.15) 54.11%, rgba(245, 158, 11, 0) 100%);
	border: 1px solid rgba(245, 158, 11, 0.1);
}

.db-affiliate-bonuses-earned__content {
	width: calc(100% - 32px);
	padding-right: 8px;
}

.db-affiliate-bonuses-earned__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--colors-orange);
}

.db-affiliate-bonuses-earned__amount {}

.db-affiliate-bonuses-earned__icon {
	width: 32px;
	height: 32px;
	position: relative;
	border: 1px solid var(--colors-orange);
	border-radius: 13px;
	box-shadow: inset 0 2px 3px 1px rgba(0, 0, 0, 0.05), 0 0 24px -4px rgba(245, 158, 11, 0.5);
	background: rgba(245, 158, 11, 0.2);
}

.db-affiliate-bonuses-earned__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/trophy.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/trophy.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-orange);
	transition: 0.4s ease;
}



.db-affiliate-programm-next-level-block {
	margin-top: 16px;
}

.db-affiliate-programm-next-level {}

.db-affiliate-programm-next-level-info {}

.db-affiliate-programm-next-level-info__top {
	display: flex;
	align-items: center;
}

.db-affiliate-programm-next-level-info__percent {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 34px;
	line-height: 1.3;
	color: var(--colors-white);
	padding-right: 8px;
}

.db-affiliate-programm-next-level-info__level-block {}

.db-affiliate-programm-next-level-info__level {
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-green-1000);
	cursor: default;
}

.db-affiliate-programm-next-level-info__descr {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.db-affiliate-programm-next-level-progress-block {}

.db-affiliate-programm-next-level-progress {}

.db-affiliate-programm-next-level-progress-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.db-affiliate-programm-next-level-progress-top__left {
	padding-right: 8px;
}

.db-affiliate-programm-next-level-progress-top__title {
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.db-affiliate-programm-next-level-progress-top__right {}

.db-affiliate-programm-next-level-progress-threshold {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.db-affiliate-programm-next-level-progress-line-block {
	margin-top: 8px;
}

.db-affiliate-programm-next-level-progress-line {
	position: relative;
	width: 100%;
	border-radius: 6px;
	height: 6px;
	background-color: rgba(255, 255, 255, 0.05);
}

.db-affiliate-programm-next-level-progress-line__progress {
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	border-radius: 6px;
	background: linear-gradient(90deg, #059669 0%, #34d399 100%);
}





.db-affiliate-programm-next-level-steps-block {}


.db-affiliate-bonuses-next-block {
	position: absolute;
	left: 24px;
	bottom: 24px;
	right: 24px;
}

.db-affiliate-bonuses-next {
	height: 56px;
	padding: 8px 12px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	background: linear-gradient(90deg, rgba(22, 255, 142, 0.2) 8.22%, rgba(22, 255, 142, 0.15) 54.11%, rgba(22, 255, 142, 0) 100%);
	border: 1px solid var(--colors-green-100);
}

.db-affiliate-bonuses-next__content {
	width: calc(100% - 32px);
	padding-right: 8px;
}

.db-affiliate-bonuses-next__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--colors-green-1000);
}

.db-affiliate-bonuses-next__amount {}

.db-affiliate-bonuses-next__icon {
	width: 32px;
	height: 32px;
	position: relative;
	border: 1px solid var(--colors-green-1000);
	border-radius: 13px;
	box-shadow: inset 0 2px 3px 1px rgba(0, 0, 0, 0.05), 0 0 24px -4px rgba(22, 255, 142, 0.5);
	background: var(--colors-green--200);
}

.db-affiliate-bonuses-next__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/sparkles.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/sparkles.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.db-affiliate-panel-promo-panel-list-block {}

.db-affiliate-panel-promo-panel-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -16px;
}

.db-affiliate-panel-promo-panel-wrapper {
	width: 50%;
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 16px;
}

.db-affiliate-panel-promo-panel {}

.db-affiliate-refferal-link-block {
	margin-top: 8px;
}

.db-affiliate-refferal-link {}

.db-affiliate-refferal-link .field input[type='text'],
.db-affiliate-refferal-link .field input[type='email'],
.db-affiliate-refferal-link .field input[type='password'] {
	height: 40px;
	border-radius: 12px;
	padding-left: 40px;
	padding-right: 36px;
	font-size: 12px;
	/* text-overflow: ellipsis; */
}

.db-affiliate-refferal-link .field-right-panel {
	right: 12px;
}

.db-affiliate-refferal-link .field-icon {
	left: 12px;
}

.field .copy-icon-button {
	width: 20px;
	height: 20px;
}

.field--refferal-web .field-icon::before {
	mask-image: url('../images/svg/globe.svg');
	-webkit-mask-image: url('../images/svg/globe.svg');
	background-color: var(--colors-green-1000);
}

.field--refferal-telegram .field-icon::before {
	mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-image: url('../images/svg/telegram.svg');
	background-color: var(--colors-telegram);
}

.db-affiliate-promo-code-form-block {
	margin-top: 8px;
}

.db-affiliate-promo-code-form {}

.db-affiliate-promo-code-form .field input[type='text'],
.db-affiliate-promo-code-form .field input[type='email'],
.db-affiliate-promo-code-form .field input[type='password'] {
	height: 40px;
	border-radius: 12px;
	padding-left: 12px;
	padding-right: 36px;
	text-overflow: ellipsis;
}

.db-affiliate-promo-code-form .field-right-panel {
	right: 12px;
}

.db-affiliate-add-promo-code-button-block {
	margin-top: 8px;
}

.db-affiliate-add-promo-code-button {
	padding-top: 9px;
	padding-bottom: 9px;
	width: 100%;
	border-radius: 8px;
}

.db-affiliate-add-promo-code-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/plus.svg');
	-webkit-mask-image: url('../images/svg/plus.svg');
}


.affiliate-cashback-steps-block {
	margin-top: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.affiliate-cashback-steps {
	display: flex;
	margin-left: -3px;
	margin-right: -3px;
}

.affiliate-cashback-step-wrapper {
	width: 14.28%;
	padding-left: 3px;
	padding-right: 3px;
}

.affiliate-cashback-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.affiliate-cashback-step__level {
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
	padding-bottom: 4px;
}

.affiliate-cashback-step__line {
	font-family: var(--second-family);
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background: var(--colors-dark-gray);
}

.affiliate-cashback-step__line--filled {
	background: var(--colors-green-1000);
}

.affiliate-cashback-step__percent {
	padding-top: 4px;
	font-weight: 600;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
}


.affiliate-cashback-step--current {}

.affiliate-cashback-step--current .affiliate-cashback-step__level {
	color: var(--colors-white);
}

.affiliate-cashback-step--current .affiliate-cashback-step__percent {
	color: var(--colors-white);
}

.affiliate-cashback-step--current .affiliate-cashback-step__line--filled {
	box-shadow: 0 0 4px 0 var(--colors-green-1000);
}



.db-affiliate-edit-cashback-button-block {
	position: absolute;
	left: 24px;
	bottom: 24px;
	right: 24px;
}

.db-affiliate-edit-cashback-button {
	padding-top: 9px;
	padding-bottom: 9px;
	width: 100%;
	border-radius: 8px;
}

.db-affiliate-edit-cashback-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/pencil.svg');
	-webkit-mask-image: url('../images/svg/pencil.svg');
}






.modal-heading-block {}

.modal-heading {
	display: flex;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
	padding: 0px 0px 16px;
}


.modal-heading__content {}

.modal-heading__title {
	font-weight: 500;
	font-size: 18px;
	color: var(--colors-white);
}

.modal-heading__descr {
	font-size: 14px;
	color: var(--colors-gray);
}

.modal--new-promo-code {}

.new-promo-code-form-block {
	margin-top: 24px;
}

.new-promo-code-form {}




.modal--affiliate-profit {}

.modal--affiliate-profit .modal-title {
	font-weight: 500;
}


.modal-affiliate-profit-icon-block {
	display: flex;
	align-items: center;
	justify-content: center;
}


.modal-affiliate-profit-icon {
	position: relative;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.02);
}


.modal-affiliate-profit-icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/flame.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/flame.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
}


.modal-affiliate-profit-icon--ai-staking {}

.modal-affiliate-profit-icon--ai-staking::before {
	background: var(--colors-orange);
}

.modal-affiliate-profit-icon--exchange {}

.modal-affiliate-profit-icon--exchange::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
}


.modal-affiliate-profit-icon--loans {}

.modal-affiliate-profit-icon--loans::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
}

.modal-affiliate-profit-title-block {
	margin-top: 8px;
	text-align: center;
}

.modal-affiliate-profit-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.modal--affiliate-profit .modal-title-block {
	margin-top: 8px;
}


.modal-affiliate-profit-list-block {
	margin-top: 24px;
}

.modal-affiliate-profit-list-heading {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal-affiliate-profit-list-heading__left {
	padding-top: 8px;
}

.modal-affiliate-profit-list-heading__right {}

.modal-affiliate-profit-list-heading__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.modal-affiliate-profit-list {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}


.modal-affiliate-profit-list-items-scroll {
	position: relative;
	overflow: auto;
	max-height: 216px;
	margin-right: -8px;
	padding-right: 8px;
}

.modal-affiliate-profit-list-items-scroll::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.modal-affiliate-profit-list-items-scroll::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 12px;
}

.modal-affiliate-profit-list-items-scroll::-webkit-scrollbar-thumb {
	background-color: var(--colors-green-1000);
	/* background-color: var(--colors-black); */
	border-radius: 20px;
}


.modal-affiliate-profit-list-items {
	padding-right: 4px;
}




.modal-affiliate-profit-list-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.modal-affiliate-profit-list-item__left {}

.modal-affiliate-profit-list-item__right {}

.modal-affiliate-profit-list-item__currency {}

.modal-affiliate-profit-list-item__currency .currency-icon {
	width: 24px;
	height: 24px;
}

.modal-affiliate-profit-list-item__currency .currency-icon .image {
	width: 12px;
	height: 12px;
}

.modal-affiliate-profit-list-item__currency .currency-item__content {
	width: calc(100% - 24px);
}

.modal-affiliate-profit-list-item__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
	text-align: right;
}

.modal-affiliate-profit-list-item__active {
	font-size: 12px;
	line-height: 1.33;
	text-align: right;
	color: var(--colors-gray);
	text-align: right;
}


.modal-affiliate-profit-status-block {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.modal-affiliate-profit-status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	color: var(--colors-white);
	border: 1px solid var(--colors-white);
	border-radius: 20px;
	padding: 2px 8px;
}

.modal-affiliate-profit-status--active {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
}


.modal--configure-cashback {}


.configure-cashback-form-block {
	margin-top: 24px;
}

.configure-cashback-form {}

.configure-cashback-form-fieldset-block {}

.configure-cashback-form-fieldset {}

.configure-cashback-form-field-wrapper {
	margin-top: 8px;
}

.configure-cashback-form-field-wrapper:first-child {
	margin-top: 0;
}

.configure-cashback-form-field {
	position: relative;
	padding-left: 32px;
}

.configure-cashback-form-field__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.configure-cashback-form-field__field {}



.configure-cashback-form-field .field input[type='text'],
.configure-cashback-form-field .field input[type='email'],
.configure-cashback-form-field .field input[type='password'] {
	height: 40px;
	border-radius: 12px;
	padding-left: 44px;
}

.configure-cashback-form-field .field-icon {
	left: 12px;
}


.field--percent .field-icon::before {
	mask-image: url('../images/svg/circle-percent.svg');
	-webkit-mask-image: url('../images/svg/circle-percent.svg');
}


.configure-cashback-form-field .field--percent .field-icon::before {
	background-color: var(--colors-green-1000);
}




.db-promo-materials-block {}

.db-promo-materials {
	display: flex;
}

.db-promo-materials__left {
	width: 260px;
}

.db-promo-materials__right {
	width: calc(100% - 260px);
	padding-left: 16px;
}


.db-promo-materials-left-panel-wrapper {
	position: relative;
}

.db-promo-materials-left-panel-wrapper::before {
	position: absolute;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 8px;
}

.db-promo-materials-left-panel {
	position: relative;
	z-index: 2;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 16px;
	height: 100%;
}


.db-promo-resources-block {}

.db-promo-resources {}

.db-promo-resources-title-block {
	padding: 8px 12px;
}

.db-promo-resources-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 160%;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.db-promo-resource-items-block {}

.db-promo-resource-items {}

.db-promo-resource-item-wrapper {}

.db-promo-resource-item {
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 8px;
	padding: 10px 12px;
	display: flex;
	align-items: center;
	color: var(--colors-white);
	text-decoration: none;
}

.db-promo-resource-item:hover {
	text-decoration: none;
	color: var(--colors-green-1000);
}



.db-promo-resource-item__icon {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.02);
	border-radius: 8px;
	width: 24px;
	height: 24px;
	background: rgba(255, 255, 255, 0.03);
	transition: 0.4s ease;
}

.db-promo-resource-item__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/file.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/file.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-promo-resource-item__title {
	font-size: 12px;
	width: calc(100% - 24px);
	padding-left: 12px;
}


.db-promo-resource-item:hover .db-promo-resource-item__icon {
	border: 1px solid var(--colors-green-100);
	/* box-shadow: 0 0 15px 0 var(--colors-green-100); */
	background: var(--colors-green-100);
}


.db-promo-resource-item:hover .db-promo-resource-item__icon::before {
	background: var(--colors-green-1000);
}


.db-promo-banner-size-menu-block {
	margin-top: 16px;
}

.db-promo-banner-size-menu-title-block {
	padding: 8px 12px;
}

.db-promo-banner-size-menu-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 160%;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}


.db-promo-banner-size-items-block {}

.db-promo-banner-size-items {}

.db-promo-banner-size-item-wrapper {
	margin-top: 2px;
}

.db-promo-banner-size-item-wrapper:first-child {
	margin-top: 0;
}

.db-promo-banner-size-item {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 8px;
	padding: 10px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	transition: 0.4s ease;
}

.db-promo-banner-size-item::before {
	content: '';
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0 4px 4px 0;
	width: 8px;
	height: 16px;
	box-shadow: 2px 0 12px 0 rgba(16, 185, 129, 0.5);
	background: #10b981;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.db-promo-banner-size-item__left {
	padding-right: 8px;
}

.db-promo-banner-size-item__size {
	font-size: 12px;
	color: var(--colors-gray);
	transition: 0.4s ease;
}

.db-promo-banner-size-item__right {}

.db-promo-banner-size-item__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.6;
	text-align: right;
	color: var(--colors-gray);
	transition: 0.4s ease;
}


.db-promo-banner-size-item:hover {
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
}

.db-promo-banner-size-item:hover .db-promo-banner-size-item__size {
	color: var(--colors-white);
}

.db-promo-banner-size-item:hover .db-promo-banner-size-item__title {
	color: var(--colors-green-1000);
}



.db-promo-banner-size-item.active {
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
}

.db-promo-banner-size-item.active::before {
	opacity: 1;
	visibility: visible;
}

.db-promo-banner-size-item.active .db-promo-banner-size-item__size {
	color: var(--colors-white);
}

.db-promo-banner-size-item.active .db-promo-banner-size-item__title {
	color: var(--colors-green-1000);
}


.db-promo-material-items-block {}

.db-promo-material-items {}

.db-promo-material-item-wrapper {
	position: relative;
	margin-top: 16px;
}

.db-promo-material-item-wrapper:first-child {
	margin-top: 0;
}


.db-promo-material-item-wrapper::before {
	position: absolute;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 8px;
}

.db-promo-material-item {
	position: relative;
	z-index: 2;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 16px;
	height: 100%;
}






.db-promo-material-item__top-block {}

.db-promo-material-item__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.db-promo-material-item__top-left {
	padding-right: 8px;
}

.db-promo-material-item__top-right {}

.db-promo-material-item__title {
	font-weight: 600;
	font-size: 16px;
	color: var(--colors-white);
}


.language-dropdown-block {}

.language-dropdown-button {
	position: relative;
	padding-right: 16px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
	border: 0;
	background-color: transparent;
}


.language-dropdown-button::before {

	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/chevron-down.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.language-dropdown-menu {
	border-radius: 8px;
	background: var(--forms-input-default);
	padding: 0;
	border: 0;
	min-width: 50px;
}

.language-dropdown-menu::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	backdrop-filter: blur(24px);
}

.language-dropdown-menu__inner {
	position: relative;
	z-index: 2;
	border: 1px solid var(--forms-input-border);
	border-radius: 8px;
	box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.8);
	padding: 6px;
}

.language-dropdown-menu-item-wrapper {
	margin-top: 2px;
}

.language-dropdown-menu-item-wrapper:first-child {
	margin-top: 0;
}

.language-dropdown-menu-item {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
	padding: 2px 4px;
	border: 1px solid rgba(255, 255, 255, 0);
	border-radius: 4px;
	text-align: center;
}

.language-dropdown-menu-item:hover {
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
}

.language-dropdown-menu-item.active {
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
}



.db-promo-material-item__preview-block {
	margin-top: 16px;
}

.db-promo-material-item__preview-wrapper {
	background: rgba(255, 255, 255, 0.02);
	border-radius: 8px;
	padding: 80px 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.db-promo-material-item__preview {}

.db-promo-material-item__preview .image {
	border-radius: 8px;
}

.db-promo-material-item__preview--pdf {
	border-radius: 8px;
	max-width: 240px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	background: #171717;
}

.db-promo-material-item__preview--leaderboard {}

.db-promo-material-item__preview--full-banner {
	max-width: 485px;
}

.db-promo-material-item__preview--medium-rec {
	max-width: 240px;
}

.db-promo-material-item__info-block {
	margin-top: 16px;
}

.db-promo-material-item__info {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.db-promo-material-item__info-left {
	padding-right: 8px;
}

.db-promo-material-item__info-right {}


.db-promo-material-item__params-block {}

.db-promo-material-item__params {
	margin-left: -12px;
	margin-right: -12px;
	display: flex;
}

.db-promo-material-item__param-wrapper {
	padding-left: 12px;
	padding-right: 12px;
}

.db-promo-material-item__param {}

.db-promo-material-item__param__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.db-promo-material-item__param__value {
	font-size: 12px;
	color: var(--colors-white);
}




.db-promo-download-button-block {}

.db-promo-download-button {
	padding-top: 9px;
	padding-bottom: 9px;
	width: 100%;
	border-radius: 8px;
}

.db-promo-download-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/download.svg');
	-webkit-mask-image: url('../images/svg/download.svg');
}


.field--has-right-panel textarea {
	padding-right: 52px;
}

.field--has-right-panel .field-right-panel {
	transform: none;
	top: 14px;
}

.db-promo-embed-code-block-form-block {
	margin-top: 16px;
}

.db-promo-embed-code-block-form {}

.db-promo-embed-code-block-form .field-right-panel {
	right: 12px;
}

.db-promo-embed-code-block-form .field textarea {
	font-family: var(--second-family);
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 12px;
	padding-right: 32px;
	height: 52px;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-green-1000);
}


.page--front {}

.header {
	position: relative;
	height: 65px;
}

.topline-block {
	min-width: 360px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(2, 3, 5, 0.02);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.topline-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(24px);
}

.topline-block .container {
	position: relative;
	z-index: 2;
}

.topline {
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.topline__left {
	padding-left: 12px;
	display: flex;
	align-items: center;
}

.topline__left .logo-wrapper {
	margin-right: 36px;
}

.topline__right {
	display: flex;
	align-items: center;
}

.topline__center {
	padding-left: 16px;
	padding-right: 16px;
}

.light-black-btn.button--small {
	font-weight: 500;
}

.topline-manage-buttons-block {
	padding-left: 12px;
}

.topline-manage-buttons {
	display: flex;
	align-items: center;
	margin-left: -6px;
	margin-right: -6px;
}

.topline-manage-button-wrapper {
	padding-left: 6px;
	padding-right: 6px;
}

.topline-sign-in-button {
	padding: 11px 23px;
}

.topline-sign-up-button {
	padding: 11px 23px;
}


.topmenu-block {
	width: 590px;
}

.topmenu {
	width: 590px;
	font-size: 14px;
	line-height: 1.43;
	font-weight: 600;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	height: 20px;
}

.topmenu.priority-nav-has-dropdown {
	overflow: visible;
	height: auto;
}

.topmenu-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	vertical-align: middle;
}

.topmenu-item {
	margin-right: 32px;
	display: inline-block;
	vertical-align: middle;
}

.topmenu-item:last-child {
	margin-right: 0;
}

.topmenu-item.active .topmenu-link {
	background-color: #172A3E;
}

.topmenu-link {
	color: var(--colors-gray);
	display: flex;
	align-items: center;
	text-decoration: none;
	position: relative;
	border-radius: 8px;
}

.topmenu-link:hover {
	color: var(--colors-white);
}

.topmenu-link:hover .topmenu-link__icon::before {
	background-color: var(--colors-white);
}

.topmenu-link__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.topmenu-link__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	mask-image: url('../images/svg/wallet.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}



.topmenu-link__icon+.topmenu-link__text {
	padding-left: 8px;
}

.topmenu-link__text {}

.topmenu-link--soon {
	color: #406084;
	pointer-events: none;
}


.topmenu-link__soon {
	font-weight: 500;
	font-size: 11px;
	line-height: 1.09;
	letter-spacing: -0.04em;
	color: #0170ef;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	border-radius: 4px;
	background-color: rgba(1, 112, 239, 0.2);
	position: absolute;
	top: 0;
	right: 0;
}



.topmenu-link--wallet {}

.topmenu-link--wallet .topmenu-link__icon::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
	background-color: var(--colors-gray);
}

.topmenu-link--ai-staking {}

.topmenu-link--ai-staking .topmenu-link__icon::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background-color: var(--colors-orange);
}

.topmenu-link--loans {}

.topmenu-link--loans .topmenu-link__icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
	background-color: var(--colors-gray);
}

.topmenu-link--affiliate-program {}

.topmenu-link--affiliate-program .topmenu-link__icon::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
	background-color: var(--colors-gray);
}





.topmenu .priority-nav__wrapper {
	vertical-align: middle;
	display: inline-block;
	margin-left: 32px;
}


.topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle {
	border: 0;
	font-weight: 600;
	font-size: 14px;
	background-color: transparent;
	display: block;
	padding-left: 0;
	padding-right: 16px;
	color: var(--colors-gray);
	transition: 0s, color 0.4s ease;
}

.topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	mask-image: url('../images/svg/chevron-down.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle.is-open::before {
	transform: translateY(-50%) rotate(180deg);
}

.topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle:hover {
	color: var(--colors-white);
}

.topmenu.priority-nav-has-dropdown .priority-nav__dropdown-toggle:hover::before {
	background-color: var(--colors-white);
}

.topmenu .priority-nav__dropdown {
	left: -10px;
	right: auto;
	min-width: 220px;
	padding-left: 0;
	box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.8);
	background: rgba(15, 15, 15, 0.8);
	border-radius: 8px;
	padding: 0 4px;
	margin-top: 12px;
	transition: 0.4s ease;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.topmenu .priority-nav__dropdown::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(12px);
	border: 1px solid var(--forms-input-border);
	border-radius: 16px;
}


.topmenu .priority-nav__dropdown.show {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.topmenu .priority-nav__dropdown .topmenu-item {
	position: relative;
	z-index: 2;
	display: block;
	margin-right: 0;
}

.topmenu .priority-nav__dropdown .topmenu-item:first-child {
	margin-top: 0;
}

.topmenu .priority-nav__dropdown .topmenu-link {
	padding: 10px 12px;
}




.topline-language-button-block {}


.topline-language-button {
	position: relative;
	width: 20px;
	height: 20px;
	display: block;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 12px;
	padding: 0;
}

.topline-language-button:hover {
	/* border: 1px solid var(--colors-green--200); */
}

.topline-language-button:hover::before {
	background-color: var(--colors-green-1000);
}

.topline-language-button::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/globe.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/globe.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}



.mobile-panel-btn-block {
	display: none;
	/* display: block; */
	margin-left: 8px;
}

.mobile-panel-btn {
	display: block;
	position: relative;
	z-index: 2;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border: 0;
	padding: 0;
	border-radius: 12px;
	background: var(--colors-light-black);
}


.mobile-panel-btn::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/menu.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/menu.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}

.mobile-panel-btn.active::before {
	mask-image: url('../images/svg/close.svg');
	-webkit-mask-image: url('../images/svg/close.svg');
}



.mobile-panel-block {
	position: fixed;
	top: 88px;
	right: 0;
	/* height: 100%; */
	max-height: calc(100% - 88px);
	z-index: 120;
	transform: translateX(100%);
	transition: 0.4s transform ease;
	width: 320px;
	overflow: auto;
	border-radius: 12px;
	display: none;
}

.mobile-panel {
	min-height: 100%;
	position: relative;
	z-index: 2;
	/* background-color: rgba(255, 255, 255, 0.02); */
	background: var(--colors-light-black);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}

.mobile-panel::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
}

.mobile-panel__inner {
	position: relative;
	z-index: 2;
	padding: 24px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.mobile-panel-block.active {
	transform: translateX(0);
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.15);
}

.mobile-panel-top-block {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
	position: relative;
	z-index: 2;
}

.mobile-panel-top {}


.mobile-panel-middle {
	position: relative;
	z-index: 2;
}

.mobile-panel-soc-block {}

.mobile-panel-soc {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile-panel-soc__left {
	padding-right: 8px;
}

.mobile-panel-soc__right {}

.mobile-panel-soc-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 160%;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}



.mobile-menu-title-block {
	margin-bottom: 8px;
}

.mobile-menu-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}


.mobile-topmenu-block {
	padding-top: 16px;
}

.mobile-topmenu {
	line-height: 1.43;
	font-size: 14px;
	font-weight: 600;
}

.mobile-topmenu-list {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.mobile-topmenu-item {
	margin-top: 8px;
}

.mobile-topmenu-item:first-child {
	margin-top: 0;
}


.mobile-topmenu-link {
	color: var(--colors-gray);
	display: flex;
	align-items: center;
	text-decoration: none;
	position: relative;
	border-radius: 8px;
	padding: 10px 0px;
}

.mobile-topmenu-link:hover {
	color: var(--colors-white);
}

.mobile-topmenu-link:hover .mobile-topmenu-link__icon::before {
	background-color: var(--colors-white);
}


.mobile-topmenu-item.active .mobile-topmenu-link {
	color: var(--colors-white);
}

.mobile-topmenu-item.active .mobile-topmenu-link .mobile-topmenu-link__icon::before {
	background-color: var(--colors-white);
}

.mobile-topmenu-link__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.mobile-topmenu-link__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	mask-image: url('../images/svg/wallet.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}



.mobile-topmenu-link__icon+.mobile-topmenu-link__text {
	padding-left: 12px;
}

.mobile-topmenu-link__text {}


.mobile-topmenu-link--wallet {}

.mobile-topmenu-link--wallet .mobile-topmenu-link__icon::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
	background-color: var(--colors-gray);
}

.mobile-topmenu-link--ai-staking {}

.mobile-topmenu-link--ai-staking .mobile-topmenu-link__icon::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background-color: var(--colors-orange);
}

.mobile-topmenu-link--loans {}

.mobile-topmenu-link--loans .mobile-topmenu-link__icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
	background-color: var(--colors-gray);
}

.mobile-topmenu-link--affiliate-program {}

.mobile-topmenu-link--affiliate-program .mobile-topmenu-link__icon::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
	background-color: var(--colors-gray);
}

.mobile-topmenu-item--has-menu {}

.mobile-topmenu-item--has-menu>.mobile-topmenu-link * {
	pointer-events: none;
}

.mobile-topmenu-item--has-menu>.mobile-topmenu-link::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	mask-image: url('../images/svg/chevron-down.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.mobile-topmenu-link:hover::after {
	background-color: var(--colors-white);
}

.mobile-topmenu-link.opened::after {
	transform: translateY(-50%) rotate(180deg);
}

.mobile-submenu {
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
	padding: 0px 4px;
	display: none;
}

.mobile-submenu-item {}

.mobile-submenu-link {
	color: var(--colors-gray);
	display: flex;
	align-items: center;
	text-decoration: none;
	position: relative;
	border-radius: 8px;
	padding: 10px 12px;
}

.mobile-submenu-link:hover {
	color: var(--colors-white);
}


.mobile-submenu-item.active .mobile-submenu-link {
	color: var(--colors-white);
}



.mobile-panel-bottom {
	padding-top: 16px;
	position: relative;
	z-index: 2;
}

.mobile-panel-bottom .topline-manage-buttons-block {
	padding-left: 0;
}

.mobile-panel-bottom .topline-manage-buttons {
	flex-wrap: wrap;
}

.mobile-panel-bottom .topline-manage-button-wrapper {
	width: 100%;
	margin-top: 12px;
}

.mobile-panel-bottom .topline-manage-button-wrapper:first-child {
	margin-top: 0;
}

.mobile-panel-bottom .topline-sign-in-button {
	width: 100%;
}

.mobile-panel-bottom .topline-sign-up-button {
	width: 100%;
}

.mobile-topmenu--db {}

.mobile-topmenu--db .mobile-topmenu-link {
	padding-left: 12px;
	padding-right: 12px;
}

.front-page-top-block {}

.front-page-top {
	padding-top: 40px;
	padding-bottom: 64px;
}

.front-page-top-feature-block {
	display: flex;
	align-items: center;
	justify-content: center;
}

.front-page-top-feature {
	background: rgba(2, 3, 5, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 8px 16px;
	backdrop-filter: blur(12px);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: default;
}

.front-page-top-feature__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.front-page-top-feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/square-check-big.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/square-check-big.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.front-page-top-feature__text {
	padding-left: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
	opacity: 0.8;
}


.front-page-top-feature--tasks {}

.front-page-top-feature--tasks .front-page-top-feature__icon::before {
	mask-image: url('../images/svg/square-check-big.svg');
	-webkit-mask-image: url('../images/svg/square-check-big.svg');
}

.front-page-top-title-block {
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	text-align: center;
}

.front-page-top-title-block:first-child {
	margin-top: 0;
}

.front-page-top-title {}

.front-page-top-subtitle-block {
	max-width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	text-align: center;
}

.front-page-top-subtitle {
	font-size: 20px;
	text-align: center;
	color: var(--colors-gray);
}


.front-page-block {}

.front-page {
	display: flex;
	padding-bottom: 32px;
}

.front-page__left {
	width: 260px;
}

.front-page__right {
	width: calc(100% - 260px);
	padding-left: 40px;
}


.front-page__fullwidth {
	width: 100%;
}


.front-page__content {}



.front-task-tabs-block {
	position: relative;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	padding: 6px 4px;
	border-radius: 12px;
}

.front-task-tabs-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.front-task-tabs {
	position: relative;
	z-index: 2;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	margin-top: -4px;
}

.front-task-tab-wrapper {
	position: relative;
	z-index: 2;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 4px;
	width: 16.66%;
}

.front-task-tab {
	position: relative;
	border-radius: 8px;
	padding: 4px 16px;
	padding: 9px 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: var(--colors-gray);
	border: 1px solid transparent;
	transition: 0.4s ease;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.front-task-tab::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1px;
	width: 48px;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.front-task-tab__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
	padding-right: 8px;
	transition: 0.4s ease;
}

.front-task-tab__count {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.6;
	text-align: right;
	color: var(--colors-gray);
	transition: 0.4s ease;
}


.front-task-tab.active {
	box-shadow: 0 0 15px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green-100);
	color: var(--colors-white);
	pointer-events: none;
}

.front-task-tab.active::after {
	opacity: 1;
	visibility: visible;
}

.front-task-tab.active .front-task-tab__text {
	color: var(--colors-white);
}

.front-task-tab.active .front-task-tab__count {
	color: var(--colors-green-1000);
}

.front-task-tabs-content-block {}

.front-task-tabs-content {}

.front-task-tab-content {
	padding-top: 24px;
	display: none;
}

.front-task-tab-content:first-child {
	display: block;
}

.front-task-tab-content .db-task-items {
	margin-top: -24px;
}

.front-task-tab-content .db-task-items .row,
.front-task-tab-content .db-task-items .row>* {
	--bs-gutter-x: 24px;
}

.front-task-tab-content .db-task-item-wrapper {
	margin-top: 24px;
	height: calc(100% - 24px);
}

.show-more-button-block {
	margin-top: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.show-more-button {
	padding-left: 32px;
	padding-right: 32px;
}

.show-more-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/arrow-down.svg');
	-webkit-mask-image: url('../images/svg/arrow-down.svg');
	background-color: var(--colors-white);
}

footer {}

.footer-content-block {}

.footer-content {
	padding-top: 32px;
	padding-bottom: 32px;
}


.footer-content-cols {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -24px;
}

.footer-content-col {
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 24px;
	width: 20%;
}

.footer-content-col--info {
	width: 304px;
}

.footer-content-col--products {
	width: calc(25% - 76px);
}

.footer-content-col--resources {
	width: calc(25% - 76px);
}

.footer-content-col--platform {
	width: calc(25% - 76px);
}

.footer-content-col--support {
	width: calc(25% - 76px);
}

.footer-content .logo-wrapper {
	justify-content: flex-start;
}

.footer-info {
	margin-top: 16px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
	max-width: 250px;
}



.footer-social-block {
	margin-top: 16px;
}

.footer-social {
	display: flex;
	margin-left: -6px;
	margin-right: -6px;
}

.footer-social-item {
	padding-left: 6px;
	padding-right: 6px;
}

.footer-social-link {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}



.footer-social-link .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.footer-social-link::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.footer-social-link::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}



.footer-social-link--x {}

.footer-social-link--x:before {
	background: rgba(255, 255, 255, 0.2);
}

.footer-social-link--youtube {}

.footer-social-link--youtube:before {
	background: rgba(236, 37, 34, 0.3);
}

.footer-social-link--telegram {}

.footer-social-link--telegram:before {
	background: rgba(47, 135, 188, 0.3);
}


.footer-content-col-title-block {}

.footer-content-col-title {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}


.footer-menu-block {
	margin-top: 16px;
}

.footer-menu {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
}

.footer-menu-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer-menu-item {
	margin-top: 16px;
}

.footer-menu-item:first-child {
	margin-top: 0;
}

.footer-menu-link {
	color: var(--colors-gray);
	text-decoration: none;
}

.footer-menu-link:hover {
	color: var(--colors-green-1000);
	text-decoration: none;
}


.footer-contact-items-block {
	margin-top: 16px;
}

.footer-contact-items {}

.footer-contact-item-wrapper {
	margin-top: 12px;
}

.footer-contact-item-wrapper:first-child {
	margin-top: 0;
}

.footer-contact-item {
	position: relative;
	display: flex;
	align-items: center;
	color: var(--colors-gray);
	text-decoration: none;
}


.footer-contact-item__icon {
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.05);
}

.footer-contact-item__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/mail.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/mail.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.footer-contact-item__text {
	width: calc(100% - 32px);
	padding-left: 12px;
	font-size: 14px;
	line-height: 1;
	transition: 0.4s ease;
}


.footer-contact-item--mail {}

.footer-contact-item--mail .footer-contact-item__icon::before {
	mask-image: url('../images/svg/mail.svg');
	-webkit-mask-image: url('../images/svg/mail.svg');
	background-color: var(--colors-gray);
}

.footer-contact-item--telegram {}

.footer-contact-item--telegram .footer-contact-item__icon::before {
	mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-image: url('../images/svg/telegram.svg');
	background-color: var(--colors-telegram);
}


.footer-contact-item--chat {
	padding-right: 16px;
}

.footer-contact-item--chat::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 4px;
	transform: translateY(-50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.footer-contact-item--chat .footer-contact-item__icon::before {
	mask-image: url('../images/svg/message-circle.svg');
	-webkit-mask-image: url('../images/svg/message-circle.svg');
	background-color: var(--colors-green-1000);
}

.footer-contact-item--chat .footer-contact-item__text {
	font-weight: 500;
	color: var(--colors-white);
}

.footer-contact-item--chat--online::after {
	opacity: 1;
	visibility: visible;
}

.footer-contact-item:hover {
	color: var(--colors-green-1000);
}

.footer-contact-item:hover .footer-contact-item__text {
	color: var(--colors-green-1000);
}

.footer-bottom-block {}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding-top: 24px;
	padding-bottom: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-bottom__left {
	padding-right: 16px;
}

.footer-bottom__right {
	display: flex;
	align-items: center;
}

.footer-copy {
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
}


.footer-links-block {
	padding-left: 24px;
	padding-right: 24px;
}

.footer-links {
	margin-left: -8px;
	margin-right: -8px;
	display: flex;
	flex-wrap: wrap;
	margin-top: -16px;
}

.footer-link-wrapper {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 16px;
}

.footer-link {
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
	text-decoration: none;
}

.footer-link:hover {
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-green-1000);
}


.footer-language-block {
	position: relative;
	padding-left: 24px;
}

.footer-language-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background: rgba(255, 255, 255, 0.1);
}

.footer-language {
	display: flex;
	align-items: center;
}

.footer-language__icon {
	position: relative;
	width: 16px;
	height: 16px;
}


.footer-language__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/globe.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/globe.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.footer-language__text {
	width: calc(100% - 16px);
	padding-left: 8px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.front-page-title-block {}

.front-page-title-wrapper {
	padding-top: 32px;
	padding-bottom: 32px;
}

.front-page-title {}


.front-fees-menu-block {
	position: relative;
	border-radius: 8px;
	position: sticky;
	top: 0;
	top: 80px;
}

.front-fees-menu-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 8px;
}

.front-fees-menu {
	position: relative;
	z-index: 2;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 16px;
}

.front-fees-menu-item {
	margin-top: 2px;
}

.front-fees-menu-item:first-child {
	margin-top: 0;
}

.front-fees-menu-link {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 8px;
	padding: 10px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-size: 14px;
	color: var(--colors-gray);
	text-decoration: none;
	transition: 0.4s ease;
}


.front-fees-menu-link::before {
	content: '';
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0 4px 4px 0;
	width: 8px;
	height: 16px;
	box-shadow: 2px 0 12px 0 rgba(16, 185, 129, 0.5);
	background: #10b981;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}


.front-fees-menu-link:hover {
	color: var(--colors-white);
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
}


.front-fees-menu-link.active {
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
	color: var(--colors-white);
}

.front-fees-menu-link.active::before {
	opacity: 1;
	visibility: visible;
}


.front-fees-no-limits-block {
	position: relative;
	border-radius: 8px;
}

.front-fees-no-limits-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 8px;
}

.front-fees-no-limits {
	position: relative;
	z-index: 2;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 24px;
	display: flex;
	align-items: center;

}

.front-fees-no-limits__icon {
	position: relative;
	background: rgba(16, 185, 129, 0.1);
	border: 1px solid rgba(16, 185, 129, 0.2);
	border-radius: 48px;
	width: 48px;
	height: 48px;
}

.front-fees-no-limits__icon::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/shield-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.front-fees-no-limits__content {
	width: calc(100% - 48px);
	padding-left: 16px;
}

.front-fees-no-limits__title {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.56;
	color: var(--colors-white);
}

.front-fees-no-limits__descr {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-white);
	opacity: 0.7;
}


.front-fees-panel-block {
	margin-top: 24px;
}

.front-fees-panel {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 40px;
}

.front-fees-panel__top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.front-fees-panel__top-left {}

.front-fees-panel__top-right {}

.front-fees-panel__title {}

.front-fees-panel__descr {
	font-size: 16px;
	line-height: 1.75;
	color: var(--colors-white);
	opacity: 0.7;
}

.front-fees-auto-update-button-block {}

.front-fees-auto-update-button {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	padding: 6px 7px;
	white-space: nowrap;
	border-radius: 40px;
}

.front-fees-auto-update-button .iconed-btn__icon::before {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/refresh-cw.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 14px 14px;
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 14px 14px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.front-fees-auto-update-button .iconed-btn__text {
	padding-left: 4px;
}





.front-fees-panel__content {
	padding-top: 24px;
}



.content-notice-block {
	margin-top: 24px;
}

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

.content-notice__icon {
	position: relative;
	width: 12px;
	height: 12px;
}


.content-notice__icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.content-notice__text {
	max-width: calc(100% - 12px);
	padding-left: 8px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--colors-gray);
}





.front-fee-table-block {
	margin-top: 24px;
	position: relative;
	border-radius: 12px;
}

.front-fee-table-block:first-child {
	margin-top: 0;
}

.front-fee-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.front-fee-table {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.front-fee-table .table-manage-panel-block {
	margin-top: 0;
}


.front-fee-table-heading {
	background: rgba(255, 255, 255, 0.02);
	display: flex;
	align-items: center;
}

.front-fee-t-h-cell {
	padding: 10px 16px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	width: 25%;
}



.front-fee-t-h-cell--currency {}

.front-fee-t-h-cell--network {}

.front-fee-t-h-cell--current-fee {}

.front-fee-t-h-cell--last-updated {}




.front-fee-table-items {}

.front-fee-table-item {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
}

.front-fee-table-item:first-child {
	border: 0;
}

.front-fee-t-i-cell {
	width: 25%;
	padding: 14px 16px;
	display: flex;
	align-items: center;
}


.front-fee-t-i-cell--currency {}

.front-fee-t-i-cell--network {}

.front-fee-t-i-cell--current-fee {}

.front-fee-t-i-cell--last-updated {}


.front-fee-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}

.front-fee-t-i-cell__content {}


.front-fee-t-i-currency-block {}

.front-fee-t-i-currency {}


.front-fee-t-i-network-block {
	display: flex;
}

.front-fee-t-i-network {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-gray);
	cursor: default;
}

.front-fee-t-i-fee-block {}

.front-fee-t-i-fee {
	font-family: var(--second-family);
	font-size: 16px;
	line-height: 1.31;
	color: var(--colors-white);
}

.front-fee-t-i-last-updated-block {
	display: flex;
}

.front-fee-t-i-last-updated-time {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}



.front-fee-t-i-last-updated-status {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
}

.front-fee-t-i-last-updated-status::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 4px;
	width: 4px;
	height: 4px;
	background-color: var(--colors-white);
}


.front-fee-t-i-last-updated-status--active {}

.front-fee-t-i-last-updated-status--active::before {
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}


.front-limit-table-section-block {
	margin-top: 24px;
}

.front-limit-table-section-block:first-child {
	margin-top: 0;
}

.front-limit-table-section {}

.front-limit-table-section-title-block {}

.front-limit-table-section-title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--colors-white);
	border-left: 2px solid #fff;
	padding-left: 10px;
}

.front-limit-table-section-title--ai-staking {
	border-left-color: var(--colors-purple);
}

.front-limit-table-section-title--crypto-loans {
	border-left-color: var(--colors-blue-1000);
}

.front-limit-table-section-title--exchange {
	border-left-color: var(--colors-green-1000);
}


.front-limit-table-block {
	margin-top: 24px;
	position: relative;
	border-radius: 12px;
}

.front-limit-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.front-limit-table {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.front-limit-table .table-manage-panel-block {
	margin-top: 0;
}


.front-limit-table-heading {
	background: rgba(255, 255, 255, 0.02);
	display: flex;
	align-items: center;
}

.front-limit-t-h-cell {
	padding: 10px 16px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	width: 25%;
}



.front-limit-t-h-cell--asset {}

.front-limit-t-h-cell--min {}

.front-limit-t-h-cell--max {}

.front-limit-t-h-cell--info {}




.front-limit-table-items {}

.front-limit-table-item {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
}

.front-limit-table-item:first-child {
	border: 0;
}

.front-limit-t-i-cell {
	width: 25%;
	padding: 14px 16px;
	display: flex;
	align-items: center;
}


.front-limit-t-i-cell--asset {}

.front-limit-t-i-cell--min {}

.front-limit-t-i-cell--max {}

.front-limit-t-i-cell--info {}


.front-limit-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}

.front-limit-t-i-cell__content {}


.front-limit-t-i-asset-block {}

.front-limit-t-i-asset {}


.front-limit-t-i-min-block {}

.front-limit-t-i-min {

	font-family: var(--second-family);
	font-size: 16px;
	line-height: 1.31;
	color: var(--colors-white);
}

.front-limit-t-i-max-block {}

.front-limit-t-i-max {
	font-family: var(--second-family);
	font-size: 16px;
	line-height: 1.31;
	color: var(--colors-gray);
}



.front-limit-t-i-reward-model-block {
	display: flex;
}


.front-limit-t-i-reward-model {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 20px;
	padding: 2px 8px;
}



.front-limit-t-i-reward-model--dynamic {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
}



.front-limit-t-i-reward-model--fixed {
	background: rgba(245, 158, 11, 0.1);
	color: var(--colors-orange);
	border: 1px solid rgba(245, 158, 11, 0.2);
}



.front-limit-t-i-reward-model--compounding {
	background: rgba(0, 245, 255, 0.1);
	color: var(--colors-blue-1000);
	border: 1px solid var(--colors-blue-200);
}

.front-limit-t-i-collateral-req-block {}

.front-limit-t-i-collateral-req {
	font-family: var(--second-family);
	font-size: 16px;
	line-height: 1.31;
	color: var(--colors-white);
}


.front-limit-t-i-asset-pair-block {}

.front-limit-t-i-asset-pair {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
}




.front-limit-t-i-execution-block {
	display: flex;
}


.front-limit-t-i-execution {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 20px;
	padding: 2px 8px;
}



.front-limit-t-i-execution--instant {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
}



.front-limit-t-i-execution--market-limit {
	background: rgba(239, 68, 68, 0.1);
	color: var(--colors-red-1000);
	border: 1px solid var(--colors-red-200);
}


.page--front--fees {}


.page--front--fees .page-inner {
	overflow: visible;
}


.front-page-top--contact {}

.front-page-top-feature--contact {}

.front-page-top-feature--contact .front-page-top-feature__icon::before {
	mask-image: url('../images/svg/send.svg');
	-webkit-mask-image: url('../images/svg/send.svg');
}


.front-contact-offices-block {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 24px;
}

.front-contact-offices-title-block {}

.front-contact-offices-title {}


.front-contact-office-items-block {
	padding-top: 24px;
}

.front-contact-office-items {
	margin-top: -24px;
	margin-left: -12px;
	margin-right: -12px;
	display: flex;
	flex-wrap: wrap;
}

.front-contact-office-item-wrapper {
	width: 33.33%;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 24px;
}

.front-contact-office-item {
	border-radius: 32px;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	height: 100%;
}

.front-contact-office-item__inner {
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	padding: 24px;
	padding-bottom: 72px;
	height: 100%;
}



.front-contact-office-item__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.front-contact-office-item__top-left {}

.front-contact-office-item__top-right {}


.front-contact-office-item__flag {}


.flag-icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.flag-icon .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.flag-icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(70, 64, 141, 0.3);
}

.flag-icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}

.flag-icon--hk::before {
	background: rgba(219, 52, 50, 0.3);
}

.flag-icon--au::before {
	background: rgba(70, 64, 141, 0.3);
}

.flag-icon--uk::before {
	background: rgba(70, 64, 141, 0.3);
}





.front-contact-office-item__time-zone {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	color: var(--colors-gray);
	cursor: default;
}


.front-contact-office-item__country {
	margin-top: 16px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.56;
	letter-spacing: -0.04em;
	color: var(--colors-white);
}

.front-contact-office-item__descr {
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}

.front-contact-office-item__info {
	margin-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.03);
	padding-top: 8px;
}

.front-contact-office-item__address {
	font-family: var(--second-family);
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
}


.front-contact-office-item__mail-block {
	margin-top: 8px;
}

.front-contact-office-item__mail {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-green-1000);
	text-decoration: none;
}

.front-contact-office-item__mail:hover {
	color: var(--colors-white);
	text-decoration: none;
}

.front-contact-office-item__check-button-block {
	margin-top: 12px;
	position: absolute;
	left: 24px;
	bottom: 24px;
	right: 24px;
}

.front-contact-office-item__check-button {
	font-size: 14px;
	border-radius: 8px;
	padding: 9px 12px;
}

.front-contact-office-item__check-button .iconed-btn__text {
	width: calc(100% - 32px);
	padding-left: 8px;
	padding-right: 8px;
}

.front-contact-office-item__check-button .iconed-btn__icon:first-child::before {
	mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	background-color: var(--colors-green-1000);
}


.front-contact-office-item__check-button .iconed-btn__icon:last-child::before {
	mask-image: url('../images/svg/arrow-up-right.svg');
	-webkit-mask-image: url('../images/svg/arrow-up-right.svg');
	background-color: var(--colors-gray);
}


.front-contact-office-item__check-button:hover .iconed-btn__icon:last-child::before {
	background-color: var(--colors-green-1000);
}

.front-contact-block {}

.front-contact {}


.contact-department-radio-items-block {}

.contact-department-radio-items {
	margin-top: -16px;
	margin-left: -12px;
	margin-right: -12px;
	display: flex;
	flex-wrap: wrap;
}

.contact-department-radio-item-wrapper {
	width: 25%;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 16px;
}

.contact-department-radio-item {
	height: 100%;
}

.contact-department-radio-item .field--radio {
	height: 100%;
}

.contact-department-radio-item .radio-container {
	height: 100%;
}


.contact-department-radio {
	position: relative;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 24px;
	transition: 0.4s ease;
	/* cursor: pointer; */
	height: 100%;
}

.contact-department-radio__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contact-department-radio__top-left {}

.contact-department-radio__top-right {}



.contact-department-radio__icon {
	position: relative;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	border: 1px solid transparent;
}

.contact-department-radio__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/user-star.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/user-star.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.contact-department-radio__icon--customer::before {
	mask-image: url('../images/svg/user-star.svg');
	-webkit-mask-image: url('../images/svg/user-star.svg');
}

.contact-department-radio__icon--business::before {
	mask-image: url('../images/svg/briefcase-business.svg');
	-webkit-mask-image: url('../images/svg/briefcase-business.svg');
}

.contact-department-radio__icon--affiliate::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
}

.contact-department-radio__icon--legal::before {
	mask-image: url('../images/svg/scale.svg');
	-webkit-mask-image: url('../images/svg/scale.svg');
}

.contact-department-radio__switcher {
	position: relative;
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
	border-radius: 7999px;
	width: 16px;
	height: 16px;
	background: var(--forms-input-default);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.contact-department-radio__switcher::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: var(--colors-green-1000);
	transition: 0.4s ease;
}

.contact-department-radio__title {
	margin-top: 12px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.56;
	letter-spacing: -0.04em;
	color: var(--colors-white);
}

.contact-department-radio__descr {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}

.contact-department-radio__mail-block {
	margin-top: 8px;
}

.contact-department-radio__mail {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-green-1000);
}



.radio-input:checked~.contact-department-radio {
	border: 1px solid var(--colors-green-1000);
}


.radio-input:checked~.contact-department-radio .contact-department-radio__switcher {
	opacity: 1;
	visibility: visible;
}


.radio-input:checked~.contact-department-radio .contact-department-radio__icon {
	border: 1px solid var(--colors-green--200);
	background: var(--colors-green-100)
}

.radio-input:checked~.contact-department-radio .contact-department-radio__icon::before {
	background-color: var(--colors-green-1000);
}



.front-contact-form-block {
	margin-top: 24px;
	position: relative;
}

.front-contact-form-block {
	margin-top: 24px;
	position: relative;
}

.front-contact-form-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	border-radius: 32px;
}

.front-contact-form {
	position: relative;
	z-index: 2;
	border-radius: 32px;
	padding: 40px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}


.front-contact-form__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.02);
	padding: 0px 0px 12px;
}

.front-contact-form__top-left {
	padding-right: 16px;
}

.front-contact-form__title {
	color: var(--colors-white);
}

.front-contact-form__descr {
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}



.front-contact-form__top-right {}

.front-contact-form__response-time-block {
	display: flex;
}

.front-contact-form__response-time {
	position: relative;
	border: 1px solid var(--colors-green--200);
	border-radius: 8px;
	padding: 8px 16px;
	padding-left: 36px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
	backdrop-filter: blur(12px);
	white-space: nowrap;
}

.front-contact-form__response-time::before {
	content: '';
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.front-contact-form__fields-block {}

.front-contact-form__fields {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
}

.front-contact-form__field-wrapper {
	margin-top: 16px;
	width: 50%;
	padding-left: 8px;
	padding-right: 8px;
}

.front-contact-form__field {}

.front-contact-form__field-wrapper--name {}

.front-contact-form__field-wrapper--email {}

.front-contact-form__field-wrapper--message {
	width: 100%;
}

.front-contact-form__bottom {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
}

.front-contact-form__bottom-left {
	width: calc(100% - 200px);
	padding-right: 16px;
}

.front-contact-form__bottom-right {
	width: 200px;
}


.front-contact-form__bottom .checkbox-list-block {
	margin-top: 0;
}

.front-contact-form__bottom .form-button-block {
	margin-top: 0;
}


.front-contact-panel-block {
	margin-top: 24px;
	height: calc(100% - 24px);
}

.front-contact-panel {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 32px;
	height: 100%;
}

.front-contact-items-block {
	margin-top: 16px;
}

.front-contact-items-block:first-child {
	margin-top: 0;
}

.front-contact-items-title-block {}

.front-contact-items-title {
	position: relative;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.front-contact-items-title--instant {
	padding-left: 24px;
}

.front-contact-items-title--instant::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/zap.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/zap.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.front-contact-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -6px;
	margin-right: -6px;
}

.front-contact-item-wrapper {
	margin-top: 12px;
	width: 100%;
	padding-left: 6px;
	padding-right: 6px;
}


.front-contact-item {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 8px;
	text-align: left;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
	text-decoration: none;
}

.front-contact-item:hover {
	color: var(--colors-green-1000);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}

a.front-contact-item:hover::after {
	background: var(--colors-green-1000);
}


a.front-contact-item::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/arrow-up-right.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/arrow-up-right.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

button.front-contact-item::after {
	content: '';
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.front-contact-item__icon {
	position: relative;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.front-contact-item__icon .image {
	width: 16px;
	height: 16px;
}

.front-contact-item__content {
	width: calc(100% - 32px);
	padding-left: 12px;
	padding-right: 24px;
}


.front-contact-item--telegram {}

.front-contact-item--telegram .front-contact-item__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/telegram.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-telegram);
	transition: 0.4s ease;
}

.front-contact-item--chat {}

.front-contact-item--chat .front-contact-item__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/message-circle.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/message-circle.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}



.front-contact-item__image {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.front-contact-item__image .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}

.front-contact-item__image::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(255, 255, 255, 0.2);
}

.front-contact-item__image::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}



.front-contact-item--x {}


.front-contact-item--x .front-contact-item__image::before {
	background: rgba(255, 255, 255, 0.2);
}


.front-contact-item--youtube {}

.front-contact-item--youtube .front-contact-item__image::before {
	background: rgba(236, 37, 34, 0.3);
}


.front-page-top-search-block {
	margin-top: 8px;
	padding-top: 24px;
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
}

.front-page-top-search {}

.front-page-top-search-form {}

.front-page-top-search-form .form-button-block {
	display: flex;
	margin: 0;
	/* position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%); */
}

.search-button {
	position: relative;
	width: 20px;
	height: 20px;
	border: 0;
	background-color: transparent;
	padding: 0;
}

.search-button::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/search.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/search.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.search-button:hover::before {
	background-color: var(--colors-green-1000);
}

.front-page-top-search-request-list-block {
	margin-top: 10px;
	padding-top: 4px;
}

.front-page-top-search-request-list {
	display: flex;
	align-items: center;
	justify-content: center;
}

.front-page-top-search-request-list-title {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
	padding-right: 16px;
}

.front-page-top-search-request-items-wrapper {}

.front-page-top-search-request-items {
	display: flex;
	align-items: center;
	margin-left: -8px;
	margin-right: -8px;
}

.front-page-top-search-request-item {
	padding-left: 8px;
	padding-right: 8px;
	display: flex;
}

.front-page-top-search-request-link {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-green-1000);
	border-bottom: 1px dashed var(--colors-green-1000);
	text-decoration: none;
}

.front-page-top-search-request-link:hover {
	color: var(--colors-green-1000);
	border-bottom: 1px dashed transparent;
	text-decoration: none;
}


.front-help-category-items-block {
	padding-bottom: 32px;
}

.front-help-category-items {
	margin-top: -24px;
	margin-left: -12px;
	margin-right: -12px;
	display: flex;
	flex-wrap: wrap;
}

.front-help-category-item-wrapper {
	width: 33.33%;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 24px;
}

.front-help-category-item {
	border-radius: 32px;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	height: 100%;
	text-decoration: none;
	display: block;
}

.front-help-category-item__inner {
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	padding: 24px;
	height: 100%;
	transition: 0.4s ease;
}

.front-help-category-item__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.front-help-category-item__top-left {}


.front-help-category-item__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}


.front-help-category-item__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: var(--colors-green--200);
}

.front-help-category-item__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}


.front-help-category-item__icon-image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.front-help-category-item__icon-image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/layout-dashboard.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/layout-dashboard.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.front-help-category-item__icon-image--general {}

.front-help-category-item__icon-image--general::before {
	mask-image: url('../images/svg/layout-dashboard.svg');
	-webkit-mask-image: url('../images/svg/layout-dashboard.svg');
}


.front-help-category-item__icon-image--personal {}

.front-help-category-item__icon-image--personal::before {
	mask-image: url('../images/svg/user.svg');
	-webkit-mask-image: url('../images/svg/user.svg');
}

.front-help-category-item__icon-image--wallet {}

.front-help-category-item__icon-image--wallet::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
}

.front-help-category-item__icon-image--ai {}

.front-help-category-item__icon-image--ai::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
}

.front-help-category-item__icon-image--crypto {}

.front-help-category-item__icon-image--crypto::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
}

.front-help-category-item__icon-image--affiliate {}

.front-help-category-item__icon-image--affiliate::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
}


.front-help-category-item__top-right {}

.front-help-category-item__arrow {
	position: relative;
	width: 16px;
	height: 16px;
}

.front-help-category-item__arrow::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-right.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/arrow-right.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}




.front-help-category-item__title {
	margin-top: 16px;
	font-weight: 600;
	font-size: 18px;
	line-height: 156%;
	letter-spacing: -0.04em;
	color: var(--colors-white);
}

.front-help-category-item__descr {
	margin-top: 16px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}

.front-help-category-item__count-block {
	margin-top: 16px;
	display: flex;
}

.front-help-category-item__count {
	background: #0e0d0d;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-transform: uppercase;
	text-align: right;
	color: var(--colors-gray);
}


.front-help-category-item:hover .front-help-category-item__inner {
	border-color: var(--colors-green--200);
}

.front-help-category-item:hover .front-help-category-item__arrow::before {
	background-color: var(--colors-green-1000);
}


.page--front--help-center {}

.page--front--help-center .page-inner {
	overflow: visible;
}



.front-help-menu-block {
	position: relative;
	border-radius: 8px;
	position: sticky;
	top: 0;
	top: 80px;
}

.front-help-menu-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 8px;
}

.front-help-menu-block__inner {
	position: relative;
	z-index: 2;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 16px;
}



.front-help-menu-title-block {
	position: relative;
	z-index: 2;
}

.front-help-menu-title {
	padding: 8px 12px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}



.front-help-menu-wrapper {}


.front-help-menu {}

.front-help-menu-item {
	margin-top: 2px;
}

.front-help-menu-item:first-child {
	margin-top: 0;
}

.front-help-menu-link {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 8px;
	padding: 10px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-size: 14px;
	color: var(--colors-gray);
	text-decoration: none;
	transition: 0.4s ease;
}


.front-help-menu-link::before {
	content: '';
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0 4px 4px 0;
	width: 8px;
	height: 16px;
	box-shadow: 2px 0 12px 0 rgba(16, 185, 129, 0.5);
	background: #10b981;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.front-help-menu-link__left {
	padding-right: 8px;
	display: flex;
	align-items: center;
}




.front-help-menu-link__icon {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.front-help-menu-link__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/layout-dashboard.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/layout-dashboard.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.front-help-menu-link__icon--general {}

.front-help-menu-link__icon--general::before {
	mask-image: url('../images/svg/layout-dashboard.svg');
	-webkit-mask-image: url('../images/svg/layout-dashboard.svg');
}


.front-help-menu-link__icon--personal {}

.front-help-menu-link__icon--personal::before {
	mask-image: url('../images/svg/user.svg');
	-webkit-mask-image: url('../images/svg/user.svg');
}

.front-help-menu-link__icon--wallet {}

.front-help-menu-link__icon--wallet::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
}

.front-help-menu-link__icon--ai {}

.front-help-menu-link__icon--ai::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
}

.front-help-menu-link__icon--crypto {}

.front-help-menu-link__icon--crypto::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
}

.front-help-menu-link__icon--affiliate {}

.front-help-menu-link__icon--affiliate::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
}



.front-help-menu-link__text {
	width: calc(100% - 16px);
	padding-left: 8px;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
	transition: 0.4s ease;
}

.front-help-menu-link__right {}

.front-help-menu-link__count {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.6;
	text-align: right;
	color: var(--colors-gray);
	transition: 0.4s ease;
}



.front-help-menu-link:hover {
	color: var(--colors-white);
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
}

.front-help-menu-link:hover .front-help-menu-link__icon::before {
	background-color: var(--colors-green-1000);
}

.front-help-menu-link:hover .front-help-menu-link__text {
	color: var(--colors-white);
}

.front-help-menu-link:hover .front-help-menu-link__count {
	color: var(--colors-green-1000);
}


.front-help-menu-link.active {
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
	color: var(--colors-white);
}

.front-help-menu-link.active::before {
	opacity: 1;
	visibility: visible;
}

.front-help-menu-link.active .front-help-menu-link__icon::before {
	background-color: var(--colors-green-1000);
}

.front-help-menu-link.active .front-help-menu-link__text {
	color: var(--colors-white);
}

.front-help-menu-link.active .front-help-menu-link__count {
	color: var(--colors-green-1000);
}


.help-article-items-block {}

.help-article-items-block .table-manage-panel-block {
	margin-top: 24px;
}

.help-article-items {}

.help-article-item-wrapper {
	margin-top: 24px;
}

.help-article-item-wrapper:first-child {
	margin-top: 0;
}

.help-article-item-wrapper.d-none+.help-article-item-wrapper {
	margin-top: 0;
}

.help-article-item {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 40px;
}

.help-article-item__top {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	padding-bottom: 24px;
}

.help-article-item__top:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.help-article-item__tags-block {}

.help-article-item__tags {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
}

.help-article-item__tag-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.help-article-item__tag {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-transform: uppercase;
	text-align: right;
	color: var(--colors-gray);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
}



.help-article-item__tag--new {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	padding-left: 16px;
	text-transform: none;
}

.help-article-item__tag--new::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 4px;
	width: 4px;
	height: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}


.help-article-item__title {
	margin-top: 16px;
}

.help-article-item__title:first-child {
	margin-top: 0;
}

.help-article-item__descr {
	margin-top: 24px;
	font-size: 16px;
	line-height: 1.75;
	color: var(--colors-white);
	/* opacity: 0.7; */
}



.help-article-item__content {
	padding-top: 24px;
}



.risk-list-block {
	margin-top: 24px;
}

.risk-list {}

.risk-list-item-wrapper {
	margin-top: 24px;
}

.risk-list-item-wrapper:first-child {
	margin-top: 0;
}

.risk-list-item {
	position: relative;
	padding-left: 22px;
}

.risk-list-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: var(--colors-white);
}

.risk-list-item__title {
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.05em;
	color: var(--colors-white);
}

.risk-list-item__descr {
	font-size: 16px;
	line-height: 1.75;
	color: var(--colors-white);
	opacity: 0.7;
}

.risk-list-item--low {}

.risk-list-item--low::before {
	background: var(--colors-green-1000);
}

.risk-list-item--medium {}

.risk-list-item--medium::before {
	background: var(--colors-orange);
}

.risk-list-item--high {}

.risk-list-item--high::before {
	background: var(--colors-red-1000);
}


.auto-compounding-features-list-block {
	margin-top: 24px;
}

.auto-compounding-features-list-block:first-child {
	margin-top: 0;
}

.auto-compounding-features-list {}

.auto-compounding-features-list-item-wrapper {
	margin-top: 16px;
}

.auto-compounding-features-list-item-wrapper:first-child {
	margin-top: 0;
}

.auto-compounding-features-list-item {
	display: flex;
	align-items: center;
}

.auto-compounding-features-list-item__icon {
	position: relative;
	border-radius: 24px;
	width: 24px;
	height: 24px;
	background: rgba(255, 255, 255, 0.1);
}

.auto-compounding-features-list-item__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/refresh-cw.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.auto-compounding-features-list-item__icon--rewards {}

.auto-compounding-features-list-item__icon--rewards::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
}

.auto-compounding-features-list-item__icon--fees {}

.auto-compounding-features-list-item__icon--fees::before {
	mask-image: url('../images/svg/check.svg');
	-webkit-mask-image: url('../images/svg/check.svg');
}

.auto-compounding-features-list-item__icon--restaking {}

.auto-compounding-features-list-item__icon--restaking::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
}



.auto-compounding-features-list-item__text {
	font-size: 16px;
	line-height: 1.75;
	color: var(--colors-white);
	opacity: 0.7;
	width: calc(100% - 24px);
	padding-left: 16px;
}


.front-page__right .front-help-menu-block {
	display: none;
}


.front-help-menu-dropdown-title-block {
	position: relative;
	z-index: 2;
}

.front-help-menu-dropdown-title {
	position: relative;
	padding: 12px 12px;
	padding-right: 40px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
	cursor: pointer;
}

.front-help-menu-dropdown-title__text {}

.front-help-menu-dropdown-title__arrow {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.1);
	border-radius: 24px;
	width: 24px;
	height: 24px;
}

.front-help-menu-dropdown-title__arrow::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/chevron-down.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.front-help-menu-dropdown-title.active .front-help-menu-dropdown-title__arrow::before {
	transform: translate(-50%, -50%) rotate(180deg);
}


.front-search-page-top-block {}

.front-search-page-top {
	padding-top: 32px;
	padding-bottom: 32px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.front-search-page-top__left {
	padding-right: 16px;
}

.front-search-page-top__right {}


.front-search-page-top .front-page-top-search-block {
	max-width: 420px;
	width: 420px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	margin-top: 0;
}


.front-search-page-top .front-page-top-title-block {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}



.front-page-top--blog {}

.front-page-top-feature--blog {}

.front-page-top-feature--blog .front-page-top-feature__icon::before {
	mask-image: url('../images/svg/rss.svg');
	-webkit-mask-image: url('../images/svg/rss.svg');
}




.front-blog-tabs-block {
	position: relative;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	padding: 6px 4px;
	border-radius: 12px;
}

.front-blog-tabs-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.front-blog-tabs {
	position: relative;
	z-index: 2;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	margin-top: -4px;
}

.front-blog-tab-wrapper {
	position: relative;
	z-index: 2;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 4px;
	width: 16.66%;
}

.front-blog-tab {
	position: relative;
	border-radius: 8px;
	padding: 4px 16px;
	padding: 9px 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: var(--colors-gray);
	border: 1px solid transparent;
	transition: 0.4s ease;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.front-blog-tab::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1px;
	width: 48px;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.front-blog-tab__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
	padding-right: 8px;
	transition: 0.4s ease;
}

.front-blog-tab__count {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.6;
	text-align: right;
	color: var(--colors-gray);
	transition: 0.4s ease;
}


.front-blog-tab.active {
	box-shadow: 0 0 15px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green-100);
	color: var(--colors-white);
	pointer-events: none;
}

.front-blog-tab.active::after {
	opacity: 1;
	visibility: visible;
}

.front-blog-tab.active .front-blog-tab__text {
	color: var(--colors-white);
}

.front-blog-tab.active .front-blog-tab__count {
	color: var(--colors-green-1000);
}

.front-blog-tabs-content-block {}

.front-blog-tabs-content {}

.front-blog-tab-content {
	padding-top: 24px;
	display: none;
}

.front-blog-tab-content:first-child {
	display: block;
}



.blog-items-block {}

.blog-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -24px;
}

.blog-item-wrapper {
	margin-top: 24px;
	width: 33.33%;
	padding-left: 12px;
	padding-right: 12px;
}

.blog-item {
	border-radius: 32px;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	height: 100%;
	text-decoration: none;
	display: block;
}

.blog-item__inner {
	position: relative;
	overflow: hidden;
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	height: 100%;
	transition: 0.4s ease;
}



.blog-item__tags-block {
	position: absolute;
	left: 24px;
	top: 24px;
	z-index: 2;
}

.blog-item__tags {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
}

.blog-item__tag-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.blog-item__tag {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-transform: uppercase;
	text-align: right;
	color: var(--colors-gray);
	/* background: rgba(255, 255, 255, 0.05); */
	background: #0e0d0d;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
}



.blog-item__tag--new {
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	padding-left: 16px;
	text-transform: none;
}

.blog-item__tag--new::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 4px;
	width: 4px;
	height: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}


.blog-item__image {
	height: 245px;
}

.blog-item__image .image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-item__content {
	padding: 24px;
	padding-bottom: 72px;
}

.blog-item__title-block {
	margin-top: 16px;
}

.blog-item__title-block:first-child {
	margin-top: 0;
}

.blog-item__title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	cursor: pointer;
	color: var(--colors-white);
	transition: 0.4s ease;
}

h4.blog-item__title {
	line-height: 1.56;
	letter-spacing: -0.04em;
}

.blog-item__descr-block {
	margin-top: 16px;
}

.blog-item__descr {

	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;

	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}

.blog-item__info-block {
	margin-top: 16px;
	position: absolute;
	left: 24px;
	bottom: 24px;
	right: 24px;
}

.blog-item__info {
	border-top: 1px solid rgba(255, 255, 255, 0.03);
	padding: 8px 0px 0px;
	display: flex;
	align-items: center;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.blog-item__info-date {}

.blog-item__info-sep {
	position: relative;
	width: 20px;
	height: 20px;
}

.blog-item__info-sep::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	width: 4px;
	height: 4px;
	background: var(--colors-gray);
}

.blog-item__info-read-time {}


.blog-item:hover .blog-item__title {
	color: var(--colors-green-1000);
}

.blog-item-wrapper--new {
	width: 100%;
}

.blog-item--new {}

.blog-item--new .blog-item__inner {
	display: flex;
	flex-wrap: wrap;
}

.blog-item__left {
	width: 720px;
}

.blog-item__right {
	width: calc(100% - 720px);
	padding-left: 16px;
}

.blog-item--new .blog-item__content {
	padding: 80px 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.blog-item--new .blog-item__tags-block {
	position: relative;
	left: auto;
	top: auto;
}

.blog-item--new .blog-item__image {
	height: 100%;
}

.blog-item--new .blog-item__title {

	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	line-clamp: 10;
	-webkit-box-orient: vertical;
}

.blog-item--new .blog-item__descr {

	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	line-clamp: 10;
	-webkit-box-orient: vertical;
	font-size: 16px;
	line-height: 1.75;
}


.blog-item--new .blog-item__info-block {
	position: relative;
	left: auto;
	bottom: auto;
	right: auto;
}




.front-page-blog-detail-top-block {}

.front-page-blog-detail-top {
	padding-top: 40px;
	padding-bottom: 40px;
}


.front-page-blog-detail-top-title-block {
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	text-align: center;
}

.front-page-blog-detail-top-title-block:first-child {
	margin-top: 0;
}

.front-page-blog-detail-top-title {}

.front-page-blog-detail-top-subtitle-block {
	max-width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	padding-bottom: 16px;
	text-align: center;
}

.front-page-blog-detail-top-subtitle {
	font-size: 20px;
	text-align: center;
	color: var(--colors-gray);
}


.front-page-blog-detail-top-subtitle-block {}







.front-page-blog-detail-top .page-back-link-block {
	justify-content: center;
}


.front-page-blog-detail-top-info-block {
	margin-top: 8px;
	max-width: 880px;
	margin-right: auto;
	margin-left: auto;
}

.front-page-blog-detail-top-info {
	border-top: 1px solid rgba(255, 255, 255, 0.03);
	padding-top: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.front-page-blog-detail-top-info-date {}

.front-page-blog-detail-top-info-sep {
	position: relative;
	width: 20px;
	height: 20px;
}

.front-page-blog-detail-top-info-sep::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	width: 4px;
	height: 4px;
	background: var(--colors-gray);
}

.front-page-blog-detail-top-info-read-time {}




.front-page-blog-detail-top-info-block {
	margin-top: 8px;
	max-width: 880px;
	margin-right: auto;
	margin-left: auto;
}

.front-page-blog-detail-top-info {
	border-top: 1px solid rgba(255, 255, 255, 0.03);
	padding-top: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.front-page-blog-detail-top-info-date {}

.front-page-blog-detail-top-info-sep {
	position: relative;
	width: 20px;
	height: 20px;
}

.front-page-blog-detail-top-info-sep::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	width: 4px;
	height: 4px;
	background: var(--colors-gray);
}

.front-page-blog-detail-top-info-read-time {}








.related-articles-block {
	margin-top: 64px;
}

.related-articles-top-block {}

.related-articles-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.related-articles-top__left {
	padding-right: 16px;
}

.related-articles-top__right {}

.all-articles-button {
	padding: 11px 23px;
}


.related-articles {
	padding-top: 40px;
	padding-bottom: 8px;
}

.blog-detail-block {}


.blog-detail {
	overflow: hidden;
}

.blog-detail-descr-block {
	margin-bottom: 24px;
}

.blog-detail-descr {
	font-weight: 400;
	font-size: 20px;
	color: var(--colors-gray);
}

.blog-detail-image-block {}

.blog-detail-image {
	position: relative;
	background: #171717;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
}

.blog-detail-image__image {
	border-radius: 12px;
}

.blog-detail-image__image .image {
	border-radius: 12px;
}


.blog-detail-image-caption {
	margin-top: 12px;
	font-family: var(--second-family);
	font-size: 12px;
	line-height: 1.33;
	text-align: center;
	color: var(--colors-gray);
}


.blog-detail-content {
	padding-top: 40px;
	padding-bottom: 40px;
	color: rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.blog-detail-content h1,
.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6,
.blog-detail-content .h1,
.blog-detail-content .h2,
.blog-detail-content .h3,
.blog-detail-content .h4,
.blog-detail-content .h5,
.blog-detail-content .h6 {
	color: var(--colors-white);
	margin-bottom: 2rem;
}

.blog-detail-content p {
	margin-bottom: 2rem;
}

.blog-detail-content p:last-child {
	margin-bottom: 0;
}

.blog-detail-content ul {
	margin-bottom: 2rem;
}

.blog-detail-content ul:last-child {
	margin-bottom: 0;
}


.blog-detail-content b {
	color: var(--colors-white);
	font-weight: 600;
}

.blog-detail-content .system-message-block {
	margin-bottom: 2rem;
}





.blog-detail-content-buttons-block {
	position: relative;
	z-index: 2;
	margin-top: 8px;
}

.blog-detail-content-button-block {
	position: relative;
	z-index: 2;
	margin-bottom: 2rem;
}


.blog-detail-content-button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.02);
	padding: 16px;
	text-align: left;
}

.blog-detail-content-button__left {
	display: flex;
	align-items: center;
	padding-right: 8px;
	max-width: calc(100% - 16px);
}

.blog-detail-content-button__right {
	display: flex;
	align-items: center;
}


.blog-detail-content-button__icon {
	position: relative;
	border-radius: 8px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.05);
	transition: 0.4s ease;
}

.blog-detail-content-button__icon::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/flame.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/flame.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.blog-detail-content-button__content {
	max-width: calc(100% - 40px);
	padding-left: 16px;
}


.blog-detail-content-button__title {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.blog-detail-content-button__descr {
	font-size: 14px;
	line-height: 1.14;
	color: var(--colors-gray);
}



.blog-detail-content-button__arrow {
	position: relative;
	width: 16px;
	height: 16px;
}

.blog-detail-content-button__arrow::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-right.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/arrow-right.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.blog-detail-content-button--ai-staking {}

.blog-detail-content-button--ai-staking .blog-detail-content-button__icon::before {
	background-color: var(--colors-orange);
}



.blog-detail-content-button--exchange {}

.blog-detail-content-button--exchange .blog-detail-content-button__icon::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
}

.blog-detail-content-button--loans {}


.blog-detail-content-button--loans .blog-detail-content-button__icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
}

.blog-detail-content-button:hover {
	border-color: var(--colors-green--200);
	background-color: var(--colors-green-100);
}

.blog-detail-content-button:hover .blog-detail-content-button__arrow::before {
	background-color: var(--colors-green-1000);
}

.blog-detail-content-button:hover .blog-detail-content-button__icon {
	border-color: var(--colors-green--200);
}

.blog-detail-content-button:hover .blog-detail-content-button__icon::before {
	background-color: var(--colors-green-1000);
}


.blog-detail-manage-panel-block {
	margin-top: 24px;
}

.blog-detail-manage-panel {
	display: flex;
	margin-left: -8px;
	margin-right: -8px;
}

.blog-detail-manage-panel-button-wrapper {
	padding-left: 8px;
	padding-right: 8px;
	width: 50%;
}

.blog-detail-manage-panel-button {
	position: relative;
	display: flex;
	padding: 16px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
}


.blog-detail-manage-panel-button__icon {
	position: relative;
	width: 20px;
	height: 20px;
}

.blog-detail-manage-panel-button__icon::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/chevron-left.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/chevron-left.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.blog-detail-manage-panel-button__content {
	width: calc(100% - 20px);
	padding-left: 16px;
}

.blog-detail-manage-panel-button__note {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.blog-detail-manage-panel-button__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 143%;
	color: var(--colors-white);
	height: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;

}



.blog-detail-manage-panel-button--prev {
	text-align: left;
}

.blog-detail-manage-panel-button--next {
	text-align: right;
	flex-direction: row-reverse;
}

.blog-detail-manage-panel-button--next .blog-detail-manage-panel-button__content {
	padding-left: 0;
	padding-right: 16px;
}


.blog-detail-manage-panel-button--next .blog-detail-manage-panel-button__icon::before {
	mask-image: url('../images/svg/chevron-right.svg');
	-webkit-mask-image: url('../images/svg/chevron-right.svg');
}


.blog-detail-manage-panel-button:hover {
	background-color: var(--colors-green-100);
	border-color: var(--colors-green--200);
}


.blog-detail-manage-panel-button:hover .blog-detail-manage-panel-button__icon::before {
	background-color: var(--colors-green-1000);
}


.page--front--policy {}

.page--front--policy .page-inner {
	overflow: visible;
}


.front-policy-menu-block {
	position: relative;
	border-radius: 8px;
	position: sticky;
	top: 0;
	top: 80px;
}

.front-policy-menu-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 8px;
}

.front-policy-menu-title-block {}

.front-policy-menu-title {
	padding: 8px 12px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--colors-gray);
}


.front-policy-menu-wrapper {
	position: relative;
	z-index: 2;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 16px;
}

.front-policy-menu {}

.front-policy-menu-item {
	margin-top: 2px;
}

.front-policy-menu-item:first-child {
	margin-top: 0;
}

.front-policy-menu-link {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 8px;
	padding: 10px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-size: 14px;
	color: var(--colors-gray);
	text-decoration: none;
	transition: 0.4s ease;
}


.front-policy-menu-link::before {
	content: '';
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0 4px 4px 0;
	width: 8px;
	height: 16px;
	box-shadow: 2px 0 12px 0 rgba(16, 185, 129, 0.5);
	background: #10b981;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}


.front-policy-menu-link:hover {
	color: var(--colors-white);
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
}


.front-policy-menu-link.active {
	background: rgba(16, 185, 129, 0.08);
	border: 1px solid rgba(16, 185, 129, 0.2);
	color: var(--colors-white);
}

.front-policy-menu-link.active::before {
	opacity: 1;
	visibility: visible;
}

.front-policy-block {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 40px;
}

.front-policy-items-block {}

.front-policy-items {}

.front-policy-item-wrapper {
	margin-top: 24px;
}

.front-policy-item-wrapper:first-child {
	margin-top: 0;
}

.front-policy-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	padding-bottom: 24px;
}

.front-policy-item__top {
	display: flex;
	align-items: center;
}

.front-policy-item__count {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--second-family);
	font-size: 12px;
	line-height: 1.33;
	text-align: center;
	color: var(--colors-white);
}

.front-policy-item__title {
	width: calc(100% - 32px);
	padding-left: 12px;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.front-policy-item__content {
	padding-top: 24px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
	line-height: 1.75;
}


.front-policy-item__content h1,
.front-policy-item__content h2,
.front-policy-item__content h3,
.front-policy-item__content h4,
.front-policy-item__content h5,
.front-policy-item__content h6,
.front-policy-item__content .h1,
.front-policy-item__content .h2,
.front-policy-item__content .h3,
.front-policy-item__content .h4,
.front-policy-item__content .h5,
.front-policy-item__content .h6 {
	color: var(--colors-white);
	margin-bottom: 2rem;
}

.front-policy-item__content p {
	margin-bottom: 2rem;
}

.front-policy-item__content p:last-child {
	margin-bottom: 0;
}

.front-policy-item__content ul {
	margin-bottom: 2rem;
}

.front-policy-item__content ul:last-child {
	margin-bottom: 0;
}

.front-policy-item__content b {
	color: var(--colors-white);
	font-weight: 600;
}

.front-policy-item__content a {
	color: var(--colors-green-1000);
}

.front-policy-item__content .system-message-block {
	margin-bottom: 2rem;
}

.front-policy-item__content .system-message-block:last-child {
	margin-bottom: 0;
}


.system-message--success--security {}

.system-message--success--security .system-message__icon::before {
	mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	background-color: var(--colors-green-1000);
}


.front-policy-protection-links-block {
	margin-top: 24px;
	margin-bottom: 24px;
}

.front-policy-protection-links-block:last-child {
	margin-bottom: 0;
}

.front-policy-protection-links {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -16px;
}

.front-policy-protection-link-wrapper {
	width: 50%;
	margin-top: 16px;
	padding-left: 8px;
	padding-right: 8px;
}

.front-policy-protection-link {
	display: block;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 16px;
	text-decoration: none;
}

.front-policy-protection-link:hover {
	background: rgba(22, 255, 142, 0.08);
	border: 1px solid var(--colors-green--200);
}

.front-policy-protection-link__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.front-policy-protection-link__descr {
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.front-policy-mail-block {
	display: flex;
}

.front-policy-mail {
	display: flex;
	align-items: center;
	color: var(--colors-green-1000);
	text-decoration: none;
}

.front-policy-mail__icon {
	position: relative;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.05);
}

.front-policy-mail__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/mail.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/mail.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.front-policy-mail__text {
	width: calc(100% - 32px);
	padding-left: 12px;
	font-size: 14px;
	line-height: 1.43;
}



.front-policy-mail:hover {
	color: var(--colors-green-1000);
	text-decoration: none;
}

.front-policy-mail:hover .front-policy-mail__icon::before {
	background-color: var(--colors-green-1000);
}

.front-policy-note-block {
	margin-top: 24px;
}

.front-policy-note {
	font-size: 12px;
	line-height: 1.63;
	color: var(--colors-gray);
}

.front-policy-updated-block {
	margin-top: 24px;
}

.front-policy-updated {
	position: relative;
	padding-left: 20px;
	font-size: 12px;
	line-height: 1.75;
	color: var(--colors-white);
}

.front-policy-updated::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/clock-8.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/clock-8.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}


.front-page-info-top-block {}

.front-page-info-top {
	padding-top: 80px;
	padding-bottom: 80px;
}

.front-page-info-top__left {}

.front-page-info-top__right {}

.front-page-info-top-divider-block {}

.front-page-info-top-divider {
	width: 96px;
	position: relative;
	height: 9px;
}

.front-page-info-top-divider::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: linear-gradient(90deg, #00f0a8 0%, rgba(0, 240, 168, 0) 100%);
	height: 1px;
}

.front-page-info-top-divider::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	background: linear-gradient(90deg, #00a8b5 0%, rgba(0, 168, 181, 0) 100%);
	height: 1px;
}

.front-page-info-top-content {
	padding-right: 24px;
	padding-top: 24px;
	margin-top: 8px;
}

.front-page-info-top-title-block {}

.front-page-info-top-title {}

.gradient-text-wrapper {}

.gradient-text {
	background: linear-gradient(90deg, #00f0a8 0%, #fff 50%, #00a8b5 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.front-page-info-top-descr-block {
	margin-top: 24px;
}

.front-page-info-top-descr {
	font-size: 18px;
	line-height: 1.5;
	color: var(--colors-gray);
}



.front-page-info-feature-items-block {
	padding-top: 24px;
	margin-top: 8px;
}

.front-page-info-feature-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -16px;
}

.front-page-info-feature-item-wrapper {
	margin-top: 16px;
	padding-left: 8px;
	padding-right: 8px;
}

.front-page-info-feature-item {
	cursor: default;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	backdrop-filter: blur(12px);
	background: rgba(2, 3, 5, 0.6);
}

.front-page-info-feature-item__icon {
	width: 16px;
	height: 16px;
	position: relative;
}

.front-page-info-feature-item__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-percent.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-percent.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background: var(--colors-telegram);
}

.front-page-info-feature-item__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
	padding-left: 12px;
	opacity: 0.8;
}


.front-page-info-feature-item--loans-options {
	border: 1px solid var(--colors-green--200);
}

.front-page-info-feature-item--loans-options .front-page-info-feature-item__icon {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.front-page-info-feature-item--loans-options .front-page-info-feature-item__icon::before {
	display: none;
}

.front-page-info-feature-item--loans-options .front-page-info-feature-item__text {
	color: var(--colors-green-1000);
	opacity: 1;
}

.front-page-info-feature-item--loans-percent {}


.front-page-info-feature-item--loans-percent .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/circle-percent.svg');
	-webkit-mask-image: url('../images/svg/circle-percent.svg');
	background: var(--colors-telegram);
}


.front-page-info-feature-item--loans-issuance {
	background: rgba(10, 12, 16, 0.6);
}


.front-page-info-feature-item--loans-issuance .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/zap.svg');
	-webkit-mask-image: url('../images/svg/zap.svg');
	background: var(--colors-purple);
}

.front-page-info-top-buttons-block {
	margin-top: 8px;
	padding-top: 24px;
}

.front-page-info-top-buttons {
	display: flex;
	margin-top: -16px;
	margin-left: -8px;
	margin-right: -8px;
}

.front-page-info-top-button-wrapper {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 16px;
}


.front-page-info-top-button {
	padding-left: 31px;
	padding-right: 31px;
}


.front-page-info-top-calc-button {
	padding-left: 31px;
	padding-right: 31px;
}

.front-page-info-top-calc-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/calculator.svg');
	-webkit-mask-image: url('../images/svg/calculator.svg');
	background: var(--colors-white);
}


.fp-infographic-block {
	position: relative;
}

.fp-infographic {
	position: relative;
	width: 508px;
	height: 508px;
	margin-right: auto;
	margin-left: auto;
}


.fp-infographic__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.fp-infographic__circles {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.fp-infographic__circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.fp-infographic__circle--outer {
	border: 1px solid rgba(255, 255, 255, 0.02);
	width: 508px;
	height: 508px;
	border-radius: 502px;
}

.fp-infographic__circle--middle {
	border: 1px solid rgba(255, 255, 255, 0.03);
	/* border: 1px solid rgba(255, 255, 255, 0.23); */
	width: 352px;
	height: 352px;
	border-radius: 352px;
}

.fp-infographic__circle--inner {
	border: 1px solid rgba(255, 255, 255, 0.05);
	width: 196px;
	height: 196px;
	border-radius: 196px;
}


.fp-infographic__poiners {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.fp-infographic__pointer {
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: var(--colors-green-1000);
	border-radius: 6px;
}

.fp-infographic__pointer::before {
	transform-origin: 0;
}

.fp-infographic__pointer--left-top {
	bottom: 65%;
	right: 81%;
	transform: translate(50%, 50%);
}

.fp-infographic__pointer--left-top::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 175px;
	height: 1px;
	background: linear-gradient(135deg, rgba(16, 185, 129, 0) 0%, rgba(16, 185, 129, 0.5) 50%, rgba(52, 211, 153, 0) 100%);
	transform: rotate(26deg);
}



.fp-infographic__pointer--left-bottom {
	top: 77.37%;
	left: 23.42%;
	transform: translate(-50%, -50%);
}

.fp-infographic__pointer--left-bottom::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 190px;
	height: 1px;
	background: linear-gradient(135deg, rgba(16, 185, 129, 0) 0%, rgba(16, 185, 129, 0.5) 50%, rgba(52, 211, 153, 0) 100%);
	transform: rotate(-47.5deg);
}





.fp-infographic__pointer--right-top {
	bottom: 72%;
	left: 76.77%;
	transform: translate(-50%, 50%);
}

.fp-infographic__pointer--right-top::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 175px;
	height: 1px;
	background: linear-gradient(135deg, rgba(16, 185, 129, 1) 0%, rgba(16, 185, 129, 1) 50%, rgba(16, 185, 129, 1) 100%);
	transform: rotate(141deg);
}

.fp-infographic__pointer--right-bottom {
	top: 75.79%;
	left: 73.03%;
	transform: translate(-50%, -50%);
}

.fp-infographic__pointer--right-bottom::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 175px;
	height: 1px;
	background: linear-gradient(135deg, rgba(16, 185, 129, 0) 0%, rgba(16, 185, 129, 0.5) 50%, rgba(52, 211, 153, 0) 100%);
	transform: rotate(228deg);
}


.fp-infographic__pointer--center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 1px;
	width: 1px;
	background-color: #fff;
}


.fp-infographic__content {
	position: relative;
	width: 508px;
	height: 508px;
}


.fp-infographic__center-icon-block {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 40px -10px rgba(16, 185, 129, 0.4);
	background: #0a0a0a;
	border: 1px solid rgba(22, 255, 142, 0.3);
	border-radius: 98px;
	padding: 1px;
	width: 98px;
	height: 98px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
}

.fp-infographic__center-icon {
	background: var(--colors-green-100);
	border-radius: 94px;
	width: 94px;
	height: 94px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fp-infographic__center-icon::before {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/landmark.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 40px 40px;
	-webkit-mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 40px 40px;
	background: var(--colors-green-1000);
}

.fp-infographic-items {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.fp-infographic-item {
	position: absolute;
	backdrop-filter: blur(12px);
	box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.03);
}

.fp-infographic-item--left-top {
	bottom: 65%;
	right: 81%;
	transform: translate(50%, -6px);
}


.fp-infographic-item--left-bottom {
	top: 77.37%;
	left: 23.42%;
	transform: translate(-50%, 6px);
}

.fp-infographic-item--right-top {
	bottom: 72%;
	left: 76.77%;
	transform: translate(-50%, -6px);
}

.fp-infographic-item--right-bottom {
	top: 75.79%;
	left: 73.03%;
	transform: translate(-50%, 6px);
}

.fp-infographic-item__inner {
	border: 1px solid rgba(255, 255, 255, 0.02);
	border-radius: 12px;
	padding: 16px;
	min-width: 200px;
	max-width: 240px;
}

.fp-infographic-item__info {
	display: flex;
	align-items: center;
	margin-top: 16px;
}

.fp-infographic-item__info:first-child {
	margin-top: 0;
}

.fp-infographic-item__info__icon-block {
	width: 32px;
}

.fp-infographic-item__info__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.fp-infographic-item__info__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.fp-infographic-item__info__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}


.fp-infographic-item__info__icon__image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}

.fp-infographic-item__info__icon__image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-percent.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-percent.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.fp-infographic-item__info__content {
	width: calc(100% - 32px);
	padding-left: 12px;
	position: relative;
}


.fp-infographic-item__info__title {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.fp-infographic-item__info__value {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.fp-infographic-item__info__value+.fp-infographic-item__info__title {
	margin-top: 2px;
}


.fp-infographic-item__info--loans-rate {}

.fp-infographic-item__info__icon--loans-rate {}

.fp-infographic-item__info__icon--loans-rate::before {
	background: rgba(192, 132, 252, 0.2);
}

.fp-infographic-item__info__icon--loans-rate .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/circle-percent.svg');
	-webkit-mask-image: url('../images/svg/circle-percent.svg');
	background-color: var(--colors-purple);
}



.fp-infographic-item__info--loans-available {}

.fp-infographic-item__info--loans-available .fp-infographic-item__info__content {
	display: flex;
	flex-direction: column-reverse;
}

.fp-infographic-item__info--loans-available .fp-infographic-item__info__title {
	color: var(--colors-green-1000);
}

.fp-infographic-item__info__icon--loans-available {}

.fp-infographic-item__info__icon--loans-available::before {
	background: var(--colors-green--200);
}


.fp-infographic-item__info__icon--loans-available .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/user-star.svg');
	-webkit-mask-image: url('../images/svg/user-star.svg');
	background-color: var(--colors-green-1000);
}


.fp-infographic-item__info--loans-network {}


.fp-infographic-item__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.fp-infographic-item__top-left {
	padding-right: 8px;
}

.fp-infographic-item__top-right {}


.fp-infographic-item__top-title {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.fp-infographic-item__top-label-wrapper {
	display: flex;
}

.fp-infographic-item__top-label {
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	padding: 2px 6px;
}

.fp-infographic-item__top-label--green {
	color: var(--colors-green-1000);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}




.fp-infographic--loans {}

.fp-infographic--loans .fp-infographic__center-icon::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
	background: var(--colors-green-1000);
}

.fp-infographic--loans {}

.fp-infographic--loans .fp-infographic-item--left-top {
	margin-right: 28px;
}

.fp-infographic--loans .fp-infographic-item--left-top .fp-infographic-item__inner {
	padding-top: 12px;
	padding-bottom: 12px;
}

.fp-infographic--loans .fp-infographic-item--right-top {
	margin-left: 26px;
}



.fp-infographic--loans .fp-infographic-item--right-bottom {
	margin-left: 21px;
}

.fp-infographic--loans .fp-infographic-item--right-bottom .fp-infographic-item__inner {
	padding: 20px;
}




.fp-infographic-item__progress {
	position: relative;
	margin-top: 16px;
	border-radius: 8px;
	width: 100%;
	height: 6px;
	background-color: #262626;
}

.fp-infographic-item__progress__loaded {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}


.fp-infographic-item__progress--btc {}

.fp-infographic-item__progress--btc .fp-infographic-item__progress__loaded {
	box-shadow: 0 -1px 0.5px 0 rgba(52, 211, 153, 0.8);
	background: var(--colors-orange);
}


.front-features-block {}

.front-features {}

.front-features-top-block {}

.front-features-top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.front-features-top__left {
	padding-right: 24px;
}

.front-features-top__title {
	line-height: 1.12;
	color: var(--colors-white);
}

.front-features-top__descr {
	margin-top: 16px;
	color: var(--colors-gray);
}


.front-features-top__right {}

.front-features-top__right .more-link-block {
	margin-top: 0;
}


.more-link-block {
	margin-top: 16px;
	display: flex;
}


.more-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding: 0;
	border: 0;
	background-color: transparent;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.71;
	color: var(--colors-green-1000);
	padding-right: 22px;
}

.more-link::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/arrow-right.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/arrow-right.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.more-link:hover {
	color: var(--colors-white);
}

.more-link:hover::after {
	background-color: var(--colors-white);
}



.front-feature-items-block {
	margin-top: 40px;
}

.front-feature-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -24px;
}

.front-feature-item-wrapper {
	width: 33.33%;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 24px;
}

.front-feature-item {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 32px;
	height: 100%;
}

.front-feature-item__icon {
	border: 1px solid rgba(22, 255, 142, 0.02);
	border-radius: 12px;
	width: 48px;
	height: 48px;
	background: rgba(255, 255, 255, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
}

.front-feature-item__title {
	margin-top: 12px;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.front-feature-item__descr {
	margin-top: 8px;
	font-size: 14px;
	line-height: 160%;
	color: var(--colors-gray);
}


.front-section-block {
	margin-top: 80px;
}

.front-section-block:first-child {
	margin-top: 0;
}

.front-section-title-block {}

.front-section-title {
	line-height: 1.12;
	color: var(--colors-white);
}

.front-section-descr-block {
	margin-top: 16px;
}

.front-section-descr {
	color: var(--colors-gray);
	max-width: 672px;
}

.front-section {
	padding-top: 40px;
}



.collateral-asset-table-block {
	position: relative;
}

.collateral-asset-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.collateral-asset-table {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.collateral-asset-table-heading {
	background: rgba(255, 255, 255, 0.02);
	display: flex;
	align-items: center;
}

.collateral-asset-t-h-cell {
	padding: 10px 20px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	width: 16.66%;
}



.collateral-asset-t-h-cell--asset {
	width: 50%;
}

.collateral-asset-t-h-cell--max-ltv {
	width: 50%;
	text-align: center;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}




.collateral-asset-table-items {}

.collateral-asset-table-item {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.collateral-asset-table-item:first-child {
	border: 0;
}

.collateral-asset-table-item__inner {
	display: flex;
}

.collateral-asset-t-i-cell {
	width: 50%;
	padding: 14px 20px;
	display: flex;
	align-items: center;
}


.collateral-asset-t-i-cell--asset {
	width: 50%;
}

.collateral-asset-t-i-cell--max-ltv {
	width: 50%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}


.collateral-asset-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}


.collateral-asset-t-i-cell__content {}

.collateral-asset-t-i-cell--asset .collateral-asset-t-i-cell__content {
	width: 100%;
}

.collateral-asset-t-i-currency-block {}

.collateral-asset-t-i-currency {}


.collateral-asset-t-i-cell--max-ltv .collateral-asset-t-i-cell__content {
	width: 100%;
}

.collateral-asset-t-i-max-ltv-block {
	display: flex;
	justify-content: center;
}

.collateral-asset-t-i-max-ltv {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.3;
	color: var(--colors-white);
}


[data-table-elements="hidden"] {
	display: none;
}

.table-show-all-button-block {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.table-show-all-button {
	width: 100%;
	font-size: 14px;
	line-height: 1.14;
	color: var(--colors-gray);
	border-radius: 0;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background-color: rgba(255, 255, 255, 0.02);
	border-color: transparent;
	padding-top: 23px;
	padding-bottom: 23px;
}


.table-show-all-button .iconed-btn__icon {}

.table-show-all-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	background-color: var(--colors-gray);
}

.table-show-all-button.active .iconed-btn__icon::before {
	transform: translate(-50%, -50%) rotate(180deg);
}


.collateral-asset-table-items+.collateral-asset-table-items .collateral-asset-table-item:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.front-section-top-block {}

.front-section-top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.front-section-top__left {
	padding-right: 24px;
}



.front-section-top__right {}

.front-section-top__right .more-link-block {
	margin-top: 0;
}


.front-loan-form-block {
	position: relative;
}

.front-loan-form-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	border-radius: 32px;
}

.front-loan-form-block::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 32px;
}

.front-loan-form-wrapper {
	position: relative;
	z-index: 2;
	border-radius: 32px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}

.front-loan-form {
	display: flex;
	flex-wrap: wrap;
}

.front-loan-form__left {
	width: calc(100% - 534px);
}

.front-loan-form__right {
	padding: 40px 32px;
	width: 534px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.01);
	border-left: 1px solid rgba(255, 255, 255, 0.03);
}

.front-loan-form__fields {
	padding: 40px;
}

.front-loan-form .form-fieldset-block {
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.front-loan-form__right-top {}

.front-loan-form__right-bottom {
	padding-top: 24px;
}

.front-loan-form-info-block {
	margin-top: 24px;
}

.front-loan-form-info {}

.front-loan-form-info__title-block {}

.front-loan-form-info__title {
	position: relative;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
	padding-left: 14px;
}

.front-loan-form-info__title::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border-radius: 6px;
	width: 6px;
	height: 6px;
	background: var(--colors-green-1000);
}

.front-loan-form-info__descr-block {
	margin-top: 8px;
}

.front-loan-form-info__descr {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.front-loan-form-summary-top-block {}

.front-loan-form-summary-top {
	display: flex;
	align-items: flex-start;
}

.front-loan-form-summary-top__left {
	width: calc(100% - 48px);
	padding-right: 24px;
}

.front-loan-form-summary-top__right {
	width: 48px;
	height: 48px;
}

.front-loan-form-summary-top__title {
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.front-loan-form-summary-top__descr {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}



.front-loan-form-summary-top__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 12px;
	width: 48px;
	height: 48px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.front-loan-form-summary-top__icon .image {
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 3;
}


.front-loan-form-summary-top__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.front-loan-form-summary-top__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	border: 1.50px solid rgba(22, 255, 142, 0.03);
	z-index: 2;
}



.front-loan-form-summary-top__icon-image {
	position: relative;
	width: 24px;
	height: 24px;
	z-index: 3;
}


.front-loan-form-summary-top__icon-image::before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/calculator.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 24px 24px;
	-webkit-mask-image: url('../images/svg/calculator.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 24px 24px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}



.front-cta-block {
	margin-top: 80px;
	position: relative;
}

.front-cta-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 32px;
}

.front-cta {
	position: relative;
	z-index: 3;
	padding: 58px;
	background-color: rgba(10, 10, 10, 0.6);
	background-image: url('../images/theme/front-cta-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	border: 1px solid rgba(255, 255, 255, 0.02);
	border-radius: 32px;
}

.front-cta__title-block {}

.front-cta__title {
	text-align: center;
}

.front-cta__descr-block {
	margin-top: 24px;
}

.front-cta__descr {
	max-width: 672px;
	margin-right: auto;
	margin-left: auto;

	font-size: 20px;
	text-align: center;
	color: var(--colors-gray);
}


.front-cta-buttons-block {
	margin-top: 24px;
}

.front-cta-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -16px;
}

.front-cta-button-wrapper {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 16px;
}

.front-cta-button {}


.download-button-block {}

.download-button {}

.download-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/download.svg');
	-webkit-mask-image: url('../images/svg/download.svg');
}

.front-cta-features-block {
	margin-top: 24px;
}

.front-cta-features {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -16px;
}

.front-cta-feature-wrapper {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 16px;
}

.front-cta-feature {
	display: flex;
	align-items: center;
}

.front-cta-feature__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.front-cta-feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.front-cta-feature__text {
	width: calc(100% - 16px);
	padding-left: 6px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-align: center;
	color: var(--colors-white);
}






.front-page-info-feature-item--affiliate-stats {
	border: 1px solid var(--colors-green--200);
}

.front-page-info-feature-item--affiliate-stats .front-page-info-feature-item__icon {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.front-page-info-feature-item--affiliate-stats .front-page-info-feature-item__icon::before {
	display: none;
}

.front-page-info-feature-item--affiliate-stats .front-page-info-feature-item__text {
	color: var(--colors-green-1000);
	opacity: 1;
}

.front-page-info-feature-item--affiliate-commission {}


.front-page-info-feature-item--affiliate-commission .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/circle-percent.svg');
	-webkit-mask-image: url('../images/svg/circle-percent.svg');
	background: var(--colors-telegram);
}


.front-page-info-feature-item--affiliate-bonuses {
	background: rgba(10, 12, 16, 0.6);
}


.front-page-info-feature-item--affiliate-bonuses .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/gift.svg');
	-webkit-mask-image: url('../images/svg/gift.svg');
	background: var(--colors-purple);
}




.fp-infographic--affiliate {}

.fp-infographic--affiliate .fp-infographic__center-icon::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
	background: var(--colors-green-1000);
}


.fp-infographic--affiliate {}

.fp-infographic--affiliate .fp-infographic-item--left-top {
	margin-right: 28px;
}

.fp-infographic--affiliate .fp-infographic-item--left-top .fp-infographic-item__inner {
	padding-top: 12px;
	padding-bottom: 12px;
}

.fp-infographic--affiliate .fp-infographic-item--right-top {
	margin-left: 26px;
}

.fp-infographic--affiliate .fp-infographic-item--right-bottom {
	margin-left: 21px;
}

.fp-infographic--affiliate .fp-infographic-item--right-bottom .fp-infographic-item__inner {
	padding: 20px;
	min-width: 220px;
	max-width: 260px;
}



.fp-infographic-item__info--affiliate-bonus {}

.fp-infographic-item__info__icon--affiliate-bonus {}

.fp-infographic-item__info__icon--affiliate-bonus::before {
	background: rgba(192, 132, 252, 0.2);
}

.fp-infographic-item__info__icon--affiliate-bonus .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/gift.svg');
	-webkit-mask-image: url('../images/svg/gift.svg');
	background-color: var(--colors-purple);
}



.fp-infographic-item__info--affiliate-referral {}

.fp-infographic-item__info--affiliate-referral .fp-infographic-item__info__content {
	display: flex;
	flex-direction: column-reverse;
}

.fp-infographic-item__info--affiliate-referral .fp-infographic-item__info__title {
	color: var(--colors-green-1000);
}

.fp-infographic-item__info__icon--affiliate-referral {}

.fp-infographic-item__info__icon--affiliate-referral::before {
	background: var(--colors-green--200);
}


.fp-infographic-item__info__icon--affiliate-referral .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/user-star.svg');
	-webkit-mask-image: url('../images/svg/user-star.svg');
	background-color: var(--colors-green-1000);
}



.fp-infographic-item__info--affiliate-upgrade {}

.fp-infographic-item__info__icon--affiliate-upgrade {}

.fp-infographic-item__info__icon--affiliate-upgrade::before {
	background: var(--colors-green--200);
}

.fp-infographic-item__info__icon--affiliate-upgrade .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	background-color: var(--colors-green-1000);
}


.fp-infographic-item__progress--upgrade {}

.fp-infographic-item__progress--upgrade .fp-infographic-item__progress__loaded {
	box-shadow: 0 0 10px 0 rgba(52, 211, 153, 0.8);
	background: var(--colors-green-1000);
}

.fp-infographic-item__info-level-block {}

.fp-infographic-item__info-levels {
	display: flex;
	align-items: center;
}

.fp-infographic-item__info-level {
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	color: var(--colors-white);
}

.fp-infographic-item__info-level-arrow {
	position: relative;
	width: 9px;
	height: 4px;
}

.fp-infographic-item__info-level-arrow::before {
	content: '';
	position: absolute;
	width: 9px;
	height: 4px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/fp-infographic-item__info-level-arrow.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 9px 4px;
	-webkit-mask-image: url('../images/svg/fp-infographic-item__info-level-arrow.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 9px 4px;
	background-color: #737373;
	transition: 0.4s ease;
}

.fp-infographic-item__info-level--current {
	padding-right: 4px;
}

.fp-infographic-item__info-level--next {
	padding-left: 4px;
	color: var(--colors-green-1000);
}


.aff-profit-calc-items-block {}

.aff-profit-calc-items {
	display: flex;
	flex-wrap: wrap;
	margin-top: -16px;
	margin-left: -12px;
	margin-right: -12px;
}

.aff-profit-calc-item-wrapper {
	width: 33.33%;
	margin-top: 16px;
	padding-left: 12px;
	padding-right: 12px;
}

.aff-profit-calc-item {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	height: 100%;
	overflow: hidden;
}

.aff-profit-calc-item-infographic-block {}

.aff-profit-calc-item-infographic {
	position: relative;
	height: 256px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.aff-profit-calc-item-infographic--ai {
	background: radial-gradient(141.54% 72.54% at 95.38% 3.91%, rgba(245, 158, 11, 0.07) 0%, rgba(245, 158, 11, 0) 100%);
}

.aff-profit-calc-item-infographic--exchange {
	background: radial-gradient(141.54% 72.54% at 95.38% 3.91%, rgba(6, 182, 212, 0.07) 0%, rgba(6, 182, 212, 0) 100%);
}

.aff-profit-calc-item-infographic--loans {
	background: radial-gradient(141.54% 72.54% at 95.38% 3.91%, rgba(192, 132, 252, 0.07) 0%, rgba(192, 132, 252, 0) 100%)
}


.aff-profit-calc-item-infographic--ai .aff-profit-calc-item-infographic-content {
	padding-top: 16px;
}



.aff-profit-calc-item-descr {
	margin-top: 16px;
	font-size: 14px;
	line-height: 160%;
	color: var(--colors-gray);
}


.aff-profit-calc-item-tags-block {
	margin-top: 24px;
}

.aff-profit-calc-item-tags {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
	margin-top: -4px;
}

.aff-profit-calc-item-tag-wrapper {
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 4px;
}

.aff-profit-calc-item-tag {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-transform: uppercase;
	text-align: right;
	color: var(--colors-gray);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
}



.aff-profit-calc-item-tag--risk {
	background: rgba(245, 158, 11, 0.1);
	color: var(--colors-orange);
	border: 1px solid rgba(245, 158, 11, 0.2);
	padding-left: 16px;
	text-transform: none;
}

.aff-profit-calc-item-tag--risk::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 4px;
	width: 4px;
	height: 4px;
	box-shadow: 0 0 8px 0 rgba(245, 158, 11, 0.6);
	background: var(--colors-orange);
}


.aff-profit-calc-item-infographic-ai-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	background: linear-gradient(0deg, #050505 0%, rgba(5, 5, 5, 0) 100%);
}

.aff-profit-calc-item-infographic-ai-bg-image-wrapper {
	width: 379px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}

.aff-profit-calc-item-infographic-ai-bg-image {
	margin-right: -20px;
}

.aff-profit-calc-item-infographic-ai-bg-image .image {}


.aff-profit-calc-item-infographic-content {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.aff-profit-calc-infographic-ai-main-image-block {
	position: relative;
	width: 80px;
	height: 80px;
}

.aff-profit-calc-infographic-ai-main-image {
	border: 1px solid rgba(245, 158, 11, 0.3);
	border-radius: 80px;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aff-profit-calc-infographic-ai-main-image::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 80px;
	filter: blur(12px);
	background: rgba(245, 158, 11, 0.2);
}


.aff-profit-calc-infographic-ai-main-image .image {
	position: relative;
	width: 24px;
	height: 24px;
	z-index: 3;
}


.aff-profit-calc-infographic-ai-dot-1 {
	position: absolute;
	top: 40px;
	right: calc(100% + 10px);
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: var(--colors-green-1000);
}

.aff-profit-calc-infographic-ai-dot-2 {
	position: absolute;
	bottom: 80px;
	left: calc(100% + 16px);
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: var(--colors-orange);
}

.aff-profit-calc-infographic-ai-label-block {
	position: absolute;
	left: 100%;
	margin-left: -20px;
	top: 8px;
}

.aff-profit-calc-infographic-ai-label {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 9px;
	line-height: 1.5;
	color: var(--colors-orange);
	backdrop-filter: blur(12px);
	background: #0a0a0c;
	border: 1px solid rgba(245, 158, 11, 0.3);
	border-radius: 4px;
	padding: 2px 8px;
	white-space: nowrap;
}

.aff-profit-calc-item-infographic-commission-block {
	margin-top: 32px;
}

.aff-profit-calc-item-infographic-commission {
	position: relative;
	padding-top: 16px;
}

.aff-profit-calc-item-infographic-commission-connection {
	position: absolute;
	height: 64px;
	bottom: 20px;
	width: 1px;
	left: 50%;
	transform: translateX(-50%);
	background-image: linear-gradient(180deg, rgba(16, 185, 129, 0.5) 0%, rgba(16, 185, 129, 0) 100%);
}


.aff-profit-calc-item-infographic-commission-connection::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 32px;
	filter: blur(1px);
	background: linear-gradient(180deg, #f59e0b 0%, #16ff8e 100%);
}

.aff-profit-calc-item-infographic-commission__icon-block {
	position: relative;
	box-shadow: 0 0 20px -5px rgba(16, 185, 129, 0.3);
	background: rgba(2, 44, 34, 0.5);
	border: 1px solid var(--colors-green-100);
	border-radius: 12px;
	width: 48px;
	height: 48px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aff-profit-calc-item-infographic-commission__icon {
	position: relative;
	width: 18px;
	height: 18px;
}

.aff-profit-calc-item-infographic-commission__icon::before {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/wallet.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 18px 18px;
	-webkit-mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 18px 18px;
	background: var(--colors-green-1000);
}

.aff-profit-calc-item-infographic-commission__title-block {
	margin-top: 8px;
}

.aff-profit-calc-item-infographic-commission__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-align: center;
	color: var(--colors-green-1000);
}


.aff-profit-calc-infographic-exchange-block {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aff-profit-calc-infographic-exchange {
	position: relative;
	border: 1px dashed var(--colors-blue-200);
	border-radius: 192px;
	width: 192px;
	height: 192px;
}


.aff-profit-calc-infographic-exchange-orbit-elements {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.aff-profit-calc-infographic-exchange-orbit-element {
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translate(-50%, 50%);
	border: 1px solid rgba(0, 245, 255, 0.3);
	border-radius: 24px;
	padding: 2px;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #050505;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	text-align: center;
	color: var(--colors-blue-1000);
}

.aff-profit-calc-infographic-exchange-fee-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(12deg);
}

.aff-profit-calc-infographic-exchange-fee {
	position: absolute;
	left: auto;
	right: 0;
	top: 50%;

	font-family: var(--second-family);
	font-weight: 700;
	font-size: 9px;
	line-height: 150%;
	color: var(--colors-white);
	border: 1px solid rgba(0, 245, 255, 0.3);
	border-radius: 4px;
	padding: 2px 6px;
	background: rgba(0, 245, 255, 0.8);
}

.aff-profit-calc-infographic-exchange-fee::before {
	content: '';
	position: absolute;
	top: 12px;
	right: 0;
	width: 96px;
	height: 1px;
	background: linear-gradient(90deg, rgba(6, 182, 212, 0.5) 0%, rgba(6, 182, 212, 0) 100%);
}

.aff-profit-calc-infographic-exchange-fee__text {
	position: relative;
	z-index: 2;
}

.aff-profit-calc-infographic-exchange-info-block {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aff-profit-calc-infographic-exchange-info {}


.aff-profit-calc-infographic-exchange-info__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 9px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
	color: rgba(0, 245, 255, 0.7);
}

.aff-profit-calc-infographic-exchange-info__value {
	margin-top: 4px;
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 24px;
	line-height: 1.33;
	letter-spacing: -0.03em;
	text-align: center;
	color: var(--colors-white);
}


.aff-profit-calc-infographic-loan-block {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
}

.aff-profit-calc-infographic-loan {
	width: 100%;
}

.aff-profit-calc-infographic-loan-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.aff-profit-calc-infographic-loan-top__left {}

.aff-profit-calc-infographic-loan-top__right {}

.aff-profit-calc-infographic-loan-top__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--colors-purple);
}

.aff-profit-calc-infographic-loan-top__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.aff-profit-calc-infographic-loan-top__icon::before {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/shield-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 18px 18px;
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 18px 18px;
	background: var(--colors-purple);
}


.aff-profit-calc-infographic-loan-progress {
	margin-top: 16px;
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	width: 100%;
	height: 6px;
	position: relative;
	overflow: hidden;
}

.aff-profit-calc-infographic-loan-progress__loaded {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: linear-gradient(90deg, #7c3aed 0%, #a78bfa 100%);
}


.aff-profit-calc-infographic-loan-points {
	position: relative;
	height: 80px;
	padding-top: 16px;
}

.aff-profit-calc-infographic-loan-point {
	position: absolute;
	top: 16px;
	transform: translateX(-50%);
}

.aff-profit-calc-infographic-loan-point--interest-1 {
	left: 26.76%;
}

.aff-profit-calc-infographic-loan-point--interest-2 {
	left: 51.76%;
}

.aff-profit-calc-infographic-loan-point--bonus {
	left: 80.59%;
}


.aff-profit-calc-infographic-loan-point__line {
	width: 4px;
	height: 12px;
	background: rgba(192, 132, 252, 0.3);
	margin-right: auto;
	margin-left: auto;
}

.aff-profit-calc-infographic-loan-point__content {
	padding-top: 4px;
}

.aff-profit-calc-infographic-loan-point__interest {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 9px;
	line-height: 1.5;
	color: var(--colors-green-1000);
}



.aff-profit-calc-infographic-loan-point--bonus .aff-profit-calc-infographic-loan-point__line {
	background: linear-gradient(180deg, rgba(245, 158, 11, 0.5) 0%, rgba(245, 158, 11, 0) 100%);
	width: 1px;
	height: 24px;
}

.aff-profit-calc-infographic-loan-point__bonus {
	box-shadow: 0 0 10px -2px rgba(245, 158, 11, 0.3);
	background: rgba(245, 158, 11, 0.1);
	border: 1px solid rgba(245, 158, 11, 0.3);
	border-radius: 4px;
	padding: 4px 8px;
	display: flex;
	align-items: center;
}

.aff-profit-calc-infographic-loan-point__bonus-icon {
	position: relative;
	width: 12px;
	height: 12px;
}

.aff-profit-calc-infographic-loan-point__bonus-icon::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-orange);
	transition: 0.4s ease;
}

.aff-profit-calc-infographic-loan-point__bonus-text {
	white-space: nowrap;
	padding-left: 4px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 9px;
	line-height: 150%;
	color: #fbbf24;
}


.aff-profit-calc-item-content {
	padding: 32px;
}

.aff-profit-calc-item-title-block {}

.aff-profit-calc-item-title {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 20px;
	line-height: 160%;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}



.aff-profit-calc-item-title__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.aff-profit-calc-item-title__icon__image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.aff-profit-calc-item-title__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.aff-profit-calc-item-title__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(245, 158, 11, 0.03);
	z-index: 2;
}


.aff-profit-calc-item-title__text {
	width: calc(100% - 32px);
	padding-left: 12px;
}


.aff-profit-calc-item-title__icon__image {
	width: 16px;
	height: 16px;
	position: relative;
}


.aff-profit-calc-item-title__icon__image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/flame.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/flame.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.aff-profit-calc-item-title--ai .aff-profit-calc-item-title__icon::before {
	background: rgba(244, 165, 31, 0.2);
}

.aff-profit-calc-item-title--ai .aff-profit-calc-item-title__icon::before {
	background: rgba(244, 165, 31, 0.2);
}


.aff-profit-calc-item-title--ai .aff-profit-calc-item-title__icon__image::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background-color: var(--colors-orange);
}


.aff-profit-calc-item-title--exchange .aff-profit-calc-item-title__icon::before {
	background: var(--colors-blue-200);
}

.aff-profit-calc-item-title--exchange .aff-profit-calc-item-title__icon__image::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
	background-color: var(--colors-blue-1000);
}


.aff-profit-calc-item-title--loans .aff-profit-calc-item-title__icon::before {
	background: rgba(192, 132, 252, 0.2);
}

.aff-profit-calc-item-title--loans .aff-profit-calc-item-title__icon__image::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
	background-color: var(--colors-purple);
}


.front-section-update-block {
	display: flex;
}

.front-section-update {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 9999px;
	padding: 8px 16px;
	backdrop-filter: blur(4px);
	background: rgba(255, 255, 255, 0.05);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-white);
}

.front-section-update--online {
	padding-left: 32px;
}

.front-section-update--online::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 16px;
	transform: translateY(-50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	box-shadow: 0 0 8px 0 rgba(52, 211, 153, 0.5);
	background: var(--colors-green-1000);
}

.front-section-update__text {
	font-weight: 500;
	font-size: 12px;
	line-height: 133%;
	color: var(--colors-white);
}

.aff-profit-calc-item--ai {}

.aff-profit-calc-item--exchange {}

.aff-profit-calc-item--loans {}





.aff-commission-table-block {
	position: relative;
}

.aff-commission-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.aff-commission-table {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.aff-commission-table-heading {
	background: rgba(255, 255, 255, 0.02);
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.aff-commission-t-h-cell {
	padding: 10px 16px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	width: 8.8%;
}



.aff-commission-t-h-cell {
	width: 8.8%;
}

.aff-commission-t-h-cell--level-name {
	width: 23.14%;
}

.aff-commission-t-h-cell--req-profit {
	width: 15.43%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}

.aff-commission-t-h-cell--line {
	width: 8.8%;
	text-align: center;
}

.aff-commission-t-h-cell--line--active {
	background: rgba(2, 44, 34, 0.1);
}




.aff-commission-table-items {}

.aff-commission-table-item {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.aff-commission-table-item:first-child {
	border: 0;
}

.aff-commission-table-item__inner {
	display: flex;
}


.aff-commission-t-i-cell {
	width: 8.8%;
	padding: 14px 16px;
	display: flex;
	align-items: center;
}


.aff-commission-t-i-cell--level-name {
	width: 23.14%;
}

.aff-commission-t-i-cell--req-profit {
	width: 15.43%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}


.aff-commission-t-i-cell--req-profit .aff-commission-t-i-cell__value {
	color: var(--colors-white);
}

.aff-commission-t-i-cell--line {
	width: 8.8%;
	justify-content: center;
}

.aff-commission-t-i-cell--line--active {
	background: rgba(16, 185, 129, 0.05);
}

.aff-commission-t-i-cell--line--active .aff-commission-t-i-cell__value {
	color: var(--colors-green-1000);
}

.aff-commission-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}


.aff-commission-t-i-cell__content {
	display: flex;
	align-items: center;
}


.aff-commission-t-i-cell__name-block {}

.aff-commission-t-i-cell__name-panel {
	display: flex;
	align-items: center;
	margin-left: -4px;
	margin-right: -4px;
}

.aff-commission-t-i-cell__name-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.aff-commission-t-i-cell__name {
	font-weight: 500;
	font-size: 14px;
	line-height: 114%;
	color: var(--colors-white);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 40px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.05);
}

.aff-commission-t-i-cell__name-status-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.aff-commission-t-i-cell__name-status {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 40px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: right;
	color: var(--colors-gray);
	text-transform: uppercase;
}


.aff-commission-t-i-cell__name-status--current {
	color: var(--colors-green-1000);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}

.aff-commission-t-i-cell__value {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.31;
	color: var(--colors-gray);
}


.aff-commission-t-i-cell__lock {
	position: relative;
	width: 16px;
	height: 16px;
}

.aff-commission-t-i-cell__lock::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/lock.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/lock.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
	opacity: 0.3;
}


.aff-commission-table-item--active {
	border: 1px solid var(--colors-green--200);
	background: rgba(22, 255, 142, 0.02);
	border-radius: 16px;
}


.aff-commission-t-i-cell--lock {
	/* display: none; */
}

.aff-commission-table-item--active .aff-commission-t-i-cell--line--active+.aff-commission-t-i-cell .aff-commission-t-i-cell__value {
	color: var(--colors-blue-1000);
}


.aff-commission-table-item--active .aff-commission-t-i-cell--line--active+.aff-commission-t-i-cell~.aff-commission-t-i-cell .aff-commission-t-i-cell__value {
	color: rgba(0, 245, 255, 0.6);
}



.aff-commission-table-item--next {
	border: 1px dashed rgba(255, 255, 255, 0.1);
	border-radius: 16px;
}

.aff-commission-table-item--next+.aff-commission-table-item {
	border: 0;
}



.aff-reward-button {
	border: 1px solid rgba(255, 255, 255, 0.05);
	padding: 8px 16px;
	border-radius: 20px;
}

.aff-reward-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/gift.svg');
	-webkit-mask-image: url('../images/svg/gift.svg');
	background-color: var(--colors-purple);
}







.aff-bonus-table-block {
	position: relative;
}

.aff-bonus-table-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.02);
	border-radius: 12px;
}

.aff-bonus-table {
	position: relative;
	z-index: 2;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.aff-bonus-table-heading {
	background: rgba(255, 255, 255, 0.02);
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.aff-bonus-t-h-cell {
	padding: 10px 16px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	width: 8.8%;
}



.aff-bonus-t-h-cell {
	width: 33.33%;
}

.aff-bonus-t-h-cell--level-name {}

.aff-bonus-t-h-cell--req-profit {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}

.aff-bonus-t-h-cell--bonus {
	background: rgba(0, 245, 255, 0.02);
	text-align: center;
}




.aff-bonus-table-items {}

.aff-bonus-table-item {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.aff-bonus-table-item:first-child {
	border: 0;
}

.aff-bonus-table-item__inner {
	display: flex;
}


.aff-bonus-t-i-cell {
	width: 33.33%;
	padding: 14px 16px;
	display: flex;
	align-items: center;
}


.aff-bonus-t-i-cell--level-name {}

.aff-bonus-t-i-cell--req-profit {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
}


.aff-bonus-t-i-cell--req-profit .aff-bonus-t-i-cell__value {
	color: var(--colors-white);
}

.aff-bonus-t-i-cell--bonus {
	justify-content: center;
	background: rgba(0, 245, 255, 0.02);
}


.aff-bonus-t-i-cell--bonus .aff-bonus-t-i-cell__value {
	color: var(--colors-green-1000);
}

.aff-bonus-t-i-cell__title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	display: none;
}


.aff-bonus-t-i-cell__content {
	display: flex;
	align-items: center;
}


.aff-bonus-t-i-cell__name-block {}

.aff-bonus-t-i-cell__name-panel {
	display: flex;
	align-items: center;
	margin-left: -4px;
	margin-right: -4px;
}

.aff-bonus-t-i-cell__name-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.aff-bonus-t-i-cell__name {
	font-weight: 500;
	font-size: 14px;
	line-height: 114%;
	color: var(--colors-white);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 40px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.05);
}

.aff-bonus-t-i-cell__name-status-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.aff-bonus-t-i-cell__name-status {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 40px;
	padding: 2px 8px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: right;
	color: var(--colors-gray);
	text-transform: uppercase;
}


.aff-bonus-t-i-cell__name-status--current {
	color: var(--colors-green-1000);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}

.aff-bonus-t-i-cell__value {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.31;
	color: var(--colors-gray);
}

.aff-bonus-t-i-cell__bonus {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.31;
	color: var(--colors-green-1000);
	display: flex;
	align-items: center;
}

.aff-bonus-t-i-cell__bonus-icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.aff-bonus-t-i-cell__bonus-icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.aff-bonus-t-i-cell__bonus-text {}


.aff-bonus-t-i-cell__bonus-icon+.aff-bonus-t-i-cell__bonus-text {
	padding-left: 8px;
}


.aff-bonus-t-i-cell__bonus--trophy {}


.aff-bonus-t-i-cell__bonus--trophy .aff-bonus-t-i-cell__bonus-icon::before {
	mask-image: url('../images/svg/trophy.svg');
	-webkit-mask-image: url('../images/svg/trophy.svg');
}


.aff-bonus-table-item--active {
	border: 1px solid var(--colors-green--200);
	background: rgba(22, 255, 142, 0.02);
	border-radius: 16px;
}


.aff-bonus-table-item--active .aff-bonus-t-i-cell--bonus {
	background: rgba(16, 185, 129, 0.05);
}



.aff-bonus-table-item--next {
	border: 1px dashed rgba(255, 255, 255, 0.1);
	border-radius: 16px;
}

.aff-bonus-table-item--next+.aff-bonus-table-item {
	border: 0;
}




.front-earn-calc-form-block {
	position: relative;
	z-index: 5;
}

.front-earn-calc-form-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	border-radius: 32px;
}

.front-earn-calc-form-block::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 32px;
}

.front-earn-calc-form-wrapper {
	position: relative;
	z-index: 2;
	border-radius: 32px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}

.front-earn-calc-form {
	display: flex;
	flex-wrap: wrap;
}

.front-earn-calc-form__left {
	width: calc(100% - 534px);
}

.front-earn-calc-form__right {
	padding: 40px 32px;
	width: 534px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.01);
	border-left: 1px solid rgba(255, 255, 255, 0.03);
}

.front-earn-calc-form__fields {
	padding: 40px;
}


.front-earn-calc-form__right-top {}

.front-earn-calc-form__right-bottom {
	padding-top: 24px;
}

.front-earn-calc-form-info-block {
	margin-top: 24px;
}

.front-earn-calc-form-info {}

.front-earn-calc-form-info__title-block {}

.front-earn-calc-form-info__title {
	position: relative;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
	padding-left: 14px;
}

.front-earn-calc-form-info__title::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border-radius: 6px;
	width: 6px;
	height: 6px;
	background: var(--colors-green-1000);
}

.front-earn-calc-form-info__descr-block {
	margin-top: 8px;
}

.front-earn-calc-form-info__descr {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.front-earn-calc-form-summary-block {}

.front-earn-calc-form-summary-top-block {}

.front-earn-calc-form-summary-top {
	display: flex;
	align-items: flex-start;
}

.front-earn-calc-form-summary-top__left {
	width: calc(100% - 48px);
	padding-right: 24px;
}

.front-earn-calc-form-summary-top__right {
	width: 48px;
	height: 48px;
}

.front-earn-calc-form-summary-top__title {
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.front-earn-calc-form-summary-top__descr {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}



.front-earn-calc-form-summary-top__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 12px;
	width: 48px;
	height: 48px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.front-earn-calc-form-summary-top__icon .image {
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 3;
}


.front-earn-calc-form-summary-top__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.front-earn-calc-form-summary-top__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	border: 1.50px solid rgba(22, 255, 142, 0.03);
	z-index: 2;
}



.front-earn-calc-form-summary-top__icon-image {
	position: relative;
	width: 24px;
	height: 24px;
	z-index: 3;
}


.front-earn-calc-form-summary-top__icon-image::before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/calculator.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 24px 24px;
	-webkit-mask-image: url('../images/svg/calculator.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 24px 24px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}



.front-earn-calc-form-calc-block {
	margin-top: 24px;
}

.front-earn-calc-form-calc-title {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);

}



.front-earn-calc-form-calc-tabs-block {
	margin-top: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.front-earn-calc-form-calc-tabs {
	margin-left: -8px;
	margin-right: -8px;
	display: flex;
	justify-content: flex-start;
}

.front-earn-calc-form-calc-tab-wrapper {
	padding-left: 8px;
	padding-right: 8px;
}

.front-earn-calc-form-calc-tab {
	position: relative;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.75;
	text-align: center;
	color: var(--colors-gray);
	padding-bottom: 12px;
	cursor: pointer;
}

.front-earn-calc-form-calc-tab::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
}

.front-earn-calc-form-calc-tab.active {
	color: var(--colors-white);
}

.front-earn-calc-form-calc-tab.active::after {
	opacity: 1;
	visibility: visible;
}



.front-earn-calc-form-calc-tabs-content-block {}

.front-earn-calc-form-calc-tabs-content {}

.front-earn-calc-form-calc-tab-content {
	display: none;
	padding-top: 24px;
}

.front-earn-calc-form-calc-tab-content:first-child {
	display: block;
}


.front-earn-calc-form-calc-items-block {}

.front-earn-calc-form-calc-items {}

.front-earn-calc-form-calc-item-wrapper {
	margin-top: 8px;
}

.front-earn-calc-form-calc-item-wrapper:first-child {
	margin-top: 0;
}

.front-earn-calc-form-calc-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	padding-bottom: 8px;
}

.front-earn-calc-form-calc-item__title {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.front-earn-calc-form-calc-item__content {
	padding-top: 4px;
}


.front-earn-calc-form-calc-return {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.front-earn-calc-form-calc-return__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.front-earn-calc-form-calc-return__currency {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}



.front-earn-calc-form-calc-income {
	display: flex;
	align-items: center;
}

.front-earn-calc-form-calc-income__amount {
	padding-right: 4px;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.front-earn-calc-form-calc-income__currency {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
}



.front-earn-calc-form-calc-not-limited-block {}

.front-earn-calc-form-calc-not-limited {
	border: 1px solid var(--colors-green--200);
	border-radius: 12px;
	padding: 12px;
	background: rgba(22, 255, 142, 0.08);
	font-size: 12px;
	color: var(--colors-green-1000);
}


.front-earn-calc-form .form-fieldset {
	padding-top: 12px;
}

.front-earn-calc-form .min-term-radio-item-wrapper {
	width: 20%;
}


.front-earn-calc-form .strategy-radio-item-wrapper {
	width: 50%;
}



.earn-calc-type-radio-items-block {}

.earn-calc-type-radio-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -16px;
}

.earn-calc-type-radio-item-wrapper {
	margin-top: 16px;
	padding-left: 8px;
	padding-right: 8px;
	width: 33.33%;
}

.earn-calc-type-radio-item-wrapper:first-child {}

.earn-calc-type-radio-item-wrapper.d-none+.earn-calc-type-radio-item-wrapper {
	margin-top: 0;
}

.earn-calc-type-radio-item {
	height: 100%;
}

.earn-calc-type-radio-item .field--radio {
	height: 100%;
}

.earn-calc-type-radio {
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 16px 12px 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: 0.4s ease;
	cursor: pointer;
}

.earn-calc-type-radio__icon-block {
	width: 32px;
}

.earn-calc-type-radio__icon {
	position: relative;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	border: 1px solid transparent;
}

.earn-calc-type-radio__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/calendar-clock.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/calendar-clock.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.earn-calc-type-radio__icon--ai::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
}

.earn-calc-type-radio__icon--exchange::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
}

.earn-calc-type-radio__icon--loans::before {
	mask-image: url('../images/svg/landmark.svg');
	-webkit-mask-image: url('../images/svg/landmark.svg');
}



.earn-calc-type-radio__content {
	width: 100%;
	padding-top: 12px;
}

.earn-calc-type-radio__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.15;
	color: var(--colors-white);
	text-align: center;
}

.earn-calc-type-radio__descr {
	margin-top: 8px;
	position: relative;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 11px;
	line-height: 1.5;
	color: var(--colors-gray);
	text-align: center;
	/* white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; */
}


.earn-calc-type-radio__switcher {
	position: absolute;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%);
	border: 1px solid var(--forms-input-border);
	border-radius: 7999px;
	width: 16px;
	height: 16px;
	background: var(--forms-input-default);
	transition: 0.4s ease;
}

.earn-calc-type-radio__switcher::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	width: 8px;
	height: 8px;
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.radio-input:checked~.earn-calc-type-radio {
	border: 1px solid var(--colors-green-1000);
}


.radio-input:checked~.earn-calc-type-radio .earn-calc-type-radio__switcher {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
}

.radio-input:checked~.earn-calc-type-radio .earn-calc-type-radio__switcher::before {
	border: 1px solid var(--colors-green-1000);
	box-shadow: 0 0 8px -2px var(--colors-green-1000);
	opacity: 1;
	visibility: visible;
}

.radio-input:checked~.earn-calc-type-radio .earn-calc-type-radio__icon {
	border: 1px solid var(--colors-green--200);
	background: var(--colors-green-100)
}

.radio-input:checked~.earn-calc-type-radio .earn-calc-type-radio__icon::before {
	background-color: var(--colors-green-1000);
}

.front-earn-calc-select-list-block {
	margin-top: 16px;
}

.front-earn-calc-select-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -16px;
}

.front-earn-calc-select-list-item-wrapper {
	width: 50%;
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 16px;
}


.front-page-info-feature-item--wallet-support {
	border: 1px solid var(--colors-green--200);
}

.front-page-info-feature-item--wallet-support .front-page-info-feature-item__icon {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.front-page-info-feature-item--wallet-support .front-page-info-feature-item__icon::before {
	display: none;
}

.front-page-info-feature-item--wallet-support .front-page-info-feature-item__text {
	color: var(--colors-green-1000);
	opacity: 1;
}

.front-page-info-feature-item--wallet-security {}


.front-page-info-feature-item--wallet-security .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	background: var(--colors-telegram);
}


.front-page-info-feature-item--wallet-exchange {
	background: rgba(10, 12, 16, 0.6);
}


.front-page-info-feature-item--wallet-exchange .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/repeat.svg');
	-webkit-mask-image: url('../images/svg/repeat.svg');
	background: var(--colors-purple);
}



.fp-infographic--wallet {}

.fp-infographic--wallet .fp-infographic__center-icon::before {
	mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
	background: var(--colors-green-1000);
}


.fp-infographic--wallet .fp-infographic-item--left-top {
	margin-right: 10px;
	width: 220px;
}

.fp-infographic--wallet .fp-infographic-item--left-top .fp-infographic-item__inner {
	padding-top: 12px;
	padding-bottom: 12px;
}

.fp-infographic--wallet .fp-infographic-item--right-top {
	margin-bottom: 4px;
}

.fp-infographic--wallet .fp-infographic-item--right-top .fp-infographic-item__inner {
	width: 256px;
	max-width: 256px;
}

.fp-infographic--wallet .fp-infographic-item--right-bottom {
	margin-left: -16px;
	margin-top: -26px;
}


.fp-infographic--wallet .fp-infographic-item--right-bottom .fp-infographic-item__inner {
	width: 240px;
}



.fp-infographic-item__info--wallet-security {}

.fp-infographic-item__info--wallet-security .fp-infographic-item__info__value {
	font-size: 10px;
}

.fp-infographic-item__info__icon--wallet-security {}

.fp-infographic-item__info__icon--wallet-security::before {
	background: rgba(192, 132, 252, 0.2);
}

.fp-infographic-item__info__icon--wallet-security .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/info.svg');
	-webkit-mask-image: url('../images/svg/info.svg');
	background-color: var(--colors-light-red);
}



.fp-infographic-item__info--wallet-deposit {}


.fp-infographic-item__info__icon--wallet-deposit {}

.fp-infographic-item__info__icon--wallet-deposit::before {
	background: var(--colors-green--200);
}


.fp-infographic-item__info__icon--wallet-deposit .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/download.svg');
	-webkit-mask-image: url('../images/svg/download.svg');
	background-color: var(--colors-green-1000);
}


.fp-infographic-item__new-deposit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2px;
}

.fp-infographic-item__new-deposit__left {
	padding-right: 8px;
}

.fp-infographic-item__new-deposit__amount {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.fp-infographic-item__new-deposit__right {}




.fp-infographic-item__new-deposit__status-wrapper {
	display: flex;
}


.fp-infographic-item__new-deposit__status {
	font-weight: 500;
	font-size: 10px;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	padding: 2px 6px;
}

.fp-infographic-item__new-deposit__status--success {
	color: var(--colors-green-1000);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}





.fp-infographic-item__exchange-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fp-infographic-item__exchange-top__left {
	padding-right: 8px;
}

.fp-infographic-item__exchange-top__title {
	display: flex;
	align-items: center;
}

.fp-infographic-item__exchange-top__title__icon {
	position: relative;
	border-radius: 24px;
	width: 24px;
	height: 24px;
	background: rgba(0, 245, 255, 0.1);
}

.fp-infographic-item__exchange-top__title__icon::before {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/refresh-cw.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 14px 14px;
	-webkit-mask-image: url('../images/svg/refresh-cw.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 14px 14px;
	background-color: var(--colors-blue-1000);
	transition: 0.4s ease;
}



.fp-infographic-item__exchange-top__title__text {
	padding-left: 8px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.fp-infographic-item__exchange-top__right {}

.fp-infographic-item__exchange-top__time {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.fp-infographic-item__exchange-pair-block {
	margin-top: 12px;
}

.fp-infographic-item__exchange-pair {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fp-infographic-item__exchange-pair__left {
	padding-right: 4px;
}

.fp-infographic-item__exchange-pair__arrow {
	position: relative;
	width: 16px;
	height: 16px;
}

.fp-infographic-item__exchange-pair__arrow::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/arrow-right.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/arrow-right.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.fp-infographic-item__exchange-pair__right {
	padding-left: 4px;
}


.fp-infographic-item__exchange-pair .currency-item__content {
	padding-left: 8px;
}



.front-currency-list-block {}

.front-currency-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -24px;
}

.front-currency-list-item-wrapper {
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 24px;
	width: 16.66%;
}

.front-currency-list-item {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 32px;
	height: 170px;
	background: rgba(255, 255, 255, 0.03);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.front-currency-list-item .currency-item {
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.front-currency-list-item .currency-item .currency-item__content {
	width: 100%;
	padding-left: 0;
	padding-top: 20px;
}

.front-currency-list-item .currency-item .currency-item__title {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
}

.front-currency-list-item .currency-item .currency-item__abbr {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.14;
	text-align: center;
}

.front-currency-list-item .currency-item .currency-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
}

.front-currency-list-item .currency-item .currency-icon .image {
	width: 24px;
	height: 24px;
}

.front-currency-list-item .currency-item .currency-icon::before {
	border-radius: 12px;
}

.front-currency-list-item .currency-item .currency-icon::after {
	border-radius: 12px;
}


.front-currency-list-item-labels-block {
	position: absolute;
	right: 10px;
	top: 12px;
}

.front-currency-list-item-labels {
	display: flex;
	margin-left: -4px;
	margin-right: -4px;
}

.front-currency-list-item-label-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.front-currency-list-item-label {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 4px;
	padding: 2px 4px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: right;
	color: var(--colors-gray);
}

.front-currency-list-item-label--new {
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
	color: var(--colors-green-1000);
}




.front-exchange-calc-form-block {
	position: relative;
	z-index: 5;
}

.front-exchange-calc-form-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	border-radius: 32px;
}

.front-exchange-calc-form-block::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 32px;
}

.front-exchange-calc-form-wrapper {
	position: relative;
	z-index: 2;
	border-radius: 32px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}

.front-exchange-calc-form {
	display: flex;
	flex-wrap: wrap;
}

.front-exchange-calc-form__left {
	width: calc(100% - 534px);
}

.front-exchange-calc-form__right {
	padding: 40px 32px;
	width: 534px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.01);
	border-left: 1px solid rgba(255, 255, 255, 0.03);
}

.front-exchange-calc-form__fields {
	padding: 40px;
}


.front-exchange-calc-form__right-top {}

.front-exchange-calc-form__right-bottom {
	padding-top: 24px;
}

.front-exchange-calc-form-info-block {
	/* margin-top: 24px; */
}

.front-exchange-calc-form-info {}

.front-exchange-calc-form-info__title-block {}

.front-exchange-calc-form-info__title {
	position: relative;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
	padding-left: 14px;
}

.front-exchange-calc-form-info__title::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border-radius: 6px;
	width: 6px;
	height: 6px;
	background: var(--colors-green-1000);
}

.front-exchange-calc-form-info__descr-block {
	margin-top: 8px;
}

.front-exchange-calc-form-info__descr {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.front-exchange-calc-form-summary-block {}

.front-exchange-calc-form-summary-top-block {}

.front-exchange-calc-form-summary-top {
	display: flex;
	align-items: flex-start;
}

.front-exchange-calc-form-summary-top__left {
	width: calc(100% - 48px);
	padding-right: 24px;
}

.front-exchange-calc-form-summary-top__right {
	width: 48px;
	height: 48px;
}

.front-exchange-calc-form-summary-top__title {
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.front-exchange-calc-form-summary-top__descr {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}



.front-exchange-calc-form-summary-top__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 12px;
	width: 48px;
	height: 48px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.front-exchange-calc-form-summary-top__icon .image {
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 3;
}


.front-exchange-calc-form-summary-top__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.front-exchange-calc-form-summary-top__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	border: 1.50px solid rgba(22, 255, 142, 0.03);
	z-index: 2;
}



.front-exchange-calc-form-summary-top__icon-image {
	position: relative;
	width: 24px;
	height: 24px;
	z-index: 3;
}


.front-exchange-calc-form-summary-top__icon-image::before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/calculator.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 24px 24px;
	-webkit-mask-image: url('../images/svg/calculator.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 24px 24px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}



.front-exchange-calc-form-summary-items-block {
	margin-top: 24px;
}

.front-exchange-calc-form-summary-items {}

.front-exchange-calc-form-summary-item-wrapper {
	margin-top: 16px;
}

.front-exchange-calc-form-summary-item-wrapper:first-child {
	margin-top: 0;
}

.front-exchange-calc-form-summary-item {
	padding: 0px 0px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.front-exchange-calc-form-summary-item__title {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.front-exchange-calc-form-summary-item__content {
	padding-top: 4px;
}

.front-exchange-calc-form-summary-item__fee {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.front-exchange-calc-form-summary-item__fee__amount {
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.front-exchange-calc-form-summary-item__fee__percent {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}


.front-exchange-calc-form-summary-item__receive {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.front-exchange-calc-form-summary-item__receive__amount {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: -0.03em;
	color: var(--colors-green-1000);
}

.front-exchange-calc-form-summary-item__receive__currency {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}



.front-section-block--partners {}


.front-section-block--partners .front-section-descr-block {
	padding-right: 72px;
}




.front-partner-slider-block {
	position: relative;
	z-index: 3;
}

.front-partner-slider {
	position: relative;
}

.front-partner-slider .swiper {
	margin-top: 0;
}

.front-partner-slider .swiper-button-next,
.front-partner-slider .swiper-button-prev {
	background: rgba(255, 255, 255, 0.03);
	position: absolute;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	border: 0;
	top: -72px;
	margin-top: 0;
}

.front-partner-slider .swiper-button-next::after,
.front-partner-slider .swiper-button-prev::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.front-partner-slider .swiper-button-next:hover::after,
.front-partner-slider .swiper-button-prev:hover::after {
	background-color: var(--colors-white);
}

.front-partner-slider .swiper-button-next {
	right: 0;
}

.front-partner-slider .swiper-button-prev {
	left: auto;
	right: 40px;
}


.front-partner-slider .swiper-button-next::after {
	mask-image: url('../images/svg/arrow-right.svg');
	-webkit-mask-image: url('../images/svg/arrow-right.svg');
}

.front-partner-slider .swiper-button-prev::after {
	mask-image: url('../images/svg/arrow-left.svg');
	-webkit-mask-image: url('../images/svg/arrow-left.svg');
}


.front-partner-slide {}

.front-partner-slide-item {
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
}


.front-section .ai-activity-table-block {
	margin-top: 0;
}




.front-ai-staking-calc-form-block {
	position: relative;
	z-index: 5;
}

.front-ai-staking-calc-form-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	border-radius: 32px;
}

.front-ai-staking-calc-form-block::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 32px;
}

.front-ai-staking-calc-form-wrapper {
	position: relative;
	z-index: 2;
	border-radius: 32px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}

.front-ai-staking-calc-form {
	display: flex;
	flex-wrap: wrap;
}

.front-ai-staking-calc-form__left {
	width: calc(100% - 534px);
}

.front-ai-staking-calc-form__right {
	padding: 40px 32px;
	width: 534px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.01);
	border-left: 1px solid rgba(255, 255, 255, 0.03);
}

.front-ai-staking-calc-form__fields {
	padding: 40px;
}


.front-ai-staking-calc-form__right-top {}

.front-ai-staking-calc-form__right-bottom {
	padding-top: 24px;
}

.front-ai-staking-calc-form-info-block {
	margin-top: 24px;
}

.front-ai-staking-calc-form-info {}

.front-ai-staking-calc-form-info__title-block {}

.front-ai-staking-calc-form-info__title {
	position: relative;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
	padding-left: 14px;
}

.front-ai-staking-calc-form-info__title::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border-radius: 6px;
	width: 6px;
	height: 6px;
	background: var(--colors-green-1000);
}

.front-ai-staking-calc-form-info__descr-block {
	margin-top: 8px;
}

.front-ai-staking-calc-form-info__descr {
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.front-ai-staking-calc-form-summary-block {}

.front-ai-staking-calc-form-summary-top-block {}

.front-ai-staking-calc-form-summary-top {
	display: flex;
	align-items: flex-start;
}

.front-ai-staking-calc-form-summary-top__left {
	width: calc(100% - 48px);
	padding-right: 24px;
}

.front-ai-staking-calc-form-summary-top__right {
	width: 48px;
	height: 48px;
}

.front-ai-staking-calc-form-summary-top__title {
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.front-ai-staking-calc-form-summary-top__descr {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}



.front-ai-staking-calc-form-summary-top__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 12px;
	width: 48px;
	height: 48px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.front-ai-staking-calc-form-summary-top__icon .image {
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 3;
}


.front-ai-staking-calc-form-summary-top__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.front-ai-staking-calc-form-summary-top__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	border: 1.50px solid rgba(22, 255, 142, 0.03);
	z-index: 2;
}



.front-ai-staking-calc-form-summary-top__icon-image {
	position: relative;
	width: 24px;
	height: 24px;
	z-index: 3;
}


.front-ai-staking-calc-form-summary-top__icon-image::before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/calculator.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 24px 24px;
	-webkit-mask-image: url('../images/svg/calculator.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 24px 24px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.front-ai-staking-calc-form .ai-staking-form-summary-item {
	padding-bottom: 8px;
}

.front-ai-staking-calc-form .ai-staking-form-calc-tab-content {
	padding-top: 24px;
}


.fp-infographic--ai-staking {}

.fp-infographic--ai-staking .fp-infographic__center-icon::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background: var(--colors-green-1000);
}

.fp-infographic--ai-staking {}

.fp-infographic--ai-staking .fp-infographic-item__inner {
	padding-top: 12px;
	padding-bottom: 12px;
	min-width: 184px;
}

.fp-infographic--ai-staking .fp-infographic-item--left-top {
	margin-right: 28px;
}

.fp-infographic--ai-staking .fp-infographic-item--left-bottom {
	margin-top: -27px;
	margin-right: 8px;
}

.fp-infographic--ai-staking .fp-infographic-item--right-top {
	margin-left: 26px;
}

.fp-infographic--ai-staking .fp-infographic-item--right-bottom {
	margin-left: 32px;
}


.fp-infographic-item__info--ai-staking-algorithmic {}

.fp-infographic-item__info__icon--ai-staking-algorithmic {}

.fp-infographic-item__info__icon--ai-staking-algorithmic::before {
	background: rgba(245, 158, 11, 0.2);
}

.fp-infographic-item__info__icon--ai-staking-algorithmic .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-image: url('../images/svg/cpu.svg');
	background-color: var(--colors-orange);
}



.fp-infographic-item__info--ai-staking-short {}

.fp-infographic-item__info__icon--ai-staking-short {}

.fp-infographic-item__info__icon--ai-staking-short::before {
	background: rgba(192, 132, 252, 0.2);
}


.fp-infographic-item__info__icon--ai-staking-short .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/zap.svg');
	-webkit-mask-image: url('../images/svg/zap.svg');
	background-color: var(--colors-purple);
}


.fp-infographic-item__info--ai-staking-medium {}

.fp-infographic-item__info__icon--ai-staking-medium {}

.fp-infographic-item__info__icon--ai-staking-medium::before {
	background: rgba(192, 132, 252, 0.2);
}


.fp-infographic-item__info__icon--ai-staking-medium .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/chart-column.svg');
	-webkit-mask-image: url('../images/svg/chart-column.svg');
	background-color: var(--colors-blue-1000);
}


.fp-infographic-item__info--ai-staking-long {}

.fp-infographic-item__info__icon--ai-staking-long {}


.fp-infographic-item__info__icon--ai-staking-long::before {
	background: rgba(192, 132, 252, 0.2);
}


.fp-infographic-item__info__icon--ai-staking-long .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	background-color: var(--colors-green-1000);
}



.front-page-info-feature-item--ai-staking-potential {}

.front-page-info-feature-item--ai-staking-potential .front-page-info-feature-item__icon {}

.front-page-info-feature-item--ai-staking-potential .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background: var(--colors-orange);
}



.front-page-info-feature-item--ai-staking-activation {}


.front-page-info-feature-item--ai-staking-activation .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/zap.svg');
	-webkit-mask-image: url('../images/svg/zap.svg');
	background: var(--colors-green-1000);
}


.front-page-info-feature-item--ai-staking-withdraw {
	background: rgba(10, 12, 16, 0.6);
}


.front-page-info-feature-item--ai-staking-withdraw .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
	background: var(--colors-purple);
}


.front-ai-strategy-items-block {}

.front-ai-strategy-items {}

.front-ai-strategy-item-wrapper {
	margin-top: 40px;
}

.front-ai-strategy-item-wrapper:first-child {
	margin-top: 0;
}

.front-ai-strategy-item {
	display: flex;
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.03);
}

.front-ai-strategy-item__left {
	width: 50%;
}

.front-ai-strategy-item__right {
	width: 50%;
	background: rgba(0, 0, 0, 0.2);
}

.front-ai-strategy-item__content {
	padding: 64px;
}

.front-ai-strategy-item__risk-block {
	display: flex;
}

.front-ai-strategy-item__risk {
	position: relative;
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	text-transform: uppercase;
	color: var(--colors-green-1000);
}

.front-ai-strategy-item__risk::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	border-radius: 4px;
	width: 4px;
	height: 4px;
}

.front-ai-strategy-item__title-block {
	margin-top: 16px;
}

.front-ai-strategy-item__title {}

.front-ai-strategy-item__descr-block {
	margin-top: 16px;
}

.front-ai-strategy-item__descr {
	font-size: 16px;
	line-height: 1.6;
	color: var(--colors-gray);
}


.front-ai-strategy-item__features-block {
	margin-top: 24px;
}

.front-ai-strategy-item__features {}

.front-ai-strategy-item__feature-wrapper {
	margin-top: 8px;
}

.front-ai-strategy-item__feature-wrapper:first-child {
	margin-top: 0;
}

.front-ai-strategy-item__feature {
	display: flex;
}

.front-ai-strategy-item__feature__icon {
	position: relative;
	width: 16px;
	height: 16px;
	margin-top: 2px;
}

.front-ai-strategy-item__feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.front-ai-strategy-item__feature__text {
	width: calc(100% - 16px);
	padding-left: 8px;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
}




.front-ai-strategy-item__buttons-block {
	margin-top: 24px;
	padding-top: 24px;
}

.front-ai-strategy-item__buttons {
	display: flex;
	flex-wrap: wrap;
	margin-top: -16px;
	margin-left: -8px;
	margin-right: -8px;
}

.front-ai-strategy-item__button-wrapper {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 16px;
}


.front-ai-strategy-item__view-button {
	padding-left: 31px;
	padding-right: 31px;
}


.front-ai-strategy-item__calc-button {
	padding-left: 31px;
	padding-right: 31px;
}

.front-ai-strategy-item__calc-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/calculator.svg');
	-webkit-mask-image: url('../images/svg/calculator.svg');
	background: var(--colors-black);
}



.ai-strategy-infographic-block {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.ai-strategy-infographic {
	position: relative;
	width: 240px;
	height: 240px;
}

.ai-strategy-infographic__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


.ai-strategy-infographic__bg__circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 2000px;
}

.ai-strategy-infographic__bg__icon {
	position: absolute;
	width: 36px;
	height: 36px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 4;
}

.ai-strategy-infographic__bg__icon::before {
	content: '';
	position: absolute;
	width: 36px;
	height: 36px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/cpu.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 36px 36px;
	-webkit-mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 36px 36px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}

.ai-strategy-infographic__bg__circle--inner {
	width: 96px;
	height: 96px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 3;
}

.ai-strategy-infographic__bg__circle--inner::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	border-radius: 48px;
	filter: blur(12px);
	background: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
}

.ai-strategy-infographic__bg__circle--middle {
	width: 160px;
	height: 160px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	z-index: 2;
}

.ai-strategy-infographic__bg__circle--middle::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -5px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 8px;
}

.ai-strategy-infographic__bg__circle--middle::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 188px;
	height: 188px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 188px;
	filter: blur(40px);
}


.ai-strategy-infographic__bg__circle--outer {
	width: 240px;
	height: 240px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	z-index: 1;
}

.ai-strategy-infographic__bg__circle--outer::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -7px;
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 6px;
}


.ai-strategy-infographic__bg__line--top-left {
	position: absolute;
	width: 300px;
	height: 1px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) rotate(-45deg);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
}

.ai-strategy-infographic__bg__line--top-right {
	position: absolute;
	width: 300px;
	height: 1px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) rotate(45deg);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
}




.ai-strategy-infographic--algorithmic {}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic__bg__icon::before {
	mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-image: url('../images/svg/cpu.svg');
	background-color: var(--colors-orange);
}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic__bg__circle--inner {
	background: rgba(120, 53, 15, 0.1);
	border: 1px solid rgba(245, 158, 11, 0.2);
}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic__bg__circle--inner::after {
	background: rgba(245, 158, 11, 0.2);
}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic__bg__circle--middle::after {
	background: rgba(249, 115, 22, 0.1);
}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic__bg__circle--outer::before {
	box-shadow: 0 0 10px 0 rgba(245, 158, 11, 0.5);
	background: var(--colors-orange);
}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic__bg__line--top-left {
	background: linear-gradient(90deg, rgba(245, 158, 11, 0) 0%, rgba(245, 158, 11, 0.3) 50%, rgba(245, 158, 11, 0) 100%);
}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic__bg__line--top-right {
	background: linear-gradient(90deg, rgba(245, 158, 11, 0) 0%, rgba(245, 158, 11, 0.3) 50%, rgba(245, 158, 11, 0) 100%);
}




.ai-strategy-infographic--short {}

.ai-strategy-infographic--short .ai-strategy-infographic__bg__icon::before {
	mask-image: url('../images/svg/zap.svg');
	-webkit-mask-image: url('../images/svg/zap.svg');
	background-color: var(--colors-purple);
}

.ai-strategy-infographic--short .ai-strategy-infographic__bg__circle--inner {
	background: rgba(192, 132, 252, 0.1);
	border: 1px solid rgba(192, 132, 252, 0.2);
}

.ai-strategy-infographic--short .ai-strategy-infographic__bg__circle--inner::after {
	background: rgba(192, 132, 252, 0.2);
}

.ai-strategy-infographic--short .ai-strategy-infographic__bg__circle--middle::after {
	background: rgba(192, 132, 252, 0.1);
}

.ai-strategy-infographic--short .ai-strategy-infographic__bg__circle--outer::before {
	box-shadow: 0 0 10px 0 rgba(245, 158, 11, 0.5);
	background: var(--colors-purple);
}

.ai-strategy-infographic--short .ai-strategy-infographic__bg__line--top-left {
	background: linear-gradient(90deg, rgba(192, 132, 252, 0) 0%, rgba(192, 132, 252, 0.3) 50%, rgba(192, 132, 252, 0) 100%);
}

.ai-strategy-infographic--short .ai-strategy-infographic__bg__line--top-right {
	background: linear-gradient(90deg, rgba(192, 132, 252, 0) 0%, rgba(192, 132, 252, 0.3) 50%, rgba(192, 132, 252, 0) 100%);
}



.ai-strategy-infographic--medium {}

.ai-strategy-infographic--medium .ai-strategy-infographic__bg__icon::before {
	mask-image: url('../images/svg/chart-column.svg');
	-webkit-mask-image: url('../images/svg/chart-column.svg');
	background-color: var(--colors-blue-1000);
}

.ai-strategy-infographic--medium .ai-strategy-infographic__bg__circle--inner {
	background: rgba(0, 245, 255, 0.1);
	border: 1px solid var(--colors-blue-200);
}

.ai-strategy-infographic--medium .ai-strategy-infographic__bg__circle--inner::after {
	background: rgba(192, 132, 252, 0.2);
}

.ai-strategy-infographic--medium .ai-strategy-infographic__bg__circle--middle::after {
	background: rgba(0, 245, 255, 0.1);
}

.ai-strategy-infographic--medium .ai-strategy-infographic__bg__circle--outer::before {
	box-shadow: 0 0 10px 0 rgba(245, 158, 11, 0.5);
	background: var(--colors-blue-1000);
}

.ai-strategy-infographic--medium .ai-strategy-infographic__bg__line--top-left {
	background: linear-gradient(90deg, rgba(0, 245, 255, 0) 0%, rgba(0, 245, 255, 0.3) 50%, rgba(0, 245, 255, 0) 100%);
}

.ai-strategy-infographic--medium .ai-strategy-infographic__bg__line--top-right {
	background: linear-gradient(90deg, rgba(0, 245, 255, 0) 0%, rgba(0, 245, 255, 0.3) 50%, rgba(0, 245, 255, 0) 100%);
}



.ai-strategy-infographic--long {}

.ai-strategy-infographic--long .ai-strategy-infographic__bg__icon::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	background-color: var(--colors-green-1000);
}

.ai-strategy-infographic--long .ai-strategy-infographic__bg__circle--inner {
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}

.ai-strategy-infographic--long .ai-strategy-infographic__bg__circle--inner::after {
	background: var(--colors-green--200);
}

.ai-strategy-infographic--long .ai-strategy-infographic__bg__circle--middle::after {
	background: var(--colors-green-100);
}

.ai-strategy-infographic--long .ai-strategy-infographic__bg__circle--outer::before {
	box-shadow: 0 0 10px 0 rgba(245, 158, 11, 0.5);
	background: var(--colors-green-1000);
}

.ai-strategy-infographic--long .ai-strategy-infographic__bg__line--top-left {
	background: linear-gradient(90deg, rgba(22, 255, 142, 0) 0%, rgba(22, 255, 142, 0.56) 50%, rgba(22, 255, 142, 0) 100%);
}

.ai-strategy-infographic--long .ai-strategy-infographic__bg__line--top-right {
	background: linear-gradient(90deg, rgba(22, 255, 142, 0) 0%, rgba(22, 255, 142, 0.56) 50%, rgba(22, 255, 142, 0) 100%);
}



.ai-strategy-infographic__content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}



.ai-strategy-infographic-return {
	position: absolute;
	left: -114px;
	top: -23px;
}

.ai-strategy-infographic-return::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(12px);
	border-radius: 12px;
}

.ai-strategy-infographic-return__inner {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.02);
	box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.02);
	padding: 16px;
	border-radius: 12px;
}


.ai-strategy-infographic-return__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.ai-strategy-infographic-return__icon .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.ai-strategy-infographic-return__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(255, 255, 255, 0.2);
}

.ai-strategy-infographic-return__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}

.ai-strategy-infographic-return__icon-image {
	position: relative;
	width: 16px;
	height: 16px;
}

.ai-strategy-infographic-return__icon-image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;

}

.ai-strategy-infographic-return__content {
	width: calc(100% - 32px);
	padding-left: 12px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.14;
	color: var(--colors-white);
}

.text--purple {
	color: var(--colors-purple);
}

.text--yellow {
	color: var(--colors-orange);
}

.text--blue {
	color: var(--colors-blue-1000);
}



.ai-strategy-infographic--algorithmic {}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic-return__content {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.14;
}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic-return__icon::before {
	background: rgba(245, 158, 11, 0.2);
}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic-return__icon-image::before {
	background-color: var(--colors-orange);
}

.ai-strategy-infographic--short {}


.ai-strategy-infographic--short .ai-strategy-infographic-return__icon::before {
	background: rgba(192, 132, 252, 0.2);
}

.ai-strategy-infographic--short .ai-strategy-infographic-return__icon-image::before {
	background-color: var(--colors-purple);
}

.ai-strategy-infographic--medium {}

.ai-strategy-infographic--medium .ai-strategy-infographic-return__icon::before {
	background: var(--colors-blue-200);
}

.ai-strategy-infographic--medium .ai-strategy-infographic-return__icon-image::before {
	background-color: var(--colors-blue-1000);
}


.ai-strategy-infographic--long {}


.ai-strategy-infographic--long .ai-strategy-infographic-return__icon::before {
	background: var(--colors-green--200);
}

.ai-strategy-infographic--long .ai-strategy-infographic-return__icon-image::before {
	background-color: var(--colors-green-1000);
}



.ai-strategy-infographic-volume {
	position: absolute;
	left: -114px;
	top: 210px;
}

.ai-strategy-infographic-volume::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(12px);
	border-radius: 12px;
}

.ai-strategy-infographic-volume__inner {
	position: relative;
	z-index: 2;
	border: 1px solid rgba(255, 255, 255, 0.02);
	box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.02);
	padding: 16px;
	border-radius: 12px;
	width: 256px;
}


.ai-strategy-infographic-volume-top {
	display: flex;
}

.ai-strategy-infographic-volume-top__left {
	width: calc(100% - 32px);
	padding-right: 8px;
}

.ai-strategy-infographic-volume-top__title {
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.ai-strategy-infographic-volume-top__value {
	margin-top: 4px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.ai-strategy-infographic-volume-top__right {
	width: 32px;
}


.ai-strategy-infographic-volume-top__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.ai-strategy-infographic-volume-top__icon .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.ai-strategy-infographic-volume-top__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(255, 255, 255, 0.2);
}

.ai-strategy-infographic-volume-top__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}

.ai-strategy-infographic-volume-top__icon-image {
	position: relative;
	width: 16px;
	height: 16px;
}

.ai-strategy-infographic-volume-top__icon-image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/activity.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/activity.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}


.ai-strategy-infographic-volume-graph-block {
	margin-top: 8px;
}

.ai-strategy-infographic-volume-graph {
	border-radius: 8px;
	background-color: rgba(10, 10, 10, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.05);
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ai-strategy-infographic-volume-graph__tick-wrapper {
	padding-left: 6px;
	padding-right: 6px;
}

.ai-strategy-infographic-volume-graph__tick-wrapper:first-child {
	padding-left: 0;
}

.ai-strategy-infographic-volume-graph__tick-wrapper:last-child {
	padding-right: 0;
}

.ai-strategy-infographic-volume-graph__tick {
	width: 6px;
	height: 18px;
	background-color: #fff;
	border-radius: 6px;
}

.ai-strategy-infographic-volume-graph__divider {
	width: 50%;
	height: 1px;
	background-color: #262626;
}



.ai-strategy-infographic--short {}

.ai-strategy-infographic--short .ai-strategy-infographic-volume-top__icon::before {
	background: rgba(192, 132, 252, 0.2);
}

.ai-strategy-infographic--short .ai-strategy-infographic-volume-top__icon-image::before {
	background: var(--colors-purple);
}


.ai-strategy-infographic--short .ai-strategy-infographic-volume-graph__tick {
	background-color: #a855f7;
	box-shadow: 0 0 8px 0 rgba(168, 85, 247, 0.6);
}



.ai-strategy-infographic--medium {}

.ai-strategy-infographic--medium .ai-strategy-infographic-volume-top__icon::before {
	background: var(--colors-blue-200);
}

.ai-strategy-infographic--medium .ai-strategy-infographic-volume-top__icon-image::before {
	background: var(--colors-blue-1000);
}


.ai-strategy-infographic--medium .ai-strategy-infographic-volume-graph__tick {
	background-color: var(--colors-blue-1000);
	box-shadow: 0 0 8px 0 rgba(168, 85, 247, 0.6);
}


.ai-strategy-infographic--long {}

.ai-strategy-infographic--long .ai-strategy-infographic-volume-top__icon::before {
	background: var(--colors-green--200);
}

.ai-strategy-infographic--long .ai-strategy-infographic-volume-top__icon-image::before {
	background: var(--colors-green-1000);
}


.ai-strategy-infographic--long .ai-strategy-infographic-volume-graph__tick {
	background-color: var(--colors-green-1000);
	box-shadow: 0 0 8px 0 rgba(168, 85, 247, 0.6);
}




.ai-strategy-infographic-daily {
	position: absolute;
	right: -163px;
	top: -6px;
}

.ai-strategy-infographic-daily::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(12px);
	border-radius: 12px;
}

.ai-strategy-infographic-daily__inner {
	position: relative;
	z-index: 2;
	border: 1px solid rgba(255, 255, 255, 0.02);
	box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.02);
	padding: 16px;
	border-radius: 12px;
	width: 224px;
}


.ai-strategy-infographic-daily-top {
	display: flex;
}

.ai-strategy-infographic-daily-top__left {
	width: calc(100% - 32px);
	padding-right: 8px;
}

.ai-strategy-infographic-daily-top__percent {
	font-weight: 500;
	font-size: 20px;
	line-height: 100%;
	color: var(--colors-white);
}

.ai-strategy-infographic-daily-top__descr {
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.03em;
	color: var(--colors-gray);
}


.ai-strategy-infographic-daily-top__right {
	width: 32px;
}


.ai-strategy-infographic-daily-top__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.ai-strategy-infographic-daily-top__icon .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.ai-strategy-infographic-daily-top__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(255, 255, 255, 0.2);
}

.ai-strategy-infographic-daily-top__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}

.ai-strategy-infographic-daily-top__icon-image {
	position: relative;
	width: 16px;
	height: 16px;
}

.ai-strategy-infographic-daily-top__icon-image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/trending-up.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}

.ai-strategy-infographic-daily-graph-block {}

.ai-strategy-infographic-daily-graph {
	display: flex;
	justify-content: center;
}


.ai-strategy-infographic--algorithmic {}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic-daily-top__icon::before {
	background: rgba(245, 158, 11, 0.2);
}

.ai-strategy-infographic--algorithmic .ai-strategy-infographic-daily-top__icon-image::before {
	background: var(--colors-orange);
}





.ai-strategy-infographic--short {}

.ai-strategy-infographic--short .ai-strategy-infographic-daily-top__icon::before {
	background: rgba(192, 132, 252, 0.2);
}

.ai-strategy-infographic--short .ai-strategy-infographic-daily-top__icon-image::before {
	background: var(--colors-purple);
}



.ai-strategy-infographic--medium {}

.ai-strategy-infographic--medium .ai-strategy-infographic-daily-top__icon::before {
	background: var(--colors-blue-200);
}

.ai-strategy-infographic--medium .ai-strategy-infographic-daily-top__icon-image::before {
	background: var(--colors-blue-1000);
}


.ai-strategy-infographic--long {}

.ai-strategy-infographic--long .ai-strategy-infographic-daily-top__icon::before {
	background: var(--colors-green--200);
}

.ai-strategy-infographic--long .ai-strategy-infographic-daily-top__icon-image::before {
	background: var(--colors-green-1000);
}



.ai-strategy-infographic-frequency {
	position: absolute;
	left: -114px;
	top: 210px;
}

.ai-strategy-infographic-frequency::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(12px);
	border-radius: 12px;
}

.ai-strategy-infographic-frequency__inner {
	position: relative;
	z-index: 2;
	border: 1px solid rgba(255, 255, 255, 0.02);
	box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.02);
	padding: 16px;
	border-radius: 12px;
	width: 256px;
}


.ai-strategy-infographic-frequency-top {
	display: flex;
}

.ai-strategy-infographic-frequency-top__left {
	width: calc(100% - 32px);
	padding-right: 8px;
}

.ai-strategy-infographic-frequency-top__title {
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--colors-gray);
}

.ai-strategy-infographic-frequency-top__value {
	margin-top: 4px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.ai-strategy-infographic-frequency-top__right {
	width: 32px;
}


.ai-strategy-infographic-frequency-top__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.ai-strategy-infographic-frequency-top__icon .image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}


.ai-strategy-infographic-frequency-top__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(245, 158, 11, 0.2);
}

.ai-strategy-infographic-frequency-top__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}

.ai-strategy-infographic-frequency-top__icon-image {
	position: relative;
	width: 16px;
	height: 16px;
}

.ai-strategy-infographic-frequency-top__icon-image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/zap.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/zap.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-orange);
	transition: 0.4s ease;
}


.ai-strategy-infographic-frequency-graph-block {
	margin-top: 4px;
}

.ai-strategy-infographic-frequency-graph {
	margin-left: -8px;
}

.ai-strategy-infographic-frequency-graph-time {
	margin-top: 4px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33;
	text-align: right;
	color: var(--colors-orange);
}



.telegram-app-button-block {
	margin-top: 16px;
}


.telegram-app-button {
	position: relative;
	overflow: hidden;
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-blue-1000);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: transparent;
	border: 1px solid var(--colors-blue-200);
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}


.telegram-app-button .iconed-btn__icon {
	position: relative;
	z-index: 2;
	width: 20px;
	height: 20px;
}

.telegram-app-button .iconed-btn__text {
	position: relative;
	z-index: 2;
	opacity: 0.8;
	max-width: calc(100% - 20px);
}


.telegram-app-button:hover {
	color: var(--colors-white);
	text-decoration: none;
	background: var(--colors-telegram);
}

.telegram-app-button .iconed-btn__icon::before {
	width: 20px;
	height: 20px;
	background: var(--colors-telegram);
	mask-size: 20px 20px;
	mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/telegram.svg');
}

.telegram-app-button:hover .iconed-btn__icon::before {
	background-color: var(--colors-white);
}



.front-feature-items--home {}


.front-feature-items--home .front-feature-item-wrapper {
	width: 25%;
}


.latest-news-items-block {}

.latest-news-items {
	margin-top: -24px;
	margin-left: -12px;
	margin-right: -12px;
	display: flex;
	flex-wrap: wrap;
}



.front-eco-product-item-wrapper {
	margin-top: 24px;
}

.front-eco-product-item-wrapper:first-child {
	margin-top: 0;
}

.front-eco-product-item {
	display: flex;
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.03);
}

.front-eco-product-item__left {
	width: 50%;
}

.front-eco-product-item__right {
	width: 50%;
	background: rgba(0, 0, 0, 0.2);
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.front-eco-product-item__content {
	padding: 64px;
}

.front-eco-product-item__type-block {
	display: flex;
}

.front-eco-product-item__type {
	position: relative;
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
	border-radius: 20px;
	padding: 2px 8px;
	padding-left: 16px;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	text-transform: uppercase;
	color: var(--colors-green-1000);
}

.front-eco-product-item__type::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
	border-radius: 4px;
	width: 4px;
	height: 4px;
}

.front-eco-product-item__title-block {
	margin-top: 16px;
}

.front-eco-product-item__title {}

.front-eco-product-item__descr-block {
	margin-top: 16px;
}

.front-eco-product-item__descr {
	font-size: 16px;
	line-height: 1.6;
	color: var(--colors-gray);
}


.front-eco-product-item__features-block {
	margin-top: 24px;
}

.front-eco-product-item__features {}

.front-eco-product-item__feature-wrapper {
	margin-top: 8px;
}

.front-eco-product-item__feature-wrapper:first-child {
	margin-top: 0;
}

.front-eco-product-item__feature {
	display: flex;
}

.front-eco-product-item__feature__icon {
	position: relative;
	width: 16px;
	height: 16px;
	margin-top: 2px;
}

.front-eco-product-item__feature__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.front-eco-product-item__feature__text {
	width: calc(100% - 16px);
	padding-left: 8px;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-gray);
}




.front-eco-product-item__buttons-block {
	margin-top: 24px;
	padding-top: 24px;
}

.front-eco-product-item__buttons {
	display: flex;
	flex-wrap: wrap;
	margin-top: -16px;
	margin-left: -8px;
	margin-right: -8px;
}

.front-eco-product-item__button-wrapper {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 16px;
}


.front-eco-product-item__view-button {
	padding-left: 31px;
	padding-right: 31px;
}


.front-eco-product-item__wallet-button {
	padding-left: 31px;
	padding-right: 31px;
}

.front-eco-product-item__wallet-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
	background: var(--colors-black);
}


.front-eco-product-item__ai-staking-button {
	padding-left: 31px;
	padding-right: 31px;
}

.front-eco-product-item__ai-staking-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background: var(--colors-black);
}


.front-eco-product-item__loan-button {
	padding-left: 31px;
	padding-right: 31px;
}

.front-eco-product-item__loan-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/circle-percent.svg');
	-webkit-mask-image: url('../images/svg/circle-percent.svg');
	background: var(--colors-black);
}

.front-eco-product-item__affiliate-button {
	padding-left: 31px;
	padding-right: 31px;
}

.front-eco-product-item__affiliate-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/users.svg');
	-webkit-mask-image: url('../images/svg/users.svg');
	background: var(--colors-black);
}



.front-page-info-feature-item--home-uptime {
	border: 1px solid var(--colors-green--200);
}

.front-page-info-feature-item--home-uptime .front-page-info-feature-item__icon {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.front-page-info-feature-item--home-uptime .front-page-info-feature-item__icon::before {
	display: none;
}

.front-page-info-feature-item--home-uptime .front-page-info-feature-item__text {
	color: var(--colors-green-1000);
	opacity: 1;
}

.front-page-info-feature-item--home-audited {}


.front-page-info-feature-item--home-audited .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	background: var(--colors-telegram);
}


.front-page-info-feature-item--home-ai-active {
	background: rgba(10, 12, 16, 0.6);
}


.front-page-info-feature-item--home-ai-active .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-image: url('../images/svg/cpu.svg');
	background: var(--colors-purple);
}

.front-page-info-top--home {}


.front-page-info-top--home .front-page-info-top-title {
	font-size: 64px;
	font-weight: 500;
}

.front-page-info-top--home .front-page-info-top-buttons-block {
	padding-bottom: 24px;
}

.front-page-info-top-currency-change-items-block {
	margin-top: 8px;
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.front-page-info-top-currency-change-items {
	display: flex;
	margin-left: -16px;
	margin-right: -16px;
	margin-top: -16px;
}

.front-page-info-top-currency-change-item-wrapper {
	margin-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
}

.front-page-info-top-currency-change-item {
	position: relative;
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--colors-gray);
	padding-left: 14px;
}

.front-page-info-top-currency-change-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 6px;
	width: 6px;
	height: 6px;
	background: var(--colors-white);
}


.front-page-info-top-currency-change-item--green::before {
	background: var(--colors-green-1000);
}

.front-page-info-top-currency-change-item--red::before {
	background: var(--colors-red-1000);
}


.home-infographic-block {
	display: flex;
	justify-content: flex-end;
}

.home-infographic {
	position: relative;
	width: 600px;
	height: 600px;
	min-width: 600px;
}

.home-infographic-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}

.home-infographic-bg::before {
	content: '';
	position: absolute;
	border-radius: 9999px;
	width: 600px;
	height: 600px;
	filter: blur(32px);
	background: linear-gradient(45deg, rgba(6, 78, 59, 0.2) 0%, rgba(6, 78, 59, 0) 50%, rgba(30, 58, 138, 0.2) 100%);
}

.home-infographic-bg-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.home-infographic-bg-circle--outer {
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 9999px;
	width: 500px;
	height: 500px;
}

.home-infographic-bg-circle--middle {
	border: 1px dashed rgba(255, 255, 255, 0.1);
	border-radius: 9999px;
	width: 348px;
	height: 348px;
}

.home-infographic-bg-circle--inner {
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 9999px;
	width: 199px;
	height: 199px;
	backdrop-filter: blur(4px);
}




.home-infographic-bg-dot {
	position: absolute;
	transform: translate(-50%, -50%);
}

.home-infographic-bg-dot--australia {
	top: 17.5%;
	left: 42.33%;
	border-radius: 9999px;
	width: 8px;
	height: 8px;
	background: var(--colors-white);
}

.home-infographic-bg-dot--united-kingdom {
	top: 26.16%;
	left: 73.83%;
	border-radius: 9999px;
	width: 12px;
	height: 12px;
	box-shadow: 0 0 15px 0 #10b981;
	background: #10b981;
}

.home-infographic-bg-dot--hong-kong {
	top: 66%;
	left: 21.66%;
	border-radius: 9999px;
	width: 8px;
	height: 8px;
	box-shadow: 0 0 15px 0 #06b6d4;
	background: #06b6d4;
}

.home-infographic-bg-image {
	position: absolute;
	width: 498px;
	height: 498px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}


.home-infographic-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 4;
}


.home-infographic-label {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(255, 255, 255, 0.02);
	border-radius: 999px;
	padding: 4px 8px;
	padding-left: 22px;
	backdrop-filter: blur(12px);
	background: rgba(255, 255, 255, 0.03);
	box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 11px;
	line-height: 142%;
	color: var(--colors-white);
}

.home-infographic-label::before {
	content: '';
	position: absolute;
	border-radius: 9999px;
	width: 6px;
	height: 6px;
	top: 50%;
	transform: translateY(-50%);
	left: 8px;
	background: var(--colors-white);
}

.home-infographic-label--australia {
	top: 10.66%;
	left: 36%;
}

.home-infographic-label--australia::before {
	box-shadow: 0 0 8px 0 #002b7f;
	background: var(--colors-blue-1000);
}

.home-infographic-label--united-kingdom {
	top: 17.5%;
	left: 74.08%;
}

.home-infographic-label--united-kingdom::before {
	box-shadow: 0 0 8px 0 #002b7f;
	background: var(--colors-green-1000);
}

.home-infographic-label--hong-kong {
	top: 62.5%;
	left: 9.83%;
}

.home-infographic-label--hong-kong::before {
	box-shadow: 0 0 8px 0 #002b7f;
	background: var(--colors-blue-1000);
}


.home-infographic-card {
	position: absolute;
	border-radius: 12px;
	padding: 16px;
	transform: translate(-50%, -50%);
	backdrop-filter: blur(12px);
	box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.5), 0 10px 15px -3px rgba(0, 0, 0, 0.5);
	background: rgba(255, 255, 255, 0.03);
	overflow: hidden;
}

.home-infographic-card--trade {
	top: 35.83%;
	left: 21.5%;
	border-left: 4px solid transparent;
	width: 242px;
}

.home-infographic-card--trade::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background-color: var(--colors-green-1000);
}

.home-infographic-card--shield {
	top: 53.33%;
	left: 81.66%;
	width: 194px;
	border-left: 4px solid var(--colors-green-1000);
}

.home-infographic-card--pair {
	top: 79.75%;
	left: 42.16%;
	width: 200px;
}

.home-infographic-trade {
	display: flex;
}

.home-infographic-trade__icon-block {
	width: 32px;
}


.home-infographic-trade__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.home-infographic-trade__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.home-infographic-trade__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}


.home-infographic-trade__icon__image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}

.home-infographic-trade__icon__image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}



.home-infographic-trade__content {
	width: calc(100% - 32px);
	padding-left: 8px;
}

.home-infographic-trade__title {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.home-infographic-trade__descr {
	margin-top: 4px;
	font-family: var(--inter);
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}

.home-infographic-trade__info-block {
	padding-top: 4px;
	margin-top: 4px;
}

.home-infographic-trade__info {
	display: flex;
	align-items: center;
}

.home-infographic-trade__info__profit {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-green-1000);
	padding-right: 8px;
}

.home-infographic-trade__info__sep {
	font-size: 12px;
	line-height: 133%;
	color: var(--colors-gray);
	font-family: var(--inter);
}

.home-infographic-trade__info__time {
	padding-left: 8px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.home-infographic-shield {}

.home-infographic-shield-top {
	display: flex;
	align-items: center;
}


.home-infographic-shield-top__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.home-infographic-shield-top__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.home-infographic-shield-top__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}


.home-infographic-shield-top__icon__image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}

.home-infographic-shield-top__icon__image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/shield-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.home-infographic-shield-top__title {
	width: calc(100% - 32px);
	padding-left: 12px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.home-infographic-shield-progress {
	margin-top: 8px;
	position: relative;
	overflow: hidden;
	border-radius: 9999px;
	background-color: #334155;
	height: 4px;
}

.home-infographic-shield-progress__progress {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: var(--colors-green-1000);
}


.home-infographic-shield-bottom {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-infographic-shield-bottom__threats {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
	padding-right: 8px;
}

.home-infographic-shield-bottom__secure {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 150%;
	color: var(--colors-green-1000);
}

.home-infographic-pair {}

.home-infographic-pair-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-infographic-pair-top__left {
	padding-right: 8px;
}

.home-infographic-pair-top__title {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.home-infographic-pair-top__right {}



.home-infographic-pair-top__type-wrapper {
	display: flex;
}


.home-infographic-pair-top__type {
	position: relative;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	text-align: center;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 22px;
	padding: 2px 6px;
	padding-left: 22px;
}

.home-infographic-pair-top__type::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/trending-up.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.home-infographic-pair-top__type--long {
	color: #00f0a8;
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green--200);
}

.home-infographic-pair-top__type--long::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	background-color: var(--colors-green-1000);
}

.home-infographic-pair-top__type--short {
	background: rgba(239, 68, 68, 0.1);
	color: var(--colors-red-1000);
	border: 1px solid var(--colors-red-200);
}

.home-infographic-pair-top__type--short::before {
	mask-image: url('../images/svg/arrow-down-to-line.svg');
	-webkit-mask-image: url('../images/svg/arrow-down-to-line.svg');
	background-color: var(--colors-red-1000);
}




.home-infographic-pair-graph-block {
	margin-top: 12px;
}

.home-infographic-pair-graph {
	display: flex;
	align-items: flex-end;
	height: 64px;
	margin-left: -3px;
	margin-right: -3px;
}

.home-infographic-pair-graph-item-wrapper {
	padding-left: 3px;
	padding-right: 3px;
}

.home-infographic-pair-graph-item {
	border-radius: 2px 2px 0 0;
	width: 8px;
	background: var(--colors-dark-gray);
	height: 100%;
}

.home-infographic-pair-graph-item--red {
	background: rgba(239, 68, 68, 0.8);
}

.home-infographic-pair-graph-item--green {
	box-shadow: 0 0 10px 0 rgba(0, 240, 168, 0.5);
	background: #00f0a8;
}

.home-infographic-pair-entry {
	margin-top: 12px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
}



.front-section-block--team {}


.front-section-block--team .front-section-descr-block {
	padding-right: 72px;
}


.front-section-operation-block {
	display: flex;
}

.front-section-operation {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 9999px;
	padding: 8px 16px;
	padding-left: 40px;
	backdrop-filter: blur(4px);
	background: rgba(255, 255, 255, 0.05);

	font-weight: 500;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-white);
}


.front-section-operation::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/shield-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/shield-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.front-section .front-contact-office-items-block {
	padding-top: 0;
}



.front-page-info-feature-item--about-infrastructure {}

.front-page-info-feature-item--about-infrastructure .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-image: url('../images/svg/cpu.svg');
	background: var(--colors-purple);
}


.front-page-info-feature-item--about-ecosystem {}


.front-page-info-feature-item--about-ecosystem .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/globe.svg');
	-webkit-mask-image: url('../images/svg/globe.svg');
	background: var(--colors-blue-1000);
}


.front-page-info-feature-item--about-security {
	background: rgba(10, 12, 16, 0.6);
}


.front-page-info-feature-item--about-security .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	background: var(--colors-green-1000);
}

.front-page-info-feature-items--about {
	margin-left: -4px;
	margin-right: -4px;
	margin-top: -8px;
}

.front-page-info-feature-items--about .front-page-info-feature-item-wrapper {
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 8px;
}




.fp-infographic--about {}

.fp-infographic--about .fp-infographic__center-icon::before {
	display: none;
}

.fp-infographic--about .fp-infographic__center-icon::after {}

.fp-infographic--about {}

.fp-infographic--about .fp-infographic-item__inner {
	padding-top: 12px;
	padding-bottom: 12px;
	min-width: 184px;
	max-width: 264px;
}

.fp-infographic--about .fp-infographic-item--left-top {
	margin-right: 10px;
}

.fp-infographic--about .fp-infographic-item--right-top {
	margin-left: 5px;
}

.fp-infographic--about .fp-infographic-item--right-top .fp-infographic-item__inner {
	width: 264px;
}

.fp-infographic--about .fp-infographic-item--right-bottom {
	margin-left: 5px;
}

.fp-infographic--about .fp-infographic-item--right-bottom .fp-infographic-item__inner {
	width: 250px;
}


.fp-infographic-item__info--about-ai-powered {}

.fp-infographic-item__info__icon--about-ai-powered {}

.fp-infographic-item__info__icon--about-ai-powered::before {
	background: rgba(192, 132, 252, 0.2);
}

.fp-infographic-item__info__icon--about-ai-powered .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-image: url('../images/svg/cpu.svg');
	background-color: var(--colors-purple);
}



.fp-infographic-item__info--about-custody {}

.fp-infographic-item__info--about-custody .fp-infographic-item__info__content {
	padding-right: 12px;
}

.fp-infographic-item__info--about-custody .fp-infographic-item__info__content::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(16, 185, 129, 0.6);
	background: var(--colors-green-1000);
}

.fp-infographic-item__info__icon--about-custody {}

.fp-infographic-item__info__icon--about-custody::before {
	background: var(--colors-green--200);
}


.fp-infographic-item__info__icon--about-custody .fp-infographic-item__info__icon__image::before {
	mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	background-color: var(--colors-green-1000);
}


.fp-infographic-item__info--about-analytics {}


.fp-infographic-item__info--about-analytics .fp-infographic-item__info__content {
	padding-right: 12px;
	width: calc(100% - 36px);
}

.fp-infographic-item__info--about-analytics .fp-infographic-item__info__content::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(16, 185, 129, 0.6);
	background: var(--colors-green-1000);
}


.fii-info-about-analytics-graph-block {
	width: 36px;
}

.fii-info-about-analytics-graph {
	display: flex;
	margin-left: -2px;
	margin-right: -2px;
}

.fii-info-about-analytics-graph-item-wrapper {
	padding-left: 2px;
	padding-right: 2px;
}

.fii-info-about-analytics-graph-item {
	height: 32px;
	width: 4px;
	background: rgba(245, 158, 11, 0.2);
	border-radius: 4px;
}


.fii-info-about-analytics-graph-item-wrapper:nth-child(2) .fii-info-about-analytics-graph-item {
	background: rgba(245, 158, 11, 0.4);
}

.fii-info-about-analytics-graph-item-wrapper:nth-child(3) .fii-info-about-analytics-graph-item {
	background: rgba(245, 158, 11, 0.6);
}

.fii-info-about-analytics-graph-item-wrapper:nth-child(4) .fii-info-about-analytics-graph-item {
	background: rgba(245, 158, 11, 0.8);
}

.fii-info-about-analytics-graph-item-wrapper:nth-child(5) .fii-info-about-analytics-graph-item {
	box-shadow: 0 0 10px 0 rgba(245, 158, 11, 0.5);
	background: var(--colors-orange);
}


.front-page-info-feature-item--about-potential {}

.front-page-info-feature-item--about-potential .front-page-info-feature-item__icon {}

.front-page-info-feature-item--about-potential .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/flame.svg');
	-webkit-mask-image: url('../images/svg/flame.svg');
	background: var(--colors-orange);
}



.front-page-info-feature-item--about-activation {}


.front-page-info-feature-item--about-activation .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/zap.svg');
	-webkit-mask-image: url('../images/svg/zap.svg');
	background: var(--colors-green-1000);
}


.front-page-info-feature-item--about-withdraw {
	background: rgba(10, 12, 16, 0.6);
}


.front-page-info-feature-item--about-withdraw .front-page-info-feature-item__icon::before {
	mask-image: url('../images/svg/wallet.svg');
	-webkit-mask-image: url('../images/svg/wallet.svg');
	background: var(--colors-purple);
}




.front-team-slider-block {
	position: relative;
	z-index: 3;
}

.front-team-slider {
	position: relative;
}

.front-team-slider .swiper {
	margin-top: 0;
}

.front-team-slider .swiper-button-next,
.front-team-slider .swiper-button-prev {
	background: rgba(255, 255, 255, 0.03);
	position: absolute;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	border: 0;
	top: -72px;
	margin-top: 0;
}

.front-team-slider .swiper-button-next::after,
.front-team-slider .swiper-button-prev::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.front-team-slider .swiper-button-next:hover::after,
.front-team-slider .swiper-button-prev:hover::after {
	background-color: var(--colors-white);
}

.front-team-slider .swiper-button-next {
	right: 0;
}

.front-team-slider .swiper-button-prev {
	left: auto;
	right: 40px;
}


.front-team-slider .swiper-button-next::after {
	mask-image: url('../images/svg/arrow-right.svg');
	-webkit-mask-image: url('../images/svg/arrow-right.svg');
}

.front-team-slider .swiper-button-prev::after {
	mask-image: url('../images/svg/arrow-left.svg');
	-webkit-mask-image: url('../images/svg/arrow-left.svg');
}


.front-team-slide {}

.front-team-slide-item {
	border-radius: 32px;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	height: 100%;
	text-decoration: none;
	display: block;
}

.front-team-slide-item__inner {
	position: relative;
	overflow: hidden;
	border-radius: 32px;
	padding: 24px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	height: 100%;
	transition: 0.4s ease;
}

.front-team-slide-item__image {
	border-radius: 24px;
	height: 360px;
}

.front-team-slide-item__image .image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
}

.front-team-slide-item-info-block {
	margin-top: 24px;
}

.front-team-slide-item-info {
	display: flex;
}

.front-team-slide-item-info__left {
	width: calc(100% - 48px);
	padding-right: 16px;
}

.front-team-slide-item-info__right {
	width: 48px;
}

.front-team-slide-item-info__title {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.56;
	letter-spacing: -0.04em;
	color: var(--colors-white);
}

.front-team-slide-item-info__state {
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-green-1000);
}


.front-team-slide-item__descr {
	margin-top: 16px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}


.front-team-slide-item-info__linked {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 12px;
	width: 48px;
	height: 48px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.front-team-slide-item-info__linked::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	filter: blur(36px);
	background: rgba(10, 102, 194, 0.3);
}

.front-team-slide-item-info__linked::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}


.front-team-slide-item-info__linked-image {
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 3;
}

.front-team-slide-item-info__linked-image::before {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/linkedin.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 24px 24px;
	-webkit-mask-image: url('../images/svg/linkedin.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 24px 24px;
	background-color: #0a66c2;
	transition: 0.4s ease;
}

.front-page-top--roadmap {
	padding-bottom: 40px;
}

.front-page-top--roadmap .front-page-top-subtitle-block {
	max-width: 680px;
}

.roadmap-block {}

.roadmap {
	position: relative;
	min-height: 800px;
}

.roadmap__line {
	position: absolute;
	top: 0;
	height: 100%;
	left: 50%;
	width: 1px;
	background: linear-gradient(180deg, rgba(22, 255, 142, 0) 0%, rgba(22, 255, 142, 0.3) 50%, rgba(22, 255, 142, 0) 100%);
}

.roadmap-stages {
	position: relative;
	z-index: 2;
}

.roadmap-stage {
	margin-top: 24px;
}

.roadmap-stage:first-child {
	margin-top: 0;
}

.roadmap-year-wrapper {
	display: flex;
	justify-content: center;
}

.roadmap-year {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.56;
	color: var(--colors-white);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 9999px;
	padding: 8px 24px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 20px -5px var(--colors-green--200);
	background: rgba(255, 255, 255, 0.03);
}

.roadmap-year--current {
	color: var(--colors-green-1000);
}


.roadmap-stage__part {
	width: calc(50% - 14px);
}

.roadmap-item {
	position: relative;
}

.roadmap-card-dot {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 9999px;
	background-color: #fff;
	border: 2px solid var(--colors-white);
	box-shadow: 0 0 15px 0 rgba(0, 245, 255, 0.5);
}

.roadmap-card {
	max-width: 424px;
	margin-right: auto;
	margin-left: auto;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 32px;
}

.roadmap-card-top {
	display: flex;
	align-items: center;
}

.roadmap-card-top__left {
	width: 32px;
}

.roadmap-card-top__right {
	width: calc(100% - 32px);
	padding-left: 8px;
}


.roadmap-card-top__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.roadmap-card-top__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(255, 255, 255, 0.2);
}

.roadmap-card-top__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}


.roadmap-card-top__icon-image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}

.roadmap-card-top__icon-image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/code-xml.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/code-xml.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}



.roadmap-card-tags-block {}

.roadmap-card-tags {
	display: flex;
	justify-content: flex-end;
	margin-left: -4px;
	margin-right: -4px;
}

.roadmap-card-tag-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.roadmap-card-tag {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	padding: 1px 4px;
	background: rgba(255, 255, 255, 0.1);
	font-weight: 500;
	font-size: 10px;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
	color: var(--colors-white);
}

.roadmap-card-tag--status {
	padding-left: 12px;
}

.roadmap-card-tag--status::before {
	content: '';
	position: absolute;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-white);
	border-radius: 9999px;
	width: 4px;
	height: 4px;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
}



.roadmap-card-title {
	margin-top: 8px;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.roadmap-card-descr {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}

.roadmap-card-progress {
	margin-top: 12px;
	position: relative;
	overflow: hidden;
	height: 4px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.05);
}

.roadmap-card-progress__progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: var(--colors-white);
}


.roadmap-card-complete-info {
	margin-top: 12px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-gray);
}




.roadmap-stage--left .roadmap-card-dot {
	top: 50%;
	left: 100%;
	transform: translate(-50%, -50%);
	margin-left: 14px;
}

.roadmap-stage--left .roadmap-card-title {
	text-align: right;
}

.roadmap-stage--left .roadmap-card-descr {
	text-align: right;
}

.roadmap-stage--left .roadmap-card-complete-info {
	text-align: right;
}


.roadmap-stage--right {}

.roadmap-stage--right .roadmap-stage__part {
	margin-right: 0;
	margin-left: auto;
}

.roadmap-stage--right .roadmap-card-dot {
	top: 50%;
	right: 100%;
	transform: translate(50%, -50%);
	margin-right: 14px;
}


.roadmap-item--green {}

.roadmap-item--green .roadmap-card-top__icon::before {
	background: var(--colors-green--200);
}

.roadmap-item--green .roadmap-card-top__icon-image::before {
	background: var(--colors-green-1000);
}

.roadmap-item--green .roadmap-card-tag {
	border: 1px solid var(--colors-green--200);
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
}

.roadmap-item--green .roadmap-card-tag::before {
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.roadmap-item--green .roadmap-card-progress__progress {
	background: var(--colors-green-1000);
}

.roadmap-item--green .roadmap-card-dot {
	border-color: var(--colors-green-1000);
	background: var(--colors-green-1000);
	box-shadow: 0 0 15px 0 rgba(22, 255, 142, 0.5);
}



.roadmap-item--purple {}

.roadmap-item--purple .roadmap-card-top__icon::before {
	background: rgba(192, 132, 252, 0.2);
}

.roadmap-item--purple .roadmap-card-top__icon-image::before {
	background: var(--colors-purple);
}

.roadmap-item--purple .roadmap-card-tag {
	border: 1px solid rgba(192, 132, 252, 0.2);
	background: rgba(192, 132, 252, 0.1);
	color: var(--colors-purple);
}

.roadmap-item--purple .roadmap-card-tag::before {
	box-shadow: 0 0 8px 0 rgba(0, 245, 255, 0.6);
	background: var(--colors-purple);
}

.roadmap-item--purple .roadmap-card-progress__progress {
	background: var(--colors-purple);
}

.roadmap-item--purple .roadmap-card-dot {
	border-color: var(--colors-purple);
	background: var(--colors-purple);
	box-shadow: 0 0 15px 0 rgba(192, 132, 252, 0.5);
}



.roadmap-item--blue {}

.roadmap-item--blue .roadmap-card-top__icon::before {
	background: var(--colors-blue-200);
}

.roadmap-item--blue .roadmap-card-top__icon-image::before {
	background: var(--colors-blue-1000);
}

.roadmap-item--blue .roadmap-card-tag {
	background: rgba(0, 245, 255, 0.1);
	border: 1px solid var(--colors-blue-200);
	color: var(--colors-blue-1000);
}

.roadmap-item--blue .roadmap-card-tag::before {
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-blue-1000);
}

.roadmap-item--blue .roadmap-card-progress__progress {
	background: var(--colors-blue-1000);
}

.roadmap-item--blue .roadmap-card-dot {
	border-color: var(--colors-blue-1000);
	background: var(--colors-blue-1000);
	box-shadow: 0 0 15px 0 rgba(0, 245, 255, 0.5);
}


.roadmap-item--native-token {}

.roadmap-item--native-token .roadmap-card-top__icon-image::before {
	mask-image: url('../images/svg/code-xml.svg');
	-webkit-mask-image: url('../images/svg/code-xml.svg');
}

.roadmap-item--mobile-app {}

.roadmap-item--mobile-app .roadmap-card-top__icon-image::before {
	mask-image: url('../images/svg/smartphone.svg');
	-webkit-mask-image: url('../images/svg/smartphone.svg');
}

.roadmap-item--exchange {}

.roadmap-item--exchange .roadmap-card-top__icon-image::before {
	mask-image: url('../images/svg/repeat.svg');
	-webkit-mask-image: url('../images/svg/repeat.svg');
}

.roadmap-item--education {}

.roadmap-item--education .roadmap-card-top__icon-image::before {
	mask-image: url('../images/svg/graduation-cap.svg');
	-webkit-mask-image: url('../images/svg/graduation-cap.svg');
}

.roadmap-item--cards {}

.roadmap-item--cards .roadmap-card-top__icon-image::before {
	mask-image: url('../images/svg/credit-card.svg');
	-webkit-mask-image: url('../images/svg/credit-card.svg');
}

.roadmap-item--trading-api {}

.roadmap-item--trading-api .roadmap-card-top__icon-image::before {
	mask-image: url('../images/svg/graduation-cap.svg');
	-webkit-mask-image: url('../images/svg/graduation-cap.svg');
}

.roadmap-item--b2b-solutions {}

.roadmap-item--b2b-solutions .roadmap-card-top__icon-image::before {
	mask-image: url('../images/svg/briefcase-business.svg');
	-webkit-mask-image: url('../images/svg/briefcase-business.svg');
}

.roadmap-item--global {}

.roadmap-item--global .roadmap-card-top__icon-image::before {
	mask-image: url('../images/svg/globe.svg');
	-webkit-mask-image: url('../images/svg/globe.svg');
}

.fh-roadmap-block {}

.fh-roadmap {
	position: relative;
}

.fh-roadmap__line {
	position: absolute;
	top: 78px;
	height: 1px;
	left: 0;
	width: 100%;
	background: linear-gradient(90deg, rgba(22, 255, 142, 0) 0%, rgba(22, 255, 142, 0.3) 50%, rgba(22, 255, 142, 0) 100%);
}

.fh-roadmap-items {
	margin-left: -12px;
	margin-right: -12px;
	display: flex;
	flex-wrap: wrap;
}

.fh-roadmap-item-wrapper {
	width: 33.33%;
	padding-left: 12px;
	padding-right: 12px;
}

.fh-roadmap-item-wrapper .roadmap-item {
	margin-top: 64px;
}


.fh-roadmap-item-wrapper .roadmap-card-dot {
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	margin-bottom: 24px;
}


.front-direction-items-block {}

.front-direction-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -24px;
}

.front-direction-item-wrapper {
	width: 33.33%;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 24px;
}

.front-direction-item {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	height: 100%;
}

.front-direction-item-infographic {
	border-radius: 16px 16px 0 0;
	height: 245px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
}

.front-direction-item-content {
	padding: 32px;
}


.front-direction-item-title-block {}

.front-direction-item-title {
	display: flex;
	align-items: center;
}


.front-direction-item-title__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.front-direction-item-title__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(255, 255, 255, 0.2);
}

.front-direction-item-title__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}


.front-direction-item-title__icon-image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}

.front-direction-item-title__icon-image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-check.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}


.front-direction-item-title__text {
	width: calc(100% - 32px);
	padding-left: 12px;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: -0.03em;
	color: var(--colors-white);
}

.front-direction-item-descr {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}


.front-direction-item-tags-block {
	padding-top: 8px;
	margin-top: 12px;
}

.front-direction-item-tags {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
	margin-top: -8px;
}

.front-direction-item-tag-wrapper {
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 8px;
}

.front-direction-item-tag {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-transform: uppercase;
	text-align: right;
	color: var(--colors-gray);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
}

.front-direction-item--custody {}

.front-direction-item--custody .front-direction-item-infographic {
	background: radial-gradient(141.54% 72.54% at 95.38% 3.91%, rgba(16, 185, 129, 0.07) 0%, rgba(16, 185, 129, 0) 100%);
}

.front-direction-item--custody .front-direction-item-title__icon::before {
	background: var(--colors-green--200);
}

.front-direction-item--custody .front-direction-item-title__icon-image::before {
	mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	background-color: var(--colors-green-1000);
}


.front-direction-item--credit {}

.front-direction-item--credit .front-direction-item-infographic {
	background: radial-gradient(141.54% 72.54% at 95.38% 3.91%, rgba(0, 245, 255, 0.07) 0%, rgba(0, 245, 255, 0) 100%);
}

.front-direction-item--credit .front-direction-item-title__icon::before {
	background: var(--colors-blue-200);
}

.front-direction-item--credit .front-direction-item-title__icon-image::before {
	mask-image: url('../images/svg/credit-card.svg');
	-webkit-mask-image: url('../images/svg/credit-card.svg');
	background-color: var(--colors-blue-1000);
}


.front-direction-item--staking {}

.front-direction-item--staking .front-direction-item-infographic {
	background: radial-gradient(141.54% 72.54% at 95.38% 3.91%, rgba(192, 132, 252, 0.07) 0%, rgba(192, 132, 252, 0) 100%);
}

.front-direction-item--staking .front-direction-item-title__icon::before {
	background: rgba(192, 132, 252, 0.2);
}

.front-direction-item--staking .front-direction-item-title__icon-image::before {
	mask-image: url('../images/svg/cpu.svg');
	-webkit-mask-image: url('../images/svg/cpu.svg');
	background-color: var(--colors-purple);
}

.front-direction-item--trading {}

.front-direction-item--trading .front-direction-item-infographic {
	background: radial-gradient(141.54% 72.54% at 95.38% 3.91%, rgba(245, 158, 11, 0.07) 0%, rgba(245, 158, 11, 0) 100%);
}

.front-direction-item--trading .front-direction-item-title__icon::before {
	background: rgba(245, 158, 11, 0.2);
}

.front-direction-item--trading .front-direction-item-title__icon-image::before {
	mask-image: url('../images/svg/trending-up.svg');
	-webkit-mask-image: url('../images/svg/trending-up.svg');
	background-color: var(--colors-orange);
}


.front-direction-item--analytics {}

.front-direction-item--analytics .front-direction-item-infographic {
	background: radial-gradient(141.54% 72.54% at 95.38% 3.91%, rgba(239, 68, 68, 0.07) 0%, rgba(239, 68, 68, 0) 100%);
}

.front-direction-item--analytics .front-direction-item-title__icon::before {
	background: var(--colors-red-200);
}

.front-direction-item--analytics .front-direction-item-title__icon-image::before {
	mask-image: url('../images/svg/chart-pie.svg');
	-webkit-mask-image: url('../images/svg/chart-pie.svg');
	background-color: var(--colors-red-1000);
}

.fdi-infographic-custody {
	position: relative;
	width: 160px;
	height: 160px;
}

.fdi-infographic-custody-back-line {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 224px;
	height: 4px;
	filter: blur(4px);
	background: rgba(16, 185, 129, 0.3);
}

.fdi-infographic-custody-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.fdi-infographic-custody-circle--outer {
	border: 1px dashed rgba(16, 185, 129, 0.2);
	border-radius: 9999px;
	width: 160px;
	height: 160px;
}

.fdi-infographic-custody-circle--middle {
	border: 1px solid rgba(16, 185, 129, 0.1);
	border-radius: 9999px;
	width: 136px;
	height: 136px;
}

.fdi-infographic-custody-circle--inner {
	border: 1px solid rgba(16, 185, 129, 0.3);
	border-radius: 999px;
	width: 80px;
	height: 80px;
	backdrop-filter: blur(12px);
	box-shadow: 0 0 30px -5px rgba(16, 185, 129, 0.3);
	background: rgba(24, 24, 27, 0.1);
}

.fdi-infographic-custody-icon {
	position: absolute;
	border-radius: 9999px;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.fdi-infographic-custody-icon::before {
	content: '';
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/front/fdi-infographic-custody-icon.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 32px 32px;
	-webkit-mask-image: url('../images/svg/front/fdi-infographic-custody-icon.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 32px 32px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}


.fdi-infographic-credit-wrapper {
	position: relative;
	width: 224px;
	height: 128px;
	border-radius: 12px;
}

.fdi-infographic-credit {
	position: relative;
	width: 224px;
	height: 128px;
	border-radius: 12px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: linear-gradient(162deg, #18181b 0%, #18181b 50%, rgba(8, 47, 73, 0.3) 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
	z-index: 2;
}

.fdi-infographic-credit-back {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	width: 192px;
	height: 112px;
	top: 20px;
	left: 26px;
	background: rgba(39, 39, 42, 0.5);
	transform: rotate(6deg);
	z-index: 1;
}

.fdi-infographic-credit-top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fdi-infographic-credit-top__left {
	padding-right: 8px;
}

.fdi-infographic-credit__rectangle {
	border: 1px solid rgba(14, 165, 233, 0.2);
	border-radius: 4px;
	width: 24px;
	height: 16px;
	background: linear-gradient(90deg, rgba(14, 165, 233, 0.2) 0%, rgba(14, 165, 233, 0.4) 100%);
}

.fdi-infographic-credit-top__right {}

.fdi-infographic-credit__icon {
	position: relative;
	width: 16px;
	height: 16px;
}

.fdi-infographic-credit__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/front/fdi-infographic-credit-icon.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/front/fdi-infographic-credit-icon.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: #52525B;
	transition: 0.4s ease;
}


.fdi-infographic-credit-bottom {
	width: 100%;
}

.fdi-infographic-credit__title {
	font-weight: 400;
	font-size: 8px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #71717a;
}

.fdi-infographic-credit__value {
	margin-top: 2px;
	font-family: var(--inter);
	font-weight: 600;
	font-size: 18px;
	line-height: 1.56;
	letter-spacing: -0.02em;
	color: var(--colors-white);
}

.fdi-infographic-staking-wrapper {
	position: relative;
	width: 100%;
	max-width: 380px;
	height: 224px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fdi-infographic-staking {
	position: relative;
	width: 160px;
	height: 160px;
	border-radius: 9999px;
	border: 1px solid rgba(192, 132, 252, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.fdi-infographic-staking::before {
	content: '';
	position: absolute;
	left: 50%;
	top: -4px;
	transform: translateX(-50%);
	border-radius: 9999px;
	width: 6px;
	height: 6px;
	box-shadow: 0 0 8px 0 #8b5cf6;
	background: var(--colors-purple);
}

.fdi-infographic-staking__icon {
	position: relative;
	border: 1px solid rgba(192, 132, 252, 0.3);
	border-radius: 12px;
	width: 64px;
	height: 64px;
	box-shadow: 0 0 30px -10px rgba(139, 92, 246, 0.5);
	background: #18181b;
}

.fdi-infographic-staking__icon::before {
	content: '';
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/front/fdi-infographic-staking-icon.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 32px 32px;
	-webkit-mask-image: url('../images/svg/front/fdi-infographic-staking-icon.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 32px 32px;
	background-color: var(--colors-purple);
	transition: 0.4s ease;
}

.fdi-infographic-staking-percent {
	position: absolute;
	bottom: 24px;
	right: 24px;
	background: rgba(24, 24, 27, 0.8);
	border: 1px solid rgba(192, 132, 252, 0.2);
	border-radius: 4px;
	padding: 4px 8px;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.5;
	color: var(--colors-purple);
}

.fdi-infographic-trading-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fdi-infographic-trading {
	padding: 24px 16px;
	width: 100%;
	max-width: 380px;
}

.fdi-infographic-trading-graph {
	background: rgba(24, 24, 27, 0.5);
	border: 1px solid #27272a;
	border-radius: 8px;
	padding: 12px;
	height: 112px;
}

.fdi-infographic-trading-graph-cols {
	margin-left: -2px;
	margin-right: -2px;
	height: 100%;
	display: flex;
	align-items: flex-end;
}

.fdi-infographic-trading-graph-col-wrapper {
	width: 16.66%;
	padding-left: 2px;
	padding-right: 2px;
}

.fdi-infographic-trading-graph-col {
	height: 100%;
	background: rgba(39, 39, 42, 0.3);
	border-radius: 2px;
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(1) {
	height: 20.45%;
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(1) {
	height: 20.45%;
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(2) {
	height: 39.77%;
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(3) {
	height: 34.09%;
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(3) .fdi-infographic-trading-graph-col {
	background: rgba(245, 158, 11, 0.6);
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(4) {
	height: 53.75%;
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(4) .fdi-infographic-trading-graph-col {
	background: rgba(245, 158, 11, 0.4);
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(5) {
	height: 73.29%;
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(5) .fdi-infographic-trading-graph-col {
	box-shadow: 0 0 15px 0 rgba(245, 158, 11, 0.4);
	background: var(--colors-orange);
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(6) {
	height: 48.86%;
}

.fdi-infographic-trading-graph-col-wrapper:nth-child(6) .fdi-infographic-trading-graph-col {
	background: rgba(245, 158, 11, 0.3);
}


.fdi-infographic-trading-info {
	margin-top: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 4px;
	padding: 7px 8px 8px;
	height: 32px;
	background: rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fdi-infographic-trading-info__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 9px;
	line-height: 1.5;
	color: var(--colors-gray);
	padding-right: 8px;
}

.fdi-infographic-trading-info__value {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 9px;
	line-height: 1.5;
	color: var(--colors-orange);
}

.fdi-infographic-analytics-wrapper {
	position: relative;
	width: 100%;
	max-width: 380px;
	height: 204px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fdi-infographic-analytics-wrapper::before {
	content: '';
	position: absolute;
	left: 24px;
	bottom: 36px;
	width: 1px;
	height: 64px;
	background: linear-gradient(180deg, rgba(244, 63, 94, 0) 0%, rgba(244, 63, 94, 0.5) 50%, rgba(244, 63, 94, 0) 100%);
}


.fdi-infographic-analytics-wrapper::after {
	content: '';
	position: absolute;
	right: 24px;
	bottom: 36px;
	width: 1px;
	height: 64px;
	background: linear-gradient(180deg, rgba(244, 63, 94, 0) 0%, rgba(244, 63, 94, 0.5) 50%, rgba(244, 63, 94, 0) 100%);
}

.fdi-infographic-analytics {
	position: relative;
	border: 1px solid rgba(244, 63, 94, 0.1);
	border-radius: 9999px;
	width: 128px;
	height: 128px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fdi-infographic-analytics::before {
	content: '';
	position: absolute;
	border-radius: 9999px;
	width: 6px;
	height: 6px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	box-shadow: 0 0 8px 0 #f43f5e;
	background: #f43f5e;
}

.fdi-infographic-analytics-info {
	text-align: center;
}

.fdi-infographic-analytics-info__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 8px;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center;
	color: #71717a;
}

.fdi-infographic-analytics-info__value {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33;
	text-align: center;
	color: #fb7185;
}


.front-page-top--academy {
	padding-bottom: 0;
}



.front-academy-tabs-block {
	margin-top: 8px;
	padding-top: 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.front-academy-tabs {
	margin-left: -16px;
	margin-right: -16px;
	display: flex;
	justify-content: center;
}

.front-academy-tab-wrapper {
	padding-left: 16px;
	padding-right: 16px;
}

.front-academy-tab {
	position: relative;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: var(--colors-gray);
	padding-bottom: 12px;
	cursor: pointer;
}

.front-academy-tab::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
}

.front-academy-tab.active {
	color: var(--colors-white);
	pointer-events: none;
}

.front-academy-tab.active::after {
	opacity: 1;
	visibility: visible;
}


.front-academy-tabs-content-block {}

.front-academy-tabs-content {}

.front-academy-tab-content {
	display: none;
	padding-top: 40px;
}

.front-academy-tab-content:first-child {
	display: block;
}





.front-guide-tabs-block {
	position: relative;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	padding: 6px 4px;
	border-radius: 12px;
}

.front-guide-tabs-block::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(10px);
	border-radius: 12px;
}

.front-guide-tabs {
	position: relative;
	z-index: 2;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	margin-top: -4px;
}

.front-guide-tab-wrapper {
	position: relative;
	z-index: 2;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 4px;
	width: 16.66%;
}

.front-guide-tab {
	position: relative;
	border-radius: 8px;
	padding: 4px 16px;
	padding: 9px 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: var(--colors-gray);
	border: 1px solid transparent;
	transition: 0.4s ease;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.front-guide-tab::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1px;
	width: 48px;
	height: 2px;
	box-shadow: 0 0 8px 0 var(--colors-green-1000);
	background: var(--colors-green-1000);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}

.front-guide-tab__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
	padding-right: 8px;
	transition: 0.4s ease;
}

.front-guide-tab__count {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 1.6;
	text-align: right;
	color: var(--colors-gray);
	transition: 0.4s ease;
}


.front-guide-tab.active {
	box-shadow: 0 0 15px 0 var(--colors-green-100);
	background: var(--colors-green-100);
	border: 1px solid var(--colors-green-100);
	color: var(--colors-white);
	pointer-events: none;
}

.front-guide-tab.active::after {
	opacity: 1;
	visibility: visible;
}

.front-guide-tab.active .front-guide-tab__text {
	color: var(--colors-white);
}

.front-guide-tab.active .front-guide-tab__count {
	color: var(--colors-green-1000);
}

.front-guide-tabs-content-block {}

.front-guide-tabs-content {}

.front-guide-tab-content {
	padding-top: 24px;
	display: none;
}

.front-guide-tab-content:first-child {
	display: block;
}


.front-guide-items-block {}

.front-guide-items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -24px;
}

.front-guide-item-wrapper {
	margin-top: 24px;
	width: 33.33%;
	padding-left: 12px;
	padding-right: 12px;
}

.front-guide-item {

	border-radius: 32px;
	backdrop-filter: blur(40px);
	background: rgba(10, 10, 10, 0.6);
	height: 100%;
	text-decoration: none;
	display: block;
}

.front-guide-item__inner {
	position: relative;
	overflow: hidden;
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	height: 100%;
	transition: 0.4s ease;
}



.front-guide-item__tags-block {
	position: absolute;
	left: 24px;
	top: 24px;
	z-index: 2;
}

.front-guide-item__tags {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
}

.front-guide-item__tag-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.front-guide-item__tag {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-transform: uppercase;
	text-align: right;
	color: var(--colors-gray);
	/* background: rgba(255, 255, 255, 0.05); */
	background: #0e0d0d;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
}

.front-guide-item__preview-block {
	position: relative;
}

.front-guide-item__preview {
	height: 245px;
}

.front-guide-item__preview .image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.front-guide-item__play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 9999px;
	width: 48px;
	height: 48px;
	backdrop-filter: blur(12px);
	background: rgba(255, 255, 255, 0.1);
}

.front-guide-item__play::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/circle-play.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/circle-play.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}


.front-guide-item__content {
	padding: 24px;
	padding-bottom: 72px;
}

.front-guide-item__title-block {
	margin-top: 16px;
}

.front-guide-item__title-block:first-child {
	margin-top: 0;
}

.front-guide-item__title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	cursor: pointer;
	color: var(--colors-white);
	transition: 0.4s ease;
}

h4.front-guide-item__title {
	line-height: 1.56;
	letter-spacing: -0.04em;
}

.front-guide-item__descr-block {
	margin-top: 16px;
}

.front-guide-item__descr {
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}


.front-guide-item__time-block {
	margin-top: 16px;
	position: absolute;
	left: 24px;
	bottom: 24px;
	right: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.03);
	padding: 8px 0px 0px;
}

.front-guide-item__time {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.front-academy-choose-country-block {
	display: flex;
}

.front-academy-choose-country {
	width: 260px;
}

.academy-market-items-block {
	margin-top: 24px;
}

.academy-market-items {}

.academy-market-item-wrapper {
	margin-top: 24px;
}

.academy-market-item-wrapper:first-child {
	margin-top: 0;
}

.academy-market-item {
	border-radius: 32px;
	backdrop-filter: blur(40px);
	background: rgba(2, 3, 5, 0.2);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 100px -20px rgba(0, 0, 0, 0.8);
}

.academy-market-item__inner {
	position: relative;
	overflow: hidden;
	display: flex;
	border-radius: 32px;
	transition: 0.4s ease;
}

.academy-market-item__icon-block {
	width: 200px;
	background: var(--colors-white);
}

.academy-market-item__icon {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.academy-market-item__content {
	width: calc(100% - 200px);
	padding: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.academy-market-item__left {
	padding-right: 24px;
}

.academy-market-item__left-top {
	display: flex;
	align-items: center;
}

.academy-market-item__title-block {
	padding-right: 8px;
}

.academy-market-item__title {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.56;
	color: var(--colors-white);
}

.academy-market-item__recommend-wrapper {
	display: flex;
}

.academy-market-item__recommend {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-align: right;
	background: var(--colors-green-100);
	color: var(--colors-green-1000);
	border: 1px solid var(--colors-green--200);
	padding: 2px 8px;
	padding-left: 16px;
	border-radius: 20px;
}

.academy-market-item__recommend::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 4px;
	width: 4px;
	height: 4px;
	box-shadow: 0 0 8px 0 rgba(22, 255, 142, 0.6);
	background: var(--colors-green-1000);
}

.academy-market-item__descr {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--colors-gray);
}


.academy-market-item__right {
	max-width: 550px;
	display: flex;
	align-items: center;
}



.academy-market-item__tags-block {
	padding-right: 24px;
}

.academy-market-item__tags {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
	margin-top: -8px;
}

.academy-market-item__tag-wrapper {
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 8px;
}

.academy-market-item__tag {
	position: relative;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.45;
	text-transform: uppercase;
	text-align: right;
	color: var(--colors-gray);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 2px 8px;
}

.academy-market-item__button-block {}

.academy-market-item__button {
	padding-left: 23px;
	padding-right: 23px;
	white-space: nowrap;
}






.sign-telegram-button-block {
	margin-top: 16px;
}


.sign-telegram-button {
	position: relative;
	overflow: hidden;
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: var(--colors-blue-1000);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: transparent;
	border: 1px solid var(--colors-blue-200);
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}

.sign-telegram-button::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 90%;
	right: 70%;
	top: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
	transition: 0.4s ease;
}

.sign-telegram-button .iconed-btn__icon {
	position: relative;
	z-index: 2;
	width: 20px;
	height: 20px;
}

.sign-telegram-button .iconed-btn__text {
	position: relative;
	z-index: 2;
	opacity: 0.8;
	max-width: calc(100% - 20px);
}


.sign-telegram-button:hover {
	color: var(--colors-white);
	text-decoration: none;
	background: var(--colors-telegram);
}

.sign-telegram-button:hover::before {
	opacity: 0;
	visibility: hidden;
}

.sign-telegram-button .iconed-btn__icon::before {
	width: 20px;
	height: 20px;
	background: var(--colors-telegram);
	mask-size: 20px 20px;
	mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/telegram.svg');
}

.sign-telegram-button:hover .iconed-btn__icon::before {
	background-color: var(--colors-white);
}


.cookies-block {
	position: fixed;
	pointer-events: none;
	left: 0;
	right: 0;
	bottom: 30px;
	z-index: 500;
}

.cookies {
	pointer-events: auto;
	backdrop-filter: blur(40px);
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cookies__left {
	padding-right: 24px;
	display: flex;
	align-items: center;

}

.cookies__icon {
	position: relative;
	border: 1px solid var(--colors-green--200);
	border-radius: 16px;
	width: 40px;
	height: 40px;
	background: var(--colors-green-100);
}

.cookies__icon::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/cookie.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/cookie.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-green-1000);
	transition: 0.4s ease;
}

.cookies__content {
	width: calc(100% - 40px);
	padding-left: 12px;
}

.cookies__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-white);
}

.cookies__descr {
	font-weight: 400;
	font-size: 12px;
	color: var(--colors-gray);
}

.cookies__descr a {
	color: var(--colors-gray);
	text-decoration: underline;
}

.cookies__descr a:hover {
	color: var(--colors-gray);
	text-decoration: none;
}

.cookies__right {}

.cookies__buttons-block {}

.cookies__buttons {
	display: flex;
	margin-left: -4px;
	margin-right: -4px;
}

.cookies__button-wrapper {
	padding-left: 4px;
	padding-right: 4px;
}

.cookies__reject-button {
	padding: 9px 12px;
}


.cookies__accept-button {
	padding: 9px 12px;
}

.toast-bottom-right {
	bottom: 40px;
	right: 40px;
}

#toast-container>div {
	background-color: transparent;
	box-shadow: none;
	opacity: 1;
	padding: 0;
	padding-left: 4px;
	width: 316px;
	border-radius: 12px;
	margin: 0 0 12px;
	border: 0;
}

#toast-container>div:hover {
	box-shadow: none;
}

button.toast-close-button {
	position: absolute;
	top: 12px;
	right: 16px;
	width: 12px;
	height: 12px;
	z-index: 5;
	font-size: 0;
	text-indent: -9999px;
}

button.toast-close-button::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/close.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/close.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

#toast-container>.toast-info {
	background-image: none !important;
}

#toast-container>.toast-success {
	background-image: none !important;
}

#toast-container>.toast-warning {
	background-image: none !important;
}


#toast-container>.toast-error {
	background-image: none !important;
}


.notification {
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}

.notification__inner {
	padding: 16px;
	display: flex;
	align-items: flex-start;
	backdrop-filter: blur(12px);
	box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.5), 0 10px 15px -3px rgba(0, 0, 0, 0.5);
	background: rgba(255, 255, 255, 0.03);
	border-left: 4px solid var(--colors-orange);
}


.notification__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.notification__icon .image {
	width: 16px;
	height: 16px;
	position: relative;
}


.notification__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	filter: blur(10px);
	background: rgba(88, 179, 154, 0.3);
}

.notification__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 2;
}

.notification__icon-image {
	width: 16px;
	height: 16px;
	position: relative;
	z-index: 3;
}

.notification__icon-image::before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/info.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 16px 16px;
	-webkit-mask-image: url('../images/svg/info.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 16px 16px;
	background-color: var(--colors-white);
	transition: 0.4s ease;
}

.notification__content {
	width: calc(100% - 32px);
	padding-left: 8px;
}

.notification__title {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.43;
	color: var(--colors-white);
}

.notification__descr {
	margin-top: 4px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33;
	color: var(--colors-gray);
}


.toast-info {}

.toast-info .notification__inner {
	border-left: 4px solid var(--colors-blue-1000);
}


.toast-info .notification__icon::before {
	background: var(--colors-blue-200);
}


.toast-info .notification__icon-image::before {
	mask-image: url('../images/svg/info.svg');
	-webkit-mask-image: url('../images/svg/info.svg');
	background: var(--colors-blue-1000);
}


.toast-success {}

.toast-success .notification__inner {
	border-left: 4px solid var(--colors-green-1000);
}

.toast-success .notification__icon::before {
	background: var(--colors-green--200);
}

.toast-success .notification__icon-image::before {
	mask-image: url('../images/svg/circle-check.svg');
	-webkit-mask-image: url('../images/svg/circle-check.svg');
	background-color: var(--colors-green-1000);
}


.toast-warning {}

.toast-warning .notification__inner {
	border-left: 4px solid var(--colors-orange);
}

.toast-warning .notification__icon::before {
	background: rgba(245, 158, 11, 0.2);
}

.toast-warning .notification__icon-image::before {
	mask-image: url('../images/svg/clock-8.svg');
	-webkit-mask-image: url('../images/svg/clock-8.svg');
	background-color: var(--colors-orange);
}

.toast-error {}

.toast-error .notification__inner {
	border-left: 4px solid var(--colors-red-1000);
}

.toast-error .notification__icon::before {
	background-color: var(--colors-red-200);
}

.toast-error .notification__icon-image::before {
	mask-image: url('../images/svg/circle-alert.svg');
	-webkit-mask-image: url('../images/svg/circle-alert.svg');
	background-color: var(--colors-red-1000);
}

.sign-telegram-button-block {}

.sign-telegram-button-block iframe {
	display: block;
	width: 100%;
}

.sign-telegram-button-block .body_widget_login {
	display: block;
}


.sign-telegram-button-block button.tgme_widget_login_button {
	font-family: "Manrope", sans-serif;
	position: relative;
	overflow: hidden;
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: rgba(0, 245, 255, 0.8);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: 0;
	background: transparent;
	border: 1px solid rgba(0, 245, 255, 0.2);
	text-align: center;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-radius: 16px;
}


.sign-telegram-button-block button.tgme_widget_login_button::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 90%;
	right: 70%;
	top: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
	transition: 0.4s ease;
}

.sign-telegram-button-block .tgme_widget_login_button_icon {
	position: relative;
	background: none;
	width: 20px;
	height: 20px;
	margin: 0;
	margin-right: 8px;
}

.sign-telegram-button-block .tgme_widget_login_button_icon::before {

	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	mask-image: url('../images/svg/telegram.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
	-webkit-mask-image: url('../images/svg/telegram.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	background: var(--colors-telegram);
	transition: 0.4s ease;

}


.field-refferal-block {}

.field-refferal-title-block {
	display: flex;
}

.field-refferal-title {
	position: relative;
	padding-right: 16px;
	font-size: 12px;
	color: var(--colors-gray);
	cursor: pointer;
}

.field-refferal-title span {
	border-bottom: 1px dotted var(--colors-gray);
}



.field-refferal-title::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	mask-image: url('../images/svg/chevron-down.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	-webkit-mask-image: url('../images/svg/chevron-down.svg');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 12px 12px;
	background-color: var(--colors-gray);
	transition: 0.4s ease;
}

.field-refferal-title.active::after {
	transform: translateY(-50%) rotate(180deg);
}

.field-refferal-field {
	padding-top: 8px;
	display: none;
}



/*
.custom-modal {
	display: block;
	position: relative;
	opacity: 1 !important;
}

.modal-content-block::before {
	display: none;
}

.cookies-block {
	display: none;
}
*/


.modal--download-app .modal-title {
	color: var(--colors-green-1000);
}

.modal-download-app-list-block {
	margin-top: 24px;
}

.modal-download-app-list {}

.modal-download-app-item-wrapper {
	margin-top: 8px;
}

.modal-download-app-item {
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	padding: 12px;
	background: rgba(255, 255, 255, 0.03);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal-download-app-item__left {
	padding-right: 16px;
	display: flex;
	align-items: center;
}

.modal-download-app-item__right {}



.modal-download-app-item__icon {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 12px;
	width: 46px;
	height: 46px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}



.modal-download-app-item__icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 60px;
	filter: blur(10px);
	background: rgba(255, 255, 255, 0.1);
}

.modal-download-app-item__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	border: 1px solid rgba(245, 158, 11, 0.03);
	z-index: 2;
}

.modal-download-app-item__icon-image {
	position: relative;
	z-index: 3;
}




.modal-download-app-item__content {
	width: calc(100% - 46px);
	padding-left: 12px;
}

.modal-download-app-item__title {
	font-weight: 500;
	font-size: 14px;
	line-height: 114%;
	color: var(--colors-white);
}

.modal-download-app-item__descr {
	font-family: var(--second-family);
	font-size: 11px;
	line-height: 1.5;
	color: var(--colors-gray);
	margin-top: 4px;
}

.modal-download-app-item__button-block {}

.modal-download-app-item__button {
	border-radius: 8px;
	font-weight: 500;
	padding: 9px 13px;
	font-size: 14px;
	color: var(--colors-gray);
}


.modal--privacy {}

.modal--privacy .modal-dialog {
	max-width: 720px;
}

.modal--privacy .modal-title-block {
	justify-content: flex-start;
}

.modal--privacy .modal-title {
	font-weight: 500;
	color: var(--colors-green-1000);
}

.modal-policy-scroll-block {
	margin-top: 24px;
	max-width: 100%;
}

.modal-policy-scroll {
	max-height: 450px;
	overflow-y: auto;
}


.modal-policy-scroll::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.modal-policy-scroll::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 12px;
}

.modal-policy-scroll::-webkit-scrollbar-thumb {
	background-color: var(--colors-green-1000);
	/* background-color: var(--colors-black); */
	border-radius: 20px;
}


.modal-policy-scroll .front-policy-items-block {
	overflow: hidden;
	padding-right: 24px;
}


.modal-policy-scroll .front-policy-item {
	padding-bottom: 16px;
}

.modal-policy-scroll .front-policy-item-wrapper {
	margin-top: 16px;
}

.modal-policy-scroll .front-policy-item-wrapper:first-child {
	margin-top: 0;
}

.modal-policy-scroll .front-policy-item__content {
	padding-top: 16px;
}

.modal-policy-scroll .front-policy-item__content p {
	margin-bottom: 1rem;
}

.modal-policy-scroll .front-policy-item__content p:last-child {
	margin-bottom: 0;
}

.modal-bottom-close-button-block {
	margin-top: 24px;
}

.modal-bottom-close-button {
	width: 100%;
}

.modal-bottom-close-button .iconed-btn__icon::before {
	mask-image: url('../images/svg/close.svg');
	-webkit-mask-image: url('../images/svg/close.svg');
}



.modal--blog-detail {}

.modal--blog-detail .modal-dialog {
	max-width: 720px;
}

.modal--blog-detail .modal-title-block {
	justify-content: flex-start;
}

.modal--blog-detail .modal-title {
	font-weight: 500;
	color: var(--colors-green-1000);
	text-align: left;
}



.modal-blog-detail-top-info-block {
	margin-top: 16px;
	max-width: 880px;
	margin-right: auto;
	margin-left: auto;
}

.modal-blog-detail-top-info {
	border-top: 0;
	padding-top: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: var(--colors-gray);
}

.modal-blog-detail-top-info-date {}

.modal-blog-detail-top-info-sep {
	position: relative;
	width: 20px;
	height: 20px;
}

.modal-blog-detail-top-info-sep::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	width: 4px;
	height: 4px;
	background: var(--colors-gray);
}

.modal-blog-detail-top-info-read-time {}



.modal-blog-detail-block {
	margin-top: 24px;
	max-height: 620px;
	overflow: auto;
}


.modal-blog-detail-block {
	/* max-height: 450px; */
	overflow-y: auto;
	padding-right: 24px;
}


.modal-blog-detail-block::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.modal-blog-detail-block::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 12px;
}

.modal-blog-detail-block::-webkit-scrollbar-thumb {
	background-color: var(--colors-green-1000);
	/* background-color: var(--colors-black); */
	border-radius: 20px;
}

.page--have-sticky .page-inner {
	overflow: visible;
}

.left-side-panel—sticky {
	position: sticky;
	top: 80px;
}