/* USER VARIABLES SECTION */

:root {
 --accent: orange;
 --text: #333;

 --neutral-0: #fff;
 --neutral-50: #fafafa;
 --neutral-100: #e5e5e5;
 --neutral-200: #c7c7c7;
 --neutral-300: #a3a3a3;
 --neutral-400: #8a8a8a;
 --neutral-500: #6b6b6b;
 --neutral-600: #4a4a4a;
 --neutral-700: #2e2e2e;
 --neutral-800: #1c1c1c;
 --neutral-900: #161616;
 --neutral-950: #131313;
 --lime-50: #f8ffe3;
 --lime-100: #f0ffb8;
 --lime-200: #dfff7a;
 --lime-300: #d2f847;
 --lime-400: #c6f827;
 --lime-500: #c7eb54;
 --lime-600: #8fb53a;
 --lime-700: #87a838;
 --lime-800: #65802a;
 --lime-900: #44571c;
 --lime-950: #25300f;
 --red-50: #fff1f0;
 --red-100: #ffd8d6;
 --red-200: #ffafa9;
 --red-300: #ff8078;
 --red-400: #fa544b;
 --red-500: #f03d33;
 --red-600: #c92e26;
 --red-700: #9e221b;
 --red-800: #731812;
 --red-900: #4d0f0b;
 --red-950: #2b0806;
 --orange-50: #fff8e6;
 --orange-100: #ffeab3;
 --orange-200: #ffd780;
 --orange-300: #ffc24d;
 --orange-400: #ffad1f;
 --orange-500: #f59300;
 --orange-600: #cc7a00;
 --orange-700: #a36100;
 --orange-800: #7a4900;
 --orange-900: #523100;
 --orange-950: #2e1c00;
 --green-50: #e8fff3;
 --green-100: #b9ffdd;
 --green-200: #83ffc4;
 --green-300: #4dffab;
 --green-400: #22f293;
 --green-500: #00d97e;
 --green-600: #00b368;
 --green-700: #008c52;
 --green-800: #00663c;
 --green-900: #004228;
 --green-950: #002415;
 --blue-50: #e9f6ff;
 --blue-100: #bee7ff;
 --blue-200: #8fd6ff;
 --blue-300: #5fc4ff;
 --blue-400: #3bb6ff;
 --blue-500: #17a6ff;
 --blue-600: #0f87d6;
 --blue-700: #0a68ad;
 --blue-800: #064b84;
 --blue-900: #03305a;
 --blue-950: #011a33;
 --bg-background: var(--neutral-950);
 --bg-surface: var(--neutral-900);
 --bg-surface-raised: var(--neutral-800);
 --bg-popover: var(--neutral-900);
 --bg-primary: var(--lime-500);
 --bg-primary-hover: var(--lime-600);
 --bg-secondary: var(--neutral-800);
 --bg-muted: var(--neutral-900);
 --bg-accent: var(--lime-400);
 --bg-destructive: var(--red-500);
 --bg-destructive-subtle: #2b0806;
 --bg-success: var(--green-500);
 --bg-success-subtle: var(--green-950);
 --bg-warning: var(--orange-500);
 --bg-warning-subtle: var(--orange-950);
 --bg-info: var(--blue-500);
 --bg-info-subtle: var(--blue-950);
 --bg-sidebar: var(--neutral-950);
 --bg-sidebar-accent: var(--neutral-800);
 --text-foreground: var(--neutral-0);
 --text-muted-foreground: var(--neutral-300);
 --text-primary: var(--lime-500);
 --text-primary-foreground: var(--neutral-950);
 --text-secondary-foreground: var(--neutral-0);
 --text-accent-foreground: var(--neutral-950);
 --text-card-foreground: var(--neutral-0);
 --text-destructive: var(--red-400);
 --text-destructive-foreground: var(--neutral-0);
 --text-success: var(--green-400);
 --text-success-foreground: var(--neutral-950);
 --text-warning: var(--orange-400);
 --text-warning-foreground: var(--neutral-950);
 --text-info: var(--blue-400);
 --text-info-foreground: var(--neutral-0);
 --text-sidebar-foreground: var(--neutral-0);
 --icon-default: var(--neutral-0);
 --icon-muted: var(--neutral-400);
 --icon-primary: var(--lime-500);
 --icon-on-primary: var(--neutral-950);
 --icon-destructive: var(--red-400);
 --icon-success: var(--green-400);
 --icon-warning: var(--orange-400);
 --icon-info: var(--blue-400);
 --border-border: rgba(255, 255, 255, 0.05);
 --border-input: var(--neutral-700);
 --border-ring: var(--lime-500);
 --border-destructive: var(--red-500);
 --border-destructive-subtle: var(--red-800);
 --border-success-subtle: var(--green-800);
 --border-warning-subtle: var(--orange-800);
 --border-info-subtle: var(--blue-800);
 --border-sidebar-border: var(--neutral-800);
 --overlay-scrim: var(--neutral-900);
 --overlay-on-dark: var(--neutral-0);
 --border-component: #8a38f5;
 --border-accent: var(--lime-400);
 --bg-primary-subtle: rgba(199, 235, 84, 0.1);
 --bg-accent-subtle: var(--lime-950);
 --border-accent-subtle: var(--lime-900);
 --border-accent-gradient: linear-gradient(63deg, rgba(198, 248, 39, 0.9), rgba(255, 255, 255, 0.25), rgba(198, 248, 39, 0.05));
 --border-input-gradient: linear-gradient(74deg, rgba(248, 255, 227, 0.2), rgba(52, 50, 46, 1));
 --border-error-gradient: linear-gradient(63deg, rgba(240, 61, 51, 0.9), rgba(240, 61, 51, 0.25), rgba(240, 61, 51, 0.05));

 --regular-text: 16px;
 --lineheight: 1.5;
 --font-family: "InterTight", sans-serif;
 --second-family: "Inter", sans-serif;
 --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/InterTight-Regular.woff2") format("woff2");
 font-family: "InterTight";
 font-weight: 400;
 font-style: normal;
}

@font-face {
 src: url("../fonts/InterTight-Italic.woff2") format("woff2");
 font-family: "InterTight";
 font-weight: 400;
 font-style: italic;
}

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

@font-face {
 src: url("../fonts/InterTight-MediumItalic.woff2") format("woff2");
 font-family: "InterTight";
 font-weight: 500;
 font-style: italic;
}


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

@font-face {
 src: url("../fonts/InterTight-SemiBoldItalic.woff2") format("woff2");
 font-family: "InterTight";
 font-weight: 600;
 font-style: italic;
}


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

@font-face {
 src: url("../fonts/InterTight-BoldItalic.woff2") format("woff2");
 font-family: "InterTight";
 font-weight: 700;
 font-style: italic;
}



@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-Italic.woff2") format("woff2");
 font-family: "Inter";
 font-weight: 400;
 font-style: italic;
}

@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-MediumItalic.woff2") format("woff2");
 font-family: "Inter";
 font-weight: 500;
 font-style: italic;
}


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


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




/* GENERAL CSS SETTINGS */

::placeholder {
 color: rgba(163, 163, 163, 0.5);
}

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

input,
textarea {
 outline: none;
}

body {
 font-family: var(--font-family);
 font-size: var(--regular-text);
 line-height: var(--lineheight);
 color: var(--text);
 min-width: 320px;
 line-height: 1.5;
 position: relative;
 overflow-x: hidden;
 background: var(--bg-background);

}

/* USER STYLES */


h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight: 500;
 cursor: default;
 line-height: 1.2;
 margin-bottom: 0;
 color: var(--text-foreground);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
 font-weight: 500;
 cursor: default;
 line-height: 1.2;
 margin-bottom: 0;
 color: var(--text-foreground);
}

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

h2,
.h2 {
 font-size: 30px;
}

h3,
.h3 {
 font-size: 24px;
 line-height: 1.25;
}

h4,
.h4 {
 font-size: 20px;
 line-height: 1.3;
}

h5,
.h5 {
 font-size: 18px;
 line-height: 1.3;
}

h6,
.h6 {}

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

.section-ui {
 padding-top: 20px;
 padding-bottom: 240px;
}


.ui-elements-block {
 margin-top: 48px;
}

.ui-elements-title {
 color: var(--text-foreground);
}

.ui-element-items-block {
 margin-top: 24px;
 padding: 24px;
}

.ui-element-items {
 /* margin-left: -20px;
 margin-right: -20px;
 display: flex;
 flex-wrap: wrap; */
 margin-top: -20px;
}

.ui-element-item-wrapper {
 /* width: 33.33%;
 padding-left: 20px;
 padding-right: 20px; */
 margin-top: 20px;
}

.ui-element-item {}


.button-block {
 margin-top: 20px;
}

.button {
 position: relative;
 font-family: var(--font-family);
 font-weight: 500;
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 border-radius: 22px;
 border: 0;
 text-align: center;
 padding: 0;
 text-decoration: none;
 display: block;
}

.button__inner {
 position: relative;
 z-index: 2;
 padding: 20px 16px;
 border-radius: 22px;
}


.button:hover {
 background: var(--bg-primary-hover);
 box-shadow: none;
}

.button--fullwidth {
 width: 100%;
}

.button--primary {
 color: var(--text-primary-foreground);
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
 border-radius: 18px;
 text-decoration: none;
 display: block;
}

.button--primary .button__inner {
 border-radius: 18px;
}

.button--icon {}

.button--icon .button__inner {
 padding-top: 18px;
 padding-bottom: 18px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.button__text {
 position: relative;
 z-index: 2;
 transition: 0.4s ease;
}


.button__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}

.button__icon .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}


.button__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/round-arrow-left.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/round-arrow-left.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-on-primary);
 transition: 0.4s ease;
}

.button__icon--round-arrow-left {}

.button__icon--round-arrow-left::before {
 mask-image: url('../images/svg/round-arrow-left.svg');
 -webkit-mask-image: url('../images/svg/round-arrow-left.svg');
}

.button__icon--round-arrow-right::before {
 mask-image: url('../images/svg/round-arrow-right.svg');
 -webkit-mask-image: url('../images/svg/round-arrow-right.svg');
}

.button__icon--round-arrow-down::before {
 mask-image: url('../images/svg/round-arrow-down.svg');
 -webkit-mask-image: url('../images/svg/round-arrow-down.svg');
}

.button__icon--arrow-right::before {
 mask-image: url('../images/svg/arrow-right.svg');
 -webkit-mask-image: url('../images/svg/arrow-right.svg');
}

.button__icon--upload-minimalistic::before {
 mask-image: url('../images/svg/upload-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/upload-minimalistic.svg');
}

.button__icon--download-minimalistic::before {
 mask-image: url('../images/svg/download-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/download-minimalistic.svg');
}

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

.button__icon--edit::before {
 mask-image: url('../images/svg/pen.svg');
 -webkit-mask-image: url('../images/svg/pen.svg');
}

.button__icon--add-circle::before {
 mask-image: url('../images/svg/add-circle.svg');
 -webkit-mask-image: url('../images/svg/add-circle.svg');
}

.button__icon--pen::before {
 mask-image: url('../images/svg/pen.svg');
 -webkit-mask-image: url('../images/svg/pen.svg');
}

.button__icon--magic-stick::before {
 mask-image: url('../images/svg/magic-stick-3.svg');
 -webkit-mask-image: url('../images/svg/magic-stick-3.svg');
}

.button__icon--close-circle::before {
 mask-image: url('../images/svg/close-circle.svg');
 -webkit-mask-image: url('../images/svg/close-circle.svg');
}

.button__icon--sort::before {
 mask-image: url('../images/svg/sort.svg');
 -webkit-mask-image: url('../images/svg/sort.svg');
}

.button__icon--telegram::before {
 mask-image: url('../images/svg/social/telegram.svg');
 -webkit-mask-image: url('../images/svg/social/telegram.svg');
}


.button--icon-left {}

.button--icon-left .button__text {
 padding-left: 12px;
 max-width: calc(100% - 20px);
}

.button--icon-right {}

.button--icon-right .button__text {
 padding-right: 12px;
 max-width: calc(100% - 20px);
}

.button--icon-left.button--icon-right .button__text {
 max-width: calc(100% - 40px);
}



.button--primary:hover {
 background: var(--bg-primary-hover);
 box-shadow: none;
 color: var(--text-primary-foreground);
}


.button--disabled {
 opacity: 0.3;
 pointer-events: none;
}

.button--secondary {
 border-radius: 22px;
 background: var(--bg-secondary);
 color: var(--text-foreground);
 text-decoration: none;
 display: block;
}


.button--secondary .button__icon::before {
 background: var(--icon-primary);
}

.button--secondary:hover {
 background: var(--bg-primary);
}

.button--secondary:hover .button__text {
 color: var(--text-primary-foreground);
}

.button--secondary:hover .button__icon::before {
 background: var(--icon-on-primary);
}




.button--outline {
 border-radius: 22px;
 background-color: transparent;
 color: var(--text-foreground);
 padding: 1px;
 background-image: var(--border-accent-gradient);
 display: block;
 text-decoration: none;
}

.button--outline .button__inner {
 border-radius: 21px;
 background: var(--bg-surface-raised);
 color: var(--text-foreground);
 padding: 19px 23px;
}


.button--outline .button__icon::before {
 background: var(--icon-primary);
}

.button--outline:hover {
 background-color: var(--lime-500);
 background-image: none;
 background-image: linear-gradient(180deg, var(--lime-500), var(--lime-500));
}

.button--outline:hover .button__text {
 color: var(--text-foreground);
}

.button--outline:hover .button__icon::before {
 background: var(--icon-primary);
}

.button--action .button__inner {
 flex-direction: column;
 padding-top: 15px;
 padding-bottom: 15px;
}

.button--action .button__text {
 padding-top: 4px;
}

.ui-elements-content-block {
 margin-top: 24px;
 padding: 24px;
}



.social-links-block {
 margin-top: 16px;
}

.social-links {
 display: flex;
 margin-left: -4px;
 margin-right: -4px;
}

.social-link-wrapper {
 padding-left: 4px;
 padding-right: 4px;
}

.social-link {
 overflow: hidden;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 border-radius: 24px;
 width: 24px;
 height: 24px;
 background: var(--bg-secondary);
}


.social-link__image {
 position: relative;
 width: 16px;
 height: 16px;
}

.social-link__image::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(--icon-muted);
 transition: 0.4s ease;
}

.social-link--twitter {}

.social-link--twitter .social-link__image::before {
 mask-image: url('../images/svg/social/twitter.svg');
 -webkit-mask-image: url('../images/svg/social/twitter.svg');
}

.social-link--youtube {}

.social-link--youtube .social-link__image::before {
 mask-image: url('../images/svg/social/youtube.svg');
 -webkit-mask-image: url('../images/svg/social/youtube.svg');
}

.social-link--telegram {}

.social-link--telegram .social-link__image::before {
 mask-image: url('../images/svg/social/telegram.svg');
 -webkit-mask-image: url('../images/svg/social/telegram.svg');
}

.social-link--medium {}

.social-link--medium .social-link__image::before {
 mask-image: url('../images/svg/social/medium.svg');
 -webkit-mask-image: url('../images/svg/social/medium.svg');
}

.social-link--facebook {}

.social-link--facebook .social-link__image::before {
 mask-image: url('../images/svg/social/facebook.svg');
 -webkit-mask-image: url('../images/svg/social/facebook.svg');
}

.social-link:hover {
 background: var(--bg-primary);
}

.social-link:hover .social-link__image::before {
 background: var(--icon-on-primary);
}


.link-button-block {
 display: flex;
}

.link-button {
 display: inline-flex;
 align-items: center;
 font-family: var(--font-family);
 font-weight: 500;
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 text-decoration: none;
}

.link-button__text-wrapper {
 padding-right: 12px;
}

.link-button__text {
 transition: 0.4s ease;
 border-bottom: 1px dotted var(--text-primary);
}

.link-button__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

.link-button__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(--icon-primary);
 transition: 0.4s ease;
}


.link-button:hover {
 color: var(--text-primary);
 text-decoration: none;
}

.link-button:hover .link-button__text {
 border-bottom-color: transparent;
}




.swiper-slider-block {
 position: relative;
 margin-top: 20px;
}

.swiper-slider {
 position: relative;
 padding-bottom: 68px;
}

.slider-controls-block {
 margin-top: 24px;
 padding: 24px;
}


.slider-controls {
 width: 160px;
 height: 90px;
 border: 1px dashed var(--border-component);
 border-radius: 5px;
}

.swiper-slider .swiper-button-next,
.swiper-slider .swiper-button-prev {
 position: absolute;
 z-index: 2;
 width: 48px;
 height: 48px;
 border-radius: 50px;
 border: 1px solid var(--border-border);
 /* border: 1px solid var(--icon-muted); */
 /* top: 50%;
 transform: translateY(-50%); */
 top: auto;
 bottom: 0;
 margin-top: 0;
 cursor: pointer;
 transition: 0.4s ease;
}

.swiper-slider .swiper-button-next::after,
.swiper-slider .swiper-button-prev::after {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: #fff;
}

.swiper-slider .swiper-button-next {
 /* left: auto;
 right: 20px; */
 left: 68px;
}

.swiper-slider .swiper-button-prev {
 /* left: 20px; */
 left: 0;
}


.swiper-slider .swiper-button-next::after {
 mask-image: url('../images/svg/slider-arrow-right.svg');
 -webkit-mask-image: url('../images/svg/slider-arrow-right.svg');
}

.swiper-slider .swiper-button-prev::after {
 mask-image: url('../images/svg/slider-arrow-left.svg');
 -webkit-mask-image: url('../images/svg/slider-arrow-left.svg');
}

.swiper-slider .swiper-button-next:hover,
.swiper-slider .swiper-button-prev:hover {
 border: 1px solid var(--icon-muted);
}

.swiper-slider .swiper-button-next.swiper-button-disabled,
.swiper-slider .swiper-button-prev.swiper-button-disabled {
 opacity: 0.2;
 pointer-events: none;
}

.label-block {}

.label {
 font-size: 14px;
 line-height: 1.4;
 letter-spacing: 0.02em;
 color: var(--text-foreground);
}

.helper-text-block {
 padding-top: 4px;
 margin-top: 4px;
}

.helper-text {
 font-size: 12px;
 line-height: 145%;
 color: var(--text-muted-foreground);
}

.helper-text--red {
 color: var(--text-destructive);
}

.helper-text--green {
 color: var(--text-success);
}

.helper-text--yellow {
 color: var(--text-primary);
}



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

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

.field-title-block {}

.field-title {
 font-size: 14px;
 line-height: 1.4;
 letter-spacing: 0.02em;
 color: var(--text-foreground);
}

button {
 cursor: pointer;
}

.field {
 position: relative;
}

.field--input {
 position: relative;
 padding: 1.1px;
}

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

.field--textarea {
 position: relative;
 padding: 1.1px;
}

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

.field--select {
 position: relative;
}


.field--checkbox {
 position: relative;
}

.field--radio {
 position: relative;
}

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

.form-button {
 width: 100%;
}

.field input[type='text'],
.field input[type='email'],
.field input[type='password'] {
 position: relative;
 z-index: 2;
 background-color: var(--bg-surface-raised);
 height: 54px;
 padding-left: 16px;
 padding-right: 16px;
 color: var(--text-foreground);
 letter-spacing: 0.01em;
 font-size: 16px;
 border-radius: 21px;
 /* border: 1px solid transparent; */
 border: 0;
}

.field textarea {
 position: relative;
 z-index: 2;
 background-color: var(--bg-surface-raised);
 height: 144px;
 padding-left: 16px;
 padding-right: 16px;
 color: var(--text-foreground);
 letter-spacing: 0.01em;
 font-size: 16px;
 border-radius: 21px;
 border: 0;
 resize: none;
 display: block;
 padding-top: 16px;
 padding-bottom: 16px;
}

.field select {
 background-color: #f4f6fa;
 height: 50px;
 padding-left: 30px;
 padding-right: 20px;
 border-radius: 10px;
 font-size: 16px;
 border: 0;
 color: #6e7a85;
}


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

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

.form ::placeholder {
 color: rgba(163, 163, 163, 0.5);
}

.field--textarea.field--has-right-copy textarea {
 padding-right: 82px;
}

.field--textarea.field--has-right-copy .field-right-panel {
 top: 16px;
 transform: none;
}

.field--textarea-address textarea {
 height: 54px;
}

.field-input-border {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
}

.field-input-border::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-input-gradient);
 border-radius: 22px;
 opacity: 1;
 visibility: visible;
 transition: 0.4s ease;
}

.field-input-border::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-accent-gradient);
 border-radius: 22px;
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.field input[type='text']:focus~.field-input-border::before,
.field input[type='email']:focus~.field-input-border::before,
.field input[type='password']:focus~.field-input-border::before,
.field input[type='text'].not-empty~.field-input-border::before,
.field input[type='email'].not-empty~.field-input-border::before,
.field input[type='password'].not-empty~.field-input-border::before {
 opacity: 0;
 visibility: hidden;
}

.field input[type='text']:focus~.field-input-border::after,
.field input[type='email']:focus~.field-input-border::after,
.field input[type='password']:focus~.field-input-border::after,
.field input[type='text'].not-empty~.field-input-border::after,
.field input[type='email'].not-empty~.field-input-border::after,
.field input[type='password'].not-empty~.field-input-border::after {
 opacity: 1;
 visibility: visible;
}


.field textarea:focus~.field-input-border::before,
.field textarea.not-empty~.field-input-border::before {
 opacity: 0;
 visibility: hidden;
}

.field textarea:focus~.field-input-border::after,
.field textarea.not-empty~.field-input-border::after {
 opacity: 1;
 visibility: visible;
}

.field-icon {
 width: 20px;
 height: 20px;
 position: absolute;
 z-index: 3;
 left: 16px;
 top: 50%;
 transform: translateY(-50%);
}

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

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

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

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

.field--security-code .field-icon::before {
 mask-image: url('../images/svg/shield-keyhole.svg');
 -webkit-mask-image: url('../images/svg/shield-keyhole.svg');
}

.field--referral-link .field-icon::before {
 mask-image: url('../images/svg/link-round.svg');
 -webkit-mask-image: url('../images/svg/link-round.svg');
 background-color: var(--icon-primary);
}

.field--referral-telegram .field-icon::before {
 mask-image: url('../images/svg/social/telegram-circle.svg');
 -webkit-mask-image: url('../images/svg/social/telegram-circle.svg');
 background-color: #08c;
}

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

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

.field--search .field-icon::before {
 mask-image: url('../images/svg/minimalistic-magnifer.svg');
 -webkit-mask-image: url('../images/svg/minimalistic-magnifer.svg');
 background-color: var(--icon-primary);
}

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

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


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

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


.field input[type='text'].not-empty~.field-icon::before,
.field input[type='email'].not-empty~.field-icon::before,
.field input[type='password'].not-empty~.field-icon::before {
 background-color: var(--icon-primary);
}


.field--disabled {
 opacity: 0.3;
 pointer-events: none;
}


.field--radio.field--disabled {
 opacity: 0.5;
 pointer-events: none;
}

.field--error .field-input-border::before {
 opacity: 0;
 visibility: hidden;
}

.field--error .field-input-border::after {
 background-image: var(--border-error-gradient);
 opacity: 1;
 visibility: visible;
}


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


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


.field-note-block {
 padding-top: 4px;
 margin-top: 4px;
}

.field-note {
 font-size: 12px;
 line-height: 1.45;
 color: var(--text-muted-foreground);
}

.field-note--red {
 color: var(--text-destructive);
}

.field-note a {
 color: var(--text-primary);
 text-decoration: none;
}

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

.field-right-panel {
 position: absolute;
 z-index: 3;
 right: 16px;
 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: 20px;
 height: 20px;
 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-closed.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/eye-closed.svg');
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.password-type-toggle-btn:hover::before {
 background-color: var(--icon-primary);
}

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




.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: 22px;
 height: 56px;
 /* min-height: 56px; */
 font-weight: 400;
 font-size: 16px;
 letter-spacing: 0.01em;
 line-height: 1.5;
 color: var(--text-foreground);
 border: 0;
 /* background-color: rgba(248, 255, 227, 0.2); */
 background-image: var(--border-input-gradient);
 background-color: transparent;
 padding: 1px;
}

.bootstrap-select>.dropdown-toggle.show {
 background-image: var(--border-accent-gradient);
}

.bootstrap-select .dropdown-toggle .filter-option {
 border-radius: 21px;
 display: flex;
 align-items: center;
 width: 100%;
 height: 100%;
 background: var(--bg-surface-raised);
 padding-right: 40px;
 padding-left: 16px;
}

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

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




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

.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: rgba(163, 163, 163, 0.5);
 /* color: #fff; */
}

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




.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);
 background-color: var(--icon-primary);
}

.bootstrap-select>.dropdown-menu {
 width: 100%;
 min-width: 210px;
 margin-top: 0;
 border-top: 0;
 /* max-height: 160px; */
 border: 1px solid var(--border-border);
 border-radius: 22px;
 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--border-border);
 background: var(--bg-surface);
 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: 8px;
 padding-left: 6px;
 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: 8px;
 border-bottom: 1px solid rgba(39, 39, 42, 0.8);
 /* margin-bottom: 8px; */
}

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 {
 font-size: 16px;
 height: 48px;
 padding: 16px;
 border: 1px solid rgba(248, 255, 227, 0.2);
 border-radius: 18px;
 background: var(--bg-surface-raised);
 appearance: none;
 color: var(--icon-muted);
}

.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.show-tick .dropdown-menu li a span.text {
 margin-right: 0;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
 display: none;
}

.bootstrap-select>.dropdown-menu::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.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(--text-foreground);
 background-color: transparent;
 padding: 12px !important;
}

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

.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(--icon-primary);
 /* background-color: var(--colors-black); */
 border-radius: 20px;
}

.bootstrap-select .dropdown-menu li {
 display: flex;
 margin-top: 3px;
}

.bootstrap-select .dropdown-menu li:first-child {
 margin-top: 0;
 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(--text-foreground);
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 width: 100%;
 background-color: transparent;
 border-radius: 8px;
}

.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(--icon-primary);
 background: var(--border-border);
}

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

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

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

.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 {
 background: var(--bg-secondary);
}

.bootstrap-select .dropdown-menu li a.active .select-country-item {
 background: var(--bg-secondary);
}

.bootstrap-select .dropdown-menu li a.active .select-phone-code-item {
 background: var(--bg-secondary);
 padding-right: 40px;
}

.bootstrap-select .dropdown-menu li a.active .select-phone-code-item::after {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 right: 12px;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/check-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/check-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

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

.bootstrap-select .dropdown-menu li a.selected {
 background: var(--border-border);
}

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

.select-item__icon {
 width: 20px;
 height: 20px;
 position: relative;
}

.select-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/user-rounded.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/user-rounded.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.select-item__text {
 width: 100%;
}

.select-item__icon+.select-item__text {
 width: calc(100% - 20px);
 padding-left: 8px;
}


.select-item__checkbox {
 width: 20px;
 height: 20px;
 position: relative;
 border-radius: 6px;
 border: 1px solid var(--border-input);
}

.select-item__checkbox::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/check-square.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/check-square.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
 opacity: 0;
 visibility: hidden;

}

.select-item__checkbox+.select-item__text {
 width: calc(100% - 20px);
 padding-left: 8px;
}


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

.bootstrap-select>.dropdown-toggle .select-item__checkbox+.select-item__text {
 width: 100%;
 padding-left: 0;
}

.bootstrap-select .dropdown-menu li a.selected .select-item__checkbox::before {
 opacity: 1;
 visibility: visible;
}


.field--filter-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
 display: flex;
}

.field--filter-select .bootstrap-select>.dropdown-toggle .select-item {
 width: auto;
}







.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(--text-foreground);
 transition: 0.4s ease;
}



.select-phone-code-item {
 display: flex;
 align-items: center;
 padding: 10px 12px;
 width: 100%;
 border-radius: 8px;
 border: 0;
}

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

.select-phone-code-item__flag {
 width: 16px;
 height: 16px;
 display: flex;
}

.select-phone-code-item__flag .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.select-phone-code-item__country {
 width: calc(100% - 16px);
 padding-left: 12px;
 font-weight: 400;
 font-size: 16px;
 line-height: 1;
 color: var(--text-foreground);
}

.select-phone-code-item__country-short {
 width: calc(100% - 16px);
 padding-left: 12px;
 font-weight: 400;
 font-size: 16px;
 line-height: 1;
 color: var(--text-foreground);
 display: none;
}

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

.select-phone-code-item__code {
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: right;
 color: var(--text-muted-foreground);
}


/* field phone */



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

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

.phone-fieldset {
 display: flex;
}


.phone-fieldset__left {
 width: 60px;
}


.phone-fieldset__left .select-phone-code {
 z-index: 3;
 position: absolute;
 left: 0;
 top: 0;
 width: 60px !important;
}

.phone-fieldset__left .select-phone-code::after {
 content: '';
 position: absolute;
 height: 16px;
 top: 50%;
 right: 0;
 transform: translateY(-50%);
 border-right: 1px solid var(--border-border);
}


.phone-fieldset__left .bootstrap-select>.dropdown-toggle {
 /* height: 54px;
 padding: 0;
 background-image: none;
 background-color: transparent; */

 background-color: rgba(248, 255, 227, 0.2);
 padding-right: 0;
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
 /* background-image: none;
 background-color: transparent; */
}

.phone-fieldset__left .bootstrap-select>.dropdown-toggle.show {
 background-color: rgba(198, 248, 39, 0.9);
}

.phone-fieldset--error .phone-fieldset__left .bootstrap-select>.dropdown-toggle {
 background-image: none;
 background-color: rgba(240, 61, 51, 0.9);
}


.phone-fieldset__left .bootstrap-select>.dropdown-toggle .filter-option {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
 padding-right: 24px;
 position: absolute;
 left: 1px;
 top: 1px;
 bottom: 1px;
 height: auto;
}

.phone-fieldset__left .bootstrap-select>.dropdown-toggle::after {
 right: 6px;
 width: 16px;
 height: 16px;
 mask-size: 16px 16px;
 -webkit-mask-size: 16px 16px;
}



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


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

.phone-fieldset__right .field--input {
 padding-left: 0;
}

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

.phone-fieldset__right .field-input-border {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}

.phone-fieldset__right .field-input-border::before {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}

.phone-fieldset__right .field-input-border::after {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}


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

.field--phone .select-phone-code {
 z-index: 10;
 position: absolute;
 left: 1px;
 top: 1px;
 width: 59px !important;
}

.field--phone .select-phone-code::after {
 content: '';
 position: absolute;
 height: 16px;
 top: 50%;
 right: 0;
 transform: translateY(-50%);
 border-right: 1px solid var(--border-border);
}


.field--phone .bootstrap-select>.dropdown-toggle {
 height: 54px;
 padding: 0;
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
 background-image: none;
 background-color: transparent;
}

.field--phone .bootstrap-select>.dropdown-toggle::after {
 right: 6px;
 width: 16px;
 height: 16px;
 mask-size: 16px 16px;
 -webkit-mask-size: 16px 16px;
}

.field--phone .bootstrap-select>.dropdown-toggle .filter-option {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
 padding-right: 24px;
}

.field--phone .bootstrap-select>.dropdown-toggle.show {
 /* border: 1px solid var(--icon-primary); */
}

.field--phone .bootstrap-select>.dropdown-toggle.show+.dropdown-menu {
 z-index: 100;
}

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


.fieldset--disabled {
 opacity: 0.3;
 pointer-events: none;
}

.phone-fieldset--disabled {
 opacity: 0.3;
 pointer-events: none;
}

.phone-fieldset--error {}

.phone-fieldset--error .bootstrap-select>.dropdown-toggle {

 background-image: none;
 background-color: rgba(240, 61, 51, 0.9);
}



.phone-fieldset--error .field-input-border::before {
 opacity: 0;
 visibility: hidden;
}

.phone-fieldset--error .field-input-border::after {
 background-image: var(--border-error-gradient);
 opacity: 1;
 visibility: visible;
}

.field--error .bootstrap-select>.dropdown-toggle {
 background-image: var(--border-error-gradient);
}



.select-currency-item {
 display: flex;
 align-items: center;
 padding: 9px 11px;
 width: 100%;
}

.select-currency-item__icon-border {
 width: 32px;
 height: 32px;
 border-radius: 32px;
 padding: 1px;
 background-image: var(--border-input-gradient);
}

.select-currency-item__icon {
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #27272a;
 border-radius: 30px;
}

.select-currency-item__icon .image {
 width: 16px;
 height: 16px;
 object-fit: contain;
}


.select-currency-item__text {
 width: 100%;
}

.select-currency-item__icon-border+.select-currency-item__text {
 width: calc(100% - 32px);
 padding-left: 8px;
}

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


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

.tabs-wrapper {
 position: relative;
}

.tabs {
 margin-left: -10px;
 margin-right: -10px;
 display: flex;
}

.tab-wrapper {
 padding-left: 10px;
 padding-right: 10px;
 width: 100%;
}

.tab {
 font-weight: 500;
 font-size: 16px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 border-radius: 18px;
 padding: 12px 8px;
 cursor: pointer;
 transition: 0.4s ease;
}

.tab.active {
 background: var(--bg-primary);
 color: var(--text-primary-foreground);
 pointer-events: none;
}

.tabs-content-wrapper {}

.tabs-content {
 padding-top: 24px;
}

.tab-content {
 display: none;
}

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



.bd-tabs-block {
 margin-top: 24px;
}

.bd-tabs-wrapper {
 position: relative;
}

.bd-tabs-border {
 border-radius: 22px;
 background-image: var(--border-accent-gradient);
 padding: 1px;
}

.bd-tabs {
 border-radius: 21px;
 padding: 3px;
 display: flex;
 background: var(--bg-surface-raised);
}

.bd-tab-wrapper {
 width: 100%;
}

.bd-tab {
 font-weight: 500;
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 border-radius: 18px;
 padding: 16px 8px;
 cursor: pointer;
 transition: 0.4s ease;
}

.bd-tab.active {
 background: var(--bg-primary);
 color: var(--text-primary-foreground);
 pointer-events: none;
}

.bd-tabs-content-wrapper {}

.bd-tabs-content {
 padding-top: 24px;
}

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

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

.checkbox-items-block {
 margin-top: 24px;
}

.checkbox-items {}

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

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

.checkbox-item {}


.field--checkbox {
 display: flex;
}

.checkbox-container {
 line-height: 1;
 display: block;
 width: auto;
 margin-bottom: 0;
 text-align: left;
}

.checkbox-input {}

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

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

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

.checkbox-custom__text {
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 8px;
 font-size: 14px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 max-width: calc(100% - 20px);
}


.checkbox-custom__text a {
 color: var(--text-foreground);
 text-decoration: none;
}

.checkbox-custom__text a:hover {
 color: var(--text-foreground);
 text-decoration: underline;
}

.checkbox-input {
 display: none;
}

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




.radio-items-block {
 margin-top: 24px;
}

.radio-items {}

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

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

.radio-item {}


.field--radio {
 display: flex;
}

.radio-container {
 line-height: 1;
 display: block;
 width: auto;
 margin-bottom: 0;
 text-align: left;
}


.radio-custom {
 display: flex;
 align-items: center;
 cursor: pointer;
}

.radio-custom__switcher {
 display: inline-block;
 width: 20px;
 height: 20px;
 border-radius: 20px;
 border: 1px solid var(--border-input);
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
}

.radio-custom__switcher::before {
 content: '';
 position: absolute;
 width: 18px;
 height: 18px;
 border-radius: 18px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.radio-custom__switcher::after {
 content: '';
 position: absolute;
 z-index: 2;
 width: 10px;
 height: 10px;
 border-radius: 10px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-on-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.radio-custom__text {
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 8px;
 font-size: 14px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 max-width: calc(100% - 20px);
}


.radio-input {
 display: none;
}

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

.radio-input:checked~.radio-custom .radio-custom__switcher::after {
 opacity: 1;
 visibility: visible;
}


.enh-radio-container {
 line-height: 1;
 display: block;
 width: 100%;
 margin-bottom: 0;
 text-align: left;
}

.enh-radio-custom {
 position: relative;
 border-radius: 22px;
 padding: 1px;
 cursor: pointer;
}

.enh-radio-custom__border {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
}

.enh-radio-custom__border::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-input-gradient);
}

.enh-radio-custom__border::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-accent-gradient);
 opacity: 0;
 visibility: hidden;
}

.enh-radio-custom__border {}

.enh-radio-custom__inner {
 position: relative;
 z-index: 2;
 border-radius: 21px;
 background: var(--bg-surface-raised);
 display: flex;
 align-items: center;
 padding: 12px 16px;
}

.enh-radio-custom__inner::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 21px;
 background: var(--bg-primary-subtle);
 opacity: 0;
 visibility: hidden;
}

.enh-radio-custom__left {
 position: relative;
 z-index: 2;
 width: calc(100% - 20px);
 min-height: 32px;
 display: flex;
 align-items: center;
 padding-right: 8px;
}

.enh-radio-custom__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 6px;
 width: 32px;
 height: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.enh-radio-custom__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

.enh-radio-custom__icon::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/magic-stick-3.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/magic-stick-3.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.enh-radio-custom__content {
 width: 100%;
}

.enh-radio-custom__icon-wrapper+.enh-radio-custom__content {
 padding-left: 8px;
 width: calc(100% - 32px);
}

.enh-radio-custom__title {
 font-weight: 500;
 font-size: 16px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
}

.enh-radio-custom__descr {
 font-size: 14px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.enh-radio-custom__right {
 position: relative;
 z-index: 2;
 width: 20px;
}


.enh-radio-custom__switcher {
 display: inline-block;
 width: 20px;
 height: 20px;
 border-radius: 20px;
 border: 1px solid var(--border-input);
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
}

.enh-radio-custom__switcher::before {
 content: '';
 position: absolute;
 width: 18px;
 height: 18px;
 border-radius: 18px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.enh-radio-custom__switcher::after {
 content: '';
 position: absolute;
 z-index: 2;
 width: 10px;
 height: 10px;
 border-radius: 10px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-on-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}


.enh-radio-custom--large {}

.enh-radio-custom--large .enh-radio-custom__inner {
 padding-top: 16px;
 padding-bottom: 16px;
}

.enh-radio-custom--large .enh-radio-custom__icon-wrapper {
 width: 48px;
 height: 48px;
 padding: 12px;
}

.enh-radio-custom--large .enh-radio-custom__content {
 padding-left: 16px;
 width: calc(100% - 48px);
}

.enh-radio-custom--large .enh-radio-custom__left {
 padding-right: 16px;
}

.enh-radio-custom--large .enh-radio-custom__icon {
 width: 20px;
 height: 20px;
}

.enh-radio-custom--large .enh-radio-custom__icon::before {
 width: 20px;
 height: 20px;
 mask-size: 20px 20px;
 -webkit-mask-size: 20px 20px;
}

.radio-input:checked~.enh-radio-custom .enh-radio-custom__inner::before {
 opacity: 1;
 visibility: visible;
}

.radio-input:checked~.enh-radio-custom .enh-radio-custom__border::before {
 opacity: 0;
 visibility: hidden;
}

.radio-input:checked~.enh-radio-custom .enh-radio-custom__border::after {
 opacity: 1;
 visibility: visible;
}

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

.radio-input:checked~.enh-radio-custom .enh-radio-custom__switcher::after {
 opacity: 1;
 visibility: visible;
}

.radio-input:checked~.enh-radio-custom .enh-radio-custom__icon-wrapper {
 background: var(--bg-primary);
 border-color: transparent;
}

.radio-input:checked~.enh-radio-custom .enh-radio-custom__icon::before {
 background: var(--icon-on-primary);
}



.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-item--prev {
 padding-right: 6px;
}

.pagination-item--next {
 padding-left: 6px;
}

.pagination-void {
 width: 36px;
 height: 36px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
 text-decoration: none;
 border: 0;
 border-radius: 36px;
}

.pagination-link {
 width: 36px;
 height: 36px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
 background-color: transparent;
 padding: 0;
 text-decoration: none;
 border: 0;
 border-radius: 36px;
}

.pagination-link--prev {
 position: relative;
 border: 1px solid var(--border-border);
}

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


.pagination-link--next {
 position: relative;
 border: 1px solid var(--border-border);
}

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


.pagination-link:hover,
.pagination-item.active .pagination-link {
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
 color: #000;
 border-color: transparent;

}

.pagination-link--prev:hover {
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
}

.pagination-link--prev:hover::before {
 background-color: #000;
}

.pagination-link--next:hover {
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
}

.pagination-link--next:hover::before {
 background-color: #000;
}


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


.header {}

.header--front {}

.topline-block {
 border-bottom: 1px solid var(--border-border);
}


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

.topline__left {
 display: flex;
 align-items: center;
}

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

.topline__right .social-links-block {
 margin-top: 0;
}

.topline__sign-panel-block {
 padding-left: 8px;
}

.topline__sign-panel {
 margin-left: -4px;
 margin-right: -4px;
 display: flex;
}

.topline__sign-in-button-block {
 padding-left: 4px;
 padding-right: 4px;
}

.topline__sign-in-button {
 border-radius: 18px;
}

.topline__sign-in-button .button__inner {
 padding: 16px;
}

.topline__sign-up-button-block {
 padding-left: 4px;
 padding-right: 4px;
}

.topline__sign-up-button {
 border-radius: 18px;
}

.topline__sign-up-button .button__inner {
 padding: 16px;
}


.lang-panel-block {
 position: relative;
 padding-left: 8px;
 margin-left: 8px;
}

.lang-panel-block::before {
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 width: 1px;
 height: 24px;
 background-color: var(--bg-secondary);
}

.lang-panel {}

.lang-panel-current-button {
 position: relative;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-right: 24px;
 padding-left: 0;
 display: block;
 border: 0;
 background-color: transparent;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 display: flex;
 align-items: center;
}

.lang-panel-current-button::after {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/alt-arrow-down.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/alt-arrow-down.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.lang-panel-current-button.show::after {
 transform: translateY(-50%) rotate(180deg);
}



.lang-panel-current-button__icon {
 width: 16px;
 height: 16px;
}

.lang-panel-current-button__icon .image {}

.lang-panel-current-button__title {
 padding-left: 8px;
}

.lang-panel-current-button:hover {
 color: var(--icon-primary);
}

.lang-panel-current-button:hover::after {
 background-color: var(--icon-primary);
}

.lang-panel-current-button.show {
 color: var(--icon-primary);
}

.lang-panel-current-button.show::after {
 background-color: var(--icon-primary);
}

.lang-panel__dropdown {
 position: absolute;
 z-index: 5;
 box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.4);
 background: var(--bg-surface-raised);
 min-width: 82px;
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 8px;
 display: none;
 top: 100%;
 inset: 0px 5px auto auto !important;
}

.lang-panel-lang-link {
 display: flex;
 align-items: center;
 text-decoration: none;
 padding: 8px;
 color: var(--text-muted-foreground);
}

.lang-panel-lang-link__icon {
 width: 16px;
}

.lang-panel-lang-link__abbr {
 width: calc(100% - 16px);
 padding-left: 8px;
 font-size: 16px;
 letter-spacing: 0.01em;
 text-transform: uppercase;
}

.lang-panel-lang-link:hover {
 color: var(--icon-primary);
}


.current-lang:hover,
.current-lang:focus {
 color: #1d2f53;
}

.topline-lang-dropdown {}

.lang-link {
 display: block;
 font-size: 14px;
 font-weight: 500;
 color: #1d2f53;
 padding-left: 17px;
 padding-right: 17px;
 padding-top: 11px;
 padding-bottom: 11px;
 display: block;
 border-bottom: 1px solid #eff0f7;
}

.lang-link:last-child {
 border-bottom: 0;
}

.lang-link:hover {
 color: #000;
}

.logo-wrapper {
 display: flex;
}

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

.logo {
 display: inline-block;
}

.logo-img {
 max-width: 100%;
}


.select-country-item {
 display: flex;
 align-items: center;
 padding: 10px 12px;
 width: 100%;
 border-radius: 8px;
 border: 0;
}

.select-country-item__flag {
 width: 16px;
 height: 16px;
 display: flex;
}

.select-country-item__flag .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.select-country-item__country {
 width: calc(100% - 16px);
 padding-left: 12px;
 font-weight: 400;
 font-size: 16px;
 line-height: 1;
 color: var(--text-foreground);
}




.topmenu-block {}

.topmenu {
 font-weight: 400;
 font-size: 16px;
 letter-spacing: 0.01em;
}

.topmenu-list {
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
}

.topmenu-list-item {
 position: relative;
}

.topmenu-list-item:first-child {
 margin-left: 0;
}

.topmenu-link {
 position: relative;
 padding: 12px 16px;
 border-radius: 18px;
 color: var(--text-muted-foreground);
 display: block;
 text-decoration: none;
}

.topmenu-list-item--hasmenu:hover>.topmenu-link,
.topmenu-link:hover {
 background: var(--bg-primary);
 color: var(--text-primary-foreground);
}

.topmenu-link:not(:only-child) {
 padding-right: 36px;
}

.topmenu-link:not(:only-child):before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 right: 16px;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/alt-arrow-down.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/alt-arrow-down.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.topmenu-list-item--hasmenu:hover>.topmenu-link::before,
.topmenu-link:not(:only-child):hover:before {
 background-color: var(--icon-on-primary);
}

.topmenu-list-item:hover .topmenu-link {
 /* color: var(--light-blue); */
}

.topmenu-list-item:hover .topmenu-link:not(:only-child):before {
 transform: translateY(-50%) rotate(180deg);
}

.topmenu-sublist {
 position: absolute;
 text-align: left;
 min-width: 200px;
 margin-top: 13px;
 padding: 8px;
 box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.4);
 background: var(--bg-surface-raised);
 border: 1px solid var(--border-border);
 border-radius: 18px;
 list-style-type: none;
 font-size: 16px;
 text-transform: none;
 transition: 0.4s ease;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
}

.topmenu-sublist::before {
 content: '';
 position: absolute;
 height: 16px;
 top: -14px;
 width: 100%;
 left: 0;
}

.topmenu-list-item:hover .topmenu-sublist {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
}

.topmenu-sublist-item {
 margin-left: 0;
 width: 100%;
 margin-top: 4px;
 display: flex;
}

.topmenu-sublist-link {
 position: relative;
 display: flex;
 align-items: center;
 border-radius: 18px;
 padding: 12px 16px;
 padding-left: 12px;
 width: 100%;
 white-space: nowrap;
 text-decoration: none;
 font-size: 16px;
 line-height: 1.5;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.topmenu-sublist-link__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.topmenu-sublist-link__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/chart-square.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.topmenu-sublist-link__title {
 padding-left: 12px;
}

.topmenu-sublist-link__soon-wrapper {
 padding-left: 12px;
}

.topmenu-sublist-link__soon {
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 8px;
 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-primary);
}


.topmenu-sublist-link.active,
.topmenu-sublist-link:hover {
 text-decoration: none;
 background: var(--bg-primary-subtle);
 color: var(--text-foreground);
}

.topmenu-sublist-link.active .topmenu-sublist-link__icon::before,
.topmenu-sublist-link:hover .topmenu-sublist-link__icon::before {
 background: var(--icon-primary);
}

.topmenu-sublist-link--soon {
 pointer-events: none;
}

.topmenu-sublist-link--soon .topmenu-sublist-link__title {
 opacity: 0.5;
}

.topmenu-sublist-link--soon .topmenu-sublist-link__icon::before {
 background-color: var(--icon-muted);
 opacity: 0.5;
}

.topmenu-sublist-link--basic-trading {}

.topmenu-sublist-link--basic-trading .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-image: url('../images/svg/chart-square.svg');
}

.topmenu-sublist-link--global-trading {}

.topmenu-sublist-link--global-trading .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/pie-chart-2.svg');
 -webkit-mask-image: url('../images/svg/pie-chart-2.svg');
}

.topmenu-sublist-link--arbitrage-trading {}

.topmenu-sublist-link--arbitrage-trading .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/scale.svg');
 -webkit-mask-image: url('../images/svg/scale.svg');
}

.topmenu-sublist-link--liquidity-trading {}

.topmenu-sublist-link--liquidity-trading .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/waterdrops.svg');
 -webkit-mask-image: url('../images/svg/waterdrops.svg');
}

.topmenu-sublist-link--help-center {}

.topmenu-sublist-link--help-center .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/help.svg');
 -webkit-mask-image: url('../images/svg/help.svg');
}

.topmenu-sublist-link--blog {}

.topmenu-sublist-link--blog .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/pen-new-square.svg');
 -webkit-mask-image: url('../images/svg/pen-new-square.svg');
}



.topmenu-sublist-link--about-us {}

.topmenu-sublist-link--about-us .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/buildings-2.svg');
 -webkit-mask-image: url('../images/svg/buildings-2.svg');
}

.topmenu-sublist-link--career {}

.topmenu-sublist-link--career .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/case-round-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/case-round-minimalistic.svg');
}

.topmenu-sublist-link--documents {}

.topmenu-sublist-link--documents .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/document-text.svg');
 -webkit-mask-image: url('../images/svg/document-text.svg');
}

.topmenu-sublist-link--contacts {}

.topmenu-sublist-link--contacts .topmenu-sublist-link__icon::before {
 mask-image: url('../images/svg/phone-calling-rounded.svg');
 -webkit-mask-image: url('../images/svg/phone-calling-rounded.svg');
}



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

.mobile-panel-btn {
 display: block;
 position: relative;
 z-index: 2;
 width: 32px;
 height: 32px;
 border-radius: 32px;
 cursor: pointer;
 border: 0;
 padding: 1px;
 background-color: transparent;
 background-image: var(--border-accent-gradient);
}

.mobile-panel-btn__inner {
 position: relative;
 width: 100%;
 height: 100%;
 border-radius: 30px;
 background: var(--bg-surface-raised);
 pointer-events: none;
}

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




.mobile-panel-block {
 position: fixed;
 top: 0;
 right: 0;
 height: 100%;
 z-index: 1200;
 transform: translateX(100%);
 transition: 0.4s transform ease;
 padding-left: 16px;
 padding-right: 16px;
 width: 350px;
 overflow: auto;
 background: var(--bg-background);
 border-left: 1px solid var(--border-border);
 display: none;
}

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

.mobile-panel-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 65px;
 border-bottom: 1px solid var(--border-border);
 margin-left: -16px;
 margin-right: -16px;
 padding-left: 16px;
 padding-right: 16px;
}

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

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

.mobile-panel-top-right {
 display: flex;
 align-items: center;
}


.mobile-panel-top-right .lang-panel-block {
 margin-left: 0;
 padding-left: 0;
}

.mobile-panel-top-right .lang-panel-block::before {
 display: none;
}

.mobile-panel-close-btn-block {
 padding-left: 8px;
}

.mobile-panel-close-btn {
 display: block;
 position: relative;
 z-index: 2;
 width: 32px;
 height: 32px;
 border-radius: 32px;
 cursor: pointer;
 border: 0;
 padding: 0;
 background: var(--bg-secondary);
}


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

.mobile-panel-middle {
 padding-top: 16px;
 padding-bottom: 16px;
}

.mobile-panel-middle .topline__sign-panel-block {
 display: block;
 padding-left: 0;
}

.mobile-panel-middle .topline__sign-in-button-block {
 width: 50%;
}

.mobile-panel-middle .topline__sign-up-button-block {
 width: 50%;
}


.mobile-panel-middle .topline__sign-in-button {
 width: 100%;
}

.mobile-panel-middle .topline__sign-up-button {
 width: 100%;
}

.mobile-panel-middle .topline__dashboard-button-block {
 padding-left: 0;
}

.mobile-panel-middle .topline__dashboard-button {
 width: 100%;
}



.mobile-menu-block {
 margin-top: 16px;
}

.mobile-menu-title {
 padding-left: 16px;
 font-weight: 600;
 font-size: 12px;
 line-height: 1.33;
 text-transform: uppercase;
 color: var(--text-muted-foreground);
}



.mobile-menu-wrapper {
 margin-top: 12px;
}

.mobile-menu {
 font-weight: 400;
 font-size: 16px;
 letter-spacing: 0.01em;
}

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

.mobile-menu-list-item {
 position: relative;
}

.mobile-menu-list-item:first-child {
 margin-left: 0;
}

.mobile-menu-link {
 position: relative;
 padding: 12px 16px;
 border-radius: 18px;
 color: var(--text-muted-foreground);
 display: block;
 text-decoration: none;
}

.mobile-menu-link.opened,
.mobile-menu-link:hover {
 background: var(--bg-primary);
 color: var(--text-primary-foreground);
}

.mobile-menu-list-item--hasmenu>.mobile-menu-link {
 padding-right: 36px;
}

.mobile-menu-list-item--hasmenu>.mobile-menu-link::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 right: 16px;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/alt-arrow-down.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/alt-arrow-down.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.mobile-menu-link:hover::before,
.mobile-menu-link.opened::before {
 background-color: var(--icon-on-primary);
}

.mobile-menu-list-item--hasmenu>.mobile-menu-link:hover::before {
 background-color: var(--icon-on-primary);
}

.mobile-menu-list-item:hover .mobile-menu-link {}

.mobile-menu-list-item--hasmenu>.mobile-menu-link.opened::before {
 transform: translateY(-50%) rotate(180deg);
}

.mobile-menu-sublist {
 position: relative;
 text-align: left;
 min-width: 200px;
 margin-top: 8px;
 padding: 8px;
 box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.4);
 background: var(--bg-surface-raised);
 border: 1px solid var(--border-border);
 border-radius: 18px;
 list-style-type: none;
 font-size: 16px;
 text-transform: none;
 display: none;
 /* transition: 0.4s ease; */
}


.mobile-menu-list-item:hover .mobile-menu-sublist {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
}

.mobile-menu-sublist-item {
 margin-left: 0;
 width: 100%;
 margin-top: 4px;
 display: flex;
}

.mobile-menu-sublist-link {
 position: relative;
 display: flex;
 align-items: center;
 border-radius: 18px;
 padding: 12px 16px;
 padding-left: 12px;
 width: 100%;
 white-space: nowrap;
 text-decoration: none;
 font-size: 16px;
 line-height: 1.5;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.mobile-menu-sublist-link__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.mobile-menu-sublist-link__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/chart-square.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.mobile-menu-sublist-link__title {
 padding-left: 12px;
}

.mobile-menu-sublist-link__soon-wrapper {
 padding-left: 12px;
}

.mobile-menu-sublist-link__soon {
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 8px;
 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-primary);
}


.mobile-menu-sublist-link.active,
.mobile-menu-sublist-link:hover {
 text-decoration: none;
 background: var(--bg-primary-subtle);
 color: var(--text-foreground);
}

.mobile-menu-sublist-link.active .mobile-menu-sublist-link__icon::before,
.mobile-menu-sublist-link:hover .mobile-menu-sublist-link__icon::before {
 background: var(--icon-primary);
}

.mobile-menu-sublist-link--soon {
 pointer-events: none;
}

.mobile-menu-sublist-link--soon .mobile-menu-sublist-link__title {
 opacity: 0.5;
}

.mobile-menu-sublist-link--soon .mobile-menu-sublist-link__icon::before {
 background-color: var(--icon-muted);
 opacity: 0.5;
}

.mobile-menu-sublist-link--basic-trading {}

.mobile-menu-sublist-link--basic-trading .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-image: url('../images/svg/chart-square.svg');
}

.mobile-menu-sublist-link--global-trading {}

.mobile-menu-sublist-link--global-trading .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/pie-chart-2.svg');
 -webkit-mask-image: url('../images/svg/pie-chart-2.svg');
}

.mobile-menu-sublist-link--arbitrage-trading {}

.mobile-menu-sublist-link--arbitrage-trading .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/scale.svg');
 -webkit-mask-image: url('../images/svg/scale.svg');
}

.mobile-menu-sublist-link--liquidity-trading {}

.mobile-menu-sublist-link--liquidity-trading .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/waterdrops.svg');
 -webkit-mask-image: url('../images/svg/waterdrops.svg');
}

.mobile-menu-sublist-link--help-center {}

.mobile-menu-sublist-link--help-center .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/help.svg');
 -webkit-mask-image: url('../images/svg/help.svg');
}

.mobile-menu-sublist-link--blog {}

.mobile-menu-sublist-link--blog .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/pen-new-square.svg');
 -webkit-mask-image: url('../images/svg/pen-new-square.svg');
}



.mobile-menu-sublist-link--about-us {}

.mobile-menu-sublist-link--about-us .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/buildings-2.svg');
 -webkit-mask-image: url('../images/svg/buildings-2.svg');
}

.mobile-menu-sublist-link--career {}

.mobile-menu-sublist-link--career .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/case-round-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/case-round-minimalistic.svg');
}

.mobile-menu-sublist-link--documents {}

.mobile-menu-sublist-link--documents .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/document-text.svg');
 -webkit-mask-image: url('../images/svg/document-text.svg');
}

.mobile-menu-sublist-link--contacts {}

.mobile-menu-sublist-link--contacts .mobile-menu-sublist-link__icon::before {
 mask-image: url('../images/svg/phone-calling-rounded.svg');
 -webkit-mask-image: url('../images/svg/phone-calling-rounded.svg');
}

.mobile-menu-block .dashboard-menu-wrapper {
 margin-top: 12px;
 margin-bottom: 24px;
 width: 100%;
}


.mobile-panel-bottom {
 border-top: 1px solid var(--border-border);
 padding: 16px;
}

.mobile-panel-bottom .social-links-block {
 margin-top: 0;
}

.page--authorization .mobile-panel-block {
 display: block;
}

.header--authorization {
 display: none;
}

.header--authorization .mobile-panel-btn-block {
 display: block;
}

.header--authorization .lang-panel-block {
 padding-left: 0;
 margin-left: 0;
}

.header--authorization .lang-panel-block::before {
 display: none;
}

.section-authorization {
 position: relative;
}

.s-auth-bg-block {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.s-auth-bg {
 display: flex;
 height: 100%;
}

.s-auth-bg__left {
 width: 50%;
 background-image: url('../images/authorization/s-auth-left-bg.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

.s-auth-bg__right {
 width: 50%;
}

.s-auth-content-block {
 position: relative;
 z-index: 2;
}

.s-auth-content {
 min-height: 100vh;
}

.s-auth-content__left {
 padding-top: 58px;
 padding-bottom: 58px;
}

.s-auth-content__left .logo {
 width: 250px;
}

.s-auth-content__left-top {
 height: 40px;
}

.s-auth-content__left-content {
 padding-top: 66px;
 max-width: 490px;
}


.s-auth-label-block {
 display: flex;
}

.s-auth-label {
 display: flex;
 align-items: center;
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 12px;
}

.s-auth-label__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

/* .s-auth-label__icon::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/authorization/s-auth-label-icon.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/authorization/s-auth-label-icon.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--lime-500);
 transition: 0.4s ease;
} */

.s-auth-label__text {
 padding-left: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.s-auth-title-block {
 margin-top: 16px;
}

.s-auth-title {
 font-weight: 600;
 font-size: 60px;
 line-height: 1;
 color: var(--text-foreground);
}

.text-lime {
 color: var(--text-primary);
}

.text-lime-500 {
 color: var(--lime-500);
}

.s-auth-descr-block {
 margin-top: 24px;
}

.s-auth-descr {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.s-auth-benefit-items-block {
 margin-top: 24px;
}

.s-auth-benefit-items {}

.s-auth-benefit-item-wrapper {
 margin-top: 12px;
}

.s-auth-benefit-item-wrapper:first-child {
 margin-top: 0;
}

.s-auth-benefit-item {
 display: flex;
 align-items: center;
}

.s-auth-benefit-item__image {
 width: 64px;
 height: 64px;
 border-radius: 18px;
}

.s-auth-benefit-item__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 18px;
}

.s-auth-benefit-item__content {
 width: calc(100% - 64px);
 padding-left: 16px;
}

.s-auth-benefit-item__title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.s-auth-benefit-item__descr {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}






.s-auth-content__right {
 padding-top: 58px;
 padding-bottom: 58px;
 margin-right: calc((100vw - 1354px) / -2 - 15px);
 margin-left: -15px;
 padding-left: 120px;
 padding-right: 120px;
}


.s-auth-content__right-top {
 height: 40px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

.s-auth-content__right-top .mobile-panel-btn-block {
 display: block;
}

.s-auth-content__right-content {
 padding-top: 66px;
}

.registration-form-block {}

.registration-form-descr {
 margin-top: 8px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.registration-form-fields-block {}

.registration-form-fields {}


.registration-form-fields .row,
.registration-form-fields .row>* {
 --bs-gutter-x: 12px;
}

.registration-form-field {
 margin-top: 12px;
}

.social-network-sign-in-buttons-block {
 margin-top: 24px;
}

.social-network-sign-in-buttons {}

.social-network-sign-in-button-wrapper {
 margin-top: 10px;
}

.social-network-sign-in-button-wrapper:first-child {
 margin-top: 0;
}

.social-network-sign-in-telegram-button {}

.social-network-sign-in-telegram-button .button__icon::before {
 display: none;
}

.social-network-sign-in-google-button {}

.social-network-sign-in-google-button .button__icon::before {
 display: none;
}

.social-network-sign-in-metamask-button {}

.social-network-sign-in-metamask-button .button__icon::before {
 display: none;
}



.social-network-sign-in-wallets-button {}

.social-network-sign-in-wallets-button .button__icon::before {
 display: none;
}

.button__wallet-icons-wrapper {
 width: 88px;
}

.button__wallet-icons {
 display: flex;
}

.button__wallet-icon {
 background: var(--bg-surface-raised);
 border: 1px solid var(--border-border);
 border-radius: 14px;
 width: 28px;
 height: 28px;
 padding: 6px;
}

.button__wallet-icon .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.button__wallet-icon+.button__wallet-icon {
 margin-left: -8px;
}

.social-network-sign-in-wallets-button {}

.social-network-sign-in-wallets-button .button__text {
 max-width: calc(100% - 88px);
}



.have-account-note-block {
 margin-top: 24px;
}

.have-account-note {
 text-align: center;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.have-account-note a {
 color: var(--text-primary);
 text-decoration: none;
}

.have-account-note a:hover {
 color: var(--text-primary);
 text-decoration: underline;
}

.s-auth-content__right .s-auth-benefit-items-block {
 display: none;
}


.section-authorization--telegram .s-auth-content__right-content-inner {
 padding-top: 260px;
 padding-bottom: 260px;
}




.modal-backdrop.show {
 /* opacity: .7; */
 backdrop-filter: blur(20px);
 background: rgba(22, 22, 22, 0.9);
 opacity: 1;
}

.modals {}

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

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

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

.custom-modal .modal-content {
 border: 0;
 border-radius: 32px;
 padding: 32px;
 box-shadow: 0 16px 40px -4px rgba(0, 0, 0, 0.8);
 background: var(--bg-surface-raised);
}

.custom-modal .modal-header {
 position: relative;
 align-items: flex-start;
 justify-content: space-between;
 border: 0;
 padding: 0;
}

.modal-header__left {
 width: calc(100% - 24px);
 padding-right: 16px;
}



.modal-title-block {}

.modal-title {
 line-height: 1.25;
}




.modal-descr-block {
 margin-top: 4px;
}

.modal-descr {
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.modal-header__right {
 width: 24px;
}



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

.modal-close::before {
 content: '';
 position: absolute;
 width: 24px;
 height: 24px;
 mask-image: url('../images/svg/close-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 24px 24px;
 -webkit-mask-image: url('../images/svg/close-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 24px 24px;
 background-color: var(--icon-muted);
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 transition: 0.4s ease;
 z-index: 10;
}

.modal-close:hover::before {
 background: var(--bg-primary);
}

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


.modal-body-content {
 position: relative;
 padding-top: 24px;
}

.modal-wallet-block {}

.modal-wallet {
 display: flex;
 align-items: center;
 justify-content: space-between;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 12px;
}

.modal-wallet__left {
 display: flex;
 align-items: center;
 padding-right: 16px;
}

.modal-wallet__icon-wrapper {
 border-radius: 9999px;
 width: 32px;
 height: 32px;
 background: rgba(255, 141, 93, 0.1);
 display: flex;
 align-items: center;
 justify-content: center;
}

.modal-wallet__icon {
 width: 16px;
 height: 16px;
}

.modal-wallet__icon .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.modal-wallet__hash {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
 max-width: calc(100% - 32px);
 padding-left: 12px;
}

.modal-wallet__title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
 max-width: calc(100% - 32px);
 padding-left: 12px;
}

.modal-wallet__right {}

.modal-wallet__status {
 font-weight: 500;
 font-size: 11px;
 line-height: 1.45;
 text-align: center;
 border-radius: 9999px;
 padding: 4px 12px;
}

.modal-wallet__status--connected {
 background: rgba(0, 217, 126, 0.1);
 color: var(--text-success);
}

.modal-wallet__change-link-block {}

.modal-wallet__change-link {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 text-decoration: none;
}

.modal-wallet__change-link:hover {
 color: var(--text-primary);
}


.modal-wallet-form-fields-block {
 margin-top: 24px;
}

.modal-wallet-form-fields {}

.modal-wallet-form-field-wrapper {
 margin-top: 12px;
}

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


.modal-wallet-form-field {}






.image[src=''] {
 opacity: 0;
 visibility: hidden;
}

.modal--image {}


.modal--image .modal-dialog {
 max-width: 486px;
}

.modal--image .modal-body-content {
 padding-top: 24px;
}

.modal--image .image {
 border-radius: 12px;
}

.modal-image {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 12px;
}

.modal-image .image {
 max-height: 80vh;
 object-fit: cover;
 height: 100%;
 border-radius: 12px;
}


.modal--status {}


.modal--status .modal-dialog {
 max-width: 486px;
}

.modal--status .modal-body-content {}

.modal--status .modal-content {}

.modal--status .modal-close::before {}


.modal-status-block {}

.modal-status {}

.modal-status__icon-wrapper {
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}

.modal-status__icon {
 position: relative;
 width: 24px;
 height: 24px;
}

.modal-status__icon::before {
 content: '';
 position: absolute;
 width: 24px;
 height: 24px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/check-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 24px 24px;
 -webkit-mask-image: url('../images/svg/check-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 24px 24px;
 background-color: var(--icon-success);
 transition: 0.4s ease;
}

.modal-status__title {
 margin-top: 20px;
 text-align: center;
}

.modal-status__descr {
 margin-top: 4px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}

.modal-status__button-block {
 margin-top: 24px;
}

.modal-status__button {}



.modal-status--success {}

.modal-status--success .modal-status__icon-wrapper {
 box-shadow: 0 0 20px 0 rgba(34, 242, 147, 0.2);
 background: rgba(34, 242, 147, 0.1);
}

.modal-status--success .modal-status__icon::before {
 mask-image: url('../images/svg/check-circle.svg');
 -webkit-mask-image: url('../images/svg/check-circle.svg');
 background-color: var(--icon-success);
}


.modal-status--error {}

.modal-status--error .modal-status__icon-wrapper {
 box-shadow: 0 0 20px 0 rgba(239, 68, 68, 0.2);
 background: rgba(239, 68, 68, 0.1);
}

.modal-status--error .modal-status__icon::before {
 mask-image: url('../images/svg/danger-triangle.svg');
 -webkit-mask-image: url('../images/svg/danger-triangle.svg');
 background-color: var(--icon-destructive);
}


.modal-status--created {}

.modal-status--created .modal-status__icon-wrapper {
 border: 1px solid var(--bg-primary);
 background: var(--bg-primary-subtle);
}

.modal-status--created .modal-status__icon::before {
 mask-image: url('../images/svg/check-check.svg');
 -webkit-mask-image: url('../images/svg/check-check.svg');
 background-color: var(--bg-primary);
}




.modal-connected-wallet-block {
 margin-top: 24px;
}

.modal-connected-wallet {
 display: flex;
 align-items: center;
 justify-content: space-between;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 12px;
}

.modal-connected-wallet__left {
 display: flex;
 align-items: center;
 padding-right: 8px;
}

.modal-connected-wallet__icon-wrapper {
 border-radius: 9999px;
 width: 32px;
 height: 32px;
 background: rgba(255, 255, 255, 0.07);
 display: flex;
 align-items: center;
 justify-content: center;
}

.modal-connected-wallet__icon {
 position: relative;
 width: 18px;
 height: 18px;
}

.modal-connected-wallet__icon::before {
 content: '';
 position: absolute;
 width: 18px;
 height: 18px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/circle-x.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 18px 18px;
 -webkit-mask-image: url('../images/svg/circle-x.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 18px 18px;
 background-color: #e17726;
 transition: 0.4s ease;
}

.modal-connected-wallet__icon .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.modal-connected-wallet__content {
 max-width: calc(100% - 32px);
 padding-left: 8px;
}

.modal-connected-wallet__title {
 font-family: var(--second-family);
 font-size: 12px;
 line-height: 1.2;
 color: var(--text-muted-foreground);
}

.modal-connected-wallet__hash {
 margin-top: 2px;
 font-family: var(--second-family);
 font-weight: 500;
 font-size: 14px;
 line-height: 1.2;
 color: var(--text-foreground);
}

.modal-connected-wallet__right {}

.modal-connected-wallet__status {
 font-weight: 500;
 font-size: 11px;
 line-height: 1.45;
 text-align: center;
 border-radius: 9999px;
 padding: 4px 12px;
}

.modal-connected-wallet__status--connected {
 background: rgba(0, 217, 126, 0.1);
 color: var(--text-success);
}


.section-authorization--login {}

.section-authorization--login .s-auth-content__right-content-inner {
 padding-top: 100px;
 padding-bottom: 100px;
}

.login-form-block {}

.login-form-descr {
 margin-top: 8px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.login-form-fields-block {}

.login-form-fields {}


.login-form-fields .row,
.login-form-fields .row>* {
 --bs-gutter-x: 12px;
}

.login-form-field {
 margin-top: 12px;
}


.section-authorization--recover {}


.section-authorization--recover .s-auth-content__right-content-inner {
 padding-top: 160px;
 padding-bottom: 160px;
}

.recover-form-block {}

.recover-form-descr {
 margin-top: 8px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.recover-form-fields-block {
 margin-top: 12px;
}

.recover-form-fields {}


.recover-form-fields .row,
.recover-form-fields .row>* {
 --bs-gutter-x: 12px;
}

.recover-form-field {
 margin-top: 12px;
}



.toast-bottom-right {
 bottom: 40px;
 right: 40px;
}

#toast-container>div {
 background-color: transparent;
 box-shadow: none;
 opacity: 1;
 padding: 0;
 padding-left: 0;
 width: 427px;
 border-radius: 18px;
 margin: 0 0 12px;
 border: 0;
}

#toast-container>div:hover {
 box-shadow: none;
}

button.toast-close-button {
 position: absolute;
 top: 16px;
 right: 16px;
 width: 16px;
 height: 16px;
 z-index: 5;
 font-size: 0;
 text-indent: -9999px;
}

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

button.toast-close-button:hover {
 opacity: 1;
}

button.toast-close-button:hover::before {
 background-color: var(--text-primary);
}

#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: 16px;
 position: relative;
 overflow: hidden;
}

.notification__inner {
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 16px;
 padding-right: 48px;
 display: flex;
 align-items: flex-start;
 box-shadow: 0 16px 40px -4px rgba(0, 0, 0, 0.8);
 background: var(--bg-surface-raised);
}


.notification__icon {
 overflow: hidden;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 border-radius: 48px;
 width: 48px;
 height: 48px;
}

.notification__icon .image {
 width: 20px;
 height: 20px;
 position: relative;
}


.notification__icon-image {
 width: 20px;
 height: 20px;
 position: relative;
 z-index: 3;
}

.notification__icon-image::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/round-transfer-horizontal.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/round-transfer-horizontal.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.notification__content {
 width: calc(100% - 48px);
 padding-left: 16px;
}

.notification__title {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.notification__descr {
 margin-top: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.notification__info {
 margin-top: 8px;
 display: flex;
 align-items: center;
}

.notification__info-amount {
 font-size: 14px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.notification__info-sep {
 font-size: 14px;
 color: var(--text-muted-foreground);
 padding-left: 8px;
 padding-right: 8px;
 opacity: 0.3;
}

.notification__info-wallet {
 font-size: 12px;
 color: var(--text-primary);
}



.toast-info {}

.toast-info .notification__inner {
 border-left: 4px solid var(--colors-blue-1000);
}


.toast-info .notification__icon::before {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border-radius: 48px;
 background-image: var(--border-input-gradient);
}

.toast-info .notification__icon::after {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 border-radius: 46px;
 background-color: #27272a;
 z-index: 2;
}



.toast-info .notification__icon-image::before {
 mask-image: url('../images/svg/round-transfer-horizontal.svg');
 -webkit-mask-image: url('../images/svg/round-transfer-horizontal.svg');
 background: var(--icon-primary);

}


.toast-success {}

.toast-success .notification__inner {}

.toast-success .notification__info-amount {
 color: var(--text-success);
}

.toast-success .notification__icon {
 background: var(--bg-primary);
}

.toast-success .notification__icon::before {}

.toast-success .notification__icon-image::before {
 mask-image: url('../images/svg/check-circle.svg');
 -webkit-mask-image: url('../images/svg/check-circle.svg');
 background-color: var(--icon-on-primary);
}




.toast-error {}

.toast-error .notification__inner {}

.toast-error .notification__info-amount {
 color: var(--text-destructive);
}

.toast-error .notification__icon {
 background-color: var(--bg-destructive);
}

.toast-error .notification__icon-image::before {
 mask-image: url('../images/svg/shield-warning.svg');
 -webkit-mask-image: url('../images/svg/shield-warning.svg');
 background-color: var(--icon-default);
}

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


.topline__dashboard-button-block {
 padding-left: 16px;
}

.topline__dashboard-button {
 border-radius: 18px;
}

.topline__dashboard-button .button__inner {
 border-radius: 18px;
 padding-top: 14px;
 padding-bottom: 14px;
 padding-left: 16px;
 padding-right: 16px;
}

.button__icon--home-smile::before {
 mask-image: url('../images/svg/home-smile.svg');
 -webkit-mask-image: url('../images/svg/home-smile.svg');
}

footer {
 padding-top: 32px;
 padding-bottom: 32px;
 border-top: 1px solid var(--border-border);
}

.footer-content-block {}

.footer-content {
 padding-bottom: 40px;
}

.footer-content__left {}

.footer-content__right {}


.footer-descr-block {
 margin-top: 20px;
}

.footer-descr {
 font-size: 14px;
 line-height: 1.43;
 color: #a1a1aa;
}

.footer-content__left .social-links-block {
 margin-top: 20px;
}


.footer-items-block {
 margin-left: -30px;
}

.footer-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -16px;
 margin-right: -16px;
 margin-top: -20px;
}

.footer-item-wrapper {
 width: 25%;
 padding-left: 16px;
 padding-right: 16px;
 margin-top: 20px;
}

.footer-item {}

.footer-item__title-block {
 padding-top: 4px;
 padding-bottom: 4px;
}

.footer-item__title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}


.footer-menu-block {
 margin-top: 12px;
}

.footer-menu {}

.footer-menu-item {
 margin-top: 4px;
 padding-top: 4px;
 padding-bottom: 4px;
}

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

.footer-menu-link {
 display: flex;
 align-items: center;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 text-decoration: none;
}

.footer-menu-link:hover {
 color: var(--text-primary);
}

.footer-menu-link__text {}

.footer-menu-link--soon {
 pointer-events: none;
}

.footer-menu-link--soon .footer-menu-link__text {
 padding-right: 4px;
}

.footer-menu-link__soon {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 2px 8px;
 font-size: 10px;
 line-height: 1.4;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.footer-item__support-link-block {
 margin-top: 8px;
 padding-top: 4px;
 padding-bottom: 4px;
}

.footer-item__support-link {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 text-decoration: none;
}


.footer-chat-buttons-block {
 margin-top: 8px;
}

.footer-chat-buttons {}

.footer-chat-button-wrapper {
 margin-top: 8px;
}

.footer-chat-button-wrapper:first-child {
 margin-top: 0;
}

.footer-chat-button {
 border-radius: 18px;
}


.footer-chat-button .button__inner {
 padding: 14px 16px;
 border-radius: 18px;
}

.footer-chat-button .button--icon-left .button__text {
 padding-left: 8px;
}

.footer-chat-button--telegram {}

.footer-chat-button--telegram .button__icon::before {
 mask-image: url('../images/svg/social/telegram-circle.svg');
 -webkit-mask-image: url('../images/svg/social/telegram-circle.svg');
 background-color: #08c;
}


.footer-chat-button--online {}

.footer-chat-button--online .button__icon::before {
 mask-image: url('../images/svg/chat-round-dots.svg');
 -webkit-mask-image: url('../images/svg/chat-round-dots.svg');
 background-color: var(--icon-primary);
}


.footer-bottom-block {}

.footer-bottom {
 border-top: 1px solid var(--border-border);
 padding-top: 24px;
}

.footer-bottom__left {}

.footer-bottom__right {}

.footer-copy-block {}

.footer-copy {
 font-size: 12px;
 line-height: 1.33;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}


.footer-bottom-links-block {}

.footer-bottom-links {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 flex-wrap: wrap;
 margin-left: -12px;
 margin-right: -12px;
 margin-top: -12px;
}

.footer-bottom-link-wrapper {
 padding-left: 12px;
 padding-right: 12px;
 display: flex;
 margin-top: 12px;
}


.footer-bottom-link {
 font-size: 12px;
 line-height: 1.33;
 color: var(--text-muted-foreground);
 opacity: 0.5;
 text-decoration: none;
}

.footer-bottom-link:hover {
 color: var(--text-primary);
 opacity: 1;
}



.section-dashboard {
 padding-top: 40px;
 padding-bottom: 40px;
}

.s-dashboard-block {}

.s-dashboard {}

.s-dashboard__left {}

.s-dashboard__right {}

.dashboard-menu-block {}

.dashboard-menu-wrapper {
 min-width: 260px;
 width: 260px;
 border: 1px solid var(--border-border);
 border-radius: 22px;
 padding: 16px;
 background: var(--bg-surface);
}

.dashboard-menu {}


.dashboard-menu-item {
 margin-top: 4px;
}

.dashboard-menu-link {
 position: relative;
 display: flex;
 align-items: center;
 padding: 12px 16px;
 border-radius: 18px;
 text-decoration: none;
}

.dashboard-menu-link__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

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

.dashboard-menu-link__text {
 width: calc(100% - 20px);
 padding-left: 12px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 transition: 0.4s ease;
}


.dashboard-menu-link--dashboard {}

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

.dashboard-menu-link--deposit {}

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

.dashboard-menu-link--withdrawal {}

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

.dashboard-menu-link--transactions {}

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

.dashboard-menu-link--open-contract {}

.dashboard-menu-link--open-contract .dashboard-menu-link__icon::before {
 mask-image: url('../images/svg/add-square.svg');
 -webkit-mask-image: url('../images/svg/add-square.svg');
}

.dashboard-menu-link--contracts {}

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

.dashboard-menu-link--partners {}

.dashboard-menu-link--partners .dashboard-menu-link__icon::before {
 mask-image: url('../images/svg/users-group-rounded.svg');
 -webkit-mask-image: url('../images/svg/users-group-rounded.svg');
}

.dashboard-menu-link--settings {}

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



.dashboard-menu-link:hover,
.dashboard-menu-link.active {
 background: var(--bg-primary-subtle);
}

.dashboard-menu-link:hover .dashboard-menu-link__icon::before,
.dashboard-menu-link.active .dashboard-menu-link__icon::before {
 background: var(--icon-primary);
}

.dashboard-menu-link:hover .dashboard-menu-link__text,
.dashboard-menu-link.active .dashboard-menu-link__text {
 color: var(--text-foreground);
}


.dashboard-logout-button-block {
 border-top: 1px solid var(--border-border);
 margin-top: 4px;
 padding-top: 4px;
}

.dashboard-logout-button {
 position: relative;
 display: flex;
 align-items: center;
 padding: 12px 16px;
 border-radius: 18px;
 text-decoration: none;
}

.dashboard-logout-button__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.dashboard-logout-button__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/login-2.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/login-2.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.dashboard-logout-button__text {
 width: calc(100% - 20px);
 padding-left: 12px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.dashboard-logout-button:hover {
 background: var(--bg-primary-subtle);
}

.dashboard-logout-button:hover .dashboard-logout-button__icon::before {
 background: var(--icon-primary);
}

.dashboard-logout-button:hover .dashboard-logout-button__text {
 color: var(--text-foreground);
}

.section-descr-block {
 margin-top: 8px;
}

.section-descr {
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.db-info-panels-block {
 margin-top: 32px;
}

.db-info-panels {
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
 display: flex;
 flex-wrap: wrap;
}

.db-info-panel-wrapper {
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 16px;
 width: 50%;
}


.db-info-balance-panel {
 position: relative;
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 padding: 1px;
 border-radius: 32px;
 height: 100%;
}

.db-info-balance-panel::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-accent-gradient);
 border-radius: 32px;
}

.db-info-balance-panel__inner {
 position: relative;
 z-index: 2;
 background: var(--bg-surface);
 padding: 31px;
 border-radius: 31px;
 height: 100%;
}

.db-info-balance-panel__balance {}

.db-info-balance-panel__balance-title {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-info-balance-panel__balance-amount {
 margin-top: 8px;
 font-weight: 600;
 font-size: 48px;
 line-height: 1;
 color: var(--text-foreground);
}

.db-info-balance-panel__balance-confirmation {
 margin-top: 8px;
 display: flex;
 align-items: center;
}

.db-info-balance-panel__balance-confirmation__title {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
 padding-right: 8px;
}

.db-info-balance-panel__balance-confirmation__amount {
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.db-info-balance-panel__buttons-block {
 margin-top: 16px;
}

.db-info-balance-panel__buttons {
 display: flex;
 flex-wrap: wrap;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -8px;
}

.db-info-balance-panel__button-wrapper {
 width: 50%;
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 8px;
}

.db-info-balance-panel__button {}

.db-info-balance-panel__withdraw-button {}

.db-info-balance-panel__deposit-button {}


.db-info-income-panel {
 border: 1px solid var(--border-border);
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 border-radius: 32px;
 height: 100%;
}

.db-info-income-panel__inner {
 position: relative;
 z-index: 2;
 background: var(--bg-surface);
 padding: 31px;
 border-radius: 31px;
 height: 100%;
}

.db-info-income-panel__top {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}

.db-info-income-panel__top-left {
 padding-right: 16px;
}

.db-info-income-panel__info {}

.db-info-income-panel__info-title {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-info-income-panel__info-amount {
 font-weight: 600;
 font-size: 16px;
 line-height: 1.4;
 color: var(--text-foreground);
}



.db-info-income-panel__top-right {}

.db-info-income-panel__graph-block {
 margin-top: 32px;
 position: relative;
}

.db-info-income-panel__graph {
 height: 135px;
}

.db-info-income-panel__graph--blur {
 filter: blur(4px);
 pointer-events: none;
}

.db-info-income-panel__graph-overlay-button-block {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 display: none;
}

.db-info-income-panel__graph-overlay-button .button__inner {
 padding: 20px 32px;
}



.db-info-income-period-items-block {
 margin-top: 0px;
}

.db-info-income-period-items-wrapper {
 position: relative;
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 4px;
}

.db-info-income-period-items {
 margin-left: -2px;
 margin-right: -2px;
 display: flex;
}

.db-info-income-period-item-wrapper {
 padding-left: 2px;
 padding-right: 2px;
}

.db-info-income-period-item {
 font-weight: 500;
 font-size: 12px;
 line-height: 1.33;
 text-align: center;
 color: var(--text-muted-foreground);
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 border-radius: 18px;
 padding: 4px 12px;
 border: 1px solid transparent;
 cursor: pointer;
 transition: 0.4s ease;
}

.db-info-income-period-item.active {
 color: var(--text-foreground);
 border: 1px solid var(--border-border);
 pointer-events: none;
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 background: #27272a;
}

.db-info-income-period-items-content-wrapper {}

.db-info-income-period-items-content {
 padding-top: 24px;
}

.db-info-income-period-item-content {
 display: none;
}

.db-info-income-period-item-content:first-child {
 display: block;
}


.db-deposits-block {
 margin-top: 32px;
}

.db-deposits-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-deposits-top__left {}

.db-deposits-top__right {}

.view-all-link-button .link-button__text {
 border-bottom: 0;
}

.db-deposit-items-block {
 margin-top: 20px;
}

.db-deposit-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
}

.db-deposit-item-wrapper {
 width: 25%;
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 16px;
}

.db-deposit-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 20px;
}

.db-deposit-item__top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-deposit-item__top-left {}

.db-deposit-item__title {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-deposit-item__top-right {}

.db-deposit-item__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.db-deposit-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/folder-open.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/folder-open.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.db-deposit-item__bottom {
 padding-top: 12px;
}

.db-deposit-item__digit {
 font-weight: 600;
 font-size: 24px;
 line-height: 1.2;
 color: var(--neutral-0);
}


.db-deposit-item--opened {}

.db-deposit-item--opened .db-deposit-item__icon::before {
 mask-image: url('../images/svg/folder-open.svg');
 -webkit-mask-image: url('../images/svg/folder-open.svg');
}

.db-deposit-item--active {}

.db-deposit-item--active .db-deposit-item__icon::before {
 mask-image: url('../images/svg/pulse.svg');
 -webkit-mask-image: url('../images/svg/pulse.svg');
}


.db-deposit-item--total {
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
}

.db-deposit-item--total .db-deposit-item__icon::before {
 mask-image: url('../images/svg/wallet-money.svg');
 -webkit-mask-image: url('../images/svg/wallet-money.svg');
 background-color: var(--icon-on-primary);
}

.db-deposit-item--total .db-deposit-item__title {
 color: var(--text-primary-foreground);
}

.db-deposit-item--total .db-deposit-item__digit {
 color: var(--text-primary-foreground);
}

.db-deposit-item--profit {}

.db-deposit-item--profit .db-deposit-item__icon::before {
 mask-image: url('../images/svg/graph-up.svg');
 -webkit-mask-image: url('../images/svg/graph-up.svg');
 background-color: var(--icon-primary);
}

.db-deposit-item--profit .db-deposit-item__digit {
 color: var(--text-primary);
}

.db-products-block {
 margin-top: 32px;
}

.db-product-items-block {
 margin-top: 20px;
}

.db-product-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -12px;
 margin-right: -12px;
 margin-top: -24px;
}

.db-product-item-wrapper {
 margin-top: 24px;
 padding-left: 12px;
 padding-right: 12px;
 width: 33.33%;
}

.db-product-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 height: 100%;
}

.db-product-item__top {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}

.db-product-item__top-left {}

.db-product-item__top-right {}


.db-product-item__icon-wrapper {
 position: relative;
 border-radius: 9999px;
 padding: 12px;
 width: 48px;
 height: 48px;
 background-image: var(--border-accent-gradient);
 display: flex;
 align-items: center;
 justify-content: center;
}

.db-product-item__icon-wrapper::before {
 content: '';
 position: absolute;
 left: 1px;
 top: 1px;
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 border-radius: 9999px;
 background: #27272a;
}


.db-product-item__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.db-product-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/chart-square.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.db-product-item__label-wrapper {}

.db-product-item__label {
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}



.db-product-item__title-block {
 margin-top: 24px;
}

.db-product-item__title {
 font-weight: 500;
 font-size: 20px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.db-product-item__descr-block {
 margin-top: 8px;
}

.db-product-item__descr {
 font-weight: 400;
 font-size: 16px;
 letter-spacing: 0.01em;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: var(--text-muted-foreground);
}

.db-product-item__button-block {
 margin-top: 24px;
}

.db-product-item__button {}


.db-product-item--basic {}

.db-product-item--basic .db-product-item__icon::before {
 mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-image: url('../images/svg/chart-square.svg');
}

.db-product-item--long {}

.db-product-item--long .db-product-item__icon::before {
 mask-image: url('../images/svg/pie-chart-2.svg');
 -webkit-mask-image: url('../images/svg/pie-chart-2.svg');
}

.db-product-item--bonus {}

.db-product-item--bonus .db-product-item__icon::before {
 mask-image: url('../images/svg/stars-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/stars-minimalistic.svg');
}

.db-product-item--arbitrage {}

.db-product-item--arbitrage .db-product-item__icon::before {
 mask-image: url('../images/svg/scale.svg');
 -webkit-mask-image: url('../images/svg/scale.svg');
}

.db-product-item--liquidity {}

.db-product-item--liquidity .db-product-item__icon::before {
 mask-image: url('../images/svg/waterdrops.svg');
 -webkit-mask-image: url('../images/svg/waterdrops.svg');
}


.db-product-item--soon {}

.db-product-item--soon .db-product-item__button-block {
 display: none;
}

.db-product-item--soon .db-product-item__icon-wrapper {
 background-image: none;
 border: 1px solid var(--border-border);
}

.db-product-item--soon .db-product-item__icon-wrapper::before {
 background-color: transparent;
}

.db-product-item--soon .db-product-item__icon::before {
 background-color: var(--icon-muted);
}

.db-product-item--soon .db-product-item__label {
 background: #27272a;
 border: 1px solid var(--border-border);
 color: var(--text-foreground);
}




.db-partner-program-block {
 margin-top: 32px;
}

.db-partner-program-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-partner-program-top__left {}

.db-partner-program-top__right {}

.view-all-link-button .link-button__text {
 border-bottom: 0;
}

.db-partner-program-content-block {
 margin-top: 20px;
}

.db-partner-program-content {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 32px;
}

.db-partner-program-content-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-partner-program-content-top__left {
 padding-right: 8px;
}

.db-partner-program-content-top__right {}

.db-partner-program-content-title {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-partner-program-level-wrapper {
 display: flex;
}

.db-partner-program-level {
 display: flex;
 align-items: center;
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 12px;
}


.db-partner-program-level__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

/* 
.db-partner-program-level__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/medal-ribbon-star.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/medal-ribbon-star.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
} */


.db-partner-program-level__text {
 padding-left: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-partner-program-info-items-block {
 margin-top: 24px;
 border-bottom: 1px solid var(--border-border);
 border-top: 1px solid var(--border-border);
 padding: 16px 0;

}

.db-partner-program-info-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -12px;
 margin-right: -12px;
 margin-top: -16px;
}

.db-partner-program-info-item-wrapper {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 16px;
}

.db-partner-program-info-item {}

.db-partner-program-info-item__title {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-partner-program-info-item__value {
 margin-top: 4px;
 font-weight: 600;
 font-size: 24px;
 line-height: 1.2;
 color: var(--text-foreground);
}

.db-partner-program-info-item--earned {}

.db-partner-program-info-item--earned .db-partner-program-info-item__value {
 color: var(--text-primary);
}

.db-partner-program-promo-materials-block {
 margin-top: 24px;
}

.db-partner-promocode-block {}

.db-partner-promocode-title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.db-partner-promocode {
 margin-top: 16px;
 display: flex;
 align-items: center;
 flex-wrap: wrap;
}

.db-partner-promocode__left {
 width: calc(100% - 140px);
 padding-right: 12px;
}

.db-partner-promocode__right {
 width: 140px;
}


.db-partner-promocode__right .button-block {
 margin-top: 0;
}






.db-partner-referral-links-block {
 margin-top: 16px;
}

.db-partner-referral-links-title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.db-partner-referral-link-items-block {
 margin-top: 16px;
}

.db-partner-referral-link-items {}

.db-partner-referral-link-item-wrapper {
 margin-top: 16px;
}

.db-partner-referral-link-item-wrapper:first-child {
 margin-top: 0;
}

.db-partner-referral-link-item {
 display: flex;
 flex-wrap: wrap;
}

.db-partner-referral-link-item__left {
 width: calc(100% - 140px);
 padding-right: 12px;
}

.db-partner-referral-link-item__right {
 width: 140px;
}

.db-partner-referral-link-item__right .button-block {
 margin-top: 0;
}





.copy-button {
 position: relative;
}


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



.copy-button.active {}


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

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

.copy-button.active .button__icon--copy::before {
 mask-image: url('../images/svg/check-circle.svg');
 -webkit-mask-image: url('../images/svg/check-circle.svg');
 background-color: var(--icon-primary);
}


.copy-button.active:hover .button__icon--copy::before {
 background: var(--icon-on-primary);
}

.partner-referral-input {
 position: relative;
 z-index: 2;
 background-color: var(--bg-surface-raised);
 height: 54px;
 padding-left: 44px;
 padding-right: 16px;
 color: var(--text-foreground);
 letter-spacing: 0.01em;
 font-size: 16px;
 line-height: 1;
 border-radius: 21px;
 /* border: 1px solid transparent; */
 border: 0;
 display: flex;
 align-items: center;
 word-wrap: break-word;
}

.partner-referral-input__text {
 max-width: 100%;
}

.partner-referral-input:hover~.field-input-border {}


.partner-referral-input:hover~.field-input-border::before {
 opacity: 0;
 visibility: hidden;
}

.partner-referral-input:hover~.field-input-border::after {
 opacity: 1;
 visibility: visible;
}


.partner-referral-link-field {
 position: relative;
 padding: 1px;
 border-radius: 22px;
}


.partner-referral-link-field::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-input-gradient);
 border-radius: 22px;
 opacity: 1;
 visibility: visible;
 transition: 0.4s ease;
}

.partner-referral-link-field::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-accent-gradient);
 border-radius: 22px;
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.partner-referral-link-field:hover::before {
 opacity: 0;
 visibility: hidden;
}

.partner-referral-link-field:hover::after {
 opacity: 1;
 visibility: visible;
}



.partner-referral-link-field__inner {
 background: var(--bg-surface-raised);
 position: relative;
 z-index: 2;
 height: 54px;
 border-radius: 21px;
 display: flex;
 align-items: center;
 padding: 12px 16px;
}

.partner-referral-link-field__icon {
 position: relative;
 width: 20px;
 height: 20px;
}


.partner-referral-link-field__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 mask-image: url('../images/svg/link-round.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/link-round.svg');
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}



.partner-referral-link-field__content {
 width: calc(100% - 20px);
 padding-left: 8px;
}

.partner-referral-link-field__text {
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-secondary-foreground);
 word-wrap: break-word;
}


.partner-referral-link-field--link {}

.partner-referral-link-field--link .partner-referral-link-field__icon::before {
 background-color: var(--icon-primary);
}

.partner-referral-link-field--telegram {}

.partner-referral-link-field--telegram .partner-referral-link-field__icon::before {
 mask-image: url('../images/svg/social/telegram-circle.svg');
 -webkit-mask-image: url('../images/svg/social/telegram-circle.svg');
 background-color: #08c;
}



.partner-promocode-field {
 position: relative;
 padding: 1px;
 border-radius: 22px;
}


.partner-promocode-field::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: var(--border-input);
 border-radius: 22px;
 opacity: 1;
 visibility: visible;
 transition: 0.4s ease;
}

.partner-promocode-field::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-accent-gradient);
 border-radius: 22px;
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.partner-promocode-field:hover::before {
 opacity: 0;
 visibility: hidden;
}

.partner-promocode-field:hover::after {
 opacity: 1;
 visibility: visible;
}



.partner-promocode-field__inner {
 background: var(--bg-surface-raised);
 position: relative;
 z-index: 2;
 border-radius: 21px;
 display: flex;
 align-items: center;
 padding: 16px 16px;
}

.partner-promocode-field__icon-border {
 position: relative;
 width: 32px;
 height: 32px;
 border-radius: 32px;
 padding: 1px;
 display: flex;
 align-items: center;
}

.partner-promocode-field__icon-border::before {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border: 1px solid var(--border-border);
 border-radius: 32px;
 /* padding: 1px; */
 display: flex;
 align-items: center;
}

.partner-promocode-field__icon {
 position: relative;
 z-index: 2;
 width: 100%;
 height: 100%;
 border-radius: 30px;
 background: transparent;
}


.partner-promocode-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;
 mask-image: url('../images/svg/magic-stick-3.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/magic-stick-3.svg');
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}



.partner-promocode-field__content {
 width: calc(100% - 32px);
 padding-left: 12px;
 display: flex;
 align-items: center;
}

.partner-promocode-field__text {
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-secondary-foreground);
 padding-right: 10px;
}

.partner-promocode-field__label-wrapper {
 display: flex;
}

.partner-promocode-field__label {
 background: rgba(138, 138, 138, 0.1);
 border-radius: 9999px;
 padding: 4px 10px;
 font-weight: 500;
 font-size: 11px;
 text-align: center;
 color: var(--text-muted-foreground);
}

.partner-promocode-field--primary {}

.partner-promocode-field--primary::before {
 background-color: transparent;
 background-image: var(--border-input-gradient);
}

.partner-promocode-field--primary .partner-promocode-field__label {
 color: var(--text-primary);
 background: rgba(212, 248, 79, 0.1);
}

.partner-promocode-field--primary .partner-promocode-field__icon-border {
 padding: 1px;
}

.partner-promocode-field--primary .partner-promocode-field__icon-border::before {
 border: 0;
 background-image: var(--border-accent-gradient);
}

.partner-promocode-field--primary .partner-promocode-field__icon {
 background-color: #27272a;
}

.partner-promocode-field--primary .partner-promocode-field__icon::before {
 mask-image: url('../images/svg/gift.svg');
 -webkit-mask-image: url('../images/svg/gift.svg');
 background-color: var(--icon-primary);
}


.db-latest-updates-block {
 margin-top: 32px;
}

.db-latest-updates-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-latest-updates-top__left {}

.db-latest-updates-top__right {}

.view-all-link-button .link-button__text {
 border-bottom: 0;
}



.db-update-posts-slider-block {
 margin-top: 20px;
}

.db-update-posts-slider {
 padding-bottom: 0;
}

.db-update-posts-slider .swiper-button-next,
.db-update-posts-slider .swiper-button-prev {
 display: none;
}

.db-update-post-slide {}

.db-update-post-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
}

.db-update-post-item__image {
 border-top-left-radius: 31px;
 border-top-right-radius: 31px;
 height: 192px;
 border-bottom: 1px solid var(--border-border);
 background: var(--bg-surface-raised);
}

.db-update-post-item__image .image {
 border-top-left-radius: 31px;
 border-top-right-radius: 31px;
 height: 100%;
 width: 100%;
 object-fit: cover;
}

.db-update-post-item__content {
 padding: 24px;
}

.db-update-post-item__top {
 display: flex;
 align-items: center;
}

.db-update-post-item__date-wrapper {
 padding-right: 12px;
}

.db-update-post-item__date {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-update-post-item__label-wrapper {}

.db-update-post-item__label {
 background: var(--bg-accent);
 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-primary-foreground);
 border: 1px solid var(--border-accent);
 border-radius: 9999px;
 padding: 0 8px;
}

.db-update-post-item__title-block {
 margin-top: 12px;
}

.db-update-post-item__title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: var(--text-foreground);
}


.db-product-slider-block {
 display: none;
}


.db-product-slider {}


.db-product-slide {
 height: auto;
}


.db-open-contract-form-block {
 margin-top: 32px;
}

.db-open-contract-form {
 display: flex;
}

.db-open-contract-form__left {
 width: calc(100% - 373px);
 padding-right: 24px;
}

.db-open-contract-form__left .db-open-contract-form-summary-block {
 display: none;
 margin-top: 24px;
 position: static;
}

.db-open-contract-form__right {
 width: 373px;
}

.db-open-contract-form-summary-block {}

.db-open-contract-form-summary {
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
}


.db-open-contract-form-summary__title-block {}

.db-open-contract-form-summary__title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.db-open-contract-form-summary__strategy-block {
 margin-top: 24px;
 padding-bottom: 24px;
 border-bottom: 1px solid var(--border-border);
}

.db-open-contract-form-summary__strategy {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-open-contract-form-summary__strategy-title {
 padding-right: 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-open-contract-form-summary__strategy-value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-open-contract-form-summary__calc-block {
 margin-top: 24px;
 padding-bottom: 24px;
 border-bottom: 1px solid var(--border-border);
}

.db-open-contract-form-summary__calc {}

.db-open-contract-form-summary__calc-title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-open-contract-form-summary__calc-items {
 margin-top: 16px;
}

.db-open-contract-form-summary__calc-item {
 margin-top: 12px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-open-contract-form-summary__calc-item:first-child {
 margin-top: 0;
}

.db-open-contract-form-summary__calc-item__title {
 padding-right: 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-open-contract-form-summary__calc-item__value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.db-open-contract-form-summary__return-block {
 margin-top: 24px;
}

.db-open-contract-form-summary__return-title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-open-contract-form-summary__return-value {
 margin-top: 8px;
 font-weight: 600;
 font-size: 24px;
 line-height: 1.2;
 color: var(--text-primary);
}





.trading-strategy-radio-container {
 line-height: 1;
 display: block;
 width: 100%;
 margin-bottom: 0;
 text-align: left;
}

.trading-strategy-radio-custom {
 position: relative;
 border-radius: 22px;
 padding: 1px;
 cursor: pointer;
}

.trading-strategy-radio-custom__border {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
}

.trading-strategy-radio-custom__border::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-input-gradient);
}

.trading-strategy-radio-custom__border::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-accent-gradient);
 opacity: 0;
 visibility: hidden;
}

.trading-strategy-radio-custom__border {}

.trading-strategy-radio-custom__inner {
 position: relative;
 z-index: 2;
 border-radius: 21px;
 background: var(--bg-surface-raised);
 display: flex;
 align-items: center;
 padding: 16px 16px;

}

.trading-strategy-radio-custom__inner::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 21px;
 background: var(--bg-primary-subtle);
 opacity: 0;
 visibility: hidden;
}

.trading-strategy-radio-custom__left {
 position: relative;
 z-index: 2;
 width: calc(100% - 20px);
 display: flex;
 align-items: center;
 padding-right: 16px;
}

.trading-strategy-radio-custom__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 padding: 12px;
 display: flex;
 align-items: center;
 justify-content: center;


}

.trading-strategy-radio-custom__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.trading-strategy-radio-custom__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/chart-square.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.trading-strategy-radio-custom__content {
 padding-left: 16px;
 width: calc(100% - 48px);
}

.trading-strategy-radio-custom__title {
 font-weight: 500;
 font-size: 16px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
}

.trading-strategy-radio-custom__descr {
 font-size: 14px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.trading-strategy-radio-custom__right {
 position: relative;
 z-index: 2;
 width: 20px;
}


.trading-strategy-radio-custom__switcher {
 display: inline-block;
 width: 20px;
 height: 20px;
 border-radius: 20px;
 border: 1px solid var(--border-input);
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
}

.trading-strategy-radio-custom__switcher::before {
 content: '';
 position: absolute;
 width: 18px;
 height: 18px;
 border-radius: 18px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.trading-strategy-radio-custom__switcher::after {
 content: '';
 position: absolute;
 z-index: 2;
 width: 10px;
 height: 10px;
 border-radius: 10px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-on-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.trading-strategy-radio-custom__soon {
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 8px 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}


.radio-input:checked~.trading-strategy-radio-custom .trading-strategy-radio-custom__inner::before {
 opacity: 1;
 visibility: visible;
}

.radio-input:checked~.trading-strategy-radio-custom .trading-strategy-radio-custom__border::before {
 opacity: 0;
 visibility: hidden;
}

.radio-input:checked~.trading-strategy-radio-custom .trading-strategy-radio-custom__border::after {
 opacity: 1;
 visibility: visible;
}

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

.radio-input:checked~.trading-strategy-radio-custom .trading-strategy-radio-custom__switcher::after {
 opacity: 1;
 visibility: visible;
}

.radio-input:checked~.trading-strategy-radio-custom .trading-strategy-radio-custom__icon-wrapper {
 background: var(--bg-primary);
 border-color: transparent;
}

.radio-input:checked~.trading-strategy-radio-custom .trading-strategy-radio-custom__icon::before {
 background: var(--icon-on-primary);
}


.trading-strategy-radio-custom--basic-trading {}

.trading-strategy-radio-custom--basic-trading .trading-strategy-radio-custom__icon::before {
 mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-image: url('../images/svg/chart-square.svg');
}

.trading-strategy-radio-custom--long-trading {}

.trading-strategy-radio-custom--long-trading .trading-strategy-radio-custom__icon::before {
 mask-image: url('../images/svg/pie-chart-2.svg');
 -webkit-mask-image: url('../images/svg/pie-chart-2.svg');
}


.trading-strategy-radio-custom--bonus-trading {}

.trading-strategy-radio-custom--bonus-trading .trading-strategy-radio-custom__icon::before {
 mask-image: url('../images/svg/stars-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/stars-minimalistic.svg');
}

.trading-strategy-radio-custom--arbitrage-trading {}

.trading-strategy-radio-custom--arbitrage-trading .trading-strategy-radio-custom__icon::before {
 mask-image: url('../images/svg/scale.svg');
 -webkit-mask-image: url('../images/svg/scale.svg');
}

.trading-strategy-radio-custom--liquidity-trading {}

.trading-strategy-radio-custom--liquidity-trading .trading-strategy-radio-custom__icon::before {
 mask-image: url('../images/svg/waterdrops.svg');
 -webkit-mask-image: url('../images/svg/waterdrops.svg');
}


.trading-strategy-radio-custom--soon {}

.trading-strategy-radio-custom--soon .trading-strategy-radio-custom__left {
 width: calc(100% - 60px);
}

.trading-strategy-radio-custom--soon .trading-strategy-radio-custom__right {
 width: 60px;
}



.db-open-contract-strategy-items-block {}

.db-open-contract-strategy-items-title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.db-open-contract-strategy-items-wrapper {
 margin-top: 16px;
}

.db-open-contract-strategy-items {}

.db-open-contract-strategy-item-wrapper {
 margin-top: 12px;
}

.db-open-contract-strategy-item-wrapper:first-child {
 margin-top: 0;
}

.db-open-contract-strategy-hidden-toggle-link-block {}

.db-open-contract-strategy-hidden-toggle-link {}

.collapse-link-block {
 display: flex;
 margin-top: 16px;
}

.collapse-link {
 position: relative;
 padding-right: 24px;
 border: 0;
 background-color: transparent;
 font-size: 14px;
 line-height: 1.4;
 letter-spacing: 0.02em;
 color: var(--text-primary);
}

.collapse-link::after {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 right: 0;
 top: 50%;
 transform: translateY(-50%) rotate(180deg);
 mask-image: url('../images/svg/alt-arrow-down.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/alt-arrow-down.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.collapse-link.collapsed::after {
 transform: translateY(-50%) rotate(0deg);
}


.db-open-contract-strategy-item {}



.trading-strategy-info-items-block {
 margin-top: 32px;
}

.trading-strategy-info-items {}

.trading-strategy-info-item-wrapper {}

.trading-strategy-info-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 display: none;
}

.trading-strategy-info-item__title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.trading-strategy-info-item__features {
 margin-top: 16px;
}

.trading-strategy-info-item__feature {
 margin-top: 12px;
 position: relative;
 padding-left: 28px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.trading-strategy-info-item__feature::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/check-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/check-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}



.trading-strategy-info-item__feature:first-child {
 margin-top: 0;
}



.trading-strategy-info-item--basic-trading {
 display: block;
}

.trading-strategy-info-item--long-trading {}

.trading-strategy-info-item--bonus-trading {}

.trading-strategy-info-item--arbitrage-trading {}

.trading-strategy-info-item--liquidity-trading {}



.db-open-contract-amount-block {
 margin-top: 32px;
}

.field-bottom-block {
 margin-top: 12px;

}

.field-bottom {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.field-bottom__left {}

.field-bottom-info {
 font-family: var(--second-family);
 font-size: 14px;
 line-height: 1.43;
 color: var(--text-muted-foreground);
}

.field-bottom-info a {
 font-weight: 500;
 color: var(--text-primary);
 text-decoration: none;
}

.field-bottom-info a:hover {
 color: var(--text-primary);
 text-decoration: underline;
}

.field-bottom__right {}

.field-bottom-deposit-link-block {
 display: flex;
}

.field-bottom-deposit-link {
 display: flex;
 align-items: center;
 color: #d4f84f;
 text-decoration: none;
}

.field-bottom-deposit-link__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

.field-bottom-deposit-link__icon::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/download-minimalistic.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/download-minimalistic.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.field-bottom-deposit-link__text {
 font-family: var(--second-family);
 font-weight: 500;
 font-size: 14px;
 line-height: 1.43;
 padding-left: 4px;
}

.field-bottom-deposit-link:hover {
 color: #d4f84f;
 text-decoration: underline;
}


.db-open-contract-plans-block {
 margin-top: 32px;
}


.contract-plan-table-block {
 margin-top: 16px;
}


.contract-plan-table {
 position: relative;
 /* overflow: hidden; */
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
}

.contract-plan-t-heading {
 border-bottom: 1px solid var(--border-border);
 display: flex;
 align-items: center;
}

.contract-plan-t-h-col {
 width: calc(25% - 14px);
 padding: 16px 24px;
}

.contract-plan-t-h-col--package {}

.contract-plan-t-h-col--amount {}

.contract-plan-t-h-col--daily-return {}

.contract-plan-t-h-col--total-return {}

.contract-plan-t-h-col--switcher {
 width: 56px;
}

.contract-plan-t-h-title {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}


.contract-plan-t-items {}

.contract-plan-t-item {
 border-bottom: 1px solid var(--border-border);
}

.contract-plan-t-item:last-child {
 border-bottom: 0;
}

.contract-plan-t-item:last-child .contract-plan-radio-custom {
 border-bottom-left-radius: 31px;
 border-bottom-right-radius: 31px;
}

.contract-plan-t-item:only-child .contract-plan-radio-custom {
 border-bottom-left-radius: 31px;
 border-bottom-right-radius: 31px;
}


.contract-plan-t-item--last .contract-plan-radio-custom {
 border-bottom-left-radius: 31px;
 border-bottom-right-radius: 31px;
}

.contract-plan-radio-container {
 line-height: 1;
 display: block;
 width: 100%;
 margin-bottom: 0;
 text-align: left;
}

.contract-plan-radio-custom {
 position: relative;
 cursor: pointer;
 display: flex;
 align-items: center;
}


.contract-plan-radio-custom__col {
 width: calc(25% - 14px);
 padding: 16px 24px;
}

.contract-plan-radio-custom__col--package {}

.contract-plan-radio-custom__col--amount {}

.contract-plan-radio-custom__col--daily-return {}

.contract-plan-radio-custom__col--total-return {}

.contract-plan-radio-custom__col--switcher {
 width: 56px;
 padding: 16px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.contract-plan-radio-custom__value {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.contract-plan-radio-custom__col--package .contract-plan-radio-custom__value {
 font-weight: 500;
 color: var(--text-foreground);
}

.contract-plan-radio-custom__col--daily-return .contract-plan-radio-custom__value {
 font-weight: 500;
 color: var(--text-foreground);
}

.contract-plan-radio-custom__col--total-return .contract-plan-radio-custom__value {
 font-weight: 500;
 color: var(--text-primary);
}



.contract-plan-radio-custom__switcher {
 display: inline-block;
 width: 20px;
 height: 20px;
 border-radius: 20px;
 border: 1px solid var(--border-input);
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
}

.contract-plan-radio-custom__switcher::before {
 content: '';
 position: absolute;
 width: 18px;
 height: 18px;
 border-radius: 18px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.contract-plan-radio-custom__switcher::after {
 content: '';
 position: absolute;
 z-index: 2;
 width: 10px;
 height: 10px;
 border-radius: 10px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-on-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}



.radio-input:checked~.contract-plan-radio-custom {
 background: var(--bg-primary-subtle);
}

.radio-input:checked~.contract-plan-radio-custom .contract-plan-radio-custom__col--package .contract-plan-radio-custom__value {
 color: var(--text-primary);
}

.radio-input:checked~.contract-plan-radio-custom .contract-plan-radio-custom__col--amount .contract-plan-radio-custom__value {
 color: var(--text-primary);
}


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

.radio-input:checked~.contract-plan-radio-custom .contract-plan-radio-custom__switcher::after {
 opacity: 1;
 visibility: visible;
}

.radio-input:checked~.contract-plan-radio-custom .contract-plan-radio-custom__icon-wrapper {
 background: var(--bg-primary);
 border-color: transparent;
}

.radio-input:checked~.contract-plan-radio-custom .contract-plan-radio-custom__icon::before {
 background: var(--icon-on-primary);
}


.db-open-contract-bonus-block {
 margin-top: 32px;
}


.cookies-block {
 position: fixed;
 width: 1344px;
 left: calc(((100% - 1344px))/2);
 z-index: 1000;
 display: flex;
 align-items: flex-end;
 bottom: 72px;
 /* display: none; */
}

/* 
.cookies-block::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	backdrop-filter: blur(20px);
	background: rgba(22, 22, 22, 0.9);
} */

.cookies-wrapper {
 width: 100%;
 position: relative;
 z-index: 2;
}

.cookies {
 border-radius: 32px;
 padding: 32px;
 box-shadow: 0 16px 40px -4px rgba(0, 0, 0, 0.8);
 background: var(--bg-surface-raised);
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.cookies__left {
 display: flex;
 padding-right: 24px;
}


.cookies__icon-wrapper {
 position: relative;
 width: 48px;
 height: 48px;
 display: flex;
 align-items: center;
 justify-content: center;
}


.cookies__icon-wrapper::before {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border-radius: 48px;
 background-image: var(--border-input-gradient);
}

.cookies__icon-wrapper::after {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 border-radius: 46px;
 background-color: #27272a;
 z-index: 2;
}

.cookies__icon {
 position: relative;
 width: 20px;
 height: 20px;
 z-index: 4;
}

.cookies__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/donut-bitten.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/donut-bitten.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.cookies__content {
 width: calc(100% - 48px);
 padding-left: 16px;
 padding-right: 16px;
}

.cookies__title {}

.cookies__descr {
 margin-top: 4px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}



.cookies__right {}

.cookies__buttons-block {}

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

.cookies__button-wrapper {
 width: 144px;
 padding-left: 6px;
 padding-right: 6px;
}

.cookies__reject-button {}

.cookies__accept-button {}


.progress-block {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 z-index: 10;
}

.progress {
 position: relative;
 width: 100%;
 height: 6px;
 border-radius: 9999px;
 background: var(--bg-surface-raised);
}

.progress__loaded {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 background: var(--bg-primary);
 border-radius: 9999px;
 transition: 0.4s ease;
}


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

.db-setting-tabs {}

.db-setting-tabs-content {}


.account-info-block {
 margin-top: 8px;
}

.account-info {}

.account-info__top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.account-info__top-left {
 padding-right: 16px;
}

.account-info__top-right {}

.account-info-last-update {
 font-weight: 500;
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.account-info-block {}

.account-info {}

.account-info__top {}

.account-info__top-left {}

.account-info-title {}

.account-info__top-right {}

.account-info-last-update {}

.account-info-items-block {

 position: relative;
 /* overflow: hidden; */
 margin-top: 20px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
}

.account-info-items {}

.account-info-item {
 border-bottom: 1px solid var(--border-border);
}

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

.account-info-item:first-child .account-info-item-edit {
 border-top-left-radius: 31px;
 border-top-right-radius: 31px;
}

.account-info-item:first-child .account-info-item-panel {
 border-top-left-radius: 31px;
 border-top-right-radius: 31px;
}

.account-info-item:last-child .account-info-item-edit {
 border-bottom-left-radius: 31px;
 border-bottom-right-radius: 31px;
}

.account-info-item:last-child .account-info-item-panel {
 border-bottom-left-radius: 31px;
 border-bottom-right-radius: 31px;
}

.account-info-item-panel {
 padding: 16px 24px;
 display: flex;
 align-items: center;
}

.account-info-item-panel__left {
 display: flex;
 align-items: center;
 width: calc(100% - 142px);
 padding-right: 16px;
}

.account-info-item-panel__left:only-child {
 width: 100%;
 padding-right: 0;
}

.account-info-item-panel__left:only-child .account-info-item-content {
 padding-right: 0;
}


.account-info-item-icon-wrapper {
 position: relative;
 width: 48px;
 height: 48px;
 display: flex;
 align-items: center;
 justify-content: center;
}


.account-info-item-icon-wrapper::before {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border-radius: 48px;
 /* background-image: var(--border-accent-gradient); */
 border: 1px solid var(--border-border);
}

.account-info-item-icon-wrapper::after {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 border-radius: 46px;
 background-color: #27272a;
 z-index: 2;
 opacity: 0;
 visibility: hidden;
}

.account-info-item-icon {
 position: relative;
 width: 20px;
 height: 20px;
 z-index: 4;
}

.account-info-item-icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/settings.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/settings.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.account-info-item--set .account-info-item-icon-wrapper::before {
 background-image: var(--border-accent-gradient);
 border: 0;
}

.account-info-item--set .account-info-item-icon-wrapper::after {
 visibility: visible;
 opacity: 1;
}

.account-info-item--set .account-info-item-icon::before {
 background-color: var(--icon-primary);
}

.account-info-item--set .account-info-item-value__text {
 color: var(--text-foreground);
 opacity: 1;
}


.account-info-item-icon--uid {}

.account-info-item-icon--uid::before {
 mask-image: url('../images/svg/settings.svg');
 -webkit-mask-image: url('../images/svg/settings.svg');
}



.account-info-item-icon--user {}

.account-info-item-icon--user::before {
 mask-image: url('../images/svg/user-rounded.svg');
 -webkit-mask-image: url('../images/svg/user-rounded.svg');
}

.account-info-item-icon--email {}

.account-info-item-icon--email::before {
 mask-image: url('../images/svg/letter.svg');
 -webkit-mask-image: url('../images/svg/letter.svg');
}

.account-info-item-icon--phone {}

.account-info-item-icon--phone::before {
 mask-image: url('../images/svg/phone-rounded.svg');
 -webkit-mask-image: url('../images/svg/phone-rounded.svg');
}

.account-info-item-icon--country {}

.account-info-item-icon--country::before {
 mask-image: url('../images/svg/global.svg');
 -webkit-mask-image: url('../images/svg/global.svg');
}

.account-info-item-icon--password {}

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

.account-info-item-icon--payment-password {}

.account-info-item-icon--payment-password::before {
 mask-image: url('../images/svg/key-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/key-minimalistic.svg');
}




.account-info-item-content {
 width: calc(100% - 48px);
 padding-left: 20px;
 padding-right: 20px;
}

.account-info-item-title {

 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-muted-foreground);
 text-transform: uppercase;
}

.account-info-item-value-block {
 margin-top: 4px;
 display: flex;
 align-items: center;
 flex-wrap: wrap;
}

.account-info-item-value {
 display: flex;
 align-items: center;
}

.account-info-item-value__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

.account-info-item-value__icon .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.account-info-item-value__text {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
 padding-right: 8px;
}

.account-info-item-value__icon+.account-info-item-value__text {
 padding-left: 8px;
}


.account-info-item-value+.account-info-item-status-wrapper {
 /* padding-left: 8px; */
}

.account-info-item-status-wrapper {
 display: flex;
}

.account-info-item-value-status {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 2px 8px;
 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-foreground);
}

.account-info-item-value-status--enable {
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 color: var(--text-primary);
}

.account-info-item-value-status--disable {
 background: rgba(239, 68, 68, 0.1);
 border: 1px solid rgba(239, 68, 68, 0.1);
 color: var(--text-destructive);
}



.account-info-item-panel__right {
 width: 142px;
}

.account-info-item-edit-button {}

.account-info-item-edit-button .button__inner {
 padding-left: 16px;
 padding-right: 16px;
}

.account-info-item-edit {
 padding: 16px 24px;
 background: var(--bg-surface-raised);
 display: none;
}

.account-info-item:first-child {}


.account-info-edit-form-block {}

.account-info-edit-form {}

.account-info-edit-form .form-button-block {
 margin-top: 0;
}

.account-info-edit-form-fields-block {}

.account-info-edit-form-fields {
 display: flex;
 align-items: flex-end;
 margin-left: -6px;
 margin-right: -6px;
}

.account-info-edit-form-field {
 width: calc(100% - 154px);
 padding-left: 6px;
 padding-right: 6px;
}

.account-info-edit-form-field--first-name {
 width: calc(50% - 77px);
}

.account-info-edit-form-field--last-name {
 width: calc(50% - 77px);
}

.account-info-edit-form-field--button {
 width: 154px;
}


.account-info-edit-form-field--email {
 width: calc(100% - 154px);
}

.account-info-edit-form-field--phone {
 width: calc(100% - 154px);
}


.account-info-edit-form-field--country {
 width: calc(100% - 154px);
}


.account-social-block {
 margin-top: 32px;
}

.account-social-items-block {}

.account-social-items {}

.account-social-item-wrapper {
 margin-top: 32px;
}

.account-social-item-wrapper:first-child {
 margin-top: 0;
}

.account-social-item-heading {}

.account-social-item {
 margin-top: 24px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 display: flex;
 align-items: center;
}

.account-social-item__left {
 width: calc(100% - 142px);
 padding-right: 16px;
 display: flex;
 align-items: center;
}

.account-social-item__left:only-child {
 width: 100%;
 padding-right: 0;
}


.account-social-item__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 display: flex;
 align-items: center;
 justify-content: center;
 justify-content: center;
}

.account-social-item__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.account-social-item__icon .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

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

.account-social-item__content {
 width: calc(100% - 48px);
 padding-left: 20px;
}

.account-social-item__content-top {
 display: flex;
 align-items: center;
}

.account-social-item__title {
 font-weight: 500;
 font-size: 20px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.account-social-item__status-wrapper {
 padding-left: 12px;
}

.account-social-item__status {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 12px;
}


.account-social-item__descr {
 margin-top: 4px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.account-social-item__mobile-status-wrapper {
 display: none;
}


.account-social-item__right {
 width: 142px;
}

.account-social-item__connect-button-block {}

.account-social-item__connect-button {}


.account-social-item--linked {}

.account-social-item--linked .account-social-item__icon-wrapper {
 background: var(--bg-primary);
 border: 1px solid var(--border-accent);
}

.account-social-item--linked .account-social-item__icon--telegram::before {
 background-color: var(--icon-on-primary);
}


.account-sessions-block {
 margin-top: 32px;
}

.account-sessions-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.account-sessions-top__left {
 padding-right: 16px;
}

.account-sessions-top__right {}




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

.account-sessions-close-all-button {
 display: inline-flex;
 align-items: center;
 font-family: var(--font-family);
 font-weight: 500;
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 text-decoration: none;
 background-color: transparent;
 border: 0;
 padding: 0;
}

.account-sessions-close-all-button__text-wrapper {
 padding-left: 12px;
}

.account-sessions-close-all-button__text {
 transition: 0.4s ease;
}

.account-sessions-close-all-button__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.account-sessions-close-all-button__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/close-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/close-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.account-sessions-close-all-button:hover {
 color: var(--text-primary);
 text-decoration: none;
}

.account-sessions-close-all-button:hover .account-sessions-close-all-button__text {
 border-bottom-color: transparent;
}



.account-session-items-block {}

.account-session-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -12px;
 margin-right: -12px;
}

.account-session-item-wrapper {
 margin-top: 20px;
 width: 33.33%;
 padding-left: 12px;
 padding-right: 12px;
}

.account-session-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.account-session-item__top {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 width: 100%;
}

.account-session-item__top-left {}



.account-session-item__device-wrapper {
 position: relative;
 width: 48px;
 height: 48px;
 border-radius: 48px;
 background: #27272a;
 display: flex;
 align-items: center;
 justify-content: center;
}


.account-session-item__device-wrapper::before {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border-radius: 48px;
 background-image: var(--border-input-gradient);
}

.account-session-item__device-wrapper::after {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 border-radius: 46px;
 background-color: #27272a;
 z-index: 2;
}

.account-session-item__device {
 position: relative;
 width: 20px;
 height: 20px;
 z-index: 4;
}

.account-session-item__device::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/monitor.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/monitor.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.account-session-item__device--monitop {}

.account-session-item__device--monitop::before {
 mask-image: url('../images/svg/monitor.svg');
 -webkit-mask-image: url('../images/svg/monitor.svg');
}

.account-session-item__device--phone {}

.account-session-item__device--phone::before {
 mask-image: url('../images/svg/smartphone.svg');
 -webkit-mask-image: url('../images/svg/smartphone.svg');
}

.account-session-item__device--tablet {}

.account-session-item__device--tablet::before {
 mask-image: url('../images/svg/tablet.svg');
 -webkit-mask-image: url('../images/svg/tablet.svg');
}

.account-session-item__top-right {}

.account-session-item__time {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 12px;
}

.account-session-item__content {
 padding-top: 24px;
 width: 100%;
}

.account-session-item__ip {
 font-weight: 500;
 font-size: 20px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.account-session-item__city {
 font-size: 16px;
 letter-spacing: 0.01em;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: var(--text-muted-foreground);
}

.account-session-item__agent {
 margin-top: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: var(--text-secondary-foreground);
 opacity: 0.5;
}


.account-session-item__button-block {
 margin-top: 24px;
 width: 100%;
}

.account-session-item__button {}

.account-session-item--active {
 background: var(--bg-primary);

}

.account-session-item--active .account-session-item__time {
 border: 1px solid var(--border-accent-subtle);
 color: var(--text-primary);
}

.account-session-item--active .account-session-item__ip {
 color: var(--text-primary-foreground);
}

.account-session-item--active .account-session-item__city {
 color: var(--text-primary-foreground);
}

.account-session-item--active .account-session-item__agent {
 color: var(--text-primary-foreground);
}


.account-authentication-block {
 margin-top: 32px;
}

.account-authentication-items-block {}

.account-authentication-items {}

.account-authentication-item-wrapper {
 margin-top: 32px;
}

.account-authentication-item-wrapper:first-child {
 margin-top: 0;
}

.account-authentication-item-heading {}

.account-authentication-item {
 margin-top: 24px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 display: flex;
 align-items: center;
}

.account-authentication-item__left {
 width: calc(100% - 142px);
 padding-right: 16px;
 display: flex;
 align-items: center;
}

.account-authentication-item__left:only-child {
 width: 100%;
 padding-right: 0;
}


.account-authentication-item__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 display: flex;
 align-items: center;
 justify-content: center;
 justify-content: center;
}

.account-authentication-item__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.account-authentication-item__icon .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.account-authentication-item__icon--2fa::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/shield-keyhole.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/shield-keyhole.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.account-authentication-item__content {
 width: calc(100% - 48px);
 padding-left: 20px;
}

.account-authentication-item__content-top {
 display: flex;
 align-items: center;
}

.account-authentication-item__title {
 font-weight: 500;
 font-size: 20px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.account-authentication-item__status-wrapper {
 padding-left: 12px;
}

.account-authentication-item__status {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 12px;
}

.account-authentication-item__status--enable {
 color: var(--text-primary);
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
}

.account-authentication-item__status--disable {
 color: var(--text-destructive);
 background: rgba(239, 68, 68, 0.1);
 border: 1px solid rgba(239, 68, 68, 0.1);
}

.account-authentication-item__descr {
 margin-top: 4px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.account-authentication-item__mobile-status-wrapper {
 display: none;
}


.account-authentication-item__right {
 width: 142px;
}

.account-authentication-item__connect-button-block {}

.account-authentication-item__connect-button {}


.account-authentication-item--linked {}

.account-authentication-item--linked .account-authentication-item__icon-wrapper {
 background: var(--bg-primary);
 border: 1px solid var(--border-accent);
}

.account-authentication-item--linked .account-authentication-item__icon--2fa::before {
 background-color: var(--icon-on-primary);
}


.account-addresses-block {
 margin-top: 8px;
}

.account-addresses-top-block {}

.account-addresses-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.account-addresses-top__left {
 padding-right: 16px;
 width: calc(100% - 155px);
}

.account-addresses-top__right {
 width: 155px;
}

.account-addresses-top__descr {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.account-add-address-button-block {}

.account-add-address-button {}

.account-add-address-button .button__inner {
 padding-top: 14px;
 padding-bottom: 14px;
}


.account-address-table-block {
 margin-top: 8px;
}

.account-address-table {}

.account-address-t-heading {
 padding: 12px 16px;
 border-bottom: 1px solid var(--border-border);
}

.account-address-t-h-cols {
 display: flex;
 align-items: center;
 margin-left: -12px;
 margin-right: -12px;
}

.account-address-t-h-col {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
 text-transform: uppercase;

 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}

.account-address-t-h-col--currency {
 width: 324px;
}

.account-address-t-h-col--address {
 width: calc(33.33% - 108px);
 text-align: right;
}

.account-address-t-h-col--action {
 width: calc(33.33% - 108px);
}

.account-address-t-h-col--added {
 width: calc(33.33% - 108px);
 text-align: right;
}

.account-address-t-items-block {
 margin-top: 8px;
}

.account-address-t-items {}

.account-address-t-item {
 margin-top: 8px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 22px;
 padding: 16px;
}

.account-address-t-item:first-child {
 margin-top: 0;
}

.account-address-t-i-cols {
 display: flex;
 align-items: center;
 margin-left: -12px;
 margin-right: -12px;
}

.account-address-t-i-col {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
}

.account-address-t-i-col--currency {
 width: 324px;
}

.account-address-t-i-col--address {
 width: calc(33.33% - 108px);
}

.account-address-t-i-col--action {
 width: calc(33.33% - 108px);
}

.account-address-t-i-col--added {
 width: calc(33.33% - 108px);
}

.account-address-t-i-col--action .account-address-t-i-added-block {
 display: none;
}

.account-address-t-i-currency {
 display: flex;
 align-items: center;
}


.account-address-t-i-currency__icon-border {
 width: 48px;
 height: 48px;
 border-radius: 48px;
 padding: 1px;
 background-image: var(--border-input-gradient);
}

.account-address-t-i-currency__icon {
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #27272a;
 border-radius: 46px;
}

.account-address-t-i-currency__icon .image {
 width: 20px;
 height: 20px;
 object-fit: contain;
}



.account-address-t-i-currency__content {
 width: calc(100% - 48px);
 padding-left: 16px;
}

.account-address-t-i-currency__title-block {
 display: flex;
 align-items: center;
}

.account-address-t-i-currency__title {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.account-address-t-i-currency__title-block .account-address-t-i-currency__icon-border {
 width: 32px;
 height: 32px;
 border-radius: 32px;
 display: none;
}

.account-address-t-i-currency__title-block .account-address-t-i-currency__icon .image {
 width: 16px;
 height: 16px;
 border-radius: 16px;
}


.account-address-t-i-currency__info {
 margin-top: 2px;
 display: flex;
 align-items: center;
}

.account-address-t-i-currency__abbr {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.account-address-t-i-currency__info-sep {
 padding-left: 6px;
 padding-right: 6px;
 font-size: 14px;
 line-height: 1.43;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}

.account-address-t-i-currency__network {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 8px;

 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-muted-foreground);
}

.account-address-t-i-currency .account-address-t-i-address-block {
 margin-top: 16px;
 display: none;
}

.account-address-t-i-currency .account-address-t-i-address {
 justify-content: flex-start;
}


.account-address-t-i-address-block {}

.account-address-t-i-address {
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

.account-address-t-i-address__address-wrapper {
 padding-right: 8px;
 max-width: calc(100% - 16px);
}

.account-address-t-i-address__address {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 text-align: right;
 color: var(--text-primary);
}

.account-address-t-i-address__copy-wrapper {
 width: 16px;
}

.account-address-t-i-address__copy {}


.copy-icon-button {}




.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(--icon-muted);
 transition: 0.4s ease;
}

.copy-icon-button:hover .copy-icon-button__icon::before {
 background: var(--bg-primary);
}

.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(--bg-background);
 color: var(--text-primary);
 padding: 4px 6px;
 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/check-circle.svg');
 -webkit-mask-image: url('../images/svg/check-circle.svg');
 background-color: var(--text-primary);
}

.copy-icon-button.active::after {
 opacity: 1;
 visibility: visible;
}


.account-address-t-i-action-buttons-block {}

.account-address-t-i-action-buttons {
 display: flex;
 align-items: center;
 margin-left: -4px;
 margin-right: -4px;
}

.account-address-t-i-action-button-wrapper {
 padding-left: 4px;
 padding-right: 4px;
}

.account-address-t-i-edit-button {
 font-size: 12px;
}

.account-address-t-i-edit-button .button__inner {
 padding: 8px 14px;
}

.account-address-t-i-delete-button {
 font-size: 12px;
}

.account-address-t-i-delete-button .button__inner {
 padding: 8px 14px;
}

.account-address-t-i-added-block {}

.account-address-t-i-added {
 text-align: right;
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: right;
 color: var(--text-muted-foreground);
}



.currency-network-radio-container {
 line-height: 1;
 display: block;
 width: 100%;
 margin-bottom: 0;
 text-align: left;
}

.currency-network-radio-custom {
 position: relative;
 border-radius: 22px;
 padding: 1px;
 cursor: pointer;
}

.currency-network-radio-custom__border {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
}

.currency-network-radio-custom__border::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-input-gradient);
}

.currency-network-radio-custom__border::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-accent-gradient);
 opacity: 0;
 visibility: hidden;
}

.currency-network-radio-custom__border {}

.currency-network-radio-custom__inner {
 position: relative;
 z-index: 2;
 border-radius: 21px;
 background: var(--bg-surface-raised);
 display: flex;
 align-items: center;
 padding: 12px 16px;
}

.currency-network-radio-custom__inner::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 21px;
 background: var(--bg-primary-subtle);
 opacity: 0;
 visibility: hidden;
}

.currency-network-radio-custom__left {
 position: relative;
 z-index: 2;
 width: calc(100% - 20px);
 display: flex;
 align-items: center;
 padding-right: 8px;
}

.currency-network-radio-custom__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 6px;
 width: 32px;
 height: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.currency-network-radio-custom__icon {
 position: relative;
 width: 16px;
 height: 16px;
}


.currency-network-radio-custom__content {
 padding-left: 8px;
 width: calc(100% - 32px);
}

.currency-network-radio-custom__title {
 font-weight: 500;
 font-size: 16px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
}

.currency-network-radio-custom__descr {
 font-size: 14px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.currency-network-radio-custom__right {
 position: relative;
 z-index: 2;
 width: 20px;
}


.currency-network-radio-custom__switcher {
 display: inline-block;
 width: 20px;
 height: 20px;
 border-radius: 20px;
 border: 1px solid var(--border-input);
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
}

.currency-network-radio-custom__switcher::before {
 content: '';
 position: absolute;
 width: 18px;
 height: 18px;
 border-radius: 18px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.currency-network-radio-custom__switcher::after {
 content: '';
 position: absolute;
 z-index: 2;
 width: 10px;
 height: 10px;
 border-radius: 10px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-on-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}




.radio-input:checked~.currency-network-radio-custom .currency-network-radio-custom__inner::before {
 opacity: 1;
 visibility: visible;
}

.radio-input:checked~.currency-network-radio-custom .currency-network-radio-custom__border::before {
 opacity: 0;
 visibility: hidden;
}

.radio-input:checked~.currency-network-radio-custom .currency-network-radio-custom__border::after {
 opacity: 1;
 visibility: visible;
}

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

.radio-input:checked~.currency-network-radio-custom .currency-network-radio-custom__switcher::after {
 opacity: 1;
 visibility: visible;
}


.currency-network-items-block {
 margin-top: 4px;
}

.currency-network-items {}

.currency-network-item-wrapper {
 margin-top: 8px;
}

.currency-network-item-wrapper:first-child {
 margin-top: 0;
}

.currency-network-item {}



.modal-add-address-form-fields-block {
 margin-top: 12px;
}

.modal-add-address-form-fields {}

.modal-add-address-form-field-wrapper {
 margin-top: 12px;
}

.modal-add-address-form-field-wrapper:first-child {
 margin-top: 0;
}


.modal-add-address-form-field {}





.account-no-addresses-block {
 margin-top: 8px;
}

.account-no-addresses {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 120px 40px;
}

.account-no-addresses__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}


.account-no-addresses__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}


.account-no-addresses__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/wallet-money.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/wallet-money.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.account-no-addresses__title-block {
 margin-top: 24px;
}

.account-no-addresses__title {
 text-align: center;
}

.account-no-addresses__descr-block {
 margin-top: 16px;
}

.account-no-addresses__descr {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 text-align: center;
 color: #a1a1aa;
}

.account-no-addresses__add-address-button-block {
 margin-top: 24px;
 max-width: 400px;
 margin-right: auto;
 margin-left: auto;
}



.db-affiliate-info-panels-block {
 margin-top: 8px;
}

.db-affiliate-info-panels-wrapper {
 position: relative;
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 padding: 1px;
 border-radius: 32px;
}

.db-affiliate-info-panels-wrapper::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-accent-gradient);
 border-radius: 32px;
}

.db-affiliate-info-panels-wrapper__inner {
 position: relative;
 z-index: 2;
 background: var(--bg-surface);
 padding: 31px;
 border-radius: 31px;
}


.db-affiliate-info-panels {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
 margin-top: -24px;
}

.db-affiliate-info-panel-wrapper {
 margin-top: 24px;
 width: 50%;
 padding-left: 12px;
 padding-right: 12px;
}

.db-affiliate-earning-panel {}

.db-affiliate-earning-panel-title {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-affiliate-earning-panel-earning-block {
 margin-top: 8px;
}

.db-affiliate-earning-panel-earning {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
}

.db-affiliate-earning-panel-earning__amount-wrapper {
 padding-right: 8px;
}

.db-affiliate-earning-panel-earning__amount {
 font-weight: 600;
 font-size: 48px;
 line-height: 1;
 color: var(--text-foreground);
}

.db-affiliate-earning-panel-earning__daily-wrapper {}

.db-affiliate-earning-panel-earning__daily {
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}


.partner-alt-referral-link-fields-block {
 margin-top: 12px;
}

.partner-alt-referral-link-fields {}

.partner-alt-referral-link-field-wrapper {
 margin-top: 8px;
}

.partner-alt-referral-link-field-wrapper:first-child {
 margin-top: 0;
}



.partner-alt-referral-link-field {
 position: relative;
 padding: 1px;
 border-radius: 22px;
}


.partner-alt-referral-link-field::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-input-gradient);
 border-radius: 22px;
 opacity: 1;
 visibility: visible;
 transition: 0.4s ease;
}

.partner-alt-referral-link-field::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-accent-gradient);
 border-radius: 22px;
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.partner-alt-referral-link-field:hover::before {
 opacity: 0;
 visibility: hidden;
}

.partner-alt-referral-link-field:hover::after {
 opacity: 1;
 visibility: visible;
}



.partner-alt-referral-link-field__inner {
 background: var(--bg-surface-raised);
 position: relative;
 z-index: 2;
 min-height: 54px;
 border-radius: 21px;
 display: flex;
 align-items: center;
 padding: 12px 16px;
 padding-right: 82px;
}

.partner-alt-referral-link-field__icon {
 position: relative;
 width: 20px;
 height: 20px;
}


.partner-alt-referral-link-field__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 mask-image: url('../images/svg/link-round.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/link-round.svg');
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}



.partner-alt-referral-link-field__content {
 width: calc(100% - 20px);
 padding-left: 8px;
}

.partner-alt-referral-link-field__text {
 position: relative;
 overflow: hidden;
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-secondary-foreground);
 word-wrap: break-word;
 /* white-space: nowrap;
	text-overflow: ellipsis; */
 opacity: 0.5;
}


.partner-alt-referral-link-field--link {}

.partner-alt-referral-link-field--link .partner-alt-referral-link-field__icon::before {
 background-color: var(--icon-muted);
}

.partner-alt-referral-link-field--telegram {}

.partner-alt-referral-link-field--telegram .partner-alt-referral-link-field__icon::before {
 mask-image: url('../images/svg/social/telegram.svg');
 -webkit-mask-image: url('../images/svg/social/telegram.svg');
 background-color: var(--icon-muted);
}

.partner-alt-referral-link-field--link:hover .partner-alt-referral-link-field__icon::before {
 background-color: var(--icon-primary);
}

.partner-alt-referral-link-field--telegram:hover .partner-alt-referral-link-field__icon::before {
 background-color: #08c;
}

.partner-alt-referral-link-field__copy-button-block {
 position: absolute;
 right: 15px;
 top: 50%;
 transform: translateY(-50%);
}


.copy-field-button {
 font-weight: 500;
 font-size: 12px;
 width: 56px;
 box-shadow: none;
}

.copy-field-button .button__inner {
 padding: 6px 2px;
}


.db-affiliate-cashback-panel {}

.db-affiliate-cashback-panel__title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.db-affiliate-cashback-panel__descr {
 margin-top: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-cashback-levels-block {
 margin-top: 20px;
}

.db-cashback-levels {
 display: flex;
 margin-left: -2px;
 margin-right: -2px;
}

.db-cashback-level-wrapper {
 width: 14.285%;
 padding-left: 2px;
 padding-right: 2px;
}

.db-cashback-level {
 text-align: center;
}

.db-cashback-level__percent {
 background: #27272a;
 border-radius: 24px;
 padding: 15px 12px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1;
 text-align: center;
 color: var(--text-muted-foreground);
}

.db-cashback-level__title {
 margin-top: 8px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1;
 color: var(--text-muted-foreground);
}


.db-cashback-level--active {}

.db-cashback-level--active .db-cashback-level__percent {
 background: var(--bg-primary);
 color: var(--text-primary-foreground);
}

.db-cashback-level--active .db-cashback-level__title {
 color: var(--text-primary);
}

.db-edit-cashback-button-block {
 margin-top: 20px;
}

.db-edit-cashback-button {}


.db-affiliate-stats-items-block {
 margin-top: 32px;
}

.db-affiliate-stats-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
}

.db-affiliate-stats-item-wrapper {
 width: 25%;
 margin-top: 16px;
 padding-left: 8px;
 padding-right: 8px;
}

.db-affiliate-stats-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 20px;
}

.db-affiliate-stats-item__top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-affiliate-stats-item__title {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-affiliate-stats-item__icon {}



.db-affiliate-stats-item__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}


.db-affiliate-stats-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/pie-chart-2.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/pie-chart-2.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.db-affiliate-stats-item__value {
 margin-top: 12px;
 font-weight: 600;
 font-size: 24px;
 line-height: 1.2;
 color: var(--neutral-0);
}



.db-affiliate-stats-item--structure {}

.db-affiliate-stats-item--structure .db-affiliate-stats-item__value {
 color: var(--text-primary);
}

.db-affiliate-stats-item--structure .db-affiliate-stats-item__icon::before {
 mask-image: url('../images/svg/pie-chart-2.svg');
 -webkit-mask-image: url('../images/svg/pie-chart-2.svg');
 background-color: var(--icon-primary);
}

.db-affiliate-stats-item--total {}

.db-affiliate-stats-item--total .db-affiliate-stats-item__icon::before {
 mask-image: url('../images/svg/users-group-rounded.svg');
 -webkit-mask-image: url('../images/svg/users-group-rounded.svg');
}

.db-affiliate-stats-item--active {}

.db-affiliate-stats-item--active .db-affiliate-stats-item__icon::before {
 mask-image: url('../images/svg/pulse.svg');
 -webkit-mask-image: url('../images/svg/pulse.svg');
}

.db-affiliate-stats-item--upline {
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
}

.db-affiliate-stats-item--upline .db-affiliate-stats-item__title {
 color: var(--text-primary-foreground);
}

.db-affiliate-stats-item--upline .db-affiliate-stats-item__icon::before {
 mask-image: url('../images/svg/user-rounded.svg');
 -webkit-mask-image: url('../images/svg/user-rounded.svg');
 background-color: var(--icon-on-primary);
}

.db-affiliate-stats-item--upline .db-affiliate-stats-item__value {
 font-weight: 400;
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 color: var(--text-primary-foreground);
}


.db-affiliate-level-panels-block {
 margin-top: 32px;
}

.db-affiliate-level-panels {
 display: flex;
 flex-wrap: wrap;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
}

.db-affiliate-level-panel-wrapper {
 width: 50%;
 margin-top: 16px;
 padding-left: 8px;
 padding-right: 8px;
}

.db-affiliate-level-panel {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 height: 100%;
}


.db-affiliate-level-panel-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-affiliate-level-panel-top__left {
 padding-right: 16px;
}

.db-affiliate-level-panel-top__title {

 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-affiliate-level-panel-top__right {}

.db-affiliate-level-panel-top__label-wrapper {}

.db-affiliate-level-panel-top__label {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 5px 12px;
 display: flex;
 align-items: center;
}

.db-affiliate-level-panel-top__label__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.db-affiliate-level-panel-top__label__icon .image {
 position: relative;
 width: 20px;
 height: 20px;
}



.db-affiliate-level-panel-top__label__title {
 font-size: 14px;
 line-height: 1.43;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}


.db-affiliate-level-panel-top__label__icon+.db-affiliate-level-panel-top__label__title {
 padding-left: 8px;
}

.db-affiliate-level-panel-progress-block {
 margin-top: 20px;
}

.db-affiliate-level-panel-progress {
 position: relative;
 height: 6px;
 border-radius: 6px;
 background-color: #27272a;
}


.db-affiliate-level-panel-progress__filled {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 border-radius: 6px;
 background: var(--bg-primary);
}

.db-affiliate-level-panel-progress-info {
 margin-top: 4px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-affiliate-level-panel-progress-info__left {
 padding-right: 8px;
}

.db-affiliate-level-panel-progress-date {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-affiliate-level-panel-progress-note {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.db-affiliate-level-panel-progress-info__right {}

.db-affiliate-level-panel-progress-amount {
 font-weight: 500;
 font-size: 14px;
 line-height: 1.43;
 color: var(--text-muted-foreground);
}

.db-affiliate-level-panel-progress-amount__current {
 color: var(--text-foreground);
}



.db-affiliate-level-panel-levels-block {
 margin-top: 20px;
}

.db-affiliate-level-panel-levels {
 display: flex;
 margin-left: -4px;
 margin-right: -4px;
}

.db-affiliate-level-panel-level-wrapper {
 width: 14.285%;
 padding-left: 4px;
 padding-right: 4px;
}

.db-affiliate-level-panel-level {}

.db-affiliate-level-panel-level__percent {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}

.db-affiliate-level-panel-level__line {
 margin-top: 8px;
 height: 6px;
 border-radius: 6px;
 background: #27272a;
}

.db-affiliate-level-panel-level__level {
 margin-top: 8px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1;
 text-align: center;
 color: var(--text-muted-foreground);
}


.db-affiliate-level-panel-level--active {}

.db-affiliate-level-panel-level--active .db-affiliate-level-panel-level__line {
 box-shadow: 0 0 8px 0 rgba(212, 248, 79, 0.3);
 background: var(--bg-primary);
}

.db-affiliate-level-panel-level--active .db-affiliate-level-panel-level__level {

 color: var(--text-foreground);
}


.db-affiliate-level-panel-bonuses-block {
 margin-top: 20px;
}

.db-affiliate-level-panel-bonuses {
 background: var(--bg-surface-raised);
 padding: 1px;
 border-radius: 18px;
}

.db-affiliate-level-panel-bonuses__inner {
 padding: 16px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 background: var(--bg-surface-raised);
 border-radius: 17px;
}

.db-affiliate-level-panel-bonuses__left {
 padding-right: 8px;
 display: flex;
 align-items: center;
}

.db-affiliate-level-panel-bonuses__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.db-affiliate-level-panel-bonuses__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/gift.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/gift.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.db-affiliate-level-panel-bonuses__title {
 padding-left: 8px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.33;
 text-transform: uppercase;
 color: var(--neutral-0);
 max-width: calc(100% - 20px);
}

.db-affiliate-level-panel-bonuses__right {}

.db-affiliate-level-panel-bonuses__amount {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}


.db-affiliate-level-panel--current {}

.db-affiliate-level-panel--current .db-affiliate-level-panel-top__label {
 background: var(--bg-accent);
 border: 1px solid var(--border-accent);
}

.db-affiliate-level-panel--current .db-affiliate-level-panel-top__label__icon::before {
 background-color: var(--icon-on-primary);
}

.db-affiliate-level-panel--current .db-affiliate-level-panel-top__label__title {
 color: var(--text-primary-foreground);
}

.db-affiliate-level-panel--next {}

.db-affiliate-level-panel--next .db-affiliate-level-panel-bonuses {
 background-image: var(--border-accent-gradient);
}

.db-affiliate-level-panel--next .db-affiliate-level-panel-bonuses__amount {
 color: var(--text-primary);
}

.db-affiliate-level-panel--next .db-affiliate-level-panel-bonuses__icon::before {
 background-color: var(--icon-primary);
}


.db-affiliate-promocodes-block {
 margin-top: 32px;
}

.db-affiliate-promocodes {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
}

.db-affiliate-promocodes-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-affiliate-promocodes-top__left {
 width: calc(100% - 210px);
 padding-right: 24px;
}

.db-affiliate-promocodes-top__right {
 width: 210px;
}

.db-affiliate-promocodes-top__title {}

.db-affiliate-promocodes-top__descr {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}






.partner-alt-promocode-field {
 position: relative;
 padding: 1px;
 border-radius: 22px;
}


.partner-alt-promocode-field::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: var(--border-input);
 border-radius: 22px;
 opacity: 1;
 visibility: visible;
 transition: 0.4s ease;
}

.partner-alt-promocode-field::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-image: var(--border-accent-gradient);
 border-radius: 22px;
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.partner-alt-promocode-field:hover::before {
 opacity: 0;
 visibility: hidden;
}

.partner-alt-promocode-field:hover::after {
 opacity: 1;
 visibility: visible;
}


.partner-alt-promocode-fields-block {
 margin-top: 16px;
}

.partner-alt-promocode-fields {}

.partner-alt-promocode-field-wrapper {
 margin-top: 8px;
}

.partner-alt-promocode-field-wrapper:first-child {
 margin-top: 0;
}


.partner-alt-promocode-field__inner {
 background: var(--bg-surface-raised);
 position: relative;
 z-index: 2;
 border-radius: 21px;
 display: flex;
 align-items: center;
 padding: 16px 16px;
 padding-right: 82px;
}

.partner-alt-promocode-field__left {
 width: 32px;
}

.partner-alt-promocode-field__right {
 width: calc(100% - 32px);
 padding-left: 12px;
}

.partner-alt-promocode-field__left .partner-alt-promocode-field__label-wrapper {
 display: none;
}

.partner-alt-promocode-field__icon-border {
 position: relative;
 width: 32px;
 height: 32px;
 border-radius: 32px;
 padding: 1px;
 display: flex;
 align-items: center;
}

.partner-alt-promocode-field__icon-border::before {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border: 1px solid var(--border-border);
 border-radius: 32px;
 /* padding: 1px; */
 display: flex;
 align-items: center;
}

.partner-alt-promocode-field__icon {
 position: relative;
 z-index: 2;
 width: 100%;
 height: 100%;
 border-radius: 30px;
 background: transparent;
}


.partner-alt-promocode-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;
 mask-image: url('../images/svg/magic-stick-3.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/magic-stick-3.svg');
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}



.partner-alt-promocode-field__content {
 display: flex;
 align-items: center;
}

.partner-alt-promocode-field__text {
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-secondary-foreground);
 padding-right: 10px;
}

.partner-alt-promocode-field__label-wrapper {
 display: flex;
}

.partner-alt-promocode-field__label {
 background: rgba(138, 138, 138, 0.1);
 border-radius: 9999px;
 padding: 4px 10px;
 font-weight: 500;
 font-size: 11px;
 text-align: center;
 color: var(--text-muted-foreground);
}

.partner-alt-promocode-field--primary {}

.partner-alt-promocode-field--primary::before {
 background-color: transparent;
 background-image: var(--border-input-gradient);
}

.partner-alt-promocode-field--primary .partner-alt-promocode-field__label {
 color: var(--text-primary);
 background: rgba(212, 248, 79, 0.1);
}

.partner-alt-promocode-field--primary .partner-alt-promocode-field__icon-border {
 padding: 1px;
}

.partner-alt-promocode-field--primary .partner-alt-promocode-field__icon-border::before {
 border: 0;
 background-image: var(--border-accent-gradient);
}

.partner-alt-promocode-field--primary .partner-alt-promocode-field__icon {
 background-color: #27272a;
}

.partner-alt-promocode-field--primary .partner-alt-promocode-field__icon::before {
 mask-image: url('../images/svg/gift.svg');
 -webkit-mask-image: url('../images/svg/gift.svg');
 background-color: var(--icon-primary);
}


.partner-alt-promocode-field__copy-button-block {
 position: absolute;
 right: 15px;
 top: 50%;
 transform: translateY(-50%);
}



.db-partners-table-block {
 margin-top: 32px;
}

.db-partners-table {
 margin-top: 24px;
 border-radius: 32px;
}


.db-partners-t-heading {
 display: flex;
}

.db-partners-t-h-col {
 padding: 0px 16px 4px;
 width: 14.28%;
 font-weight: 500;
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}

.db-partners-t-h-col--partner {
 width: 20.28%;
}

.db-partners-t-h-col--level {
 width: 13.28%;
}

.db-partners-t-h-col--status {
 width: 13.28%;
}

.db-partners-t-h-col--joined {
 width: 13.28%;
}

.db-partners-t-h-col--total {
 width: 13.28%;
 text-align: right;
}

.db-partners-t-h-col--cashback {
 width: 13.28%;
 text-align: right;
}

.db-partners-t-h-col--structure {
 width: 13.28%;
 text-align: right;
}

.db-partners-t-items {}

.db-partners-t-item {
 margin-top: 8px;
 display: flex;
 align-items: center;
 border-radius: 22px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
}

.db-partners-t-item:last-child {
 border-bottom: 0;
}


.db-partners-t-item__left {
 width: 33.57%;
 display: flex;
 align-items: center;
}

.db-partners-t-item__center {
 width: 26.57%;
 display: flex;
 align-items: center;
}

.db-partners-t-item__right {
 width: 39.86%;
 display: flex;
 align-items: center;
}

.db-partners-t-item__left .db-partners-t-i-col--status {
 display: none;
}

.db-partners-t-item__center .db-partners-t-i-col--cashback {
 display: none;
}

.db-partners-t-i-col {
 padding: 16px 16px;
 width: 50%;
}

.db-partners-t-i-col--partner {
 width: 60.49%;
}

.db-partners-t-i-col--level {
 width: 39.51%;
}

.db-partners-t-i-col--status {}

.db-partners-t-i-col--joined {}

.db-partners-t-i-col--total {
 width: 33.33%;
}

.db-partners-t-i-col--cashback {
 width: 33.33%;
}

.db-partners-t-i-col--structure {
 width: 33.33%;
}


.db-partners-t-i-partner {}

.db-partners-t-i-partner__uid {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-partners-t-i-partner__country {
 margin-top: 2px;
 display: flex;
 align-items: center;
}

.db-partners-t-i-partner__country__flag {
 width: 10px;
 height: 10px;
}

.db-partners-t-i-partner__country__flag .image {}

.db-partners-t-i-partner__country__title {
 width: calc(100% - 10px);
 padding-left: 4px;
 font-weight: 400;
 font-size: 12px;
 line-height: 1.67;
 color: var(--text-muted-foreground);
}



.db-partners-t-i-level-block {
 display: flex;
}

.db-partners-t-i-level {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-partners-t-i-status-block {}

.db-partners-t-i-status {
 position: relative;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 padding-left: 14px;
}

.db-partners-t-i-status::before {
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 border-radius: 6px;
 width: 6px;
 height: 6px;
 background: var(--neutral-600);
}

.db-partners-t-i-status--active::before {
 background: var(--bg-primary);
}

.db-partners-t-i-joined {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-partners-t-i-total {
 text-align: right;
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-partners-t-i-total--positive {

 color: var(--text-primary);
}

.db-partners-t-i-cashback-block {}

.db-partners-t-i-cashback {
 position: relative;
 text-align: right;
}

.db-partners-t-i-cashback__amount {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-partners-t-i-cashback__percent {
 font-weight: 400;
 font-size: 12px;
 line-height: 1.67;
 color: var(--text-muted-foreground);
}

.db-partners-t-i-cashback__amount--positive {
 color: var(--text-foreground);
}

.db-partners-t-i-cashback__sep {
 padding-left: 4px;
 padding-right: 4px;
 font-weight: 400;
 font-size: 14px;
 line-height: 1.43;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}




.db-partners-t-i-structure-block {}

.db-partners-t-i-structure {
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

.db-partners-t-i-structure__title {}

.db-partners-t-i-structure__sep {
 padding-left: 6px;
 padding-right: 6px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 display: none;
}

.db-partners-t-i-structure__value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-partners-t-i-structure .db-partners-t-i-level-block {
 display: none;
}



.db-partners-table-empty-block {
 margin-top: 24px;
}

.db-partners-table-empty {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 120px 40px;
}

.db-partners-table-empty__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}


.db-partners-table-empty__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}


.db-partners-table-empty__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/users-group-rounded.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/users-group-rounded.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.db-partners-table-empty__title-block {
 margin-top: 24px;
}

.db-partners-table-empty__title {
 text-align: center;
}

.db-partners-table-empty__descr-block {
 margin-top: 16px;
 max-width: 354px;
 margin-right: auto;
 margin-left: auto;
}

.db-partners-table-empty__descr {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 text-align: center;
 color: #a1a1aa;
}

.db-partners-table-empty__copy-referral-link-button-block {
 margin-top: 24px;
 max-width: 260px;
 margin-right: auto;
 margin-left: auto;
}


.modal--add-promocode {}

.modal-add-promocode-form-block {}

.modal-add-promocode-form {}


.modal--edit-cashback {}

.modal-edit-cashback-form-block {}

.modal-edit-cashback-form {}

.edit-cashback-level-panels-block {}

.edit-cashback-level-panels {}

.edit-cashback-level-panel-wrapper {
 margin-top: 8px;
}

.edit-cashback-level-panel-wrapper:first-child {
 margin-top: 0;
}

.edit-cashback-level-panel {
 background: var(--bg-surface-raised);
 border: 1px solid var(--border-input);
 border-radius: 22px;
 padding: 8px;
 display: flex;
 align-items: center;
}

.edit-cashback-level-panel__left {
 width: 72px;
}

.edit-cashback-level-panel__center {
 width: calc(100% - 136px);
 padding-left: 16px;
 padding-right: 16px;
}

.edit-cashback-level-panel__right {
 width: 64px;
}

.edit-cashback-level-panel__level {
 background: #27272a;
 border-radius: 24px;
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
 padding: 10px 16px;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
}



.field--edit-cashback {}

.field--edit-cashback .field-right-panel {
 right: 8px;
}

.field--edit-cashback .field-input-border {
 border-radius: 12px;
}

.field--edit-cashback .field-input-border::before,
.field--edit-cashback .field-input-border::after {
 border-radius: 12px;
}

.field--edit-cashback input[type='text'],
.field--edit-cashback input[type='email'],
.field--edit-cashback input[type='password'] {
 border-radius: 12px;
 height: 40px;
 padding-left: 8px;
 padding-right: 20px;
 text-align: center;
}

.field-right-percent-block {}

.field-right-percent {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.edit-cashback-level-panel__slider-block {}

.edit-cashback-level-panel__slider {}


.edit-cashback-level-panel__slider-block {
 position: relative;
}

.edit-cashback-level-panel__slider-wrapper {
 position: relative;
 padding-top: 5px;
 padding-bottom: 5px;
}

.edit-cashback-level-panel__slider-wrapper .irs--flat {
 height: 6px;
}

.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-line {
 background: #27272a;
 border-radius: 8px;
 height: 6px;
 top: 0;
}

.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-bar {
 height: 6px;
 top: 0;
 background-color: transparent;
}

.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-bar--single {
 border-radius: 8px 0 0 8px;
}

.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-handle {
 width: 16px;
 height: 16px;
 background: var(--bg-primary);
 border: 0;
 border-radius: 16px;
 top: -5px;
 cursor: pointer;
}



.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-min,
.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-max {
 display: none;
}

.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-from,
.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-to,
.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-single {
 display: none;
}


.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-from::before,
.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-to::before,
.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-single::before {
 display: none;
}

.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-grid-pol {
 display: none;
}

.edit-cashback-level-panel__slider-wrapper .irs--flat .irs-handle i {
 display: none;
}



.db-affiliate-bonus-codes-info-block {}

.db-affiliate-bonus-codes-info {
 background: var(--bg-primary-subtle);
 border: 1px solid rgba(199, 235, 84, 0.2);
 border-radius: 32px;
 padding: 24px;
 display: flex;
 align-items: flex-start;
}


.db-affiliate-bonus-codes-info__icon-border {
 position: relative;
 width: 48px;
 height: 48px;
 border-radius: 48px;
 padding: 1px;
 display: flex;
 align-items: center;
}

.db-affiliate-bonus-codes-info__icon-border::before {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 background-image: var(--border-accent-gradient);
 border-radius: 48px;
 /* padding: 1px; */
 display: flex;
 align-items: center;
}

.db-affiliate-bonus-codes-info__icon {
 position: relative;
 z-index: 2;
 width: 100%;
 height: 100%;
 border-radius: 30px;
 background: var(--bg-accent-subtle);
}


.db-affiliate-bonus-codes-info__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 mask-image: url('../images/svg/gift.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/gift.svg');
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}



.db-affiliate-bonus-codes-info__content {
 width: calc(100% - 48px);
 padding-left: 16px;
}


.partner-promocode-field--primary .partner-promocode-field__icon-border {}

.partner-promocode-field--primary .partner-promocode-field__icon-border::before {
 border: 0;
 background-image: var(--border-accent-gradient);
}

.partner-promocode-field--primary .partner-promocode-field__icon {
 background-color: #27272a;
}

.partner-promocode-field--primary .partner-promocode-field__icon::before {}




.db-affiliate-bonus-codes-info__content {}

.db-affiliate-bonus-codes-info__title {}

.db-affiliate-bonus-codes-info__descr {
 margin-top: 8px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.text-foreground {
 color: var(--text-foreground);
}

.text-primary {
 color: var(--text-primary) !important;
}




.db-bonus-codes-table-block {
 margin-top: 32px;
}

.db-bonus-codes-table {
 margin-top: 24px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
}


.db-bonus-codes-t-heading {
 display: flex;
 border-bottom: 1px solid var(--border-border);
}

.db-bonus-codes-t-h-col {
 padding: 16px 20px;
 width: 20%;

 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-bonus-codes-t-h-col--code {}

.db-bonus-codes-t-h-col--value {}

.db-bonus-codes-t-h-col--status {}

.db-bonus-codes-t-h-col--value {}

.db-bonus-codes-t-h-col--action {
 text-align: right;
}

.db-bonus-codes-t-h-col--structure {
 text-align: right;
}

.db-bonus-codes-t-items {}

.db-bonus-codes-t-item {
 display: flex;
 align-items: center;
 border-bottom: 1px solid var(--border-border);
}

.db-bonus-codes-t-item:last-child {
 border-bottom: 0;
}

.db-bonus-codes-t-item--last{
 border-bottom: 0;
}


.db-bonus-codes-t-item__left {
 width: 60%;
 display: flex;
 align-items: center;
}


.db-bonus-codes-t-item__right {
 width: 40%;
 display: flex;
 align-items: center;
}

.db-bonus-codes-t-i-col {
 padding: 16px 20px;
 width: 33.33%;
}

.db-bonus-codes-t-item__right .db-bonus-codes-t-i-col {
 width: 50%;
}

.db-bonus-codes-t-i-col--code {}

.db-bonus-codes-t-i-col--value {}

.db-bonus-codes-t-i-col--status {}

.db-bonus-codes-t-i-col--activated {}

.db-bonus-codes-t-i-col--action {}



.db-bonus-codes-t-i-code {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-bonus-codes-t-i-value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.db-bonus-codes-t-i-status-block {
 display: flex;
}

.db-bonus-codes-t-i-status {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-bonus-codes-t-i-status--active {
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 color: var(--text-primary);
}

.db-bonus-codes-t-i-activated-block {}

.db-bonus-codes-t-i-activated {
 display: flex;
 align-items: center;
}

.db-bonus-codes-t-i-activated__title {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 padding-right: 6px;
 display: none;
}

.db-bonus-codes-t-i-activated__value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-bonus-codes-t-i-activated {}

.db-bonus-codes-t-i-total {
 text-align: right;
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-bonus-codes-t-i-total--positive {

 color: var(--text-primary);
}


.db-bonus-codes-t-i-structure-block {}

.db-bonus-codes-t-i-structure {
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

.db-bonus-codes-t-i-structure__title {
 padding-right: 6px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 display: none;
}

.db-bonus-codes-t-i-structure__value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}



.db-bonus-codes-table-empty-block {
 margin-top: 24px;
}

.db-bonus-codes-table-empty {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 120px 40px;
}

.db-bonus-codes-table-empty__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}


.db-bonus-codes-table-empty__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}


.db-bonus-codes-table-empty__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/stars-minimalistic.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/stars-minimalistic.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.db-bonus-codes-table-empty__title-block {
 margin-top: 24px;
}

.db-bonus-codes-table-empty__title {
 text-align: center;
}

.db-bonus-codes-table-empty__descr-block {
 margin-top: 16px;
 max-width: 600px;
 margin-right: auto;
 margin-left: auto;
}

.db-bonus-codes-table-empty__descr {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 text-align: center;
 color: #a1a1aa;
}

.db-bonus-codes-table-empty__copy-referral-link-button-block {
 margin-top: 24px;
 max-width: 260px;
 margin-right: auto;
 margin-left: auto;
}

.db-bonus-codes-t-i-empty {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-bonus-codes-t-i-copy-button-block {
 display: flex;
 justify-content: flex-end;
}

.db-bonus-codes-t-i-col--action .db-bonus-codes-t-i-empty {
 text-align: right;
}

/* 
.db-partners-tabs-content .bd-tab-content:first-child {
	display: none;
}

.db-partners-tabs-content .bd-tab-content:nth-child(3) {
	display: block;
} */


.db-promo-material-items-block {
 margin-top: 8px;
}

.db-promo-material-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -12px;
 margin-right: -12px;
 margin-top: -24px;
}

.db-promo-material-item-wrapper {
 padding-left: 12px;
 padding-right: 12px;
 width: 50%;
 margin-top: 24px;
}

.db-promo-material-item {
 border: 1px solid var(--border-border);
 border-radius: 32px;
 background: var(--bg-surface);
 height: 100%;

}

.db-promo-material-item__image {
 border-bottom: 1px solid var(--border-border);
 border-top-right-radius: 31px;
 border-top-left-radius: 31px;
 height: 316px;
}

.db-promo-material-item__image .image {
 border-top-right-radius: 31px;
 border-top-left-radius: 31px;
 width: 100%;
 height: 100%;
 object-fit: cover;
}


.db-promo-material-item__content {
 padding: 24px;
 height: calc(100% - 316px);
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.db-promo-material-item__info {
 width: 100%;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}

.db-promo-material-item__title {
 margin-top: 12px;
 width: 100%;
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: var(--text-foreground);
}

.db-promo-material-item__descr {
 margin-top: 8px;
 width: 100%;
 font-size: 16px;
 letter-spacing: 0.01em;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}

.db-promo-material-item__button-block {
 margin-top: 12px;
 width: 100%;
}

.db-promo-material-item__button {}



.db-contracts-block {
 margin-top: 32px;
}

.db-contract-items-block {}


.db-contract-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -12px;
 margin-right: -12px;
 margin-top: -24px;
}

.db-contract-item-wrapper {
 width: 33.33%;
 margin-top: 24px;
 padding-left: 12px;
 padding-right: 12px;
}

.db-contract-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 padding-bottom: 92px;
 position: relative;
 height: 100%;
}

.db-contract-item__top {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 padding-bottom: 20px;
}

.db-contract-item__top-left {
 display: flex;
 align-items: center;
}




.db-contract-item__icon-border {
 position: relative;
 width: 48px;
 height: 48px;
 border-radius: 48px;
 padding: 1px;
 display: flex;
 align-items: center;
}

.db-contract-item__icon-border::before {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border: 1px solid var(--border-border);
 border-radius: 48px;
 /* padding: 1px; */
 display: flex;
 align-items: center;
}

.db-contract-item__icon {
 position: relative;
 z-index: 2;
 width: 100%;
 height: 100%;
 border-radius: 30px;
 background: transparent;
}


.db-contract-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/chart-square.svg');
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.db-contract-item__title-block {
 width: calc(100% - 48px);
 padding-left: 12px;
}

.db-contract-item__title {}

.db-contract-item__top-right {}

.db-contract-item__status-wrapper {}

.db-contract-item__status {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-contract-item__profit-items-block {
 border-bottom: 1px solid var(--border-border);
 border-top: 1px solid var(--border-border);
 padding-top: 16px;
 padding-bottom: 16px;
}

.db-contract-item__profit-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -4px;
 margin-right: -4px;
 margin-top: -8px;
}

.db-contract-item__profit-item-wrapper {
 width: 33.33%;
 padding-left: 4px;
 padding-right: 4px;
 margin-top: 8px;
}

.db-contract-item__profit-item {}

.db-contract-item__profit-item__percent {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.db-contract-item__profit-item__period {
 margin-top: 4px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 color: var(--text-muted-foreground);
}


.db-contract-item__params-block {
 padding-top: 20px;
}

.db-contract-item__params {
 margin-top: -16px;
}

.db-contract-item__param-wrapper {
 margin-top: 16px;
}

.db-contract-item__param {
 display: flex;
 justify-content: space-between;
}

.db-contract-item__param__title {
 padding-right: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-contract-item__param__value {
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: right;
 color: var(--text-foreground);
}

.db-contract-item__param--id {}

.db-contract-item__param--amount {}

.db-contract-item__param--return {}

.db-contract-item__param--return .db-contract-item__param__value {
 color: var(--text-primary);
}

.db-contract-item__param--start {}

.db-contract-item__param--end {}


.db-contract-item__term-block {
 margin-top: 24px;
}

.db-contract-item__term {}

.db-contract-item__term__top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-contract-item__term__top-left {
 padding-right: 8px;
}

.db-contract-item__term__top-right {}


.db-contract-item__term__title {
 font-weight: 400;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-contract-item__term__percent {

 font-weight: 400;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}


.db-contract-item__term__progress {
 position: relative;
 margin-top: 8px;
 height: 6px;
 border-radius: 3px;
 background-color: rgba(255, 255, 255, 0.08);
}

.db-contract-item__term__progress__filled {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 border-radius: 3px;
 background: var(--bg-primary);
}

.db-contract-item__term__progress__filled--complete {
 background: var(--neutral-500);
}


.db-contract-item__term__remaining {
 margin-top: 8px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 color: var(--text-muted-foreground);
}





.db-contract-item__button-block {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 24px;
 padding-top: 0;
}

.db-contract-item__button {
 border-radius: 18px;
}

.db-contract-item__button .button__inner {
 padding-top: 14px;
 padding-bottom: 14px;
 border-radius: 18px;
}



.db-contract-item--basic {}

.db-contract-item--basic .db-contract-item__icon::before {
 mask-image: url('../images/svg/chart-square.svg');
 -webkit-mask-image: url('../images/svg/chart-square.svg');
}


.db-contract-item--long {}

.db-contract-item--long .db-contract-item__icon::before {
 mask-image: url('../images/svg/pie-chart-2.svg');
 -webkit-mask-image: url('../images/svg/pie-chart-2.svg');
}

.db-contract-item--active {}

.db-contract-item--active::before {
 background-color: transparent;
 background-image: var(--border-input-gradient);
}

.db-contract-item--active .db-contract-item__status {
 color: var(--text-primary);
 background: rgba(212, 248, 79, 0.1);
}

.db-contract-item--active .db-contract-item__icon-border {
 padding: 1px;
}

.db-contract-item--active .db-contract-item__icon-border::before {
 border: 0;
 background-image: var(--border-accent-gradient);
}

.db-contract-item--active .db-contract-item__icon {
 background-color: #27272a;
}

.db-contract-item--active .db-contract-item__icon::before {
 background-color: var(--icon-primary);
}


.db-contract-item--bonus {
 background: var(--bg-primary);
 border: 1px solid var(--border-border);
}

.db-contract-item--bonus::before {
 background-color: transparent;
 background-image: var(--border-input-gradient);
}

.db-contract-item--bonus .db-contract-item__status {
 color: var(--text-primary);
 background: var(--bg-accent-subtle);
}

.db-contract-item--bonus .db-contract-item__icon-border {
 padding: 1px;
}

.db-contract-item--bonus .db-contract-item__icon-border::before {
 border: 0;
 background-image: var(--border-accent-gradient);
}

.db-contract-item--bonus .db-contract-item__icon {
 background-color: #27272a;
}

.db-contract-item--bonus .db-contract-item__icon::before {
 background-color: var(--icon-primary);
 mask-image: url('../images/svg/stars-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/stars-minimalistic.svg');
}

.db-contract-item--bonus .db-contract-item__title {
 color: var(--text-primary-foreground);
}

.db-contract-item--bonus .db-contract-item__profit-items-block {
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.db-contract-item--bonus .db-contract-item__profit-item__percent {
 color: var(--text-primary-foreground);
}

.db-contract-item--bonus .db-contract-item__profit-item__period {
 color: var(--text-primary-foreground);
 opacity: 0.5;
}

.db-contract-item--bonus .db-contract-item__param__value {
 color: var(--text-primary-foreground);
}

.db-contract-item--bonus .db-contract-item__param__title {
 color: var(--text-primary-foreground);
 opacity: 0.6;
}

.db-contract-item--bonus .db-contract-item__term__title {
 color: var(--text-primary-foreground);
 opacity: 0.6;
}

.db-contract-item--bonus .db-contract-item__term__percent {
 color: var(--text-primary-foreground);
}

.db-contract-item--bonus .db-contract-item__term__progress {
 background-color: rgba(19, 19, 19, 0.15);
}

.db-contract-item--bonus .db-contract-item__term__progress__filled {
 background: var(--neutral-950);
}

.db-contract-item--bonus .db-contract-item__term__remaining {
 color: var(--text-primary-foreground);
 opacity: 0.5;
}


.db-contracts-empty-block {
 margin-top: 24px;
}

.db-contracts-empty {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 120px 40px;
}

.db-contracts-empty__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}


.db-contracts-empty__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}


.db-contracts-empty__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/document-text.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/document-text.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.db-contracts-empty__title-block {
 margin-top: 24px;
}

.db-contracts-empty__title {
 text-align: center;
}

.db-contracts-empty__descr-block {
 margin-top: 16px;
 max-width: 446px;
 margin-right: auto;
 margin-left: auto;
}

.db-contracts-empty__descr {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 text-align: center;
 color: #a1a1aa;
}

.db-contracts-empty_open-contract-button-block {
 margin-top: 24px;
 max-width: 234px;
 margin-right: auto;
 margin-left: auto;
}




.db-withdrawal-form-block {
 margin-top: 32px;
}

.db-withdrawal-form {
 display: flex;
}

.db-withdrawal-form__left {
 width: calc(100% - 283px);
 padding-right: 24px;
}

.db-withdrawal-form__left .db-withdrawal-form-summary-block {
 display: none;
 margin-top: 24px;
}

.db-withdrawal-form__right {
 width: 283px;
}

.db-withdrawal-form-summary-block {}

.db-withdrawal-form-summary {
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
}


.db-withdrawal-form-summary__title-block {}

.db-withdrawal-form-summary__title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.db-withdrawal-form-summary__currency-block {
 margin-top: 24px;
 padding-bottom: 24px;
 border-bottom: 1px solid var(--border-border);
}

.db-withdrawal-form-summary__currency {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-withdrawal-form-summary__currency-title {
 padding-right: 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-withdrawal-form-summary__currency-value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-withdrawal-form-summary__time-block {
 margin-top: 24px;
 padding-bottom: 24px;
 border-bottom: 1px solid var(--border-border);
}

.db-withdrawal-form-summary__time {}

.db-withdrawal-form-summary__time-items {
 margin-top: 16px;
}

.db-withdrawal-form-summary__time-item {
 margin-top: 12px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.db-withdrawal-form-summary__time-item:first-child {
 margin-top: 0;
}

.db-withdrawal-form-summary__time-item__title {
 padding-right: 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-withdrawal-form-summary__time-item__value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.db-withdrawal-form-summary__receive-block {
 margin-top: 24px;
}

.db-withdrawal-form-summary__receive-title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-withdrawal-form-summary__receive-value {
 margin-top: 8px;
 font-weight: 600;
 font-size: 24px;
 line-height: 1.2;
 color: var(--text-primary);
}


.field-saved-addresses-button-block {}

.field-saved-addresses-button {
 font-weight: 500;
 font-size: 12px;
 box-shadow: none;
}

.field-saved-addresses-button .button__inner {
 padding: 6px 12px;
}


.field--withdrawal-address input[type='text'],
.field--withdrawal-address input[type='email'],
.field--withdrawal-address input[type='password'] {
 padding-right: 144px;
}




.saved-address-items-block {
 margin-top: 4px;
}

.saved-address-items {}

.saved-address-item-wrapper {
 margin-top: 8px;
}

.saved-address-item-wrapper:first-child {
 margin-top: 0;
}

.saved-address-item {}



.saved-address-radio-container {
 line-height: 1;
 display: block;
 width: 100%;
 margin-bottom: 0;
 text-align: left;
}

.saved-address-radio-custom {
 position: relative;
 border-radius: 22px;
 padding: 1px;
 cursor: pointer;
}

.saved-address-radio-custom__border {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
}

.saved-address-radio-custom__border::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-input-gradient);
}

.saved-address-radio-custom__border::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-accent-gradient);
 opacity: 0;
 visibility: hidden;
}

.saved-address-radio-custom__border {}

.saved-address-radio-custom__inner {
 position: relative;
 z-index: 2;
 border-radius: 21px;
 background: var(--bg-surface-raised);
 display: flex;
 align-items: center;
 padding: 12px 16px;
}

.saved-address-radio-custom__inner::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 21px;
 background: var(--bg-primary-subtle);
 opacity: 0;
 visibility: hidden;
}

.saved-address-radio-custom__left {
 position: relative;
 z-index: 2;
 width: calc(100% - 20px);
 display: flex;
 align-items: center;
 padding-right: 16px;
}

.saved-address-radio-custom__icon-wrapper {
 /* border: 1px solid var(--border-border); */

 background-image: var(--border-input-gradient);
 border-radius: 9999px;
 padding: 1px;
 width: 48px;
 height: 48px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.saved-address-radio-custom__icon {
 position: relative;
 width: 100%;
 height: 100%;
 background: #27272a;
 border-radius: 9999px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.saved-address-radio-custom__icon .image {
 width: 20px;
 height: 20px;
 object-fit: contain;
}


.saved-address-radio-custom__content {
 padding-left: 16px;
 width: calc(100% - 48px);
}

.saved-address-radio-custom__title {
 font-weight: 500;
 font-size: 16px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
}

.saved-address-radio-custom__address {
 font-size: 14px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 word-wrap: break-word;
}

.saved-address-radio-custom__descr {
 font-size: 14px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.saved-address-radio-custom__right {
 position: relative;
 z-index: 2;
 width: 20px;
}


.saved-address-radio-custom__switcher {
 display: inline-block;
 width: 20px;
 height: 20px;
 border-radius: 20px;
 border: 1px solid var(--border-input);
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
}

.saved-address-radio-custom__switcher::before {
 content: '';
 position: absolute;
 width: 18px;
 height: 18px;
 border-radius: 18px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.saved-address-radio-custom__switcher::after {
 content: '';
 position: absolute;
 z-index: 2;
 width: 10px;
 height: 10px;
 border-radius: 10px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 background-color: var(--icon-on-primary);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}




.radio-input:checked~.saved-address-radio-custom .saved-address-radio-custom__inner::before {
 opacity: 1;
 visibility: visible;
}

.radio-input:checked~.saved-address-radio-custom .saved-address-radio-custom__border::before {
 opacity: 0;
 visibility: hidden;
}

.radio-input:checked~.saved-address-radio-custom .saved-address-radio-custom__border::after {
 opacity: 1;
 visibility: visible;
}

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

.radio-input:checked~.saved-address-radio-custom .saved-address-radio-custom__switcher::after {
 opacity: 1;
 visibility: visible;
}



.saved-addresses-empty-block {}

.saved-addresses-empty {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 22px;
 padding: 64px 24px;
}

.saved-addresses-empty__icon-wrapper {
 border: 1px solid var(--border-accent);
 background-color: var(--bg-primary);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}


.saved-addresses-empty__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}


.saved-addresses-empty__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/heart.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/heart.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-on-primary);
 transition: 0.4s ease;
}


.saved-addresses-empty__title-block {
 margin-top: 12px;
}

.saved-addresses-empty__title {
 text-align: center;
}

.saved-addresses-empty__descr-block {
 margin-top: 12px;
}

.saved-addresses-empty__descr {
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}

.saved-addresses-empty__button-block {
 margin-top: 12px;
 display: flex;
 justify-content: center;
}

.saved-addresses-empty__button .button__inner {
 padding: 16px 32px;
}

.modal--security-verification {}

.modal-security-verification-form-block {}

.modal-security-verification-form {}




.db-transactions-empty-block {
 margin-top: 24px;
}

.db-transactions-empty {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 120px 40px;
}

.db-transactions-empty__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}


.db-transactions-empty__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}


.db-transactions-empty__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/transfer-horizontal.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/transfer-horizontal.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.db-transactions-empty__title-block {
 margin-top: 24px;
}

.db-transactions-empty__title {
 text-align: center;
}

.db-transactions-empty__descr-block {
 margin-top: 16px;
 max-width: 382px;
 margin-right: auto;
 margin-left: auto;
}

.db-transactions-empty__descr {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 text-align: center;
 color: #a1a1aa;
}

.db-transactions-empty__open-contract-button-block {
 margin-top: 24px;
 max-width: 234px;
 margin-right: auto;
 margin-left: auto;
}

.db-transactions-block {
 margin-top: 32px;
}

.db-transactions-filter-block {}

.db-transactions-filter {}

.db-transactions-filter-form {}

.db-transactions-filter-form .bootstrap-select>.dropdown-toggle {
 height: 48px;
 border-radius: 18px;
}

.db-transactions-filter-form .bootstrap-select .dropdown-toggle .filter-option {
 border-radius: 17px;
}

.db-transactions-filter-form .button--primary .button__inner {
 padding-top: 14px;
 padding-bottom: 14px;
}


.db-transactions-filter-form .form-button-block {
 margin-top: 0;
}

.db-transactions-filter-form-fields-block {}

.db-transactions-filter-form-fields {
 display: flex;
 flex-wrap: wrap;
 margin-left: -8px;
 margin-right: -8px;
}

.db-transactions-filter-form-field-wrapper {
 padding-left: 8px;
 padding-right: 8px;
 width: 25%;
}

.db-transactions-filter-form-field {}


.db-transaction-table-block {
 margin-top: 12px;
}



.db-transaction-table {}

.db-transaction-t-heading {
 padding: 12px 16px;
 border-bottom: 1px solid var(--border-border);
}

.db-transaction-t-h-cols {
 display: flex;
 align-items: center;
 margin-left: -12px;
 margin-right: -12px;
}

.db-transaction-t-h-col {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
}

.db-transaction-t-h-col--type {
 width: 356px;
}

.db-transaction-t-h-col--amount {
 width: calc(33.33% - 124px);
 text-align: right;
}

.db-transaction-t-h-col--status {
 width: calc(33.33% - 124px);
}

.db-transaction-t-h-col--date {
 width: calc(33.33% - 108px);
 text-align: right;
}

.db-transaction-t-items-block {
 margin-top: 12px;
}

.db-transaction-t-items {}

.db-transaction-t-item {
 margin-top: 12px;
 position: relative;
 padding: 1px;
 background-color: var(--border-border);
 border-radius: 22px;
}

.db-transaction-t-item::before {
 content: '';
 position: absolute;
 left: 1px;
 top: 1px;
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 background: var(--bg-surface);
 border-radius: 21px;
}

.db-transaction-t-item__inner {
 position: relative;
 z-index: 2;
 background: var(--bg-surface);
 padding: 16px;
 border-radius: 21px;
}

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

.db-transaction-t-i-cols {
 display: flex;
 align-items: center;
 margin-left: -12px;
 margin-right: -12px;
}

.db-transaction-t-i-col {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
}

.db-transaction-t-i-col--type {
 width: 356px;
}

.db-transaction-t-i-col--amount {
 width: calc(33.33% - 124px);
}

.db-transaction-t-i-col--status {
 width: calc(33.33% - 124px);
}

.db-transaction-t-i-col--date {
 width: calc(33.33% - 108px);
}

.db-transaction-t-i-col--status .db-transaction-t-i-date-block {
 display: none;
}

.db-transaction-t-i-type {
 display: flex;
 align-items: center;
}


.db-transaction-t-i-type__icon-border {
 width: 48px;
 height: 48px;
 border-radius: 48px;
 padding: 1px;
 background-image: var(--border-input-gradient);
}

.db-transaction-t-i-type__icon {
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #27272a;
 border-radius: 46px;
}


.db-transaction-t-i-type__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 /* mask-image: url('../images/svg/download-minimalistic.svg'); */
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 /* -webkit-mask-image: url('../images/svg/download-minimalistic.svg'); */
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.db-transaction-t-i-type__icon--deposit {}

.db-transaction-t-i-type__icon--deposit::before {
 mask-image: url('../images/svg/download-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/download-minimalistic.svg');
}

.db-transaction-t-i-type__icon--staking-contract {}

.db-transaction-t-i-type__icon--staking-contract::before {
 mask-image: url('../images/svg/document-text.svg');
 -webkit-mask-image: url('../images/svg/document-text.svg');
}

.db-transaction-t-i-type__icon--earning {}

.db-transaction-t-i-type__icon--earning::before {
 mask-image: url('../images/svg/wallet-money.svg');
 -webkit-mask-image: url('../images/svg/wallet-money.svg');
}

.db-transaction-t-i-type__icon--principal-back {}

.db-transaction-t-i-type__icon--principal-back::before {
 mask-image: url('../images/svg/undo-left-round-square.svg');
 -webkit-mask-image: url('../images/svg/undo-left-round-square.svg');
}

.db-transaction-t-i-type__icon--withdrawal {}

.db-transaction-t-i-type__icon--withdrawal::before {
 mask-image: url('../images/svg/upload-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/upload-minimalistic.svg');
}

.db-transaction-t-i-type__icon--affiliate-reward {}

.db-transaction-t-i-type__icon--affiliate-reward::before {
 mask-image: url('../images/svg/users-group-rounded.svg');
 -webkit-mask-image: url('../images/svg/users-group-rounded.svg');
}

.db-transaction-t-i-type__icon--career-bonus {}

.db-transaction-t-i-type__icon--career-bonus::before {
 mask-image: url('../images/svg/medal-star.svg');
 -webkit-mask-image: url('../images/svg/medal-star.svg');
}

.db-transaction-t-i-type__icon--cashback-by-upline {}

.db-transaction-t-i-type__icon--cashback-by-upline::before {
 mask-image: url('../images/svg/user-check-rounded.svg');
 -webkit-mask-image: url('../images/svg/user-check-rounded.svg');
}

.db-transaction-t-i-type__icon--cashback-for-partners {}

.db-transaction-t-i-type__icon--cashback-for-partners::before {
 mask-image: url('../images/svg/hand-money.svg');
 -webkit-mask-image: url('../images/svg/hand-money.svg');
}


.db-transaction-t-i-type__content {
 width: calc(100% - 48px);
 padding-left: 16px;
}

.db-transaction-t-i-type__content .db-transaction-t-i-amount-block {
 display: none;
}

.db-transaction-t-i-type__content-top {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}

.db-transaction-t-i-type__content-top .db-transaction-t-i-status-block {
 display: none;
}

.db-transaction-t-i-type__title-block {
 display: flex;
 align-items: center;
}

.db-transaction-t-i-type__title {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.db-transaction-t-i-type__title-block .db-transaction-t-i-type__icon-border {
 width: 32px;
 height: 32px;
 border-radius: 32px;
 display: none;
}

.db-transaction-t-i-type__title-block .db-transaction-t-i-type__icon .image {
 width: 16px;
 height: 16px;
 border-radius: 16px;
}


.db-transaction-t-i-type__info {
 margin-top: 4px;
 display: flex;
 align-items: center;
 flex-wrap: wrap;
}

.db-transaction-t-i-type__amount-block {}

.db-transaction-t-i-type__amount {
 display: flex;
 align-items: center;
}

.db-transaction-t-i-type__amount__icon {
 width: 16px;
 height: 16px;
}

.db-transaction-t-i-type__amount__icon .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.db-transaction-t-i-type__amount__amount {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 padding-left: 6px;
}

.db-transaction-t-i-type__descr {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.db-transaction-t-i-type__info-sep {
 padding-left: 6px;
 padding-right: 6px;
 font-size: 14px;
 line-height: 1.43;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}


.db-transaction-t-i-type .db-transaction-t-i-address {
 justify-content: flex-start;
}


.db-transaction-t-i-address-block {}

.db-transaction-t-i-address {
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

.db-transaction-t-i-address__address-wrapper {
 padding-right: 6px;
 max-width: calc(100% - 16px);
}

.db-transaction-t-i-address__address {
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: right;
 color: var(--text-primary);
}

.db-transaction-t-i-address__copy-wrapper {
 width: 22px;
 padding-right: 6px;
}

.db-transaction-t-i-address__copy {}

.db-transaction-t-i-address__transaction-link-wrapper {}

.db-transaction-t-i-address__transaction-link {
 display: block;
 width: 16px;
 height: 16px;
 position: relative;
}

.db-transaction-t-i-address__transaction-link__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

.db-transaction-t-i-address__transaction-link__icon::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/link-round.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/link-round.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.db-transaction-t-i-address__transaction-link:hover .db-transaction-t-i-address__transaction-link__icon::before {
 background-color: var(--text-primary);
}

.db-transaction-t-i-date-block {}

.db-transaction-t-i-date {
 text-align: right;
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: right;
 color: var(--text-muted-foreground);
}

.db-transaction-t-i-status-block {
 display: flex;
}

.db-transaction-t-i-status {
 color: var(--text-foreground);
 background: #27272a;
 border-radius: 9999px;
 padding: 4px 12px;
 font-weight: 500;
 font-size: 11px;
 line-height: 1.45;
 text-align: center;
}

.db-transaction-t-i-amount-block {}

.db-transaction-t-i-amount {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 text-align: right;
 color: var(--text-foreground);
}

.db-transaction-t-i-amount--pending {
 color: var(--text-primary);
}

.db-transaction-t-i-amount--success {
 color: var(--text-success);
}

.db-transaction-t-i-amount--back {
 color: var(--text-muted-foreground);
}


.db-transaction-t-i-status--pending {
 color: var(--text-primary);
 background: rgba(212, 248, 79, 0.1);
}

.db-transaction-t-i-status--success {
 color: var(--text-success);
 background: rgba(0, 217, 126, 0.1);
}

.db-transaction-t-i-status--cancelled {
 color: var(--text-destructive);
 background: rgba(239, 68, 68, 0.1);
}

.db-transaction-t-item--active {
 background-image: var(--border-accent-gradient);
}

.db-transaction-t-item--active .db-transaction-t-item__inner {
 background: var(--bg-primary-subtle);
}

.db-transaction-t-item--active .db-transaction-t-i-type__icon-border {
 background-image: var(--border-accent-gradient);
}

.db-transaction-t-item--active .db-transaction-t-i-type__icon {
 background: var(--bg-accent-subtle);
}

.db-transaction-t-item--active .db-transaction-t-i-type__icon::before {
 background-color: var(--icon-primary);
}


.db-transactions-filter-mobile-button-block {
 display: none;
}

.db-transactions-filter-mobile-button {
 border-radius: 18px;
}

.db-transactions-filter-mobile-button .button__inner {
 padding-top: 14px;
 padding-bottom: 14px;
 border-radius: 18px;
 pointer-events: none;
}




.filter-panel-block {
 position: fixed;
 top: 0;
 right: 0;
 height: 100%;
 z-index: 1200;
 transform: translateX(100%);
 transition: 0.4s transform ease;
 padding: 24px;
 width: 350px;
 overflow: auto;
 background: var(--bg-background);
 border-left: 1px solid var(--border-border);
 display: none;
}

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

.filter-panel-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

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

.filter-panel-top-left .logo {
 max-width: 190px;
}

.filter-panel-top-right {
 display: flex;
 align-items: center;
}


.filter-panel-top-right .lang-panel-block {
 margin-left: 0;
 padding-left: 0;
}

.filter-panel-top-right .lang-panel-block::before {
 display: none;
}

.filter-panel-close-btn-block {
 padding-left: 8px;
}

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


.filter-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-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 24px 24px;
 -webkit-mask-image: url('../images/svg/close-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 24px 24px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.filter-panel-bottom {
 padding-top: 24px;
 padding-bottom: 24px;
}

.filter-panel-mobile-form {}

.filter-panel-mobile-form .radio-items-block {
 margin-top: 4px;
}




.modal--deposit {}

.modal--deposit .bd-tabs-block {
 margin-top: 0;
}


.modal-deposit-form-block {}

.modal-deposit-form {}




.payment-radio-items-block {
 margin-top: 12px;
 display: flex;
}

.payment-radio-items-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 4px;

}

.payment-radio-items {
 display: flex;
 margin-left: -2px;
 margin-right: -2px;
 margin-top: -4px;
}

.payment-radio-item-wrapper {
 margin-top: 4px;
 padding-left: 2px;
 padding-right: 2px;
}


.payment-radio-item {}


.field--radio {
 display: flex;
}

.payment-radio-container {
 line-height: 1;
 display: block;
 width: auto;
 margin-bottom: 0;
 text-align: left;
}


.payment-radio-custom {
 display: flex;
 align-items: center;
 cursor: pointer;
 padding: 4px 12px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.33;
 text-align: center;
 color: var(--text-muted-foreground);
 border-radius: 18px;
}


.payment-radio-custom__text {}


.payment-radio-input {
 display: none;
}

.payment-radio-input:checked~.payment-radio-custom {
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
 color: var(--text-primary-foreground);
}



.modal-deposit-form-fields-block {
 margin-top: 12px;
}

.modal-deposit-form-fields {}

.modal-deposit-form-field-wrapper {
 margin-top: 12px;
}

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


.modal-deposit-form-field {}




.bank-transfer-soon-block {}

.bank-transfer-soon {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 22px;
 padding: 64px 24px;
}

.bank-transfer-soon__icon-wrapper {
 border: 1px solid var(--border-accent);
 background-color: var(--bg-primary);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}


.bank-transfer-soon__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}


.bank-transfer-soon__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/card-transfer.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/card-transfer.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-on-primary);
 transition: 0.4s ease;
}


.bank-transfer-soon__title-block {
 margin-top: 12px;
}

.bank-transfer-soon__title {
 text-align: center;
}

.bank-transfer-soon__descr-block {
 margin-top: 12px;
}

.bank-transfer-soon__descr {
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}


.modal-deposit-confirm-form-block {}

.modal-deposit-confirm-form {}

.modal-deposit-confirm-form-fields-block {}

.modal-deposit-confirm-form-fields {}

.modal-deposit-confirm-form-field-wrapper {
 margin-top: 12px;
}

.modal-deposit-confirm-form-field-wrapper:first-child {
 margin-top: 0;
}

.modal-deposit-confirm-form-field {}


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

.field--qr {
 padding: 1.1px;
 margin-top: 4px;
}



.field-qr-code {
 padding: 24px;
 position: relative;
 z-index: 2;
 background: var(--bg-secondary);
 border-radius: 21px;
}

.field-qr-code__image {
 max-width: 150px;
 margin-right: auto;
 margin-left: auto;
}

.modal-icon-back-button-block {}


.modal-icon-back-button {
 position: relative;
 width: 24px;
 height: 24px;
 border: 0;
 padding: 0;
 background-color: transparent;
 display: block;
}

.modal-icon-back-button__icon {
 position: relative;
 width: 24px;
 height: 24px;
}

.modal-icon-back-button__icon::before {
 content: '';
 position: absolute;
 width: 24px;
 height: 24px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/round-arrow-left.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 24px 24px;
 -webkit-mask-image: url('../images/svg/round-arrow-left.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 24px 24px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.modal--deposit-confirm .modal-title-block {
 display: flex;
 align-items: center;
}

.modal-icon-back-button-block+.modal-title {
 max-width: calc(100% - 24px);
 padding-left: 12px;
}


.header--front {}

.header--front .lang-panel-block {}

.section-strategy-front {
 background-image: url('../images/front/strategy/strategy-front-bg--basic-trading.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
 padding-top: 120px;
 padding-bottom: 120px;
 min-height: 800px;
}

.section-strategy-front--basic-trading {
 background-image: url('../images/front/strategy/strategy-front-bg--basic-trading.png');
}

.section-strategy-front--global-trading {
 background-image: url('../images/front/strategy/strategy-front-bg--global-trading.png');
}

.section-strategy-front--arbitrage-trading {
 background-image: url('../images/front/strategy/strategy-front-bg--arbitrage-trading.png');
}

.section-strategy-front--liquidity-trading {
 background-image: url('../images/front/strategy/strategy-front-bg--liquidity-trading.png');
}


.s-strategy-front-block {}

.s-strategy-front {}

.s-strategy-front__left {
 padding-top: 24px;
 padding-bottom: 24px;
}

.strategy-front-info-block {}

.strategy-front-info {
 backdrop-filter: blur(4px);
 background: rgba(22, 21, 21, 0.6);
 border-radius: 32px;
 padding: 40px;
}


.strategy-front-info-label-block {
 display: flex;
}

.strategy-front-info-label {
 display: flex;
 align-items: center;
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 12px;
}

.strategy-front-info-label__icon {
 position: relative;
 width: 16px;
 height: 16px;
}


.strategy-front-info-label__text {
 padding-left: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.strategy-front-info-title-block {
 margin-top: 16px;
}

.strategy-front-info-title {
 font-weight: 600;
 font-size: 64px;
 line-height: 1;
 color: var(--text-foreground);
}

.text-lime {
 color: var(--text-primary);
}

.strategy-front-info-descr-block {
 margin-top: 24px;
}

.strategy-front-info-descr {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.strategy-front-info-buttons-block {
 margin-top: 24px;
}

.strategy-front-info-buttons {
 display: flex;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
}

.strategy-front-info-button-wrapper {
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 16px;
}

.strategy-front-info-open-contract-button {
 min-width: 200px;
}

.button--video {}

.button--video .button__inner {
 padding-top: 11px;
 padding-bottom: 11px;
 padding-left: 14px;
 padding-right: 14px;
}

.button__image {
 position: relative;
 z-index: 2;
 width: 32px;
 height: 32px;
 border-radius: 32px;
}

.button__image .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
 border-radius: 32px;
}

.button__image--video-review {
 position: relative;
}

.button__image--video-review::before {
 content: '';
 position: absolute;
 z-index: 3;
 width: 14px;
 height: 14px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/play-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 14px 14px;
 -webkit-mask-image: url('../images/svg/play-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 14px 14px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.button__image--video-review+.button__text {
 max-width: calc(100% - 32px);
}

.modal--video {}

.modal--video .modal-dialog {
 max-width: 1000px;
}


.strategy-front-info-digits-block {
 border-top: 1px solid var(--border-border);
 margin-top: 24px;
 padding-top: 24px;
}

.strategy-front-info-digits {
 margin-top: -8px;
 margin-left: -2px;
 margin-right: -2px;
 display: flex;
 flex-wrap: wrap;
}

.strategy-front-info-digit-wrapper {
 margin-top: 8px;
 padding-left: 2px;
 padding-right: 2px;
 width: 33.33%;
}

.strategy-front-info-digit {
 text-align: center;
}

.strategy-front-info-digit__digit {
 font-weight: 600;
 font-size: 32px;
 line-height: 1.2;
 text-align: center;
 color: var(--text-foreground);
}

.strategy-front-info-digit__descr {
 margin-top: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}



.strategy-front-info-digit--connected {}

.strategy-front-info-digit--connected .strategy-front-info-digit__digit {
 color: var(--text-primary);
}


.s-strategy-front__right {}

.strategy-front-features-block {}

.strategy-front-features-container {
 position: relative;
 margin-right: 0;
 margin-left: auto;
 max-width: 575px;
 height: 496px;
}

.strategy-front-features {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.strategy-front-feature {}

.strategy-front-feature {
 position: absolute;
 backdrop-filter: blur(100px);
 background: rgba(10, 11, 10, 0.66);
 border-bottom: 1px solid rgba(242, 244, 239, 0.09);
 border-top: 1px solid rgba(242, 244, 239, 0.09);
 border-radius: 22px;
 padding: 12px 16px;
 display: flex;
 align-items: flex-start;
}

.strategy-front-feature__icon {
 width: 28px;
}

.strategy-front-feature__content {
 width: calc(100% - 28px);
 padding-left: 12px;
}

.strategy-front-feature__title {
 font-size: 12px;
 letter-spacing: 0.01em;
 color: #8d938a;
}

.strategy-front-feature__value {
 font-weight: 600;
 line-height: 1.4;
 color: #f2f4ef;
}



.strategy-front-feature--top-left {
 left: 0;
 top: 0;
}

.strategy-front-feature--bottom-right {
 right: 0;
 bottom: 0;
}

.strategy-front-small-feature {
 position: absolute;
 border: 0.42px solid rgba(242, 244, 239, 0.16);
 border-radius: 999px;
 padding: 8px 12px;
 padding-left: 25px;
 background: rgba(10, 11, 10, 0.78);
 font-weight: 500;
 font-size: 12px;
 color: #f2f4ef;
}

.strategy-front-small-feature::before {
 content: '';
 position: absolute;
 width: 8px;
 height: 8px;
 border-radius: 8px;
 left: 12px;
 top: 50%;
 transform: translateY(-50%);
 background-color: var(--lime-500);
}

.strategy-front-features-container--arbitrage-trading .strategy-front-feature--bottom-right {
 bottom: 40px;
 right: 50px;
}




.section-front {
 padding-top: 64px;
 padding-bottom: 64px;
}

.s-headline-block {
 margin-top: 12px;
}

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

.s-headline {
 font-weight: 600;
 font-size: 14px;
 line-height: 1.1;
 text-align: center;
 color: var(--text-primary);
}

.s-title-block {
 margin-top: 12px;
}

.s-title {
 font-size: 40px;
 font-weight: 600;
 line-height: 1.1;
 text-align: center;
}

h1.s-title {
 font-size: 48px;
}

.s-description-block {
 margin-top: 12px;
 max-width: 720px;
 margin-right: auto;
 margin-left: auto;
}

.s-description {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}


.section-why-we {}

.why-we-items-block {
 margin-top: 24px;
}

.why-we-items {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
}

.why-we-item-wrapper {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}

.why-we-item {
 backdrop-filter: blur(4px);
 background: rgba(22, 22, 22, 0.8);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 height: 100%;
}

.why-we-item__image {
 width: 64px;
 height: 64px;
 border-radius: 18px;
}

.why-we-item__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 18px;
}

.why-we-item__title {
 margin-top: 24px;
}

.why-we-item__descr {
 margin-top: 8px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.section-investment-plans {}



.investment-plan-items-block {
 margin-top: 24px;
}

.investment-plan-items {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
}

.investment-plan-item-wrapper {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}




.investment-plan-item {
 border-radius: 32px;
 position: relative;
}

.investment-plan-item__inner {
 border: 1px solid var(--border-border);
 position: relative;
 z-index: 2;
 border-radius: 31px;
 padding: 24px;
 background: var(--bg-surface);
}

.investment-plan-item__top {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}

.investment-plan-item__top-left {}

.investment-plan-item__title {}

.investment-plan-item__top-right {}

.investment-plan-item__start-amount-block {
 margin-top: 4px;
}

.investment-plan-item__start-amount {
 font-weight: 600;
}

.investment-plan-item__params-block {
 padding-top: 16px;
 margin-top: 20px;
 border-top: 1px solid var(--border-border);
 padding-bottom: 16px;
}

.investment-plan-item__params {}

.investment-plan-item__param {
 margin-top: 16px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.investment-plan-item__param:first-child {
 margin-top: 0;
}


.investment-plan-item__param__title {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 padding-right: 8px;
}

.investment-plan-item__param__value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: right;
 color: var(--text-foreground);
}

.investment-plan-item__param--daily-return {}

.investment-plan-item__param--contract-term {}

.investment-plan-item__param--total-return {}

.investment-plan-item__param--total-return .investment-plan-item__param__value {
 color: var(--text-primary);
}

.investment-plan-item__param--net-return {}

.investment-plan-item__button-block {}

.investment-plan-item__button {}


.investment-plan-item__label {
 font-size: 14px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 8px;
}


.investment-plan-item--popular {
 background: var(--bg-primary);
}

.investment-plan-item--popular .investment-plan-item__inner {
 background: var(--bg-primary);
}

.investment-plan-item--popular .investment-plan-item__title {
 color: var(--text-primary-foreground);
}

.investment-plan-item--popular .investment-plan-item__start-amount {
 color: var(--text-primary-foreground);
}

.investment-plan-item--popular .investment-plan-item__param__title {
 color: var(--text-primary-foreground);
 opacity: 0.6;
}

.investment-plan-item--popular .investment-plan-item__param__value {
 color: var(--text-primary-foreground);
}

.investment-plan-item--popular .button--primary {
 color: var(--text-foreground);
 background: var(--bg-secondary);
}

.investment-plan-item--popular .button--primary:hover {
 color: var(--bg-primary);
}

.investment-plan-item--popular {}

.investment-plan-item--profitable {
 border: 0;
 padding: 1px;
 background-image: var(--border-accent-gradient);
}

.investment-plan-item--profitable::before {
 content: '';
 position: absolute;
 left: 1px;
 top: 1px;
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 border-radius: 31px;
 background: var(--bg-surface);
}

.investment-plan-item--profitable .investment-plan-item__inner {
 background: var(--bg-primary-subtle);
 border: 0;
}

.section-profit-calc {
 background-image: url('../images/front/front-profit-calc-bg.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
}

.s-dotted-headline-block {
 display: flex;
}

.s-dotted-headline {
 position: relative;
 padding-left: 14px;
 font-weight: 600;
 font-size: 14px;
 line-height: 1.1;
 color: var(--text-primary);
 text-align: left;
}

.s-dotted-headline::before {
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 border-radius: 9999px;
 width: 6px;
 height: 6px;
 box-shadow: 0 0 8px 0 rgba(204, 255, 0, 0.8);
 background: var(--bg-primary);
}


.section-profit-calc .s-title-block {
 max-width: 525px;
 margin-top: 24px;
}


.section-profit-calc .s-description-block {
 margin-left: 0;
 max-width: 580px;
 margin-top: 24px;
}


.text--left {
 text-align: left;
}

.text--right {
 text-align: left;
}

.text--center {
 text-align: center;
}

.front-profit-calc-block {
 margin-top: 24px;
}

.front-profit-calc {
 position: relative;
 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 40px;
}

.front-profit-calc::before {
 content: '';
 position: absolute;
 left: 450px;
 top: 50%;
 transform: translateY(-50%);
 width: 700px;
 height: 529px;
 border-radius: 9999px;
 filter: blur(64px);
 background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(204, 255, 0, 0.08) 0%, rgba(204, 255, 0, 0) 60%);
 pointer-events: none;
}

.front-profit-calc__inner {
 padding: 32px;
 border-radius: 40px;
}


.front-profit-calc-form {}

.front-profit-calc-form .button--primary .button__inner {
 padding-top: 14px;
 padding-bottom: 14px;
}

.front-profit-calc-form__top {
 display: flex;
 padding-bottom: 32px;
}

.front-profit-calc-form__top-left {
 width: 545px;
 padding-right: 40px;
 border-right: 1px solid var(--border-border);
}

.front-profit-calc-form__top-right {
 width: calc(100% - 545px);
 padding-left: 40px;
}

.front-profit-calc-form__bottom {
 display: flex;
 align-items: center;
 border-top: 1px solid var(--border-border);
 padding-top: 24px;
}

.front-profit-calc-form__bottom-left {
 width: calc(100% - 216px);
 padding-right: 24px;
}

.front-profit-calc-form__bottom-right {
 width: 216px;
}

.front-profit-calc-form__bottom-right .form-button-block {
 margin-top: 0;
}

.front-profit-calc-form-note-block {
 max-width: 584px;
}

.front-profit-calc-form-note {
 display: flex;
}

.front-profit-calc-form-note__icon {
 margin-top: 3px;
 position: relative;
 width: 16px;
 height: 16px;
}

.front-profit-calc-form-note__icon::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/info-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/info-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.front-profit-calc-form-note__text {
 max-width: calc(100% - 16px);
 padding-left: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.front-profit-calc-form .field {
 margin-top: 8px;
}

.field--calc-amount input[type='text'] {
 padding-left: 50px;
 height: 64px;
 font-weight: 600;
 font-size: 24px;
 color: var(--neutral-0);
}

.field--calc-amount .field-icon {
 font-weight: 600;
 font-size: 24px;
 line-height: 1.2;
 color: rgba(255, 255, 255, 0.4);
 width: auto;
 height: auto;
 left: 20px;
 transition: 0.4s ease;
}

.field--calc-amount input[type='text']:focus~.field-icon {
 color: var(--text-primary);
}

.field--calc-amount .field-icon::before {
 display: none;
}






.profit-calc-amount__slider-block {
 position: relative;
 margin-top: 24px;
}

.profit-calc-amount__slider-wrapper {
 position: relative;
}

.profit-calc-amount__slider-wrapper .irs--flat {
 height: 8px;
}

.profit-calc-amount__slider-wrapper .irs--flat .irs-line {
 background: rgba(255, 255, 255, 0.1);
 border-radius: 8px;
 height: 8px;
 top: 0;
}

.profit-calc-amount__slider-wrapper .irs--flat .irs-bar {
 height: 8px;
 top: 0;
 box-shadow: 0 0 10px 0 rgba(204, 255, 0, 0.4);
 background: var(--bg-accent);
}

.profit-calc-amount__slider-wrapper .irs--flat .irs-bar--single {
 border-radius: 8px 0 0 8px;
}

.profit-calc-amount__slider-wrapper .irs--flat .irs-handle {
 width: 20px;
 height: 20px;
 box-shadow: 0 0 15px 0 rgba(204, 255, 0, 0.6);
 background: var(--bg-accent);
 border: 0;
 border-radius: 20px;
 top: -6px;
 cursor: pointer;
}



.profit-calc-amount__slider-wrapper .irs--flat .irs-min,
.profit-calc-amount__slider-wrapper .irs--flat .irs-max {
 display: none;
}

.profit-calc-amount__slider-wrapper .irs--flat .irs-from,
.profit-calc-amount__slider-wrapper .irs--flat .irs-to,
.profit-calc-amount__slider-wrapper .irs--flat .irs-single {
 display: none;
}


.profit-calc-amount__slider-wrapper .irs--flat .irs-from::before,
.profit-calc-amount__slider-wrapper .irs--flat .irs-to::before,
.profit-calc-amount__slider-wrapper .irs--flat .irs-single::before {
 display: none;
}

.profit-calc-amount__slider-wrapper .irs--flat .irs-grid-pol {
 display: none;
}

.profit-calc-amount__slider-wrapper .irs--flat .irs-handle i {
 display: none;
}



.profit-calc-return-items-block {
 background-image: url('../images/svg/front/strategy/profit-calc-return-items-block-bg.svg');
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

.profit-calc-return-items {
 margin-top: -12px;
 display: flex;
 flex-wrap: wrap;
 margin-left: -8px;
 margin-right: -8px;
}

.profit-calc-return-item-wrapper {
 margin-top: 12px;
 width: 25%;
 padding-left: 8px;
 padding-right: 8px;
}




.profit-calc-return-item {
 position: relative;
 border-radius: 22px;
 padding: 1px;
 cursor: pointer;
 height: 100%;
}

.profit-calc-return-item__border {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
}

.profit-calc-return-item__border::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 /* background-image: var(--border-input-gradient); */
 backdrop-filter: blur(4px);
 background: rgba(22, 22, 22, 0.5);
 border: 1px solid var(--border-border);
}

/*
.profit-calc-return-item__border::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 22px;
	background-image: var(--border-accent-gradient);
	opacity: 0;
	visibility: hidden;
} */

.profit-calc-return-item__border {}

.profit-calc-return-item__inner {
 height: 100%;
 position: relative;
 z-index: 2;
 border-radius: 21px;
 /* background: var(--bg-surface-raised); */
 padding: 20px;
 /* background: rgba(22, 22, 22, 0.5); */

}

.profit-calc-return-item__inner::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 21px;
 background: var(--bg-primary-subtle);
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
}

.profit-calc-return-item__icon-wrapper {
 background: var(--border-border);
 border-radius: 9999px;
 width: 28px;
 height: 28px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.profit-calc-return-item__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

.profit-calc-return-item__icon::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/bolt.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/bolt.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}


.profit-calc-return-item__content {
 padding-top: 13px;
}

.profit-calc-return-item__amount {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.profit-calc-return-item__period {
 margin-top: 4px;
 font-weight: 500;
 font-size: 9px;
 line-height: 1.45;
 letter-spacing: 0.22em;
 color: var(--text-muted-foreground);
 opacity: 0.7;
 text-transform: uppercase;
}

.profit-calc-return-item__icon--daily {}

.profit-calc-return-item__icon--daily::before {
 mask-image: url('../images/svg/bolt.svg');
 -webkit-mask-image: url('../images/svg/bolt.svg');
}

.profit-calc-return-item__icon--monthly {}

.profit-calc-return-item__icon--monthly::before {
 mask-image: url('../images/svg/calendar.svg');
 -webkit-mask-image: url('../images/svg/calendar.svg');
}

.profit-calc-return-item__icon--total {}

.profit-calc-return-item__icon--total::before {
 mask-image: url('../images/svg/pulse.svg');
 -webkit-mask-image: url('../images/svg/pulse.svg');
}

.profit-calc-return-item__icon--net {}

.profit-calc-return-item__icon--net::before {
 mask-image: url('../images/svg/check-circle.svg');
 -webkit-mask-image: url('../images/svg/check-circle.svg');
}

.profit-calc-return-item--daily {}

.profit-calc-return-item--daily .profit-calc-return-item__amount {
 color: var(--text-primary);
}


.profit-calc-return-item--monthly {}

.profit-calc-return-item--total {}

.profit-calc-return-item--total .profit-calc-return-item__amount {
 color: var(--text-primary);
}

.profit-calc-return-item--net {}

.profit-calc-return-item--net .profit-calc-return-item__inner {
 backdrop-filter: blur(6px);
 box-shadow: 0 0 30px 0 rgba(204, 255, 0, 0.15), inset 0 0 0 2px var(--border-border), inset 0 0 0 1px var(--icon-primary);
 background: linear-gradient(180deg, rgba(204, 255, 0, 0.15) 0%, rgba(12, 12, 14, 0.95) 100%);
}

.profit-calc-return-item--net .profit-calc-return-item__amount {
 color: var(--text-primary);
}

.profit-calc-return-item--net .profit-calc-return-item__period {
 color: var(--text-primary);
}

.profit-calc-return-item--net .profit-calc-return-item__icon-wrapper {
 box-shadow: 0 0 10px 0 rgba(204, 255, 0, 0.3);
 background: rgba(204, 255, 0, 0.2);
}

.profit-calc-return-item--net .profit-calc-return-item__inner::before {
 opacity: 1;
 visibility: visible;
}


.section-strategy-about {}

.s-strategy-about-block {}

.s-strategy-about {}

.s-strategy-about .s-title-block {
 margin-top: 24px;
}

.s-strategy-about .s-description-block {
 margin-top: 24px;
 max-width: 100%;
}

.s-strategy-about .s-description {
 font-size: 16px;
}

.s-strategy-about__left {
 margin-right: -28px;
 height: 100%;
}

.s-strategy-about__right {
 padding-left: 68px;
}

.s-description b {
 font-weight: 500;
}

.text-foreground {
 color: var(--text-foreground);
}


.strategy-about-chief-block {
 height: 100%;
}

.strategy-about-chief {
 position: relative;
 height: 100%;
}

.strategy-about-chief__image {
 position: relative;
 border-radius: 48px;
 height: 100%;
}

.strategy-about-chief__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 48px;
}

.strategy-about-chief__overlay {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 48px;
 padding: 48px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items: flex-start;
}


.strategy-about-chief__blockquote {
 max-width: 160px;
}

.strategy-about-chief__blockquote__text {
 font-size: 24px;
 line-height: 1.4;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
}

.strategy-about-chief__blockquote__name {
 margin-top: 12px;
 font-weight: 600;
 font-size: 16px;
 line-height: 1.4;
 color: #f2f4ef;
}

.strategy-about-chief__blockquote__state {
 font-size: 12px;
 letter-spacing: 0.01em;
 color: #8d938a;
}



.strategy-about-chief__video-button-block {
 margin-top: 24px;
}


.strategy-about-more-button-block {
 margin-top: 24px;
 display: flex;
}

.strategy-about-more-button {
 /* max-width: 220px; */
}

.strategy-about-more-button .button__inner {
 padding-left: 32px;
 padding-right: 32px;
}

.strategy-about-features-block {
 margin-top: 24px;
}

.strategy-about-features {
 display: flex;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
}

.strategy-about-feature-wrapper {
 width: 33.33%;
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 16px;
}

.strategy-about-feature {
 backdrop-filter: blur(4px);
 background: rgba(22, 22, 22, 0.8);
 border: 1px solid var(--border-border);
 border-radius: 22px;
 padding: 16px;
 height: 100%;
}

.strategy-about-feature__title {}

.strategy-about-feature__descr {
 margin-top: 4px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.strategy-about-feature--licensed {}

.strategy-about-feature--licensed .strategy-about-feature__title {
 color: var(--text-primary);
}


.section-how-works {
 position: relative;
}

.s-how-works-bg {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.s-how-works-bg .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 mix-blend-mode: color-dodge;
}

.s-how-works-bg::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 60px;
 background: linear-gradient(180deg, #131313 44.81%, rgba(19, 19, 19, 0) 100%);
 z-index: 2;
}

.s-how-works-bg::after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 90px;
 background: linear-gradient(180deg, #131313 44.81%, rgba(19, 19, 19, 0) 100%);
 transform: rotate(180deg);
 z-index: 2;
}

.s-how-works-content-block {
 position: relative;
 z-index: 2;
}

.s-how-works-content {}

.s-how-works-content .bd-tabs-wrapper {
 display: flex;
 justify-content: center;
}


.s-how-works-content .bd-tab {
 white-space: nowrap;
 padding-left: 32px;
 padding-right: 32px;
}


.how-works-items-block {}

.how-works-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -8px;
 margin-right: -8px;
}

.how-works-item-wrapper {
 margin-top: 24px;
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
 position: relative;
}

.how-works-item-wrapper::before {
 content: '';
 position: absolute;
 left: 50%;
 width: 100%;
 top: 27px;
 background-color: var(--border-border);
 height: 2px;
}

.how-works-item-wrapper:last-child::before {
 display: none;
}

.how-works-item {}

.how-works-item__count-wrapper {
 position: relative;
 z-index: 2;
 border: 1px solid var(--border-input);
 border-radius: 9999px;
 width: 56px;
 height: 56px;
 margin-right: auto;
 margin-left: auto;
 background: var(--bg-surface-raised);
 display: flex;
 align-items: center;
 justify-content: center;
}

.how-works-item__count {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.how-works-item__content {
 padding-top: 24px;
}

.how-works-item__title-block {}

.how-works-item__title {
 text-align: center;
}

.how-works-item__descr-block {
 margin-top: 8px;
}

.how-works-item__descr {
 font-size: 16px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}

.how-works-item--active {}

.how-works-item--active .how-works-item__count-wrapper {
 border: 1px solid var(--border-ring);
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-accent-subtle);
}


.section-events {}

.section-events .s-title-block {
 margin-top: 24px;
}

.event-slider-block {
 margin-top: 48px;
}

.event-slider {
 padding-bottom: 0;
}

.event-slider .swiper-button-next,
.event-slider .swiper-button-prev {
 bottom: auto;
 top: -96px;
}

.event-slider .swiper-button-next {
 left: auto;
 right: 0;
}

.event-slider .swiper-button-prev {
 left: auto;
 right: 56px;
}

.event-slide {
 height: auto;
}


.event-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 12px;
 height: 100%;
 display: block;
}

.event-item__top {
 position: relative;
 text-decoration: none;
 display: block;
}

.event-item__image {
 border-radius: 32px;
 height: 272px;
}

.event-item__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 32px;
}

.event-item__date-block {
 position: absolute;
 left: 16px;
 top: 16px;
}

.event-item__date {
 box-shadow: 0 0 15px 0 rgba(204, 255, 0, 0.4);
 background: var(--bg-accent);
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 border-radius: 16px;
 width: 56px;
 height: 56px;
}

.event-item__date__month {
 font-weight: 700;
 font-size: 10px;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 color: var(--text-primary-foreground);
}

.event-item__date__day {
 font-weight: 700;
 font-size: 20px;
 line-height: 1;
 text-align: center;
 color: var(--text-primary-foreground);
}


.event-item__label-block {
 position: absolute;
 top: 16px;
 right: 16px;
}

.event-item__label {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 12px;
 display: flex;
 align-items: center;
}

.event-item__label__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.event-item__label__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/play-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/play-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-on-primary);
 transition: 0.4s ease;
}

.event-item__label__text {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 width: 100%;
}

.event-item__label__icon+.event-item__label__text {
 width: calc(100% - 20px);
 padding-left: 8px;
}

.event-item__label--upcoming {
 border: 1px solid var(--border-accent-subtle);
 background: var(--bg-accent-subtle);
}

.event-item__label--upcoming .event-item__label__text {
 color: var(--text-primary);
}

.event-item__label--open {
 border: 1px solid var(--border-accent);
 background: var(--bg-accent);
}

.event-item__label--open .event-item__label__text {
 color: var(--text-primary-foreground);
}



.event-item__content {
 padding: 24px;
}

.event-item__time-block {}

.event-item__time {
 position: relative;
 padding-left: 24px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-primary);
}

.event-item__time::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/bell.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/bell.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}


.event-item__title-block {
 margin-top: 12px;
}

.event-item__title {
 text-decoration: none;
 cursor: pointer;
}

.event-item__title:hover {
 text-decoration: none;
 color: var(--text-foreground);
}

.event-item__type-block {
 margin-top: 12px;
}

.event-item__type {
 background: var(--bg-surface-raised);
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 12px 16px;
 display: flex;
 align-items: center;
 text-decoration: none;
}

.event-item__type__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

.event-item__type__icon::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/map-point.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/map-point.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.event-item__type__icon--offline {}

.event-item__type__icon--offline::before {
 mask-image: url('../images/svg/map-point.svg');
 -webkit-mask-image: url('../images/svg/map-point.svg');
}

.event-item__type__icon--online {}

.event-item__type__icon--online::before {
 mask-image: url('../images/svg/global.svg');
 -webkit-mask-image: url('../images/svg/global.svg');
}

.event-item__type__title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 width: 100%;
}


.event-item__type__icon+.event-item__type__title {
 width: calc(100% - 16px);
 padding-left: 8px;
}

.event-item--live {
 background: var(--bg-primary);
}

.event-item--live .event-item__time {
 color: var(--text-primary-foreground);
 opacity: 0.5;
}

.event-item--live .event-item__time::before {
 background-color: var(--icon-on-primary);
 opacity: 0.5;
}

.event-item--live .event-item__title {
 color: var(--text-primary-foreground);
}

.event-item--live .event-item__title:hover {
 color: var(--text-primary-foreground);
}

.event-item--live .event-item__type {
 background: rgba(28, 28, 28, 0.05);
 border: 1px solid rgba(0, 0, 0, 0.05);
}

.event-item--live .event-item__type__title {
 color: var(--text-primary-foreground);
}

.event-item--live .event-item__type__icon::before {
 background-color: var(--icon-on-primary);
}

.section-events+.section-news {
 padding-top: 0;
}

.section-news {}

.section-news .s-title-block {
 margin-top: 24px;
}

.news-slider-block {
 margin-top: 48px;
}

.news-slider {
 padding-bottom: 0;
}

.news-slider .swiper-button-next,
.news-slider .swiper-button-prev {
 bottom: auto;
 top: -96px;
}

.news-slider .swiper-button-next {
 left: auto;
 right: 0;
}

.news-slider .swiper-button-prev {
 left: auto;
 right: 56px;
}

.news-slide {
 height: auto;
}


.news-slide-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 height: 100%;
}

.news-slide-item__image {
 display: block;
 border-radius: 32px 32px 0 0;
 height: 234px;
 border-bottom: 1px solid var(--border-border);
}

.news-slide-item__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 32px 32px 0 0;
}

.news-slide-item__date-wrapper {
 padding-right: 12px;
}

.news-slide-item__date {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}


.news-slide-item__label-block {
 position: absolute;
 top: 16px;
 right: 16px;
}

.news-slide-item__label {
 background: var(--bg-accent);
 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-primary-foreground);
 border: 1px solid var(--border-accent);
 border-radius: 9999px;
 padding: 0 8px;
}


.news-slide-item__label--upcoming {
 border: 1px solid var(--border-accent-subtle);
 background: var(--bg-accent-subtle);
}

.news-slide-item__label--upcoming .news-slide-item__label__text {
 color: var(--text-primary);
}

.news-slide-item__content {
 padding: 24px;
}

.news-slide-item__content-top {
 display: flex;
 align-items: center;
}


.news-slide-item__time-block {}

.news-slide-item__time {
 position: relative;
 padding-left: 24px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-primary);
}

.news-slide-item__time::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/bell.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/bell.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}


.news-slide-item__title-block {
 margin-top: 12px;
}

.news-slide-item__title {
 text-decoration: none;
}

.news-slide-item__title {
 text-decoration: none;
 color: var(--text-foreground);
 cursor: pointer;
}

.news-slide-item__title:hover {
 text-decoration: none;
 color: var(--text-foreground);
}

.section-news+.section-cta {
 padding-top: 0;
}

.section-cta {}

.cta-block {}

.cta {
 background-color: var(--bg-accent);
 background-image: url('../images/svg/front/section-cta-bg.svg');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: contain;
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 padding: 64px;
 border-radius: 64px;
}

.cta .s-title-block {
 margin-top: 0;
}

.cta .s-title {
 font-size: 48px;
 color: var(--text-primary-foreground);
 font-weight: 600;
}

.cta .s-description {
 color: var(--text-primary-foreground);
}


.cta-button-block {
 margin-top: 32px;
 text-align: center;
 display: flex;
 justify-content: center;
}


.cta-button {}




.modal--confirm-action {}

.modal-confirm-action-form-block {}

.modal-confirm-action-form {}




.section-agents-front {
 background-image: url('../images/front/agents/agents-front-bg.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
 padding-top: 64px;
 padding-bottom: 64px;
}


.agents-front-block {}

.agents-front {}


.agents-front-label-block {
 display: flex;
 justify-content: center;
}

.agents-front-label {
 display: flex;
 align-items: center;
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 12px;
}

.agents-front-label__icon {
 position: relative;
 width: 16px;
 height: 16px;
}


.agents-front-label__text {
 padding-left: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.agents-front-title-block {
 margin-top: 16px;
 max-width: 810px;
 margin-right: auto;
 margin-left: auto;
}

.agents-front-title {
 font-weight: 600;
 font-size: 80px;
 line-height: 1;
 text-align: center;
 color: var(--text-foreground);
}

.agents-front-descr-block {
 margin-top: 24px;
 max-width: 780px;
 margin-right: auto;
 margin-left: auto;
}

.agents-front-descr {
 font-size: 18px;
 line-height: 1.6;
 text-align: center;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.agents-front-buttons-block {
 margin-top: 24px;
 padding-top: 20px;
 padding-bottom: 20px;
}

.agents-front-buttons {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
}

.agents-front-button-wrapper {
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 16px;
}

.agents-front-become-agent-button .button__inner {
 padding-left: 48px;
 padding-right: 48px;
}

.agents-front-earn-ways-button .button__inner {
 padding-left: 48px;
 padding-right: 48px;
}



.section-earn-ways {}

.earn-way-items-block {
 margin-top: 24px;
}

.earn-way-items {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
}

.earn-way-item-wrapper {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}

.earn-way-item {
 position: relative;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 padding-bottom: 96px;
 height: 100%;
}

.earn-way-item__image {
 height: 262px;
 border-radius: 24px;
}

.earn-way-item__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 24px;
}

.earn-way-item__content {
 padding-top: 24px;
}

.earn-way-item__feature {
 color: var(--text-primary);
 font-weight: 600;
}


.earn-way-item__title {
 margin-top: 8px;
}

.earn-way-item__descr {
 margin-top: 8px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.earn-way-item__button-block {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 24px;
 padding-top: 0;
}

.earn-way-item__button {
 border-radius: 18px;
}

.earn-way-item__button .button__inner {
 padding-top: 14px;
 padding-bottom: 14px;
 border-radius: 18px;
}

.section-commission-rates {}

.commission-rates-block {
 margin-top: 12px;
}

.commission-rates {}

.commission-rates .bd-tabs-block {
 margin-top: 0;
}

.commission-rates .bd-tabs-wrapper {
 display: flex;
 justify-content: center;
}

.commission-rates .bd-tab {
 white-space: nowrap;
 padding-left: 32px;
 padding-right: 32px;
}


.rate-table-block {}

.rate-table {
 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);
 border: 1px solid var(--border-border);
 border-radius: 32px;
}

.rate-t-heading {
 padding: 24px 32px;
 border-bottom: 1px solid rgba(39, 39, 42, 0.3);
}

.rate-t-h-cols {
 display: flex;
 margin-left: -2px;
 margin-right: -2px;
}

.rate-t-h-col {
 width: 12%;
 padding-left: 2px;
 padding-right: 2px;
}

.rate-t-h-title-wrapper {
 display: flex;
 align-items: center;
}

.rate-t-h-title {
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-muted-foreground);
 text-align: center;
 text-transform: uppercase;
}

.rate-t-h-col--structure {
 width: 16%;
}

.rate-t-h-col--structure .rate-t-h-title {
 text-align: left;
}

.rate-t-h-col--level {}



.rate-t-h-title--has-tooltip {
 padding-right: 8px;
}

.custom-tooptip-wrapper {
 position: relative;
 width: 16px;
 height: 16px;
}

.custom-tooptip {
 position: relative;
}

.custom-tooptip__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

.custom-tooptip__icon::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/question-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/question-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.custom-tooptip__tooltip {
 position: absolute;
 bottom: 100%;
 left: 50%;
 transform: translate(-50%, -1px);
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
 pointer-events: none;
}

.custom-tooptip__tooltip::after {
 content: '';
 position: absolute;
 left: 50%;
 top: 100%;
 transform: translate(-50%, 1px);
 border: 4px solid transparent;
 border-top: 4px solid var(--bg-surface);
}

.custom-tooptip__tooltip__inner {
 box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 6px;
 padding: 6px 10px;
}

.custom-tooptip__tooltip__text {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
 white-space: nowrap;
 text-align: center;
}


.custom-tooptip:hover .custom-tooptip__tooltip {
 opacity: 1;
 visibility: visible;
}

.custom-tooptip:hover .custom-tooptip__icon::before {
 background-color: var(--icon-primary);
}

.rate-t-items-block {
 padding: 16px;
}

.rate-t-items {}


.rate-t-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 8px;
}

.rate-t-item:first-child {
 margin-top: 0;
}

.rate-t-item-cols {
 display: flex;
}

.rate-t-item-col {
 padding: 16px 12px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 12%;
}

.rate-t-item-col--structure {
 justify-content: flex-start;
 width: 16%;
}

.rate-t-item-col--level {}


.rate-t-item-structure {
 width: 100%;
 display: flex;
 align-items: center;
}

.rate-t-item-structure__image {
 width: 50px;
 height: 50px;
 border-radius: 12px;
}

.rate-t-item-structure__image .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
 border-radius: 12px;
}

.rate-t-item-structure__content {
 width: calc(100% - 50px);
 padding-left: 8px;
}

.rate-t-item-structure__amount {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.rate-t-item-structure__title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}

.rate-t-item-percent-badge {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-primary-foreground);
 border-radius: 9999px;
 padding: 8px 16px;
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
}


.rate-t-item-empty {
 width: 16px;
 height: 1px;
 background-color: var(--icon-muted);
}

.rate-t-item-percent {
 font-size: 16px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}


.rate-t-item--active {
 border: 1px solid var(--border-ring);
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-surface-raised);
}

.rate-t-item--active .rate-t-item-structure__amount {
 color: var(--text-primary);
}


.section-rank-bonuses {
 background-image: url('../images/front/agents/section-rank-bonuses-bg.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
}




.rank-bonus-table-block {
 margin-top: 48px;
 max-width: 984px;
 margin-right: auto;
 margin-left: auto;
}

.rank-bonus-table {
 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;

}

.rank-bonus-t-heading {
 padding: 24px 32px;
 border-bottom: 1px solid rgba(39, 39, 42, 0.3);
}

.rank-bonus-t-h-cols {
 display: flex;
 align-items: center;
 margin-left: -2px;
 margin-right: -2px;
}

.rank-bonus-t-h-col {
 width: 25%;
 padding-left: 2px;
 padding-right: 2px;
}

.rank-bonus-t-h-title-wrapper {
 display: flex;
 align-items: center;
 justify-content: center;
}

.rank-bonus-t-h-title {
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-muted-foreground);
 text-align: center;
 text-transform: uppercase;
}

.rank-bonus-t-h-col--level {}

.rank-bonus-t-h-col--level .rank-bonus-t-h-title {
 text-align: left;
}

.rank-bonus-t-h-col--investment {}

.rank-bonus-t-h-col--structure {}

.rank-bonus-t-h-col--structure .rank-bonus-t-h-title {
 text-align: left;
}

.rank-bonus-t-h-col--bonus {}

.rank-bonus-t-h-title--has-tooltip {
 padding-right: 8px;
}


.rank-bonus-t-items-block {
 padding: 16px;
}

.rank-bonus-t-items {}


.rank-bonus-t-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 8px;
}

.rank-bonus-t-item:first-child {
 margin-top: 0;
}

.rank-bonus-t-item-cols {
 display: flex;
}

.rank-bonus-t-item-col {
 padding: 16px 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 25%;
}


.rank-bonus-t-item-col--level {
 justify-content: flex-start;
}

.rank-bonus-t-item-col--investment {}

.rank-bonus-t-item-col--structure {}

.rank-bonus-t-item-col--bonus {}


.rank-bonus-t-item-level {
 display: flex;
 align-items: center;
}


.rank-bonus-t-item-level_image {
 width: 40px;
 height: 40px;
 border-radius: 8px;
}

.rank-bonus-t-item-level_image .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
 border-radius: 8px;
}

.rank-bonus-t-item-level_content {
 width: calc(100% - 40px);
 padding-left: 10px;
}

.rank-bonus-t-item-level__title {
 font-weight: 500;
 font-size: 14px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.rank-bonus-t-item-level__descr {
 margin-top: 2px;
 font-size: 13px;
 color: var(--text-muted-foreground);
}


.rank-bonus-t-item-investment {
 font-size: 16px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}

.rank-bonus-t-item-structure {
 font-size: 16px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}


.rank-bonus-t-item-bonus {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-primary-foreground);
 border-radius: 9999px;
 padding: 8px 16px;
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
}



.rank-bonus-t-item--active {
 border: 1px solid var(--border-ring);
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-surface-raised);
}

.rank-bonus-t-item--active .rank-bonus-t-item-structure__amount {
 color: var(--text-primary);
}


.section-office-program {}

.office-program-items-block {
 margin-top: 24px;
}

.office-program-items {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
}

.office-program-item-wrapper {
 width: 33.33%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}

.office-program-item {
 position: relative;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 padding-bottom: 88px;
 height: 100%;
}

.office-program-item__top {
 position: relative;
}

.office-program-item__title {}

.office-program-item__square {
 margin-top: 4px;
 font-weight: 600;
}

.office-program-item__members {
 margin-top: 4px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
 opacity: 0.6;
}


.office-program-item__content {
 margin-top: 20px;
 border-top: 1px solid var(--border-border);
 padding-top: 16px;
}

.office-program-item__features {}

.office-program-item__feature {
 margin-top: 8px;
 position: relative;
 padding-left: 32px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.office-program-item__feature::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/check-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/check-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.office-program-item__feature:first-child {
 margin-top: 0;
}


.office-program-item__button-block {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 24px;
 padding-top: 0;
}

.office-program-item__button {}

.office-program-item__button .button__inner {
 padding-top: 14px;
 padding-bottom: 14px;
 border-radius: 18px;
}

.office-program-item__label-block {
 position: absolute;
 right: 0;
 top: 0;
}

.office-program-item__label {
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}


.office-program-item--recommended {
 background: var(--bg-primary);
 border: 1px solid var(--border-border);
}

.office-program-item--recommended .office-program-item__title {
 padding-right: 130px;
 color: var(--text-primary-foreground);
}

.office-program-item--recommended .office-program-item__square {
 color: var(--text-primary-foreground);
}

.office-program-item--recommended .office-program-item__members {
 color: var(--neutral-950);
}

.office-program-item--recommended .office-program-item__content {
 border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.office-program-item--recommended .office-program-item__feature {
 color: rgba(13, 13, 13, 0.6);
}

.office-program-item--recommended .office-program-item__feature::before {
 background-color: var(--icon-on-primary);
}

.m-rate-table-block {
 margin-top: 8px;
 display: none;
}

.m-rate-table {}

.m-rate-t-items {}

.m-rate-t-item {
 margin-top: 12px;
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 16px 4px;
 background: var(--bg-surface);
}

.m-rate-t-item:first-child {
 margin-top: 0;
}

.m-rate-t-item__top {
 padding-bottom: 12px;
 padding-left: 12px;
 padding-right: 12px;
}

.m-rate-t-item__image {
 width: 50px;
 height: 50px;
 border-radius: 12px;
}

.m-rate-t-item__image .image {
 width: 100%;
 height: 100%;
 border-radius: 12px;
}

.m-rate-t-item__title {
 margin-top: 8px;
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.m-rate-t-item__structure {
 margin-top: 6px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.m-rate-t-item__structure-left {
 padding-right: 12px;
}

.m-rate-t-item__structure-title-wrapper {
 display: flex;
 align-items: center;
}

.m-rate-t-item__structure-title {
 padding-right: 8px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-muted-foreground);
 text-transform: uppercase;
}

.m-rate-t-item__structure-right {
 padding-left: 12px;
 padding-right: 12px;
}

.m-rate-t-item__structure-amount {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}


.m-rate-t-item__bottom {
 border-top: 1px solid var(--border-border);
 padding: 12px 12px 0;
}

.m-rate-t-item-levels {
 display: flex;
 margin-left: -4px;
 margin-right: -4px;
}

.m-rate-t-item-level-wrapper {
 width: 14.28%;
 padding-left: 4px;
 padding-right: 4px;
}

.m-rate-t-item-level {}

.m-rate-t-item-level__percent {
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
 /* height: 24px; */
 display: flex;
 align-items: center;
 justify-content: center;
}

.m-rate-t-item-level__line {
 margin-top: 8px;
 background: #27272a;
 border-radius: 9999px;
 height: 6px;
}

.m-rate-t-item-level__level {
 margin-top: 8px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1;
 color: var(--text-muted-foreground);
 text-align: center;
}


.m-rate-t-item-level--active {}

.m-rate-t-item-level--active .m-rate-t-item-level__line {
 box-shadow: 0 0 8px 0 rgba(212, 248, 79, 0.3);
 background: var(--bg-primary);
}

.m-rate-t-item-level--active .m-rate-t-item-level__level {
 color: var(--text-foreground);
}

.m-rank-bonus-table-block {
 margin-top: 48px;
 display: none;
}

.m-rank-bonus-table {}

.m-rank-bonus-t-items {}

.m-rank-bonus-t-item {
 margin-top: 12px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 16px 0;
}

.m-rank-bonus-t-item:first-child {
 margin-top: 0;
}

.m-rank-bonus-t-item__top {
 padding-bottom: 8px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.m-rank-bonus-t-item__top-left {
 padding-left: 12px;
 padding-right: 12px;
 display: flex;
 justify-content: flex-start;
}

.m-rank-bonus-t-item__top-right {
 padding-left: 12px;
 padding-right: 12px;
 display: flex;
 justify-content: flex-end;
}


.m-rank-bonus-t-item-level {
 display: flex;
 align-items: center;
}


.m-rank-bonus-t-item-level_image {
 width: 40px;
 height: 40px;
 border-radius: 8px;
}

.m-rank-bonus-t-item-level_image .image {
 width: 100%;
 height: 100%;
 object-fit: contain;
 border-radius: 8px;
}

.m-rank-bonus-t-item-level_content {
 width: calc(100% - 40px);
 padding-left: 10px;
}

.m-rank-bonus-t-item-level__title {
 font-weight: 500;
 font-size: 14px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.m-rank-bonus-t-item-level__descr {
 margin-top: 2px;
 font-size: 13px;
 color: var(--text-muted-foreground);
}



.m-rank-bonus-t-item-bonus {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-primary-foreground);
 border-radius: 9999px;
 padding: 8px 16px;
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-primary);
}


.m-rank-bonus-t-item__bottom {
 border-top: 1px solid var(--border-border);
 padding: 8px 12px 0;
}

.m-rank-bonus-t-item-investment {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.m-rank-bonus-t-item-investment__title {
 padding-right: 8px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-muted-foreground);
 text-transform: uppercase;
}

.m-rank-bonus-t-item-investment__value {
 font-size: 16px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}

.m-rank-bonus-t-item-structure {
 margin-top: 8px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.m-rank-bonus-t-item-structure__title {
 padding-right: 8px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-muted-foreground);
 text-transform: uppercase;
}

.m-rank-bonus-t-item-structure__value {
 font-size: 16px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
}


.section-page-events {}

.section-page-events .s-description-block {
 margin-left: 0;
 margin-right: 0;
 max-width: 100%;
}

.section-page-events+.section-news {
 padding-top: 0;
}



.event-items-block {
 margin-top: 24px;
}

.event-items {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
}

.event-item-wrapper {
 width: 33.33%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}

.event-items-block .pagination-block {
 margin-top: 48px;
}

.event-items-block .pagination {
 justify-content: center;
}

.events-filter-form-block {
 margin-top: 48px;
 border-bottom: 1px solid var(--border-border);
 padding: 0 0 24px;
}

.events-filter-form {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.events-filter-form__left {
 width: calc(100% - 300px);
 padding-right: 24px;
}

.events-filter-form__right {
 width: 300px;
}


.radio-tabs-block {
 margin-top: 24px;
}

.radio-tabs-wrapper {
 position: relative;
 display: flex;
}

.radio-tabs-border {
 border-radius: 22px;
 background-image: var(--border-accent-gradient);
 padding: 1px;
}

.radio-tabs {
 border-radius: 21px;
 padding: 3px;
 display: flex;
 background: var(--bg-surface-raised);
}

.radio-tab-wrapper {
 padding-left: 2px;
 padding-right: 2px;
}

.radio-tab-wrapper:first-child {
 padding-left: 0;
}

.radio-tab-wrapper:last-child {
 padding-right: 0;
}

.radio-tab.active {
 background: var(--bg-primary);
 color: var(--text-primary-foreground);
 pointer-events: none;
}



.radio-tab-custom {

 font-weight: 500;
 font-size: 16px;
 line-height: 1.5;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 border-radius: 18px;
 padding: 12px 24px;
 cursor: pointer;
 transition: 0.4s ease;
}

.radio-tab-custom__text {}


.radio-input {
 display: none;
}

.radio-input:checked~.radio-tab-custom {
 background: var(--bg-primary);
 color: var(--text-primary-foreground);
 pointer-events: none;
}

.section-events+.section-cta {
 padding-top: 0;
}

.section-event {
 padding-top: 40px;
}

.section-event+.section-events {
 padding-top: 0;
}



.breadcrumbs {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 padding-bottom: 24px;
}

.breadcrumbs ul {
 margin: 0;
 padding: 0;
}

.breadcrumbs ul li {
 display: inline;
 margin-right: 8px;
}

.breadcrumbs ul li a {
 color: var(--text-muted-foreground);
 text-decoration: none;
 opacity: 0.5;
}

.breadcrumbs ul li a:hover {
 color: var(--text-muted-foreground);
 opacity: 1;

}

.breadcrumbs ul li span {
 color: var(--text-muted-foreground);
}

.breadcrumbs ul li:after {
 content: '/';
 margin-left: 8px;
 opacity: 0.5;
}

.breadcrumbs ul li:last-child:after {
 content: '';
 margin-left: 0;
}




.event__status-label-block {
 margin-top: 12px;
 display: flex;
}

.event__status-label {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 12px;
 display: flex;
 align-items: center;
}

.event__status-label__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.event__status-label__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/play-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/play-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-on-primary);
 transition: 0.4s ease;
}

.event__status-label__text {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 width: 100%;
}

.event__status-label__icon+.event__status-label__text {
 width: calc(100% - 20px);
 padding-left: 8px;
}

.event__status-label--upcoming {
 border: 1px solid var(--border-accent-subtle);
 background: var(--bg-accent-subtle);
}

.event__status-label--upcoming .event__status-label__text {
 color: var(--text-primary);
}

.event__status-label--open {
 border: 1px solid var(--border-accent);
 background: var(--bg-accent);
}

.event__status-label--open .event__status-label__text {
 color: var(--text-primary-foreground);
}


.event-block {
 margin-top: 48px;
}

.event {
 padding-bottom: 40px;
 border-bottom: 1px solid var(--border-border);
}

.event__image {
 border-bottom: 1px solid var(--border-border);
 border-radius: 40px;
 height: 400px;
}

.event__image .image {
 width: 100%;
 height: 100%;
 border-radius: 40px;
 object-fit: cover;
}

.event__bottom {
 display: flex;
 margin-top: 48px;
}

.event__bottom__left {
 width: calc(100% - 384px);
 padding-right: 48px;
}

.event__bottom__right {
 width: 384px;
}

.event-params-block {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 32px;
}

.event-params {}

.event-param-wrapper {
 margin-top: 24px;
}

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

.event-param {
 display: flex;
}

.event-param__left {
 width: 48px;
}

.event-param__right {
 width: calc(100% - 48px);
 padding-left: 16px;
}

.event-param__icon-wrapper {
 position: relative;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.event-param__icon {}


.event-param__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.event-param__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/calendar.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/calendar.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.event-param__icon--date {}

.event-param__icon--date::before {
 mask-image: url('../images/svg/calendar.svg');
 -webkit-mask-image: url('../images/svg/calendar.svg');
}

.event-param__icon--language {}

.event-param__icon--language::before {
 mask-image: url('../images/svg/global.svg');
 -webkit-mask-image: url('../images/svg/global.svg');
}

.event-param__icon--location {}

.event-param__icon--location::before {
 mask-image: url('../images/svg/map-point.svg');
 -webkit-mask-image: url('../images/svg/map-point.svg');
}

.event-param__icon--document {}

.event-param__icon--document::before {
 mask-image: url('../images/svg/document-text.svg');
 -webkit-mask-image: url('../images/svg/document-text.svg');
}

.event-param__content {
 padding-top: 4px;
}

.event-param__title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.event-param__value {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
}


.event-param__map-block {
 margin-top: 4px;
 max-width: 300px;
}

.event-param__map {
 border-radius: 12px;
}

.event-param__map .image {
 border-radius: 12px;
}

.event-param__list-block {
 margin-top: 8px;
}

.event-param__list {}

.event-param__list-item-wrapper {
 margin-top: 6px;
}

.event-param__list-item-wrapper:first-child {
 margin-top: 0;
}

.event-param__list-item {
 position: relative;
 padding-left: 14px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
}

.event-param__list-item::before {
 content: '';
 position: absolute;
 border-radius: 9999px;
 width: 6px;
 height: 6px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 background: var(--bg-primary);
}


.event-param--date {}

.event-param--language {}

.event-param--location {}

.event-param--conditions {}


.event__content {}


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

.event-register-button {}

.event-register-button .button__inner {
 padding-left: 48px;
 padding-right: 48px;
}

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

.event__descr {
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.event-agenda-block {
 margin-top: 24px;
}


.event-agenda-items-block {
 margin-top: 24px;
 position: relative;
 border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.event-agenda-items {}

.event-agenda-item-wrapper {
 margin-top: 32px;
}

.event-agenda-item-wrapper:first-child {
 margin-top: 0;
}

.event-agenda-item {
 position: relative;
 padding-left: 24px;
}

.event-agenda-item::before {
 position: relative;
}

.event-agenda-item__circle {
 position: absolute;
 width: 12px;
 height: 12px;
 border-radius: 12px;
 background-color: rgba(255, 255, 255, 0.2);
 left: -6px;
 top: 6px;
 box-shadow: 0 0 0 4px #09090b;
 background: rgba(255, 255, 255, 0);
}

.event-agenda-item__circle::before {
 content: '';
 position: absolute;
 left: 50%;
 top: 50%;
 width: 12px;
 height: 12px;
 border-radius: 12px;
 transform: translate(-50%, -50%);
 background-color: var(--bg-surface-raised);
}

.event-agenda-item__time {
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-muted-foreground);
}

.event-agenda-item__title {
 margin-top: 4px;
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--neutral-0);
}

.event-agenda-item__descr {
 margin-top: 8px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.event-agenda-item--active {}

.event-agenda-item--active .event-agenda-item__circle::before {
 background-color: var(--bg-primary);
}

.event-agenda-item--active .event-agenda-item__time {
 color: var(--text-primary);
}


.section-page-news {}

.section-page-news .s-description-block {
 margin-left: 0;
 max-width: 600px;
}

.page-news-block {
 margin-top: 48px;
}

.page-news {}

.page-news__left {}

.page-news__right {}


.news-items-block {}

.news-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
}

.news-item-wrapper {
 width: 50%;
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 16px;
}



.news-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 height: 100%;
 display: block;
 text-decoration: none;
 color: var(--text-foreground);
}

.news-item__image {
 border-radius: 32px 32px 0 0;
 height: 192px;
 border-bottom: 1px solid var(--border-border);
 display: block;
}

.news-item__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 32px 32px 0 0;
}

.news-item__date-wrapper {
 padding-right: 12px;
}

.news-item__date {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}


.news-item__label-block {
 position: absolute;
 top: 16px;
 right: 16px;
}

.news-item__label {
 background: var(--bg-accent);
 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-primary-foreground);
 border: 1px solid var(--border-accent);
 border-radius: 9999px;
 padding: 0 8px;
}


.news-item__label--upcoming {
 border: 1px solid var(--border-accent-subtle);
 background: var(--bg-accent-subtle);
}

.news-item__label--upcoming .news-item__label__text {
 color: var(--text-primary);
}

.news-item__content {
 padding: 24px;
}

.news-item__content-top {
 display: flex;
 align-items: center;
}


.news-item__time-block {}

.news-item__time {
 position: relative;
 padding-left: 24px;
 font-weight: 500;
 font-size: 12px;
 line-height: 1.45;
 letter-spacing: 0.17em;
 color: var(--text-primary);
}

.news-item__time::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/bell.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/bell.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}


.news-item__title-block {
 margin-top: 12px;
}

.news-item__title {
 cursor: pointer;
 text-decoration: none;
 color: var(--text-foreground);
}

.news-item__title:hover {
 text-decoration: none;
 color: var(--text-foreground);
}


.page-news-left-slide-panel-block {}

.page-news-left-slide-panel {}

.news-menu-block {
 max-width: 260px;
}

.news-menu-title-block {
 padding-bottom: 12px;
}

.news-menu-title {
 font-weight: 600;
 font-size: 12px;
 line-height: 1.33;
 text-transform: uppercase;
 color: var(--text-muted-foreground);
}

.news-menu {
 margin-top: 6px;
}

.news-menu-item {
 margin-top: 6px;
}

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

.news-menu-link {
 position: relative;
 padding: 12px 16px;
 border-radius: 18px;
 color: var(--text-muted-foreground);
 display: block;
 text-decoration: none;
}

.news-menu-link::after {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 right: 16px;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/alt-arrow-right.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/alt-arrow-right.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.news-menu-link:hover {
 background: var(--bg-primary);
 color: var(--text-primary-foreground);
}

.news-menu-link:hover::after {
 background: var(--icon-on-primary);
}


.product-ad-slider-block {
 margin-top: 32px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 max-width: 260px;
}

.product-ad-slider {
 padding-bottom: 0;
}


.product-ad-slider .swiper-button-next,
.product-ad-slider .swiper-button-prev {

 position: absolute;
 z-index: 2;
 width: 48px;
 height: 48px;
 border-radius: 50px;
 border: 1px solid var(--border-border);
 /* border: 1px solid var(--icon-muted); */
 margin-top: 0;
 cursor: pointer;
 transition: 0.4s ease;
 top: 0;
 left: auto;
}

.product-ad-slider .swiper-button-next::after,
.product-ad-slider .swiper-button-prev::after {

 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: #fff;
}

.product-ad-slider .swiper-button-next {
 right: 0;
}

.product-ad-slider .swiper-button-next::after {
 mask-image: url('../images/svg/slider-arrow-right.svg');
 -webkit-mask-image: url('../images/svg/slider-arrow-right.svg');
}

.product-ad-slider .swiper-button-prev {
 right: 60px;
}

.product-ad-slider .swiper-button-prev::after {
 mask-image: url('../images/svg/slider-arrow-left.svg');
 -webkit-mask-image: url('../images/svg/slider-arrow-left.svg');
}

.product-ad-slider .swiper-button-next:hover,
.product-ad-slider .swiper-button-prev:hover {
 border: 0;
}

.product-ad-slide {}

.product-ad-slide-item {}

.product-ad-slide-item__icon-wrapper {
 width: 48px;
 height: 48px;
}

.product-ad-slide-item__icon {
 width: 48px;
 height: 48px;
 background: var(--bg-primary);
 border-radius: 9999px;
 position: relative;
}

.product-ad-slide-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/case-round-minimalistic.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/case-round-minimalistic.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-on-primary);
 transition: 0.4s ease;
}

.product-ad-slide-item__title {
 margin-top: 24px;
}

.product-ad-slide-item__descr {
 margin-top: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--neutral-300);
}

.product-ad-slide-item__link-block {
 margin-top: 24px;
 display: flex;
}

.product-ad-slide-item__link {
 position: relative;
 display: flex;
 padding-right: 28px;
 font-weight: 500;
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 text-decoration: none;
}

.product-ad-slide-item__link::after {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/arrow-right.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/arrow-right.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.product-ad-slide-item__link:hover {
 color: var(--text-primary);
}


.section-page-news+.section-events {
 padding-top: 0;
}

.news-mobile-menu-block {
 position: relative;
 display: none;
}

.news-mobile-menu {}

.news-mobile-menu-button-block {}

.news-mobile-menu-button {
 width: 100%;
 position: relative;
 display: block;
 border-radius: 22px;
 height: 56px;
 /* min-height: 56px; */
 font-weight: 400;
 font-size: 16px;
 letter-spacing: 0.01em;
 line-height: 1;
 color: var(--text-foreground);
 border: 0;
 /* background-color: rgba(248, 255, 227, 0.2); */
 background-image: var(--border-input-gradient);
 background-color: transparent;
 padding: 1px;
}

.news-mobile-menu-button::after {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 right: 16px;
 top: 50%;
 padding: 0;
 margin: 0;
 border: 0;
 transform: translateY(-50%);
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 mask-image: url(../images/svg/alt-arrow-down.svg);
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 -webkit-mask-image: url(../images/svg/alt-arrow-down.svg);
 background-color: var(--icon-muted);
 z-index: 5;
 transition: 0.4s ease;
 pointer-events: none;
 display: block;
}

.news-mobile-menu-button.show {
 background-image: var(--border-accent-gradient);
}

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

.news-mobile-menu-button__inner {
 border-radius: 21px;
 display: flex;
 align-items: center;
 width: 100%;
 height: 100%;
 background: var(--bg-surface-raised);
 padding-right: 40px;
 padding-left: 16px;
 pointer-events: none;
}

.news-mobile-menu-dropdown {
 width: 100%;
 min-width: 210px;
 margin-top: 0;
 border-top: 0;
 /* max-height: 160px; */
 border: 1px solid var(--border-border);
 border-radius: 22px;
 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--border-border);
 background: var(--bg-surface);
 margin-top: 4px !important;
 margin-bottom: 4px !important;
 /* display: block; */
 z-index: 120;
 inset: 0px 0px auto auto !important;
 padding: 8px;
 transform: translate3d(0px, 54px, 0px) !important;
}

.news-mobile-menu-item {
 display: flex;
 margin-top: 3px;
}

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

.news-mobile-menu-link {
 width: 100%;
 font-size: 16px;
 display: flex;
 align-items: center;
 padding: 9px 11px;
 line-height: 1;
 width: 100%;
 border-radius: 8px;
 color: var(--text-foreground);
 text-decoration: none;
}

.news-mobile-menu-link:hover {
 background: var(--bg-secondary);
 color: var(--text-foreground);
}

.news-mobile-menu-link.active {
 background: var(--bg-secondary);
 color: var(--text-foreground);
}

.news-mobile-menu-link__text {}



.news-single-block {
 margin-top: 48px;
}

.news-single {}

.news-single__image {
 border-bottom: 1px solid var(--border-border);
 border-radius: 40px;
}

.news-single__image .image {
 width: 100%;
 height: 100%;
 border-radius: 40px;
 object-fit: cover;
}

.news-single__content {
 padding-bottom: 24px;
 margin-top: 48px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.news-single__content p {
 margin-bottom: 2rem;
}

.news-single__content p:last-child {
 margin-bottom: 0;
}

.news-single__content h1,
.news-single__content h2,
.news-single__content h3,
.news-single__content h4,
.news-single__content h5,
.news-single__content h6,
.news-single__content .h1,
.news-single__content .h2,
.news-single__content .h3,
.news-single__content .h4,
.news-single__content .h5,
.news-single__content .h6 {
 margin-bottom: 2rem;
}

.news-single__content h1:last-child,
.news-single__content h2:last-child,
.news-single__content h3:last-child,
.news-single__content h4:last-child,
.news-single__content h5:last-child,
.news-single__content h6:last-child,
.news-single__content .h1:last-child,
.news-single__content .h2:last-child,
.news-single__content .h3:last-child,
.news-single__content .h4:last-child,
.news-single__content .h5:last-child,
.news-single__content .h6:last-child {
 margin-bottom: 0;
}

.blockquote {
 background: var(--bg-surface);
 border-left: 2px solid var(--border-accent);
 border-radius: 0 24px 24px 0;
 padding: 16px 24px;
}

blockquote {
 font-weight: 500;
 font-style: italic;
 font-size: 20px;
 line-height: 1.4;
 color: var(--text-foreground);
}

.blockquote__author {
 margin-top: 16px;
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}




.news-single__bottom {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: 40px;
 border-top: 1px solid var(--border-border);
 padding-top: 32px;
}

.news-single__bottom__left {
 padding-right: 24px;
}

.news-single__bottom-title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}


.news-single__bottom__right {}

.news-single__bottom .social-links-block {
 margin-top: 0;
}


.section-news-single {
 padding-top: 40px;
}

.section-news-single+.section-news {
 padding-top: 0;
}

.page--open-contract {}

.page--open-contract .page-inner {
 overflow: visible;
}

.db-open-contract-form-summary-block {
 position: sticky;
 top: 10px;
}



.section-home-front {
 background-image: url('../images/front/home/home-front-bg.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
 padding-top: 64px;
 padding-bottom: 64px;
}


.home-front-block {}

.home-front {}


.home-front-label-block {
 display: flex;
 justify-content: center;
}

.home-front-label {
 display: flex;
 align-items: center;
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 4px 12px;
}

.home-front-label__icon {
 position: relative;
 width: 16px;
 height: 16px;
}


.home-front-label__text {
 padding-left: 8px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.home-front-title-block {
 margin-top: 16px;
 max-width: 810px;
 margin-right: auto;
 margin-left: auto;
}

.home-front-title {
 font-weight: 600;
 font-size: 80px;
 line-height: 1;
 text-align: center;
 color: var(--text-foreground);
}

.home-front-descr-block {
 margin-top: 24px;
 max-width: 780px;
 margin-right: auto;
 margin-left: auto;
}

.home-front-descr {
 font-size: 18px;
 line-height: 1.6;
 text-align: center;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.home-front-buttons-block {
 margin-top: 24px;
 padding-top: 20px;
 padding-bottom: 20px;
}

.home-front-buttons {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
}

.home-front-button-wrapper {
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 16px;
}

.home-front-start-investing-button .button__inner {
 padding-left: 48px;
 padding-right: 48px;
}


.home-front-features-block {
 margin-top: 24px;
 border-bottom: 1px solid var(--border-border);
 border-top: 1px solid var(--border-border);
 padding: 24px 0;
 max-width: 894px;
 margin-right: auto;
 margin-left: auto;
}

.home-front-features {
 display: flex;
 margin-left: -4px;
 margin-right: -4px;
 margin-top: -8px;
}

.home-front-feature-wrapper {
 width: 33.33%;
 padding-left: 4px;
 padding-right: 4px;
 margin-top: 8px;
}

.home-front-feature {
 height: 100%;
 text-align: center;
}

.home-front-feature__title {
 font-size: 32px;
 font-weight: 600;
}

.home-front-feature__descr {
 margin-top: 4px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.home-front-feature--connected {}

.home-front-feature--connected .home-front-feature__title {
 color: var(--text-primary);
}

.home-front-partners-slider-block {
 margin-top: 40px;
 border-bottom: 1px solid rgba(242, 244, 239, 0.09);
 border-top: 1px solid rgba(242, 244, 239, 0.09);
 border-radius: 40px;
 padding: 24px;
 backdrop-filter: blur(100px);
 background: rgba(10, 11, 10, 0.66);
 max-width: 1098px;
 margin-right: auto;
 margin-left: auto;
}

.home-front-partners-slider-title {
 font-size: 14px;
 letter-spacing: 0.01em;
 text-align: center;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}

.home-front-partners-slider {
 margin-top: 24px;
 padding-left: 72px;
 padding-right: 72px;
 padding-top: 12px;
 padding-bottom: 12px;
}

.home-front-partners-slide {
 width: auto;
}

.home-front-partners-slide-item {
 height: 24px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.home-front-partners-slide-item .image {
 height: 100%;
 width: auto;
}

.home-front-partners-slider .swiper-button-next,
.home-front-partners-slider .swiper-button-prev {
 top: 50%;
 transform: translateY(-50%);
}

.home-front-partners-slider .swiper-button-prev {
 left: 0;
 right: auto;
}

.home-front-partners-slider .swiper-button-next {
 left: auto;
 right: 0;
}


.section-front-home-agents-program {
 background-image: url('../images/front/home/section-front-home-agents-program-bg.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
}

.section-front-home-agents-program .s-title-block {
 max-width: 525px;
}


.front-home-agents-program-items-block {}

.front-home-agents-program-items {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
}

.front-home-agents-program-item-wrapper {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}

.front-home-agents-program-item {
 backdrop-filter: blur(4px);
 background: var(--neutral-900);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 height: 100%;
}

.front-home-agents-program-item__image {
 width: 64px;
 height: 64px;
 border-radius: 18px;
}

.front-home-agents-program-item__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 18px;
}

.front-home-agents-program-item__title {
 margin-top: 24px;
}

.front-home-agents-program-item__descr {
 margin-top: 8px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.s-front-home-agents-program-button-block {
 margin-top: 24px;
 display: flex;
}

.s-front-home-agents-program-button .button__inner {
 padding-left: 48px;
 padding-right: 48px;
}


.front-home-agents-program-features-block {
 margin-top: 8px;
}

.front-home-agents-program-features {
 display: flex;
 flex-wrap: wrap;
 margin-left: -12px;
 margin-right: -12px;
}

.front-home-agents-program-feature-wrapper {
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 16px;
}

.front-home-agents-program-feature {
 position: relative;
 padding-left: 14px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.front-home-agents-program-feature::before {
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 background: var(--bg-primary);
 border-radius: 9999px;
 width: 6px;
 height: 6px;
}

.text-foreground {
 color: var(--text-foreground);
}

.front-home-agents-program-feature .text-foreground {
 font-weight: 500;
}


.section-front-products {}

.front-products-block {
 margin-top: 48px;
}

.front-products {}

.front-product-wrapper {
 margin-top: 48px;
}

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

.front-product {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 64px;
 display: flex;
}

.front-product__left {
 width: 574px;
}


.front-product__right {
 width: calc(100% - 574px);
 padding-left: 64px;
}


.front-product--image-right {
 flex-direction: row-reverse;
}

.front-product--image-right .front-product__right {
 padding-left: 0;
 padding-right: 64px;
}



.front-product__content-wrapper {}



.front-product__dotted-headline-block {
 display: flex;
}

.front-product__dotted-headline {
 position: relative;
 padding-left: 14px;
 font-weight: 600;
 font-size: 14px;
 line-height: 1.1;
 color: var(--text-primary);
 text-align: left;
}

.front-product__dotted-headline::before {
 content: '';
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 border-radius: 9999px;
 width: 6px;
 height: 6px;
 box-shadow: 0 0 8px 0 rgba(204, 255, 0, 0.8);
 background: var(--bg-primary);
}


.front-product__title-block {
 margin-top: 12px;
 display: flex;
 align-items: flex-start;
}

.front-product__title {
 font-size: 48px;
 font-weight: 600;
 line-height: 1.1;
 padding-right: 8px;

 background: linear-gradient(90.18deg, #fff 0.42%, #71717a 88.18%);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}


.front-product__description-block {
 margin-top: 12px;
}

.front-product__description {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.front-product-features-block {
 padding-top: 16px;
 padding-bottom: 16px;
 margin-top: 12px;
}

.front-product-features {
 display: flex;
 flex-wrap: wrap;
 margin-left: -12px;
 margin-right: -12px;
 margin-top: -24px;
}

.front-product-feature-wrapper {
 width: 50%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}

.front-product-feature {
 display: flex;
}

.front-product-feature__icon-wrapper {
 border-radius: 9999px;
 width: 32px;
 height: 32px;
 background-color: transparent;
 padding: 1px;
 background-image: var(--border-input-gradient);
 display: block;
 text-decoration: none;
}

.front-product-feature__icon {
 position: relative;
 width: 100%;
 height: 100%;
 border-radius: 9999px;
 background: #27272a;
}

.front-product-feature__icon::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/calendar.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/calendar.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.front-product-feature__content {
 width: calc(100% - 32px);
 padding-left: 12px;
}

.front-product-feature__title {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.front-product-feature__descr {
 margin-top: 4px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}


.front-product-feature__icon--calendar {}

.front-product-feature__icon--calendar::before {
 mask-image: url('../images/svg/calendar.svg');
 -webkit-mask-image: url('../images/svg/calendar.svg');
}

.front-product-feature__icon--graph-up {}

.front-product-feature__icon--graph-up::before {
 mask-image: url('../images/svg/graph-up.svg');
 -webkit-mask-image: url('../images/svg/graph-up.svg');
}

.front-product-feature__icon--wallet-money {}

.front-product-feature__icon--wallet-money::before {
 mask-image: url('../images/svg/wallet-money.svg');
 -webkit-mask-image: url('../images/svg/wallet-money.svg');
}

.front-product-feature__icon--bolt {}

.front-product-feature__icon--bolt::before {
 mask-image: url('../images/svg/bolt.svg');
 -webkit-mask-image: url('../images/svg/bolt.svg');
}

.front-product-feature__icon--pie-chart-2 {}

.front-product-feature__icon--pie-chart-2::before {
 mask-image: url('../images/svg/pie-chart-2.svg');
 -webkit-mask-image: url('../images/svg/pie-chart-2.svg');
}

.front-product-feature__icon--case-round-minimalistic {}

.front-product-feature__icon--case-round-minimalistic::before {
 mask-image: url('../images/svg/case-round-minimalistic.svg');
 -webkit-mask-image: url('../images/svg/case-round-minimalistic.svg');
}

.front-product-feature__icon--bell {}

.front-product-feature__icon--bell::before {
 mask-image: url('../images/svg/bell.svg');
 -webkit-mask-image: url('../images/svg/bell.svg');
}

.front-product-feature__icon--waterdrops {}

.front-product-feature__icon--waterdrops::before {
 mask-image: url('../images/svg/waterdrops.svg');
 -webkit-mask-image: url('../images/svg/waterdrops.svg');
}

.front-product-feature__icon--magic-stick-3 {}

.front-product-feature__icon--magic-stick-3::before {
 mask-image: url('../images/svg/magic-stick-3.svg');
 -webkit-mask-image: url('../images/svg/magic-stick-3.svg');
}



.front-product__button-block {
 margin-top: 12px;
 display: flex;
}

.front-product__button .button__inner {
 padding-left: 32px;
 padding-right: 32px;
}

.front-product__image-wrapper {
 position: relative;
}

.front-product__image {
 background: var(--bg-popover);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 height: 440px;
}

.front-product__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 32px;
}


.front-product__image-wrapper .strategy-front-feature--top-left {
 top: 24px;
 left: 24px;
}

.front-product__image-wrapper .strategy-front-feature--bottom-right {
 right: 24px;
 bottom: 24px;
}

.front-product__title-soon {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 12px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.front-product__image-overlay {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.section-front-about {
 padding-top: 48px;
 padding-bottom: 48px;
 background-image: url('../images/front/about/section-front-about-bg.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
}

.section-front-about .home-front-partners-slider-block {
 margin-top: 32px;
}

.front-about-block {}

.front-about {
 display: flex;
 align-items: center;
}

.front-about .s-description-block {
 margin-top: 24px;
 margin-left: 0;
 margin-right: 0;
 max-width: 696px;
}

.front-about__left {
 width: calc(100% - 532px);
 padding-right: 24px;
}

.front-about__right {
 width: 532px;
}

.front-about__title {
 font-weight: 600;
 font-size: 60px;
 line-height: 1;
}


.front-about__right {}

.front-about__video-block {
 max-width: 532px;
 margin-right: auto;
 margin-left: auto;
}

.front-about__video {
 background-color: transparent;
 padding: 0;
 position: relative;
 border-radius: 32px;
 border: 1px solid var(--border-border);
 box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
 background: var(--bg-popover);
}

.front-about__video-image {
 border-radius: 32px;
}

.front-about__video-image .image {
 border-radius: 32px;
}

.video-play-icon {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 box-shadow: 0 0 20px 0 rgba(199, 235, 84, 0.15);
 background: var(--bg-surface);
 border: 1px solid rgba(204, 255, 0, 0.3);
 border-radius: 999px;
 padding: 32px;
 width: 66px;
 height: 66px;
}

.video-play-icon::before {
 content: '';
 position: absolute;
 width: 24px;
 height: 24px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/play-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 24px 24px;
 -webkit-mask-image: url('../images/svg/play-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 24px 24px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}


.section-directions {
 background-image: url('../images/front/about/section-directions-bg.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
}

.directions-block {
 margin-top: 48px;
 position: relative;
}


.directions-bg-block {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 display: none;
}

.directions-bg-lines {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.directions-bg-line {
 width: 760px;
 height: 1px;
 background-color: var(--lime-500);
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%) rotate(-38deg);
}

.directions-bg-line:last-child {
 transform: translate(-50%, -50%) rotate(38deg);
}

.directions-bg-image-wrapper {
 position: relative;
 z-index: 2;
}

.directions-bg-image {
 width: 300px;
 height: 300px;
}


.directions-content-block {
 position: relative;
 z-index: 2;
}

.directions-row {
 display: flex;
 justify-content: space-between;
 margin-left: -12px;
 margin-right: -12px;
 margin-top: 40px;
}

.directions-row:first-child {
 margin-top: 0;
}

.directions-col {
 padding-left: 12px;
 padding-right: 12px;
 width: 33.33%;
}


.direction-items-block {}

.direction-items {
 display: flex;
 flex-wrap: wrap;
 margin-left: -12px;
 margin-right: -12px;
 margin-top: -24px;
}

.direction-item-wrapper {
 width: 50%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}



.direction-item {
 backdrop-filter: blur(4px);
 background: rgba(22, 22, 22, 0.85);
 border: 1px solid rgba(255, 255, 255, 0.06);
 border-radius: 32px;
 padding: 32px;
 height: 100%;
}

.direction-item__top {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}

.direction-item__top-left {
 padding-right: 16px;
}

.direction-item__top-right {}


.direction-item__live {
 text-align: right;
}

.direction-item__live__count {
 font-weight: 500;
 font-size: 20px;
 color: var(--neutral-0);
}

.direction-item__live__descr {
 margin-top: 2px;
 font-size: 12px;
 color: var(--neutral-400);
 white-space: nowrap;
}



.direction-item__count {
 font-size: 14px;
 letter-spacing: 0.04em;
 color: var(--lime-500);
 font-family: "GeistMono";
}



.direction-item__title {
 margin-top: 8px;
}

.direction-item-list-block {
 margin-top: 24px;
}

.direction-item-list {
 background: rgba(28, 28, 28, 0.7);
 border: 1px solid rgba(255, 255, 255, 0.04);
 border-radius: 20px;
}

.direction-item-list-item {
 position: relative;
 padding: 12px;
 padding-left: 16px;
 display: flex;
 border-top: 1px solid var(--border-border);
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.direction-item-list-item:first-child {
 border-top: 0;
}

.direction-item-list-item__content-wrapper {
 position: relative;
 padding-right: 8px;
 line-height: 1.2;
}

.direction-item-list-item__content {
 cursor: default;
 font-size: 14px;
 letter-spacing: 0.01em;
 display: inline;
 color: var(--text-secondary-foreground);
 transition: 0.4s ease;
}

.direction-item-list-item__content--has-hint {
 cursor: pointer;
 border-bottom: 1px dotted var(--text-secondary-foreground);
 /* text-decoration: underline;
 text-decoration-style: dotted; */
}

.direction-item-list-item__hint {
 position: absolute;
 width: 270px;
 bottom: 3px;
 left: 100%;
 backdrop-filter: blur(4px);
 background: var(--bg-surface-raised);
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 16px;
 z-index: 2;
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}

.direction-item-list-item__hint-title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.direction-item-list-item__hint-items {
 margin-top: 8px;
}

.direction-item-list-item__hint-item {
 position: relative;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 14px;
 font-size: 12px;
 letter-spacing: 0.01em;
 color: var(--text-secondary-foreground);
}

.direction-item-list-item__hint-item::before {
 content: '';
 position: absolute;
 width: 6px;
 height: 6px;
 border-radius: 6px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 background-color: var(--bg-primary);
}


.direction-item-list-item__content--has-hint:hover {
 color: var(--text-primary);
 border-color: var(--text-primary);
}

.direction-item-list-item__content--has-hint:hover+.direction-item-list-item__hint {
 opacity: 1;
 visibility: visible;
}

.direction-item-list-item__content--soon {
 color: var(--text-muted-foreground);
 border-color: var(--text-muted-foreground);
}

.direction-item-list-item__label-wrapper {}

.direction-item-list-item__label {
 position: relative;
 background: rgba(255, 255, 255, 0.06);
 border-radius: 999px;
 padding: 4px 10px;
 padding-left: 22px;
 font-weight: 500;
 font-size: 12px;
 color: var(--neutral-300);
}

.direction-item-list-item__label::before {
 content: '';
 position: absolute;
 width: 6px;
 height: 6px;
 border-radius: 6px;
 left: 10px;
 top: 50%;
 transform: translateY(-50%);
 border: 1px solid #A3A3A3;
}

.direction-item-list-item__label--live {
 background: rgba(199, 235, 84, 0.12);
 color: var(--lime-500);
}

.direction-item-list-item__label--live::before {
 background-color: #C7EB54;
 border-color: #C7EB54;
}


.section-values {}

.section-roadmap {
 background-image: url('../images/front/about/section-roadmap-bg.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

.section-team {}



.team-items-block {
 margin-top: 24px;
}

.team-items {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
}

.team-item-wrapper {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}

.team-item {
 display: block;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 height: 100%;
 text-decoration: none;
 transition: 0.4s ease;
}

.team-item__image {
 width: 100%;
 height: 262px;
 border-radius: 24px;
}

.team-item__image .image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 24px;
}

.team-item__name {
 margin-top: 24px;
 transition: 0.4s ease;
}

.team-item__state {
 margin-top: 8px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 transition: 0.4s ease;
}

.team-item:hover {
 background: var(--bg-primary);
}

.team-item:hover .team-item__name {
 color: var(--text-primary-foreground);
}

.team-item:hover .team-item__state {
 color: var(--text-primary-foreground);
}

.team-slider-block {
 margin-top: 48px;
 display: none;
}

.team-slider .swiper-button-next,
.team-slider .swiper-button-prev {
 top: auto;
 bottom: 0;
}

.team-slider .swiper-button-next {
 right: auto;
 left: 50%;
 margin-left: 4px;
}

.team-slider .swiper-button-prev {
 left: auto;
 right: 50%;
 margin-right: 4px;
}

.roadmap-items-block {
 margin-top: 48px;
}

.roadmap-items {}

.roadmap-item-wrapper {
 margin-top: 16px;
}

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

.roadmap-item {
 display: flex;
 position: relative;
}

.roadmap-item__left {
 width: 100px;
}

.roadmap-item__center {
 width: 110px;
 position: relative;
}

.roadmap-item__right {
 width: calc(100% - 210px);
}

.roadmap-item__right .roadmap-item__year {
 padding-top: 16px;
 padding-bottom: 0;
 font-size: 24px;
 line-height: 1.2;
 display: none;
}

.roadmap-item__year {
 font-weight: 600;
 font-size: 40px;
 line-height: 1.1;
 color: var(--text-foreground);
 padding-top: 10px;
 padding-bottom: 10px;
}


.roadmap-item__content {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 24px;
 padding: 24px;
}

.roadmap-item__quarter-wrapper {
 display: flex;
}

.roadmap-item__quarter {
 background: var(--bg-accent-subtle);
 border: 1px solid var(--border-accent-subtle);
 border-radius: 9999px;
 padding: 2px 8px;
 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-primary);

}


.roadmap-item__title {
 margin-top: 10px;
}

.roadmap-item__features {
 margin-top: 10px;
}

.roadmap-item__feature {
 position: relative;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 14px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.roadmap-item__feature::before {
 content: '';
 position: absolute;
 width: 6px;
 height: 6px;
 border-radius: 6px;
 left: 0;
 top: 12px;
 /* top: 50%;
 transform: translateY(-50%); */
 background-color: var(--bg-primary);
}

.roadmap-item__dot {
 position: relative;
 width: 14px;
 height: 14px;
 border-radius: 14px;
 background-color: var(--bg-primary);
 box-shadow: 0 0 15px 0 rgba(204, 255, 0, 0.6), 0 0 0 6px #090a08;
 margin-left: auto;
 margin-right: auto;
 margin-top: 24px;
}

.roadmap-item__dot::before {
 content: '';
 position: absolute;
 z-index: 2;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 14px;
 height: 14px;
 border-radius: 14px;
 background-color: var(--bg-primary);
}

.roadmap-item__line {
 position: absolute;
 z-index: 1;
 height: calc(100% + 20px);
 top: 30px;
 width: 1px;
 /* margin-left: -1px; */
 left: 50%;
 background: rgba(255, 255, 255, 0.1);
}

.roadmap-item-wrapper:last-child .roadmap-item__line {
 display: none;
}




.section-career {
 padding-bottom: 16px;
}

.section-career .s-description-block {
 margin-left: 0;
 margin-right: 0;
 max-width: 100%;
}

.section-career+.section-news {
 padding-top: 0;
}



.vacancy-filter-form-block {
 margin-top: 48px;
 border-bottom: 1px solid var(--border-border);
 padding: 0 0 24px;
}

.vacancy-filter-form {}

.vacancy-filter-form-desktop-fields {}

.vacancy-filter-form-mobile-fields {
 display: none;
}



.vacancy-items-block {
 margin-top: 24px;
}

.vacancy-items {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
}

.vacancy-item-wrapper {
 width: 100%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 16px;
}

.vacancy-items-block .pagination-block {
 margin-top: 48px;
}

.vacancy-items-block .pagination {
 justify-content: center;
}


.vacancy-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 display: flex;
 align-items: center;
 transition: 0.4s ease;
}


.vacancy-item__left {
 width: calc(100% - 152px);
 padding-right: 24px;
}

.vacancy-item__right {
 width: 152px;
}


.vacancy-item__buttons-block {}

.vacancy-item__buttons {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin-left: -4px;
 margin-right: -4px;
 margin-top: -8px;
}

.vacancy-item__button-wrapper {
 padding-left: 4px;
 padding-right: 4px;
 margin-top: 8px;
 width: 100%;
}

.vacancy-item__apply-button .button__inner {
 padding-left: 16px;
 padding-right: 16px;
}

.vacancy-item__details-button .button__inner {
 padding-left: 16px;
 padding-right: 16px;
}

.vacancy-item__tags-block {}

.vacancy-item__tags {
 display: flex;
 flex-wrap: wrap;
 margin-left: -4px;
 margin-right: -4px;
 margin-top: -8px;
}

.vacancy-item__tag-wrapper {
 padding-left: 4px;
 padding-right: 4px;
 margin-top: 8px;
}

.vacancy-item__tag {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 8px;
 display: flex;
 align-items: center;
 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-muted-foreground);
 transition: 0.4s ease;
}

.vacancy-item__tag--new {
 background: var(--bg-accent);
 border: 1px solid var(--border-accent);
 color: var(--text-primary-foreground);
}

.vacancy-item__title {
 margin-top: 16px;
 font-weight: 500;
 font-size: 24px;
 line-height: 1.25;
 color: var(--text-foreground);
}

.vacancy-item__blockquote-block {
 margin-top: 16px;
 display: flex;
}

.vacancy-item__blockquote {
 position: relative;
 border: 1px solid var(--border-border);
 border-radius: 18px;
 padding: 12px 16px;
 padding-left: 40px;
 background: var(--bg-surface-raised);
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.vacancy-item__blockquote::before {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 left: 16px;
 top: 14px;
 /* top: 50%;
	transform: translateY(-50%); */
 mask-image: url('../images/svg/chat-round-dots.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 16px 16px;
 -webkit-mask-image: url('../images/svg/chat-round-dots.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 16px 16px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}


.vacancy-item:hover {
 background: var(--bg-primary-subtle);
 border: 1px solid var(--border-ring);
}


.vacancy-item:hover .vacancy-item__tag {
 background: var(--bg-accent-subtle);
 color: var(--text-primary);
}

.vacancy-item:hover .vacancy-item__tag--new {
 background: var(--bg-accent);
 border: 1px solid var(--border-accent);
 color: var(--text-primary-foreground);
}



.section-vacancy {
 padding-top: 40px;
 padding-bottom: 16px;
}




.vacancy-tags-block {
 margin-top: 12px;
}

.vacancy-tags {
 display: flex;
 flex-wrap: wrap;
 margin-left: -4px;
 margin-right: -4px;
 margin-top: -8px;
}

.vacancy-tag-wrapper {
 padding-left: 4px;
 padding-right: 4px;
 margin-top: 8px;
}

.vacancy-tag {
 background: #27272a;
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 4px 8px;
 display: flex;
 align-items: center;
 font-weight: 600;
 font-size: 10px;
 line-height: 1.45;
 text-transform: uppercase;
 color: var(--text-muted-foreground);
 transition: 0.4s ease;
}

.vacancy-tag--new {
 background: var(--bg-accent);
 border: 1px solid var(--border-accent);
 color: var(--text-primary-foreground);
}


.vacancy-top-button-block {
 margin-top: 12px;
}

.vacancy-top-button .button__inner {
 padding-left: 32px;
 padding-right: 32px;
}



.vacancy-block {
 margin-top: 48px;
}

.vacancy {}

.vacancy__image {
 border-bottom: 1px solid var(--border-border);
 border-radius: 40px;
}

.vacancy__image .image {
 width: 100%;
 height: 100%;
 border-radius: 40px;
 object-fit: cover;
}

.vacancy__content {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.vacancy__content p {
 margin-bottom: 2rem;
}

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

.vacancy__content h1,
.vacancy__content h2,
.vacancy__content h3,
.vacancy__content h4,
.vacancy__content h5,
.vacancy__content h6,
.vacancy__content .h1,
.vacancy__content .h2,
.vacancy__content .h3,
.vacancy__content .h4,
.vacancy__content .h5,
.vacancy__content .h6 {
 margin-bottom: 2rem;
}

.vacancy__content h1:last-child,
.vacancy__content h2:last-child,
.vacancy__content h3:last-child,
.vacancy__content h4:last-child,
.vacancy__content h5:last-child,
.vacancy__content h6:last-child,
.vacancy__content .h1:last-child,
.vacancy__content .h2:last-child,
.vacancy__content .h3:last-child,
.vacancy__content .h4:last-child,
.vacancy__content .h5:last-child,
.vacancy__content .h6:last-child {
 margin-bottom: 0;
}

.list-check {
 list-style-type: none;
 padding: 0;
 margin-bottom: 2rem;
}

.list-check li {
 position: relative;
 padding-left: 32px;
 margin-top: 8px;
}

.list-check li::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 0;
 top: 2px;
 /* top: 50%;
	transform: translateY(-50%); */
 mask-image: url('../images/svg/check-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/check-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}

.list-check li:first-child {
 margin-top: 0;
}


.list-check:last-child {
 margin-bottom: 0;
}

.list-check--green {}

.list-check--green li::before {
 background-color: var(--icon-primary);
}



.section-contacts {
 padding-top: 40px;
 padding-bottom: 16px;
}

.section-contacts .s-description-block {
 margin-left: 0;
 margin-right: 0;
 max-width: 100%;
}

.section-contacts+.section-news {
 padding-top: 0;
}



.contact-items-block {
 margin-top: 24px;
}

.contact-items {
 margin-left: -12px;
 margin-right: -12px;
 display: flex;
 flex-wrap: wrap;
}

.contact-item-wrapper {
 width: 25%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}

.contact-item {
 display: block;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 height: 100%;
 text-decoration: none;
 transition: 0.4s ease;
}

.contact-item__icon-wrapper {
 background: var(--bg-primary);
 border: 1px solid var(--border-accent);
 border-radius: 9999px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 48px;
 height: 48px;

}

.contact-item__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.contact-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/chat-round-unread.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/chat-round-unread.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-on-primary);
 transition: 0.4s ease;
}

.contact-item__icon--chat-round-unread {}

.contact-item__icon--chat-round-unread::before {
 mask-image: url('../images/svg/chat-round-unread.svg');
 -webkit-mask-image: url('../images/svg/chat-round-unread.svg');
}

.contact-item__icon--users-group-rounded {}

.contact-item__icon--users-group-rounded::before {
 mask-image: url('../images/svg/users-group-rounded.svg');
 -webkit-mask-image: url('../images/svg/users-group-rounded.svg');
}

.contact-item__icon--pen-new-square {}

.contact-item__icon--pen-new-square::before {
 mask-image: url('../images/svg/pen-new-square.svg');
 -webkit-mask-image: url('../images/svg/pen-new-square.svg');
}

.contact-item__icon--user-rounded {}

.contact-item__icon--user-rounded::before {
 mask-image: url('../images/svg/user-rounded.svg');
 -webkit-mask-image: url('../images/svg/user-rounded.svg');
}

.contact-item__title {
 margin-top: 24px;
 transition: 0.4s ease;
}

.contact-item__descr {
 margin-top: 8px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 transition: 0.4s ease;
}

.contact-item .link-button-block {
 margin-top: 24px;
}


.contact-item__link-block {
 margin-top: 24px;
 display: flex;
}

.contact-item__link {
 display: inline-flex;
 align-items: center;
 font-family: var(--font-family);
 font-weight: 500;
 font-size: 16px;
 line-height: 1;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 text-decoration: none;
}

.contact-item__link__text-wrapper {
 padding-right: 12px;
}

.contact-item__link__text {
 transition: 0.4s ease;
}

.contact-item__link__icon {
 position: relative;
 width: 16px;
 height: 16px;
}

.contact-item__link__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(--icon-primary);
 transition: 0.4s ease;
}

.contact-item__link:hover {
 color: var(--text-primary);
 text-decoration: none;
}

.contacts-content-block {
 margin-top: 48px;
}

.contacts-content {}

.contacts-content__left {}

.contacts-content__right {}


.contact-form-block {
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 32px;
 background: var(--bg-surface);
}

.contact-form {}

.contact-form-fields {
 margin-top: 20px;
}

.contact-form-fields .field-block {
 margin-top: 24px;
}

.contact-chat-buttons-block {}

.contact-chat-buttons {
 margin-left: -10px;
 margin-right: -10px;
 margin-top: -12px;
 display: flex;
 flex-wrap: wrap;
}

.contact-chat-button-wrapper {
 margin-top: 12px;
 padding-left: 10px;
 padding-right: 10px;
 width: 50%;
}


.contact-chat-button {
 border-radius: 18px;
}


.contact-chat-button .button__inner {
 padding: 14px 16px;
 border-radius: 18px;
}

.contact-chat-button .button--icon-left .button__text {
 padding-left: 8px;
}

.contact-chat-button--telegram {}

.contact-chat-button--telegram .button__icon::before {
 mask-image: url('../images/svg/social/telegram-circle.svg');
 -webkit-mask-image: url('../images/svg/social/telegram-circle.svg');
 background-color: #08c;
}


.contact-chat-button--online {}

.contact-chat-button--online .button__icon::before {
 mask-image: url('../images/svg/chat-round-dots.svg');
 -webkit-mask-image: url('../images/svg/chat-round-dots.svg');
 background-color: var(--icon-primary);
}

.contact-office-block {}

.contact-office {}

.contact-office .social-links-block {
 margin-top: 32px;
}



.contact-office-map-block {
 margin-top: 32px;
}

.contact-office-map {
 border: 1px solid var(--border-border);
 border-radius: 32px;
}

.contact-office-map .image {
 border-radius: 32px;
 height: 100%;
 object-fit: cover;
}


.contact-office-items-block {
 margin-top: 32px;
}

.contact-office-items {}

.contact-office-item-wrapper {
 margin-top: 32px;
}

.contact-office-item-wrapper:first-child {
 margin-top: 0;
}

.contact-office-item {
 display: flex;
}


.contact-office-item__icon-wrapper {
 width: 48px;
 height: 48px;
 border-radius: 48px;
 padding: 1px;
 background-image: var(--border-input-gradient);
}

.contact-office-item__icon {
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #27272a;
 border-radius: 46px;
}

.contact-office-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/map-point.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/map-point.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.contact-office-item__icon--map-point {}

.contact-office-item__icon--map-point::before {
 mask-image: url('../images/svg/map-point.svg');
 -webkit-mask-image: url('../images/svg/map-point.svg');
}

.contact-office-item__icon--buildings-2 {}

.contact-office-item__icon--buildings-2::before {
 mask-image: url('../images/svg/buildings-2.svg');
 -webkit-mask-image: url('../images/svg/buildings-2.svg');
}

.contact-office-item__content {
 width: calc(100% - 48px);
 padding-left: 16px;
}

.contact-office-item__title {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.contact-office-item__descr {
 margin-top: 4px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: #a1a1aa;
}

.contact-office-item__params {}

.contact-office-item__param {
 display: flex;
 flex-wrap: wrap;
 margin-top: 8px;
}

.contact-office-item__param:first-child {
 margin-top: 0;
}

.contact-office-item__param__title {
 padding-right: 12px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}

.contact-office-item__param__value {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}

.contact-office-item__param__company {
 position: relative;
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 padding-right: 32px;
}

.contact-office-item__param__company::after {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 right: 0;
 top: 50%;
 transform: translateY(-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(--icon-primary);
 transition: 0.4s ease;
}



.section-help-top {
 padding-bottom: 98px;
 background-image: url('../images/front/help/section-help-top-bg.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
}

.help-top-search-form-block {
 margin-top: 24px;
 max-width: 792px;
 margin-right: auto;
 margin-left: auto;
 padding-bottom: 24px;
}

.help-top-search-form {}


.section-help-categories {
 padding-top: 40px;
 padding-bottom: 40px;
}

.section-help-categories+.section-cta {
 padding-top: 0;
}


.help-category-items-block {}

.help-category-items {
 margin-left: -12px;
 margin-right: -12px;
 margin-top: -24px;
 display: flex;
 flex-wrap: wrap;
}

.help-category-item-wrapper {
 width: 33.33%;
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 24px;
}

.help-category-item {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 24px;
 height: 100%;
 display: block;
 text-decoration: none;
}


.help-category-item__icon-wrapper {
 width: 48px;
 height: 48px;
 border-radius: 48px;
 padding: 1px;
 background-image: var(--border-input-gradient);
 transition: 0.4s ease;
}

.help-category-item__icon {
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #27272a;
 border-radius: 46px;
 transition: 0.4s ease;
}

.help-category-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/magic-stick-3.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/magic-stick-3.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}

.help-category-item__icon--magic-stick {}

.help-category-item__icon--magic-stick::before {
 mask-image: url('../images/svg/magic-stick-3.svg');
 -webkit-mask-image: url('../images/svg/magic-stick-3.svg');
}

.help-category-item__icon--wallet-money {}

.help-category-item__icon--wallet-money::before {
 mask-image: url('../images/svg/wallet-money.svg');
 -webkit-mask-image: url('../images/svg/wallet-money.svg');
}

.help-category-item__icon--graph-up {}

.help-category-item__icon--graph-up::before {
 mask-image: url('../images/svg/graph-up.svg');
 -webkit-mask-image: url('../images/svg/graph-up.svg');
}

.help-category-item__icon--users-group-rounded {}

.help-category-item__icon--users-group-rounded::before {
 mask-image: url('../images/svg/users-group-rounded.svg');
 -webkit-mask-image: url('../images/svg/users-group-rounded.svg');
}

.help-category-item__icon--question-circle {}

.help-category-item__icon--question-circle::before {
 mask-image: url('../images/svg/question-circle.svg');
 -webkit-mask-image: url('../images/svg/question-circle.svg');
}

.help-category-item__icon--settings {}

.help-category-item__icon--settings::before {
 mask-image: url('../images/svg/settings.svg');
 -webkit-mask-image: url('../images/svg/settings.svg');
}


.help-category-item__title {
 margin-top: 24px;
 cursor: pointer;
 transition: 0.4s ease;
}

.help-category-item__descr {
 margin-top: 8px;
 font-size: 16px;
 letter-spacing: 0.01em;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: var(--text-muted-foreground);
 transition: 0.4s ease;
}


.help-category-item__count {
 margin-top: 24px;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}



.help-category-item:hover {
 background: var(--bg-primary-subtle);
 border: 1px solid var(--border-ring);
}

.help-category-item:hover .help-category-item__title {
 color: var(--text-primary);
}

.help-category-item:hover .help-category-item__icon-wrapper {
 background: var(--bg-primary);
}

.help-category-item:hover .help-category-item__icon {
 background: var(--bg-primary);
}

.help-category-item:hover .help-category-item__icon::before {
 background-color: var(--icon-on-primary);
}

.help-category-item:hover .help-category-item__descr {
 color: var(--text-foreground);
}





.help-acticles-empty-block {
 margin-top: 24px;
}

.help-acticles-empty {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 120px 40px;
}

.help-acticles-empty__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}


.help-acticles-empty__icon {
 position: relative;
 z-index: 2;
 width: 20px;
 height: 20px;
}


.help-acticles-empty__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/document-text.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/document-text.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}


.help-acticles-empty__title-block {
 margin-top: 24px;
}

.help-acticles-empty__title {
 text-align: center;
}

.help-acticles-empty__descr-block {
 margin-top: 16px;
}

.help-acticles-empty__descr {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 text-align: center;
 color: #a1a1aa;
}


.section-help-category {
 padding-top: 40px;
 padding-bottom: 16px;
}

.help-category-info-block {
 margin-top: 12px;
}

.help-category-info {
 display: flex;
}

.help-category-info__icon-wrapper {
 width: 48px;
 height: 48px;
 border-radius: 48px;
 background: var(--bg-primary);
 display: flex;
 align-items: center;
 justify-content: center;
}

.help-category-info__icon {
 width: 20px;
 height: 20px;
 position: relative;
}

.help-category-info__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/magic-stick-3.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/magic-stick-3.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-on-primary);
 transition: 0.4s ease;
}


.help-category-item__icon--magic-stick {}

.help-category-item__icon--magic-stick::before {
 mask-image: url('../images/svg/magic-stick-3.svg');
 -webkit-mask-image: url('../images/svg/magic-stick-3.svg');
}

.help-category-item__icon--wallet-money {}

.help-category-item__icon--wallet-money::before {
 mask-image: url('../images/svg/wallet-money.svg');
 -webkit-mask-image: url('../images/svg/wallet-money.svg');
}

.help-category-item__icon--graph-up {}

.help-category-item__icon--graph-up::before {
 mask-image: url('../images/svg/graph-up.svg');
 -webkit-mask-image: url('../images/svg/graph-up.svg');
}

.help-category-item__icon--users-group-rounded {}

.help-category-item__icon--users-group-rounded::before {
 mask-image: url('../images/svg/users-group-rounded.svg');
 -webkit-mask-image: url('../images/svg/users-group-rounded.svg');
}

.help-category-item__icon--question-circle {}

.help-category-item__icon--question-circle::before {
 mask-image: url('../images/svg/question-circle.svg');
 -webkit-mask-image: url('../images/svg/question-circle.svg');
}

.help-category-item__icon--settings {}

.help-category-item__icon--settings::before {
 mask-image: url('../images/svg/settings.svg');
 -webkit-mask-image: url('../images/svg/settings.svg');
}

.help-category-info__content {
 width: calc(100% - 48px);
 padding-left: 24px;
}

.help-category-info__count {
 font-weight: 600;
 font-size: 14px;
 line-height: 1.1;
 color: var(--text-primary);
}

.help-category-info__title {
 margin-top: 12px;
}

.help-category-info__descr {
 margin-top: 12px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}


.help-acticle-items-block {
 margin-top: 48px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
}

.help-acticle-items {}

.help-acticle-item {
 border-bottom: 1px solid var(--border-border);
 padding: 20px 32px;
 display: flex;
 align-items: center;
 text-decoration: none;
}

.help-acticle-item:first-child {
 border-top-left-radius: 31px;
 border-top-right-radius: 31px;
}

.help-acticle-item:last-child {
 border-bottom: 0;
 border-bottom-left-radius: 31px;
 border-bottom-right-radius: 31px;
}

.help-acticle-item__title {
 width: calc(100% - 48px);
 padding-right: 20px;
 cursor: pointer;
}

.help-acticle-item__icon {
 position: relative;
 background: var(--bg-secondary);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 transition: 0.4s ease;
}

.help-acticle-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/round-arrow-right.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/round-arrow-right.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}


.help-acticle-item:hover {
 background: var(--bg-primary-subtle);
 border-bottom-color: var(--border-ring);
}

.help-acticle-item:hover .help-acticle-item__icon {
 background: var(--bg-primary);
}

.help-acticle-item:hover .help-acticle-item__icon::before {
 background: var(--icon-on-primary);
}




.help-acticles-search-result-block {
 margin-top: 24px;
}

.help-acticles-search-result-block:first-child {
 margin-top: 0;
}


.help-acticles-search-result {}

.help-acticles-search-result-title {}


.help-acticles-search-result .help-acticle-items-block {
 margin-top: 24px;
}





.help-acticle-block {
 margin-top: 48px;
}

.help-acticle {}

.help-acticle__image {
 border-bottom: 1px solid var(--border-border);
 border-radius: 40px;
}

.help-acticle__image .image {
 width: 100%;
 height: 100%;
 border-radius: 40px;
 object-fit: cover;
}

.help-acticle__content {
 margin-top: 48px;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}

.help-acticle__content p {
 margin-bottom: 2rem;
}

.help-acticle__content p:last-child {
 margin-bottom: 0;
}

.help-acticle__content h1,
.help-acticle__content h2,
.help-acticle__content h3,
.help-acticle__content h4,
.help-acticle__content h5,
.help-acticle__content h6,
.help-acticle__content .h1,
.help-acticle__content .h2,
.help-acticle__content .h3,
.help-acticle__content .h4,
.help-acticle__content .h5,
.help-acticle__content .h6 {
 margin-bottom: 2rem;
}

.help-acticle__content h1:last-child,
.help-acticle__content h2:last-child,
.help-acticle__content h3:last-child,
.help-acticle__content h4:last-child,
.help-acticle__content h5:last-child,
.help-acticle__content h6:last-child,
.help-acticle__content .h1:last-child,
.help-acticle__content .h2:last-child,
.help-acticle__content .h3:last-child,
.help-acticle__content .h4:last-child,
.help-acticle__content .h5:last-child,
.help-acticle__content .h6:last-child {
 margin-bottom: 0;
}

.help-acticle__content h1:last-child,
.help-acticle__content h2:last-child,
.help-acticle__content h3:last-child,
.help-acticle__content h4:last-child,
.help-acticle__content h5:last-child,
.help-acticle__content h6:last-child,
.help-acticle__content .h1:last-child,
.help-acticle__content .h2:last-child,
.help-acticle__content .h3:last-child,
.help-acticle__content .h4:last-child,
.help-acticle__content .h5:last-child,
.help-acticle__content .h6:last-child {
 margin-bottom: 0;
}

.help-acticle__content dl,
.help-acticle__content ol,
.help-acticle__content ul {
 margin-bottom: 2rem;
}

.help-acticle__content dl:last-child,
.help-acticle__content ol:last-child,
.help-acticle__content ul:last-child {
 margin-bottom: 0;
}

.help-acticle__content .system-message-block {
 margin-bottom: 2rem;
}

.help-acticle__content .system-message-block:last-child {
 margin-bottom: 0;
}

.help-acticle__share {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: 24px;
 border-bottom: 1px solid var(--border-border);
 padding-top: 32px;
 padding-bottom: 32px;
}

.help-acticle__share__left {
 padding-right: 24px;
}

.help-acticle__share-title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
}


.help-acticle__share__right {}

.help-acticle__share .social-links-block {
 margin-top: 0;
}


.section-help-acticle {
 padding-top: 40px;
 /* padding-bottom: 0; */
}

.section-help-acticle .s-description-block {
 margin-left: 0;
 margin-right: 0;
 max-width: 100%;
}

.section-help-acticle+.section-news {
 padding-top: 0;
}

.system-message-block {
 margin-top: 2rem;
}

.system-message {
 display: flex;
 background: var(--bg-primary-subtle);
 border: 1px solid rgba(199, 235, 84, 0.2);
 border-radius: 32px;
 padding: 24px;
}

.system-message__icon-wrapper {
 width: 48px;
 height: 48px;
 border-radius: 48px;
 padding: 1px;
 background-image: var(--border-input-gradient);
 transition: 0.4s ease;
}

.system-message__icon {
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 background: var(--bg-accent-subtle);
 border-radius: 46px;
 transition: 0.4s ease;
}

.system-message__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/info-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/info-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}


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

.system-message__title {
 font-weight: 500;
 font-size: 20px;
 line-height: 1.3;
 color: var(--text-foreground);
}

.system-message__descr {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
 opacity: 0.5;
}

.system-message--success {
 background: rgba(34, 242, 147, 0.1);
 border: 1px solid rgba(34, 242, 147, 0.2);
}

.system-message--success .system-message__icon-wrapper {
 background-image: linear-gradient(63deg, rgba(34, 242, 147, 0.9), rgba(255, 255, 255, 0.25), rgba(34, 242, 147, 0.05));
}

.system-message--success .system-message__icon {
 background: var(--bg-success-subtle);
}

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



.system-message--error {
 background: rgba(250, 84, 75, 0.1);
 border: 1px solid rgba(250, 84, 75, 0.2);
}

.system-message--error .system-message__icon-wrapper {
 background-image: linear-gradient(63deg, rgba(250, 84, 75, 0.9), rgba(255, 255, 255, 0.25), rgba(250, 84, 75, 0.05));
}

.system-message--error .system-message__icon {
 background: var(--bg-destructive-subtle);
}

.system-message--error .system-message__icon::before {
 mask-image: url('../images/svg/danger-triangle.svg');
 -webkit-mask-image: url('../images/svg/danger-triangle.svg');
 background-color: var(--icon-destructive);
}

.help-acticle__useful-block {
 margin-top: 24px;
}

.help-acticle__useful {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 32px;
}

.help-acticle__useful-title {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
 text-align: center;
}

.help-acticle__useful-buttons-block {
 margin-top: 8px;
}

.help-acticle__useful-buttons {
 display: flex;
 justify-content: center;
 margin-left: -8px;
 margin-right: -8px;
}

.help-acticle__useful-button-wrapper {
 padding-left: 8px;
 padding-right: 8px;
}

.help-acticle__useful-button {
 border-radius: 9999px;
 width: 56px;
 height: 56px;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 border: 0;
 background: var(--border-border);
}

.help-acticle__useful-button--bad {}

.help-acticle__useful-button--neutral {}

.help-acticle__useful-button--good {}

.help-acticle__useful-button__icon {
 width: 30px;
 height: 30px;
}

.help-acticle__useful-button__icon {}


.help-acticle__useful-button:hover {
 background-color: var(--bg-primary);
}


.related-articles-block {
 margin-top: 24px;
}

.related-articles-title {}


.related-article-items {
 margin-top: 24px;
}

.related-article-item {
 margin-top: 16px;
}

.related-article-item:first-child {
 margin-top: 0;
}

.related-article-link {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
 text-decoration: none;
}

.related-article-link:hover {
 color: var(--text-primary);
 text-decoration: underline;
}




.section-documents {
 padding-top: 40px;
 padding-bottom: 16px;
 background-image: url('../images/front/documents/section-documents-bg.png');
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
}


.document-items-block {
 margin-top: 48px;
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
}

.document-items {}

.document-item {
 border-bottom: 1px solid var(--border-border);
 padding: 20px 32px;
 display: flex;
 align-items: center;
 text-decoration: none;
}

.document-item:first-child {
 border-top-left-radius: 31px;
 border-top-right-radius: 31px;
}

.document-item:last-child {
 border-bottom: 0;
 border-bottom-left-radius: 31px;
 border-bottom-right-radius: 31px;
}

.document-item__left {
 width: calc(100% - 48px);
 padding-right: 20px;
 display: flex;
 align-items: center;
}

.document-item__title {
 cursor: pointer;
}

.document-item__arrow {
 position: relative;
 background: var(--bg-secondary);
 border-radius: 9999px;
 width: 48px;
 height: 48px;
 transition: 0.4s ease;
}

.document-item__arrow::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/round-arrow-right.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/round-arrow-right.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}



.document-item__icon-wrapper {
 width: 48px;
 height: 48px;
 border-radius: 48px;
 padding: 1px;
 background-image: var(--border-input-gradient);
 transition: 0.4s ease;
}

.document-item__icon {
 width: 100%;
 height: 100%;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #27272a;
 border-radius: 46px;
 transition: 0.4s ease;
}

.document-item__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/document-text.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/document-text.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
}



.document-item__content {
 width: calc(100% - 48px);
 padding-left: 20px;
}

.document-item__title {
 font-weight: 500;
 font-size: 18px;
 line-height: 1.3;
 color: var(--text-foreground);
}


.document-item__date {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}



.document-item:hover {
 background: var(--bg-primary-subtle);
 border-bottom-color: var(--border-ring);
}

.document-item:hover .document-item__arrow {
 background: var(--bg-primary);
}

.document-item:hover .document-item__title {
 color: var(--text-primary);
}

.document-item:hover .document-item__arrow::before {
 background: var(--icon-on-primary);
}

.document-item:hover .document-item__icon::before {
 background: var(--icon-primary);
}


.section-document {
 padding-top: 40px;
}

.section-document .s-description-block {
 margin-left: 0;
 margin-right: 0;
 max-width: 100%;
}

.section-document+.section-cta {
 padding-top: 0;
}




.document-block {
 margin-top: 48px;
}

.document {}

.document__image {
 border-bottom: 1px solid var(--border-border);
 border-radius: 40px;
}

.document__image .image {
 width: 100%;
 height: 100%;
 border-radius: 40px;
 object-fit: cover;
}

.document__content {
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 /* padding-bottom: 48px; */
}

.document__content p {
 margin-bottom: 2rem;
}

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

.document__content h1,
.document__content h2,
.document__content h3,
.document__content h4,
.document__content h5,
.document__content h6,
.document__content .h1,
.document__content .h2,
.document__content .h3,
.document__content .h4,
.document__content .h5,
.document__content .h6 {
 margin-bottom: 2rem;
}

.document__content h1:last-child,
.document__content h2:last-child,
.document__content h3:last-child,
.document__content h4:last-child,
.document__content h5:last-child,
.document__content h6:last-child,
.document__content .h1:last-child,
.document__content .h2:last-child,
.document__content .h3:last-child,
.document__content .h4:last-child,
.document__content .h5:last-child,
.document__content .h6:last-child {
 margin-bottom: 0;
}

.document__content h1:last-child,
.document__content h2:last-child,
.document__content h3:last-child,
.document__content h4:last-child,
.document__content h5:last-child,
.document__content h6:last-child,
.document__content .h1:last-child,
.document__content .h2:last-child,
.document__content .h3:last-child,
.document__content .h4:last-child,
.document__content .h5:last-child,
.document__content .h6:last-child {
 margin-bottom: 0;
}

.document__content dl,
.document__content ol,
.document__content ul {
 margin-bottom: 2rem;
}

.document__content dl:last-child,
.document__content ol:last-child,
.document__content ul:last-child {
 margin-bottom: 0;
}

.document__content .system-message-block {
 margin-bottom: 2rem;
}

.document__content .system-message-block:last-child {
 margin-bottom: 0;
}


.document__content a {
 color: var(--text-primary);
 text-decoration: none;
}

.document__content a:hover {
 color: var(--text-primary);
 text-decoration: underline;
}

.lastTableElement {
 border-bottom-left-radius: 31px !important;
 border-bottom-right-radius: 31px !important;
}


.dashboard-chart {
 height: 135px;
}

.front-in-progress-products-block {
 margin-top: 24px;
}

.front-in-progress-products {
 display: flex;
 flex-wrap: wrap;
 margin-left: -24px;
 margin-right: -24px;
}

.front-in-progress-product-wrapper {
 margin-top: 24px;
 padding-left: 24px;
 padding-right: 24px;
 width: 50%;
}

.front-in-progress-product {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 64px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 height: 100%;
}

.front-in-progress-product__top {
 width: 100%;
}

.front-in-progress-product .front-product__title {
 font-size: 30px;
}

.front-in-progress-product__bottom-block {
 margin-top: 12px;
 width: 100%;
}

.front-in-progress-product__bottom {
 display: flex;
 align-items: center;
 justify-content: space-between;
 border-top: 1px solid var(--border-border);
 padding-top: 16px;
}

.front-in-progress-product__bottom-left {
 padding-right: 16px;
}

.front-in-progress-product__bottom-title {
 font-weight: 500;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
 opacity: 0.5;
}

.front-in-progress-product__bottom-right {}

.front-in-progress-product__bottom-progress {
 position: relative;
 width: 20px;
 height: 20px;
}

.front-in-progress-product__bottom-progress::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/progress-star.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/progress-star.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--lime-500);
 transition: 0.4s ease;
 animation: frontInProgressProductBottomProgressAnim linear 4s infinite
}


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

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

.modal--close-session {}

.modal-close-session-form-block {}

.modal-close-session-form {}

.modal-close-session-form .modal-form-buttons-block {
 margin-top: 0;
}


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

.modal-form-buttons {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin-left: -8px;
 margin-right: -8px;
 margin-top: -16px;
}

.modal-form-button-wrapper {
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 16px;
 width: 50%;
}

.modal-form-button .button__inner {
 padding-left: 48px;
 padding-right: 48px;
}



.modal--setup-2fa {}

.modal-setup-2fa-form-block {}

.modal-setup-2fa-form {}



.field-qr-2fa-code {
 padding: 24px;
 position: relative;
 z-index: 2;
 background: var(--bg-secondary);
 border-radius: 21px;
 display: flex;
 align-items: center;
}

.field-qr-2fa-code__left {
 width: 150px;
}

.field-qr-2fa-code__right {
 width: calc(100% - 150px);
 padding-left: 24px;
}

.field-qr-2fa-code__image {
 max-width: 150px;
 margin-right: auto;
 margin-left: auto;
}

.download-app-buttons-block {}

.download-app-buttons {
 display: flex;
 flex-wrap: wrap;
 margin-left: -6px;
 margin-right: -6px;
 margin-top: -12px;
}

.download-app-button-wrapper {
 padding-left: 6px;
 padding-right: 6px;
 margin-top: 12px;
 width: 100%;
}

.download-app-button {
 display: flex;
 align-items: center;
 justify-content: center;
 align-items: center;
 border-radius: 16px;
 background-color: var(--bg-background);
 padding: 12px 16px;
 text-decoration: none;
}

.download-app-button__icon {}

.download-app-button__text {
 padding-left: 10px;
}


.download-app-button:hover {
 background-color: var(--bg-background);
}

.modal--wallet-step-2 .modal-title-block {
 display: flex;
 align-items: center;
}



.wallet-radio-items-block {}

.wallet-radio-items {
 margin-left: -6px;
 margin-right: -6px;
 margin-top: -12px;
 display: flex;
 flex-wrap: wrap;
}

.wallet-radio-item-wrapper {
 margin-top: 12px;
 padding-left: 6px;
 padding-right: 6px;
 width: 50%;
}

.wallet-radio-item {
 height: 100%;
}

.wallet-radio-item .field {
 height: 100%;
}



.wallet-radio-container {
 line-height: 1;
 display: block;
 width: 100%;
 margin-bottom: 0;
 text-align: left;
 height: 100%;
}

.wallet-radio-custom {
 position: relative;
 border-radius: 22px;
 padding: 1px;
 cursor: pointer;
 height: 100%;
}

.wallet-radio-custom__border {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 height: 100%;
}

.wallet-radio-custom__border::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-input-gradient);
}

.wallet-radio-custom__border::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 22px;
 background-image: var(--border-accent-gradient);
 opacity: 0;
 visibility: hidden;
}

.wallet-radio-custom__border {}

.wallet-radio-custom__inner {
 height: 100%;
 position: relative;
 z-index: 2;
 border-radius: 21px;
 background: var(--bg-surface-raised);
 display: block;
 padding: 16px 16px;
}

.wallet-radio-custom__inner::before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 21px;
 background: var(--bg-primary-subtle);
 opacity: 0;
 visibility: hidden;
}


.wallet-radio-custom__icon-wrapper {
 border: 1px solid var(--border-border);
 border-radius: 9999px;
 padding: 6px;
 width: 48px;
 height: 48px;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: 0.4s ease;
}

.wallet-radio-custom__icon {
 position: relative;
 width: 20px;
 height: 20px;
}


.wallet-radio-custom__content {
 padding-top: 16px;
 width: 100%;
}

.wallet-radio-custom__title {
 font-weight: 500;
 font-size: 16px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--neutral-0);
}


.wallet-radio-custom__descr {
 font-size: 14px;
 line-height: 150%;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}



.radio-input:checked~.wallet-radio-custom .wallet-radio-custom__inner::before {
 opacity: 1;
 visibility: visible;
}

.radio-input:checked~.wallet-radio-custom .wallet-radio-custom__border::before {
 opacity: 0;
 visibility: hidden;
}

.radio-input:checked~.wallet-radio-custom .wallet-radio-custom__border::after {
 opacity: 1;
 visibility: visible;
}

.radio-input:checked~.wallet-radio-custom .wallet-radio-custom__icon-wrapper {
 background: var(--bg-primary);
 border-color: var(--border-accent);
}


.custom-modal {
 /* display: block;
 position: relative;
 opacity: 1 !important; */
}


.add-new-address-button-block {
 margin-top: 12px;
}

.add-new-address-button {
 border: 1px dashed rgba(199, 235, 84, 0.5);
 border-radius: 22px;
 padding: 16px;
 display: flex;
 align-items: center;
 background-color: transparent;
 width: 100%;
 text-align: left;
}

.add-new-address-button__icon-wrapper {
 border-radius: 24px;
 width: 48px;
 height: 48px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: rgba(199, 235, 84, 0.12);
}

.add-new-address-button__icon {
 position: relative;
 width: 20px;
 height: 20px;
}

.add-new-address-button__icon::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 mask-image: url('../images/svg/add-circle.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/add-circle.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-primary);
 transition: 0.4s ease;
}


.add-new-address-button__content {
 width: calc(100% - 48px);
 padding-left: 16px;
}

.add-new-address-button__title {
 font-weight: 500;
 font-size: 16px;
 letter-spacing: 0.01em;
 color: var(--text-primary);
}

.add-new-address-button__descr {
 margin-top: 2px;
 font-weight: 400;
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-muted-foreground);
}



.events-empty-block {
 margin-top: 48px;
}

.events-empty {
 background: var(--bg-surface);
 border: 1px solid var(--border-border);
 border-radius: 32px;
 padding: 96px 40px;
}

.events-empty__image-wrapper {
 width: 200px;
 height: 150px;
 display: flex;
 margin-right: auto;
 margin-left: auto;
}


.events-empty__image {
 width: 300px;
 height: 240px;
 margin-left: -50px;
 margin-right: -50px;
 margin-top: -45px;
 margin-bottom: -45px;
}


.events-empty__title-block {
 margin-top: 32px;
}

.events-empty__title {
 text-align: center;
}

.events-empty__descr-block {
 margin-top: 12px;
 max-width: 560px;
 margin-right: auto;
 margin-left: auto;
}

.events-empty__descr {
 font-size: 18px;
 line-height: 1.6;
 letter-spacing: 0.01em;
 text-align: center;
 color: #a1a1aa;
}

.events-empty__copy-referral-link-button-block {
 margin-top: 32px;
 max-width: 220px;
 margin-right: auto;
 margin-left: auto;
}


.modal--document {}

.modal--document .modal-dialog {
 max-width: 720px;
}


.modal-document-form-block {}

.modal-document-form {}

.modal-document-block {
 position: relative;
 background: var(--neutral-900);
 border: 1px solid var(--border-border);
 border-radius: 20px;
 padding: 24px;
 padding-right: 12px;
}

.modal-document-block::after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 height: 120px;
 width: 100%;
 background: linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, #161616 100%);
 border-radius: 0px 0px 20px 20px;
 pointer-events: none;
}

.modal-document {
 padding-right: 24px;
 max-height: 520px;
 overflow: auto;
}


.modal-document::-webkit-scrollbar {
 width: 4px;
 height: 4px;
}

.modal-document::-webkit-scrollbar-track {
 background-color: transparent;
 border-radius: 12px;
}

.modal-document::-webkit-scrollbar-thumb {
 background: rgba(255, 255, 255, 0.2);
 border-radius: 20px;
}

.direction-legend-items-block {
 margin-top: 24px;
}

.direction-legend-items {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin-top: -16px;
 margin-left: -12px;
 margin-right: -12px;
}

.direction-legend-item-wrapper {
 padding-left: 12px;
 padding-right: 12px;
 margin-top: 16px;
}

.direction-legend-item {
 display: flex;
 align-items: center;
}

.direction-legend-item__label {
 position: relative;
 background: rgba(255, 255, 255, 0.06);
 border-radius: 999px;
 padding: 4px 10px;
 padding-left: 22px;
 font-weight: 500;
 font-size: 12px;
 color: var(--neutral-300);
}

.direction-legend-item__label::before {
 content: '';
 position: absolute;
 width: 6px;
 height: 6px;
 border-radius: 6px;
 left: 10px;
 top: 50%;
 transform: translateY(-50%);
 border: 1px solid #A3A3A3;
}

.direction-legend-item__title {
 padding-left: 8px;
 font-size: 14px;
 line-height: 1.2;
 color: var(--neutral-0);
 opacity: 0.5;
}

.direction-legend-item__label--live {
 background: rgba(199, 235, 84, 0.12);
 color: var(--lime-500);
}

.direction-legend-item__label--live::before {
 background-color: #C7EB54;
 border-color: #C7EB54;
}

.db-transactions-filter-date-button {
 position: relative;
 border-radius: 18px;
 text-align: left;
 background-image: var(--border-input-gradient);
}

.db-transactions-filter-date-button:hover {
 background-color: transparent;
 background-image: var(--border-input-gradient);
}

.db-transactions-filter-date-button .button__inner {
 border-radius: 17px;
 padding-top: 15px;
 padding-bottom: 15px;
 padding-left: 16px;
 padding-right: 16px;
}

.db-transactions-filter-date-button::after {
 content: '';
 position: absolute;
 width: 16px;
 height: 16px;
 right: 16px;
 top: 50%;
 transform: translateY(-50%);
 mask-image: url('../images/svg/alt-arrow-down.svg');
 mask-position: center;
 mask-repeat: no-repeat;
 mask-size: 20px 20px;
 -webkit-mask-image: url('../images/svg/alt-arrow-down.svg');
 -webkit-mask-position: center;
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 20px 20px;
 background-color: var(--icon-muted);
 transition: 0.4s ease;
 z-index: 3;
}

.db-transactions-filter-date-button.show {
 background-color: transparent;
 background-image: var(--border-accent-gradient);
}

.db-transactions-filter-date-button.show::after {
 transform: translateY(-50%) rotate(180deg);
}


.db-transactions-filter-date-dropdown {
 /* display: block !important; */
 padding-top: 0;
 padding-bottom: 0;
 border-radius: 18px;
 background-color: transparent;
 margin-top: 4px !important;
 margin-bottom: 4px !important;
}

[data-vc=calendar] {
 border: 1px solid var(--border-border);
 border-radius: 18px;
 box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.4);
}

[data-vc-theme=dark].vc {
 background: var(--bg-surface-raised);
}

[data-vc=month],
[data-vc=year] {
 font-size: 14px;
 letter-spacing: 0.01em;
 color: var(--text-foreground);
 font-weight: 400;
}

[data-vc-week-day] {
 font-weight: 400;
 font-size: 12px;
 color: var(--text-muted-foreground);
}

[data-vc-date-btn] {
 font-size: 13px;
 color: var(--text-muted-foreground);

}

[data-vc-theme=dark] .vc-week__day,
[data-vc-theme=dark] .vc-week__day-btn {
 font-weight: 400;
 font-size: 12px;
 color: var(--text-muted-foreground);
}

[data-vc-theme=dark] .vc-week__day[data-vc-week-day-off],
[data-vc-theme=dark] .vc-week__day[data-vc-week-day-off] .vc-week__day-btn {
 color: var(--text-muted-foreground);
}


[data-vc-theme=dark] .vc-date__btn {
 background-color: transparent;
 font-size: 13px;
 color: var(--text-muted-foreground);
}

[data-vc-theme=dark] .vc-date[data-vc-date-holiday] .vc-date__btn,
[data-vc-theme=dark] .vc-date[data-vc-date-weekend] .vc-date__btn {
 font-weight: 400;
 font-size: 13px;
 color: var(--text-muted-foreground);
}

[data-vc-theme=dark] .vc-date[data-vc-date-disabled] .vc-date__btn {
 color: var(--text-muted-foreground);
 opacity: 0.4;

}

[data-vc-theme=dark] .vc-date[data-vc-date-holiday][data-vc-date-disabled] .vc-date__btn,
[data-vc-theme=dark] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn {
 color: var(--text-muted-foreground);
 opacity: 0.4;
}

[data-vc-theme=dark] .vc-date[data-vc-date-today] .vc-date__btn {
 background: var(--lime-500);
 color: var(--text-primary-foreground);
}

[data-vc-theme=dark] .vc-date[data-vc-date-hover] .vc-date__btn {
 background: rgba(199, 235, 84, 0.14);
}

[data-vc-theme=dark] .vc-date[data-vc-date-selected] .vc-date__btn {
 background: var(--lime-500);
 color: var(--text-primary-foreground);
}


[data-vc-theme=dark] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn {
 background: rgba(199, 235, 84, 0.14);
}

[data-vc-theme=dark] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-selected] .vc-date__btn,
[data-vc-theme=dark] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn {
 background: rgba(199, 235, 84, 0.14);
}

[data-vc-theme=dark] .vc-date[data-vc-date-holiday][data-vc-date-hover] .vc-date__btn,
[data-vc-theme=dark] .vc-date[data-vc-date-weekend][data-vc-date-hover] .vc-date__btn {
 background: rgba(199, 235, 84, 0.14);
 color: var(--text-muted-foreground);
}

[data-vc-theme=dark] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn,
[data-vc-theme=dark] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn {
 background: var(--lime-500);
 color: var(--text-primary-foreground);

}


@media (hover: hover) and (pointer: fine) {

 [data-vc-theme=dark] .vc-month:hover,
 [data-vc-theme=dark] .vc-year:hover {
  color: var(--icon-primary);
 }

 [data-vc-theme=dark] .vc-date__btn:hover {
  background: rgba(199, 235, 84, 0.14);
  color: var(--neutral-0);
 }

 [data-vc-theme=dark] .vc-date[data-vc-date-selected] .vc-date__btn:hover {
  background: var(--lime-500);
  color: var(--text-primary-foreground);
 }

 [data-vc-theme=dark] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-selected] .vc-date__btn:hover,
 [data-vc-theme=dark] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover {
  background: var(--lime-500);
  color: var(--text-primary-foreground);

 }

 [data-vc-theme=dark] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn,
 [data-vc-theme=dark] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn {
  background: var(--lime-500);
  color: var(--text-primary-foreground);

 }

 [data-vc-theme=dark] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn:hover,
 [data-vc-theme=dark] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover {
  background: var(--lime-500);
  color: var(--text-primary-foreground);
 }

 [data-vc-theme=dark] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn:hover {
  background: var(--lime-500);
  color: var(--text-primary-foreground);

 }

 [data-vc-theme=dark] .vc-date[data-vc-date-holiday] .vc-date__btn:hover,
 [data-vc-theme=dark] .vc-date[data-vc-date-weekend] .vc-date__btn:hover {
  background: var(--lime-500);
  color: var(--text-primary-foreground);
 }

 [data-vc-theme=dark] .vc-date[data-vc-date-hover=first] .vc-date__btn:hover,
 [data-vc-theme=dark] .vc-date[data-vc-date-hover=last] .vc-date__btn:hover {
  background: var(--lime-500);
  color: var(--text-primary-foreground);
 }

 [data-vc-theme=dark] .vc-date[data-vc-date-weekend][data-vc-date-hover=first] .vc-date__btn:hover,
 [data-vc-theme=dark] .vc-date[data-vc-date-weekend][data-vc-date-hover=last] .vc-date__btn:hover {
  background: var(--lime-500);
  color: var(--text-primary-foreground);
 }
}