/*
Theme Name: Profit Arbitrage
Theme URI: https://profitarbitrage.io/
Description: Child theme of Twenty Twenty-Five for Profit Arbitrage.
Author: Development - UHTY (uh-ty.site)
Template: twentytwentyfive
Text Domain: profitarbitrage
Version: 1.0.0
*/


:root {
    --font-text: "Manrope", sans-serif;
    --font-title: "Coolvetica", sans-serif;
    --font-family: "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap";
    --font-family-title: "https://s3.profitarbitrage.ai/static/fonts/Coolvetica/coolvetica.css";
    --font-weight-default: 400;
    --color-white: #fff;
    --color-black: #090a09;
    --color-grey-100: #f3f4f3;
    --color-grey-200: #e6e9e6;
    --color-grey-300: #cbcfcb;
    --color-grey-400: #a3aca3;
    --color-grey-500: #595e59;
    --color-grey-600: #3f433f;
    --color-grey-700: #272a27;
    --color-grey-800: #151b15;
    --color-grey-900: #171917;
    --color-grey-1000: #131413;
    --color-accent: #98cd02;
    --color-accent-100: #f8ffe5;
    --color-accent-200: #edfdbf;
    --color-accent-300: #daf980;
    --color-accent-400: #98cd02;
    --color-accent-500: #557200;
    --color-accent-600: #293800;
    --color-accent-700: #1a2300;
    --gradient-accent-user: linear-gradient(180deg, #b5f402, #62d827);
    --gradient-accent: linear-gradient(180deg, #b5f402, #62d827)
}

html[theme=dark] {
    --color-accent: #b5f402
}

:root {
    --border-1-color: var(--color-grey-200);
    --bg-color-accent-100: var(--color-accent-100);
    --bg-color-accent-200: var(--color-accent-300);
    --bg-color-accent-300: var(--color-accent-400);
    --bg-color: var(--color-grey-100);
    --bg-color-content: var(--color-white);
    --bg-color-light: var(--color-grey-100);
    --bg-color-highlight: var(--color-grey-200);
    --bg-color-bw: var(--color-white);
    --bt-grey-bg-color: var(--color-grey-200);
    --bt-accent-bg: #b5f402;
    --bt-accent-color: var(--color-grey-700);
    --bt-accent-hover-bg: var(--color-accent-400);
    --bt-accent-hover-color: var(--color-black);
    --bt-secondary-bg-color: var(--color-grey-100);
    --bt-secondary-color: var(--color-grey-800);
    --bt-secondary-hover-color: var(--color-grey-800);
    --bt-disabled-bg-color: var(--color-grey-300);
    --bt-disabled-color: var(--color-grey-400);
    --color-text: var(--color-black);
    --color-text-light: var(--color-grey-500);
    --color-text-lighter: var(--color-grey-400);
    --color-text-ex-light: var(--color-grey-300);
    --color-text-bright: var(--color-black);
    --field-shadow: 0px 4px 3px rgba(0, 0, 0, .02);
    --field-bg-color: var(--color-grey-100);
    --field-border-active: var(--color-accent);
    --field-disabled-bg-color: var(--color-grey-200);
    --field-disabled-color: var(--color-grey-300);
    --field-dropdown-bg-color: var(--color-white);
    --checkbox-stroke-color: var(--color-grey-400);
    --checkbox-fill-color: var(--color-white);
    --bg-nav-item-opened: var(--color-accent-100);
    --bg-nav-item-hightlight: var(--color-accent-200);
    --header-tabs-bg-color: var(--color-grey-100);
    --header-shadow: -1px 0px 0px 0px #f1f1f1 inset, 0px 4px 13px 0px rgba(0, 0, 0, .02);
    --header-tabs-shadow: 0px 4px 24px 0px rgba(168, 176, 185, .2);
    --tag-bg-color: var(--color-white);
    --tag-active-bg-color: var(--color-accent-200);
    --tag-active-color: var(--color-accent-400);
    --tag-light-color: var(--color-white);
    --tag-light-bg-color: var(--color-accent-600);
    --tag-green-bg-color: var(--color-green-light);
    --tag-green-color: var(--color-green);
    --notice-bg-color: var(--color-accent-200);
    --notice-light-bg-color: var(--color-grey-100);
    --shadow-1: 4px 0px 21px 0px #f3f3f3;
    --shadow-2: -1px 0px 0px 0px #f1f1f1 inset, 0px 4px 13px 0px rgba(0, 0, 0, .02);
    --shadow-3: 0px 4px 32px -8px rgba(0, 0, 0, .16);
    --shadow-100: 0px 4px 40px 0px rgba(0, 0, 0, .04);
    --shadow-200: 0px 4px 32px 0px rgba(0, 0, 0, .04);
    --shadow-300: 0px 4px 32px -8px rgba(0, 0, 0, .16);
    --loader-bg: #dbdbdb;
    --loader-bg-active: var(--bg-color-highlight);
    --color-red: #f73b3b;
    --color-red-light: #eb5757;
    --color-red-bg: #ffdbdc;
    --color-orange: #e19639;
    --color-orange-light: #fbf0e3;
    --color-green: #5cc774;
    --color-green-light: rgba(92, 199, 116, .8);
    --color-green-bg: #effaf2;
    --color-green-ex-light: #e5f6e9;
    --color-green-ex-dark: #22342a
}

html[theme=dark] {
    --border-1-color: var(--color-grey-700);
    --bg-color-accent-100: var(--color-accent-700);
    --bg-color-accent-200: var(--color-accent-600);
    --bg-color-accent-300: var(--color-accent-500);
    --bg-color: var(--color-grey-1000);
    --bg-color-content: var(--color-grey-900);
    --bg-color-light: var(--color-grey-700);
    --bg-color-highlight: var(--color-grey-600);
    --bg-color-bw: #000;
    --bt-grey-bg-color: var(--color-grey-700);
    --bt-accent-bg: var(--color-accent);
    --bt-accent-color: var(--color-black);
    --bt-accent-hover-bg: var(--color-accent-500);
    --bt-accent-hover-color: var(--color-black);
    --bt-secondary-bg-color: var(--color-grey-700);
    --bt-secondary-color: var(--color-accent);
    --bt-secondary-hover-color: var(--color-accent);
    --bt-disabled-bg-color: var(--color-grey-600);
    --bt-disabled-color: var(--color-grey-400);
    --color-text: var(--color-grey-100);
    --color-text-light: var(--color-grey-300);
    --color-text-lighter: var(--color-grey-400);
    --color-text-ex-light: var(--color-grey-500);
    --color-text-bright: var(--color-white);
    --field-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .06);
    --field-bg-color: var(--color-grey-700);
    --field-border-active: var(--color-accent-500);
    --field-disabled-bg-color: var(--color-grey-800);
    --field-disabled-color: var(--color-grey-500);
    --field-dropdown-bg-color: var(--color-grey-700);
    --checkbox-stroke-color: var(--color-grey-400);
    --checkbox-fill-color: var(--color-black);
    --bg-nav-item-opened: var(--color-accent-700);
    --bg-nav-item-hightlight: var(--color-accent-600);
    --header-tabs-bg-color: var(--color-grey-800);
    --header-shadow: none;
    --header-tabs-shadow: none;
    --tag-bg-color: var(--color-grey-200);
    --tag-active-bg-color: var(--color-accent-600);
    --tag-active-color: var(--color-accent);
    --tag-light-color: var(--color-white);
    --tag-light-bg-color: var(--color-accent-600);
    --tag-green-bg-color: var(--color-green);
    --tag-green-color: var(--color-white);
    --notice-bg-color: var(--color-accent-600);
    --notice-light-bg-color: var(--color-grey-800);
    --shadow-1: 4px 0px 21px 0px #000;
    --shadow-2: 0px 4px 40px 0px rgba(0, 0, 0, .24);
    --shadow-100: 0px 4px 32px -8px rgba(0, 0, 0, .16);
    --shadow-200: 0px 4px 32px 0px rgba(0, 0, 0, .04);
    --shadow-300: 0px 4px 32px -8px rgba(0, 0, 0, .16);
    --loader-bg: var(--bg-color-light);
    --loader-bg-active: var(--bg-color-highlight);
    --color-red: #f73b3b;
    --color-red-light: #eb5757;
    --color-red-bg: #49272a;
    --color-orange-light: #332a20
}

/*Кастомний Скролбар*/
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #0000001A;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #b5f402;
    border-radius: 0px;
    transition: 1s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #daf980;
}

/*Кастомний Скролбар - кінець*/

* {
    box-sizing: border-box;
}

body {}


body {
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    padding: 0
}

body,
html {
    height: 100%;
    text-rendering: geometricPrecision
}

html {
    color-scheme: light
}

html[theme=dark] {
    color-scheme: dark
}

a {
    cursor: pointer
}

p {
    margin-bottom: 8px
}

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

* {
    border: 0;
    color: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

:active,
:focus {
    outline: none
}

*,
:after,
:before {
    box-sizing: border-box
}

aside,
footer,
header,
nav,
section {
    display: block
}

ol,
ul {
    padding-inline-start: 1.5em
}

ol._normalize,
ul._normalize {
    list-style: none;
    margin: 0;
    padding-inline-start: 0
}

ol._normalize li,
ul._normalize li {
    list-style: none
}

a {
    color: inherit;
    text-decoration: none
}

a:active,
a:focus,
a:hover,
a:visited {
    outline: none;
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    height: 100%;
    vertical-align: top;
    width: 100%;
    -ms-interpolation-mode: bicubic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: inherit;
    margin: 0
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

button,
input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: inherit;
    font: inherit;
    overflow: visible
}

button::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: currentColor;
    opacity: .5;
    text-overflow: ellipsis;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

button:-moz-placeholder,
button::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
select:-moz-placeholder,
select::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
    color: currentColor;
    opacity: .5;
    text-overflow: ellipsis;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease
}

button:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: currentColor;
    opacity: .5;
    text-overflow: ellipsis;
    -ms-transition: opacity .25s ease;
    transition: opacity .25s ease
}

button:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0
}

button:focus:-moz-placeholder,
button:focus::-moz-placeholder,
input:focus:-moz-placeholder,
input:focus::-moz-placeholder,
select:focus:-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0
}

button:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: 0
}

button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner {
    border: 0;
    padding: 0
}

button::-ms-clear,
button::-ms-expand,
input::-ms-clear,
input::-ms-expand,
select::-ms-clear,
select::-ms-expand,
textarea::-ms-clear,
textarea::-ms-expand {
    display: none
}

button::-ms-reveal,
input::-ms-reveal,
select::-ms-reveal,
textarea::-ms-reveal {
    display: none
}

button {
    cursor: pointer;
    text-rendering: geometricPrecision
}

textarea {
    overflow: auto;
    resize: none
}

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

input[type=search]::-webkit-inner-spin-button,
input[type=search]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-ms-clear {
    display: none
}

input[type=submit] {
    cursor: pointer
}

label {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[hidden] {
    display: none
}

b {
    font-weight: 600
}

[lazy=loading] {
    background-size: 100px !important
}

.text-sm {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.text-sm-bold {
    font-weight: 500
}

.text-limit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-underline {
    text-decoration: underline
}

.text-bold {
    font-weight: 500
}

.c-text {
    color: var(--color-text)
}

.c-text-light {
    color: var(--color-text-light)
}

.c-text-lighter {
    color: var(--color-text-lighter)
}

.c-text-ex-light {
    color: var(--color-text-ex-light)
}

.c-green {
    color: var(--color-green)
}

.c-accent {
    color: var(--color-accent)
}

.c-red {
    color: var(--color-red-light)
}

.c-orange {
    color: #e19639
}

.c-white {
    color: var(--color-white)
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.flex-column {
    display: flex;
    flex-direction: column
}

.flex-column._gap-4 {
    gap: 4px
}

.flex-start {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 20px;
    align-items: flex-start;
}

.flex-start._wrap {
    flex-wrap: wrap
}

.flex-start._gap-6 {
    gap: 6px
}

.flex-end {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.mt-2 {
    margin-top: 2px
}

.mb-2 {
    margin-bottom: 2px
}

.ml-2 {
    margin-inline-start: 2px
}

.mr-2 {
    margin-inline-end: 2px
}

.mt-4 {
    margin-top: 4px
}

.mb-4 {
    margin-bottom: 4px
}

.mr-4 {
    margin-inline-end: 4px
}

.ml-4 {
    margin-inline-start: 4px
}

.mb-16 {
    margin-bottom: 16px
}

.mt-16 {
    margin-top: 16px
}

.mr-16 {
    margin-inline-end: 16px
}

.ml-16 {
    margin-inline-start: 16px
}

body,
html {
    scroll-behavior: smooth
}

body {
    background: var(--bg-color);
    color: var(--color-text);
    font-family: var(--font-text);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.6
}

h1,
h2,
h3,
h4 {
    text-align: inherit
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    line-height: 1.3em
}

.h1 {
    font-family: var(--font-title);
    font-size: 22px;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .h1 {
        font-size: 20px
    }
}

.h2 {
    font-size: 20px
}

.h2,
.h3 {
    font-family: var(--font-title);
    font-weight: 600
}

.h3 {
    font-size: 18px
}

.h4 {
    font-family: var(--font-title);
    font-size: 16px;
    font-weight: 600
}

.container {
    margin: 0 auto;
    max-width: 1320px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

@media screen and (max-width:992px) {
    .container {
        margin-inline-start: 0;
        max-width: unset;
        min-width: unset;
        padding: 0 12px;
        width: 100vw
    }
}

.link {
    cursor: pointer;
    transition: color .2s
}

.link--blue,
.link:hover {
    color: var(--color-accent)
}

.link--blue {
    cursor: pointer;
    font-weight: 400;
    transition: color .2s
}

.link--blue:hover {
    color: var(--color-accent);
    text-decoration: underline
}

.link--blue._w,
.link._w {
    font-weight: 500
}

.label-green-dot {
    font-size: 12px;
    font-weight: 500;
    height: -moz-fit-content;
    height: fit-content;
    letter-spacing: -.024px;
    line-height: 150%;
    padding-inline-start: 12px;
    position: relative;
    white-space: nowrap
}

.label-green-dot:before {
    background-color: var(--color-accent-400);
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.ui-modal-amount__sum {
    font-family: var(--font-title), sans-serif;
    font-size: 32px
}

.ui-bubble {
    border: 1px solid var(--color-orange);
    border-radius: 4px;
    color: var(--color-orange);
    display: inline-block;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.09px;
    line-height: 140%;
    padding: 0 4px;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content
}

.ui-bubble._red {
    border-color: var(--color-red-light);
    color: var(--color-red-light)
}

.ui-bubble._green {
    border-color: var(--color-green);
    color: var(--color-green)
}

.ui-bubble._grey {
    border-color: var(--color-text-ex-light);
    color: var(--color-text-ex-light)
}

.ui-bubble-hint,
.ui-bubble__wrapper {
    align-items: center;
    display: flex
}

.ui-bubble__wrapper {
    flex-wrap: nowrap;
    gap: 4px
}

.ui-button {
    align-items: center;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    height: -moz-max-content;
    height: max-content;
    justify-content: center;
    letter-spacing: .28px;
    line-height: 140%;
    min-height: 48px;
    padding: 6px 20px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    transition: color .25s, background-color .25s, opacity .25s, transform .25s;
    width: -moz-max-content;
    width: max-content
}

@media (hover:none) {
    .ui-button:active:active {
        transform: scale(.97)
    }
}

.ui-button._s-small {
    min-height: 40px
}

.ui-button._s-tiny {
    min-height: 36px;
    padding: 6px 16px
}

.ui-button._square {
    height: 40px;
    padding: 11px;
    width: 40px
}

.ui-button._square._s-tiny {
    height: 36px;
    padding: 4px;
    width: 36px
}

.ui-button._grey {
    background-color: var(--field-bg-color);
    border: 1px solid var(--border-1-color);
    color: var(--color-text)
}

.ui-button._grey:hover {
    color: var(--color-accent)
}

.ui-button._content {
    background-color: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    color: var(--color-text)
}

.ui-button._content:hover {
    color: var(--color-accent)
}

.ui-button._white {
    background-color: var(--bt-secondary-bg-color);
    border: 1px solid var(--border-1-color);
    color: var(--bt-secondary-color);
    font-weight: 400;
    transition: border-color .2s, color .2s
}

.ui-button._white .ui-loader {
    color: var(--color-text)
}

@media (hover:hover) {
    .ui-button._white:hover {
        color: var(--bt-secondary-hover-color, var(--color-accent))
    }

    .ui-button._white:hover .ui-loader {
        color: var(--color-text)
    }
}

.ui-button._accent-transparent {
    background-color: transparent;
    border: 1px solid var(--color-accent);
    color: var(--color-accent);
    font-weight: 400;
    transition: border-color .2s, color .2s, background-color .2s, background .2s
}

.ui-button._accent-transparent .ui-loader {
    color: var(--color-accent)
}

@media (hover:hover) {
    .ui-button._accent-transparent:hover {
        background-color: var(--color-accent);
        color: var(--color-white)
    }

    .ui-button._accent-transparent:hover .ui-loader {
        color: var(--color-white)
    }
}

.ui-button._accent {
    background: var(--bt-accent-bg)
}

.ui-button._accent,
.ui-button._accent .ui-loader {
    color: var(--bt-accent-color)
}

@media (hover:hover) {
    .ui-button._accent:hover {
        background: var(--bt-accent-hover-bg);
        color: var(--bt-accent-hover-color)
    }
}

.ui-button._accent-light {
    background: var(--bg-color-accent-200)
}

.ui-button._accent-light,
.ui-button._accent-light .ui-loader {
    color: var(--color-accent)
}

@media (hover:hover) {
    .ui-button._accent-light:hover {
        background: var(--bg-color-accent-300);
        color: var(--color-white)
    }
}

.ui-button._green {
    background-color: var(--color-green)
}

.ui-button._green,
.ui-button._green .ui-loader {
    color: var(--color-white)
}

@media (hover:hover) {
    .ui-button._green:hover {
        background-color: var(--color-green-light)
    }
}

.ui-button._red-light {
    background-color: var(--color-red-bg);
    color: var(--color-red)
}

@media (hover:hover) {
    .ui-button._red-light:hover {
        opacity: .8
    }
}

.ui-button._disabled,
.ui-button[disabled],
.ui-button[disabled]:hover {
    background-color: var(--bt-disabled-bg-color);
    border: 1px solid var(--bt-disabled-bg-color);
    color: var(--bt-disabled-color);
    cursor: not-allowed
}

.ui-button-icon {
    height: 16px;
    width: 16px
}

.ui-button-icon._inherit {
    color: inherit
}

.ui-button-icon._accent {
    color: var(--color-accent)
}

.ui-button__loading {
    align-items: center;
    background: inherit;
    border-radius: inherit;
    position: absolute;
    top: 0;
    inset-inline: 0 0;
    bottom: 0;
    display: flex;
    justify-content: center
}

.ui-button__loading .ui-loader {
    height: 24px;
    width: 24px
}

.ui-button[disabled] {
    cursor: not-allowed
}

.ui-button-text {
    align-items: center;
    color: var(--color-accent);
    cursor: pointer;
    display: flex;
    font-weight: 500;
    text-align: left;
    transition: color .2s, opacity .2s;
    width: -moz-max-content;
    width: max-content;
    will-change: color
}

@media (hover:hover) {
    .ui-button-text:hover {
        text-decoration: underline
    }
}

.ui-button-text._black {
    color: var(--color-text)
}

.ui-button-text._accent-light {
    color: var(--color-accent-400)
}

.ui-button-text._red {
    color: var(--color-red)
}

.ui-button-text._grey {
    color: var(--color-text-ex-light)
}

@media (hover:hover) {
    .ui-button-text._grey:hover {
        color: var(--color-accent);
        text-decoration: none
    }
}

.ui-button-text._loading {
    opacity: .7
}

.ui-button-text .ui-icon {
    height: .9em;
    width: .9em
}

.ui-button-text .ui-icon:first-child {
    margin-inline-start: .2em
}

.ui-button-text .ui-icon:last-child {
    margin-inline-end: .2em
}

.ui-button-text .ui-loader {
    height: 1em;
    margin-inline-start: 2px;
    width: 1em
}

.ui-copy {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px
}

.ui-copy._noWrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-copy .ui-icon {
    color: var(--color-text-ex-light);
    cursor: pointer;
    flex: 0 0 16px;
    height: 16px;
    transition: color .2s;
    width: 16px
}

.ui-copy__inner {
    align-items: center;
    display: flex;
    gap: 4px
}

.ui-copy__inner:hover .ui-icon {
    color: var(--color-accent)
}

.ui-copy__url {
    align-items: center;
    display: flex
}

.ui-copy__url .ui-icon:hover {
    color: var(--color-accent)
}

.ui-icon {
    box-sizing: content-box;
    display: inline-block;
    height: 18px;
    width: 18px
}

html[dir=rtl] .ui-icon._rtl-adapt svg {
    transform: scaleX(-1)
}

.ui-icon svg {
    display: block;
    height: 100%;
    width: 100%
}

.ui-icon circle,
.ui-icon mask,
.ui-icon rect,
.ui-icon svg {
    margin: 0;
    padding: 0
}

.ui-img {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.ui-img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.ui-img__msg {
    align-items: center;
    background-color: inherit;
    inset-inline: 0 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 1
}

.ui-img__msg._err {
    color: var(--color-red);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center
}

.ui-notice {
    background-color: var(--notice-bg-color);
    border-radius: 20px;
    box-shadow: var(--field-shadow);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    padding: 20px;
    position: relative
}

.ui-notice._small {
    border-radius: 12px;
    padding: 16px 12px
}

.ui-notice._center {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.ui-notice._light {
    background-color: var(--notice-light-bg-color)
}

.ui-notice._accent {
    background-color: var(--color-accent-300)
}

.ui-notice._err {
    background-color: var(--color-red-bg)
}

.ui-notice a {
    color: var(--color-accent);
    text-decoration: underline
}

.ui-notice>* {
    margin-bottom: 12px
}

.ui-notice>:last-child {
    margin-bottom: 0
}

.ui-notice code {
    font-size: inherit
}

.ui-notice-text {
    align-items: center;
    display: flex;
    gap: 6px
}

.ui-notice-text._large {
    gap: 12px
}

.ui-notice-text._border {
    background-color: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    padding: 12px
}

.ui-notice-text .ui-icon {
    color: var(--color-accent);
    flex-shrink: 0
}

.ui-qr-code {
    border: 1px solid var(--border-1-color);
    border-radius: 16px;
    height: 132px;
    overflow: hidden;
    width: 132px
}

.ui-qr-code canvas,
.ui-qr-code img {
    border-radius: inherit;
    height: 100% !important;
    width: 100% !important
}

.ui-qr-code._err {
    align-items: center;
    border-color: var(--color-red);
    display: flex;
    justify-content: center
}

.ui-qr-code._err .ui-icon {
    color: var(--color-red);
    height: 24px;
    width: 24px
}

.ui-upvote,
.ui-upvote__inner {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.ui-upvote__inner {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .24px;
    line-height: 150%;
    transition: opacity .2s
}

.ui-upvote__inner._loading {
    opacity: .4
}

.ui-upvote .ui-loader {
    height: 12px;
    width: 12px
}

.ui-upvote__btn {
    align-items: center;
    display: flex;
    flex: 0 0 20px;
    transition: color .2s
}

.ui-upvote__btn._up._active .ui-icon,
.ui-upvote__btn._up:hover .ui-icon {
    color: var(--color-accent)
}

.ui-upvote__btn._down._active .ui-icon,
.ui-upvote__btn._down:hover .ui-icon {
    color: var(--color-red)
}

.ui-upvote__count {
    direction: ltr
}

.ui-upvote__count._positive {
    color: var(--color-accent)
}

.ui-upvote__count._negative {
    color: var(--color-red)
}

.ui-upvote .ui-icon {
    color: var(--color-text-ex-light);
    height: 20px;
    width: 20px
}

.ui-upvote span {
    color: var(--color-accent)
}

.wl-token {
    align-items: center;
    display: flex
}

.wl-token .wl-token-logo {
    margin-inline-end: 8px
}

.wl-token .wl-token-logo._small {
    margin-inline-end: 4px
}

.wl-token-name {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    gap: 2px;
    line-height: 1.3em;
    word-break: break-all
}

.wl-token-name__ticker {
    color: var(--color-text-ex-light);
    font-size: .86em;
    font-weight: 500;
    letter-spacing: .24px;
    line-height: 150%;
    margin-bottom: -.08em;
    white-space: nowrap
}

.wl-token-logo {
    background-color: var(--color-grey-200);
    background-position: 50%;
    background-size: contain;
    border-radius: 50%;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 32px;
    position: relative;
    width: 32px
}

.wl-token-logo._medium {
    height: 24px;
    width: 24px
}

.wl-token-logo._medium .ui-icon {
    height: 13px;
    width: 13px
}

.wl-token-logo._small {
    height: 20px;
    width: 20px
}

.wl-token-logo._small .ui-icon {
    height: 11px;
    width: 11px
}

.wl-token-logo._exsm {
    height: 16px;
    width: 16px
}

.wl-token-logo._medium .wl-token-logo__name,
.wl-token-logo._small .wl-token-logo__name {
    font-size: 8px
}

.wl-token-logo__name {
    border-radius: inherit;
    bottom: 0;
    color: var(--color-grey-400);
    font-size: 10px;
    font-weight: 500;
    height: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    inset-inline: 0 0;
    letter-spacing: .24px;
    line-height: 1;
    text-transform: uppercase;
    width: 100%;
    z-index: 1
}

.wl-token-logo._gradient,
.wl-token-logo__name {
    align-items: center;
    display: flex;
    justify-content: center
}

.wl-token-logo._gradient {
    background: var(--gradient-accent-user)
}

.wl-token-logo img,
.wl-token-logo:not(._gradient) svg {
    background-color: inherit;
    border-radius: inherit;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 2
}

.wl-token-logo-row {
    align-items: center;
    display: flex
}

.wl-token-logo-row .wl-token-logo {
    margin-inline-end: 8px
}

.wl-tokens {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px
}

.vc-popover-content-wrapper {
    --popover-horizontal-content-offset: 8px;
    --popover-vertical-content-offset: 10px;
    --popover-caret-horizontal-offset: 18px;
    --popover-caret-vertical-offset: 8px;
    display: block;
    outline: none;
    position: absolute;
    z-index: 10
}

.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none
}

.vc-popover-content {
    background-color: var(--vc-popover-content-bg);
    border: 1px solid;
    border-color: var(--vc-popover-content-border);
    border-radius: var(--vc-rounded-lg);
    box-shadow: var(--vc-shadow-lg);
    color: var(--vc-popover-content-color);
    font-weight: var(--vc-font-medium);
    outline: none;
    padding: 4px;
    position: relative;
    z-index: 10
}

.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset)
}

.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset)
}

.vc-popover-caret {
    background-color: inherit;
    border-left: inherit;
    border-top: inherit;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    width: 12px;
    z-index: -1
}

.vc-popover-caret.direction-bottom {
    top: 0
}

.vc-popover-caret.direction-bottom.align-left {
    transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-center {
    transform: translate(-50%) translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-right {
    transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-top {
    top: 100%
}

.vc-popover-caret.direction-top.align-left {
    transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-center {
    transform: translate(-50%) translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-right {
    transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-left {
    left: 100%
}

.vc-popover-caret.direction-left.align-top {
    transform: translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-middle {
    transform: translateY(-50%) translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-bottom {
    transform: translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-right {
    left: 0
}

.vc-popover-caret.direction-right.align-top {
    transform: translate(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-middle {
    transform: translateY(-50%) translate(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-bottom {
    transform: translate(-50%) rotate(-45deg)
}

.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-center {
    left: 50%
}

.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset)
}

.vc-popover-caret.align-middle {
    top: 50%
}

.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset)
}

.vc-day-popover-row {
    align-items: center;
    display: flex;
    transition: var(--vc-day-content-transition)
}

.vc-day-popover-row-indicator {
    align-items: center;
    display: flex;
    flex-grow: 0;
    justify-content: center;
    width: 15px
}

.vc-day-popover-row-indicator span {
    transition: var(--vc-day-content-transition)
}

.vc-day-popover-row-label {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-wrap: none;
    font-size: var(--vc-text-xs);
    line-height: var(--vc-leading-normal);
    margin-left: 4px;
    margin-right: 4px;
    width: -moz-max-content;
    width: max-content
}

.vc-day-popover-row-highlight {
    border-radius: 3px;
    height: 5px;
    width: 8px
}

.vc-day-popover-row-bar {
    height: 3px;
    width: 10px
}

.vc-base-icon {
    display: inline-block;
    stroke: currentColor;
    stroke-width: 2;
    fill: none
}

.vc-header {
    display: grid;
    grid-gap: 4px;
    align-items: center;
    height: 30px;
    margin-top: 10px;
    padding-inline-end: 10px;
    padding-inline-start: 10px
}

.vc-header.is-lg {
    font-size: var(--vc-text-lg)
}

.vc-header.is-xl {
    font-size: var(--vc-text-xl)
}

.vc-header.is-2xl {
    font-size: var(--vc-text-2xl)
}

.vc-header .vc-title-wrapper {
    grid-column: title;
    grid-row: 1
}

.vc-header .vc-prev {
    grid-column: prev;
    grid-row: 1
}

.vc-header .vc-next {
    grid-column: next;
    grid-row: 1
}

.vc-header .vc-next,
.vc-header .vc-prev,
.vc-header .vc-title {
    align-items: center;
    border: 0;
    border-radius: var(--vc-rounded);
    cursor: pointer;
    display: flex;
    pointer-events: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.vc-header .vc-title {
    color: var(--vc-header-title-color);
    font-weight: var(--vc-font-semibold);
    line-height: 30px;
    margin: 0;
    padding: 0 8px;
    white-space: nowrap
}

.vc-header .vc-title:hover {
    opacity: .75
}

.vc-header .vc-arrow {
    align-items: center;
    color: var(--vc-header-arrow-color);
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 28px
}

.vc-header .vc-arrow:hover {
    background: var(--vc-header-arrow-hover-bg)
}

.vc-header .vc-arrow:disabled {
    opacity: .25;
    pointer-events: none
}

.vc-nav-header {
    display: flex;
    justify-content: space-between
}

.vc-nav-arrow,
.vc-nav-item,
.vc-nav-title {
    border: 0;
    border-radius: var(--vc-rounded);
    cursor: pointer;
    font-size: var(--vc-text-sm);
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.vc-nav-arrow:hover,
.vc-nav-item:hover,
.vc-nav-title:hover {
    background-color: var(--vc-nav-hover-bg)
}

.vc-nav-arrow:disabled,
.vc-nav-item:disabled,
.vc-nav-title:disabled {
    opacity: .25;
    pointer-events: none
}

.vc-nav-title {
    color: var(--vc-nav-title-color);
    font-weight: var(--vc-font-bold);
    height: 30px;
    line-height: var(--vc-leading-snug);
    padding: 0 6px
}

.vc-nav-arrow {
    align-items: center;
    color: var(--vc-header-arrow-color);
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    width: 26px
}

.vc-nav-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 2px;
    grid-column-gap: 5px;
    margin-top: 2px
}

.vc-nav-item {
    font-weight: var(--vc-font-semibold);
    line-height: var(--vc-leading-snug);
    padding: 6px 0;
    text-align: center;
    width: 48px
}

.vc-nav-item.is-active {
    background-color: var(--vc-nav-item-active-bg);
    color: var(--vc-nav-item-active-color);
    font-weight: var(--vc-font-bold)
}

.vc-nav-item.is-active:not(:focus) {
    box-shadow: var(--vc-nav-item-active-box-shadow)
}

.vc-nav-item.is-current {
    color: var(--vc-nav-item-current-color)
}

.vc-day {
    min-height: 32px;
    position: relative;
    z-index: 1
}

.vc-monthly .is-not-in-month * {
    opacity: 0;
    pointer-events: none
}

.vc-day-layer {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.vc-day-box-center-center {
    align-items: center;
    display: flex;
    justify-content: center;
    transform-origin: 50% 50%
}

.vc-day-box-left-center {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    transform-origin: 0 50%
}

.vc-day-box-right-center {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    transform-origin: 100% 50%
}

.vc-day-box-center-bottom {
    align-items: flex-end;
    display: flex;
    justify-content: center
}

.vc-day-content {
    align-items: center;
    border-radius: var(--vc-rounded-full);
    cursor: pointer;
    display: flex;
    font-size: var(--vc-text-sm);
    font-weight: var(--vc-font-medium);
    height: 28px;
    justify-content: center;
    line-height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 28px
}

.vc-day-content:hover {
    background-color: var(--vc-day-content-hover-bg)
}

.vc-day-content.vc-disabled {
    color: var(--vc-day-content-disabled-color)
}

.vc-content:not(.vc-base) {
    color: var(--vc-content-color);
    font-weight: var(--vc-font-bold)
}

.vc-highlights {
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.vc-highlight {
    height: 28px;
    width: 28px
}

.vc-highlight.vc-highlight-base-start {
    border-radius: 0 !important;
    border-right-width: 0 !important;
    width: 50% !important
}

.vc-highlight.vc-highlight-base-end {
    border-left-width: 0 !important;
    border-radius: 0 !important;
    width: 50% !important
}

.vc-highlight.vc-highlight-base-middle {
    border-left-width: 0 !important;
    border-radius: 0 !important;
    border-right-width: 0 !important;
    margin: 0 -1px;
    width: 100%
}

.vc-highlight-bg-none,
.vc-highlight-bg-outline {
    background-color: var(--vc-highlight-outline-bg);
    border: 2px solid;
    border-color: var(--vc-highlight-outline-border);
    border-radius: var(--vc-rounded-full)
}

.vc-highlight-bg-light {
    background-color: var(--vc-highlight-light-bg);
    border-radius: var(--vc-rounded-full)
}

.vc-highlight-bg-solid {
    background-color: var(--vc-highlight-solid-bg);
    border-radius: var(--vc-rounded-full)
}

.vc-highlight-content-none,
.vc-highlight-content-outline {
    color: var(--vc-highlight-outline-content-color);
    font-weight: var(--vc-font-bold)
}

.vc-highlight-content-light {
    color: var(--vc-highlight-light-content-color);
    font-weight: var(--vc-font-bold)
}

.vc-highlight-content-solid {
    color: var(--vc-highlight-solid-content-color);
    font-weight: var(--vc-font-bold)
}

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

.vc-dot {
    border-radius: 9999px;
    height: 5px;
    transition: var(--vc-day-content-transition);
    width: 5px
}

.vc-dot:not(:last-child) {
    margin-right: 3px
}

.vc-bars {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    width: 75%
}

.vc-bar {
    flex-grow: 1;
    height: 3px;
    transition: var(--vc-day-content-transition)
}

.vc-dot {
    background-color: var(--vc-dot-bg)
}

.vc-bar {
    background-color: var(--vc-bar-bg)
}

.vc-pane {
    min-width: 250px
}

.vc-weeknumber {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.vc-weeknumber.is-left {
    left: calc(var(--vc-weeknumber-offset-inside)*-1)
}

.vc-weeknumber.is-right {
    right: calc(var(--vc-weeknumber-offset-inside)*-1)
}

.vc-weeknumber.is-left-outside {
    left: calc(var(--vc-weeknumber-offset-outside)*-1)
}

.vc-weeknumber.is-right-outside {
    right: calc(var(--vc-weeknumber-offset-outside)*-1)
}

.vc-weeknumber-content {
    align-items: center;
    color: var(--vc-weeknumber-color);
    display: flex;
    font-size: var(--vc-text-xs);
    font-style: italic;
    font-weight: var(--vc-font-medium);
    height: 28px;
    justify-content: center;
    margin-top: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 28px
}

.vc-weeks {
    position: relative;
    -webkit-overflow-scrolling: touch;
    min-width: 232px;
    padding: 6px
}

.vc-weeks.vc-show-weeknumbers-left {
    margin-left: var(--vc-weeknumber-offset-inside)
}

.vc-weeks.vc-show-weeknumbers-right {
    margin-right: var(--vc-weeknumber-offset-inside)
}

.vc-weekday {
    color: var(--vc-weekday-color);
    cursor: default;
    font-size: var(--vc-text-sm);
    font-weight: var(--vc-font-bold);
    line-height: 14px;
    padding-bottom: 8px;
    padding-top: 4px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.vc-week,
.vc-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    position: relative
}

.vc-pane-container {
    position: relative;
    width: 100%
}

.vc-pane-container.in-transition {
    overflow: hidden
}

.vc-pane-layout {
    display: grid
}

.vc-pane-header-wrapper {
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.vc-day-popover-container {
    font-size: var(--vc-text-xs);
    font-weight: var(--vc-font-medium)
}

.vc-day-popover-header {
    color: var(--vc-day-popover-header-color);
    font-size: var(--vc-text-xs);
    font-weight: var(--vc-font-semibold);
    text-align: center
}

.vc-base-select {
    align-items: center;
    display: flex;
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    height: 30px;
    justify-content: center;
    position: relative
}

.vc-base-select.vc-has-icon select {
    padding: 0 27px 0 9px
}

.vc-base-select.vc-has-icon .vc-base-sizer {
    padding: 0 28px 0 10px
}

.vc-base-select.vc-fit-content select {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vc-base-select .vc-base-icon {
    opacity: .6;
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 6px
}

.vc-base-select .vc-base-sizer {
    color: transparent;
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    margin: 0;
    padding: 0 8px
}

.vc-base-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--vc-select-bg);
    background-image: none;
    border-radius: var(--vc-rounded);
    color: var(--vc-select-color);
    cursor: pointer;
    display: inline-flex;
    display: block;
    height: 30px;
    justify-content: center;
    line-height: var(--leading-none);
    margin: 0;
    padding: 0 7px;
    text-align: center;
    text-indent: 0;
    width: -moz-max-content;
    width: max-content
}

.vc-base-select select:hover {
    background-color: var(--vc-select-hover-bg)
}

.vc-base-select select.vc-align-left {
    text-align: left
}

.vc-base-select select.vc-align-right {
    text-align: right
}

.vc-time-picker {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 8px 4px
}

.vc-time-picker.vc-invalid {
    opacity: .5;
    pointer-events: none
}

.vc-time-picker.vc-attached {
    border-top: 1px solid var(--vc-time-picker-border)
}

.vc-time-picker>*+* {
    margin-top: 4px
}

.vc-time-header {
    align-items: center;
    display: flex;
    font-size: var(--vc-text-sm);
    font-weight: var(--vc-font-semibold);
    line-height: 21px;
    margin-top: -4px;
    padding-inline-end: 4px;
    padding-inline-start: 4px;
    text-transform: uppercase
}

.vc-time-select-group {
    align-items: center;
    background: var(--vc-time-select-group-bg);
    border: 1px solid var(--vc-time-select-group-border);
    border-radius: var(--vc-rounded-md);
    display: inline-flex;
    padding: 0 4px
}

.vc-time-select-group .vc-base-icon {
    color: var(--vc-time-select-group-icon-color);
    margin-right: 4px
}

.vc-time-select-group select {
    background: transparent;
    padding: 0 4px
}

.vc-time-weekday {
    color: var(--vc-time-weekday-color);
    letter-spacing: var(--tracking-wide)
}

.vc-time-month {
    color: var(--vc-time-month-color);
    margin-left: 8px
}

.vc-time-day {
    color: var(--vc-time-day-color);
    margin-left: 4px
}

.vc-time-year {
    color: var(--vc-time-year-color);
    margin-left: 8px
}

.vc-time-colon {
    margin: 0 1px 2px 2px
}

.vc-time-decimal {
    margin: 0 0 0 1px
}

.vc-none-enter-active,
.vc-none-leave-active {
    transition-duration: 0s
}

.vc-fade-enter-active,
.vc-fade-leave-active,
.vc-slide-down-enter-active,
.vc-slide-down-leave-active,
.vc-slide-fade-enter-active,
.vc-slide-fade-leave-active,
.vc-slide-left-enter-active,
.vc-slide-left-leave-active,
.vc-slide-right-enter-active,
.vc-slide-right-leave-active,
.vc-slide-up-enter-active,
.vc-slide-up-leave-active {
    backface-visibility: hidden;
    pointer-events: none;
    transition: transform var(--vc-slide-duration) var(--vc-slide-timing), opacity var(--vc-slide-duration) var(--vc-slide-timing)
}

.vc-fade-leave-active,
.vc-none-leave-active,
.vc-slide-down-leave-active,
.vc-slide-left-leave-active,
.vc-slide-right-leave-active,
.vc-slide-up-leave-active {
    position: absolute !important;
    width: 100%
}

.vc-fade-enter-from,
.vc-fade-leave-to,
.vc-none-enter-from,
.vc-none-leave-to,
.vc-slide-down-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from,
.vc-slide-fade-leave-to,
.vc-slide-left-enter-from,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from,
.vc-slide-right-leave-to,
.vc-slide-up-enter-from,
.vc-slide-up-leave-to {
    opacity: 0
}

.vc-slide-fade-enter-from.direction-left,
.vc-slide-fade-leave-to.direction-left,
.vc-slide-left-enter-from,
.vc-slide-right-leave-to {
    transform: translate(var(--vc-slide-translate))
}

.vc-slide-fade-enter-from.direction-right,
.vc-slide-fade-leave-to.direction-right,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from {
    transform: translate(calc(var(--vc-slide-translate)*-1))
}

.vc-slide-down-leave-to,
.vc-slide-fade-enter-from.direction-top,
.vc-slide-fade-leave-to.direction-top,
.vc-slide-up-enter-from {
    transform: translateY(var(--vc-slide-translate))
}

.vc-slide-down-enter-from,
.vc-slide-fade-enter-from.direction-bottom,
.vc-slide-fade-leave-to.direction-bottom,
.vc-slide-up-leave-to {
    transform: translateY(calc(var(--vc-slide-translate)*-1))
}

:root {
    --vc-white: #fff;
    --vc-black: #000;
    --vc-gray-50: #f8fafc;
    --vc-gray-100: #f1f5f9;
    --vc-gray-200: #e2e8f0;
    --vc-gray-300: #cbd5e1;
    --vc-gray-400: #94a3b8;
    --vc-gray-500: #64748b;
    --vc-gray-600: #475569;
    --vc-gray-700: #334155;
    --vc-gray-800: #1e293b;
    --vc-gray-900: #0f172a;
    --vc-font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --vc-font-normal: 400;
    --vc-font-medium: 500;
    --vc-font-semibold: 600;
    --vc-font-bold: 700;
    --vc-text-2xs: 10px;
    --vc-text-xs: 12px;
    --vc-text-sm: 14px;
    --vc-text-base: 16px;
    --vc-text-lg: 18px;
    --vc-text-xl: 20px;
    --vc-text-2xl: 24px;
    --vc-leading-none: 1;
    --vc-leading-tight: 1.25;
    --vc-leading-snug: 1.375;
    --vc-leading-normal: 1.5;
    --vc-rounded: .25rem;
    --vc-rounded-md: .375rem;
    --vc-rounded-lg: .5rem;
    --vc-rounded-full: 9999px;
    --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
    --vc-slide-translate: 22px;
    --vc-slide-duration: .15s;
    --vc-slide-timing: ease;
    --vc-day-content-transition: all .13s ease-in;
    --vc-weeknumber-offset-inside: 26px;
    --vc-weeknumber-offset-outside: 34px
}

.vc-gray {
    --vc-accent-50: var(--vc-gray-50);
    --vc-accent-100: var(--vc-gray-100);
    --vc-accent-200: var(--vc-gray-200);
    --vc-accent-300: var(--vc-gray-300);
    --vc-accent-400: var(--vc-gray-400);
    --vc-accent-500: var(--vc-gray-500);
    --vc-accent-600: var(--vc-gray-600);
    --vc-accent-700: var(--vc-gray-700);
    --vc-accent-800: var(--vc-gray-800);
    --vc-accent-900: var(--vc-gray-900)
}

.vc-red {
    --vc-accent-50: #fef2f2;
    --vc-accent-100: #fee2e2;
    --vc-accent-200: #fecaca;
    --vc-accent-300: #fca5a5;
    --vc-accent-400: #f87171;
    --vc-accent-500: #ef4444;
    --vc-accent-600: #dc2626;
    --vc-accent-700: #b91c1c;
    --vc-accent-800: #991b1b;
    --vc-accent-900: #7f1d1d
}

.vc-orange {
    --vc-accent-50: #fff7ed;
    --vc-accent-100: #ffedd5;
    --vc-accent-200: #fed7aa;
    --vc-accent-300: #fdba74;
    --vc-accent-400: #fb923c;
    --vc-accent-500: #f97316;
    --vc-accent-600: #ea580c;
    --vc-accent-700: #c2410c;
    --vc-accent-800: #9a3412;
    --vc-accent-900: #7c2d12
}

.vc-yellow {
    --vc-accent-50: #fefce8;
    --vc-accent-100: #fef9c3;
    --vc-accent-200: #fef08a;
    --vc-accent-300: #fde047;
    --vc-accent-400: #facc15;
    --vc-accent-500: #eab308;
    --vc-accent-600: #ca8a04;
    --vc-accent-700: #a16207;
    --vc-accent-800: #854d0e;
    --vc-accent-900: #713f12
}

.vc-green {
    --vc-accent-50: #f0fdf4;
    --vc-accent-100: #dcfce7;
    --vc-accent-200: #bbf7d0;
    --vc-accent-300: #86efac;
    --vc-accent-400: #4ade80;
    --vc-accent-500: #22c55e;
    --vc-accent-600: #16a34a;
    --vc-accent-700: #15803d;
    --vc-accent-800: #166534;
    --vc-accent-900: #14532d
}

.vc-teal {
    --vc-accent-50: #f0fdfa;
    --vc-accent-100: #ccfbf1;
    --vc-accent-200: #99f6e4;
    --vc-accent-300: #5eead4;
    --vc-accent-400: #2dd4bf;
    --vc-accent-500: #14b8a6;
    --vc-accent-600: #0d9488;
    --vc-accent-700: #0f766e;
    --vc-accent-800: #115e59;
    --vc-accent-900: #134e4a
}

.vc-blue {
    --vc-accent-50: #eff6ff;
    --vc-accent-100: #dbeafe;
    --vc-accent-200: #bfdbfe;
    --vc-accent-300: #93c5fd;
    --vc-accent-400: #60a5fa;
    --vc-accent-500: #3b82f6;
    --vc-accent-600: #2563eb;
    --vc-accent-700: #1d4ed8;
    --vc-accent-800: #1e40af;
    --vc-accent-900: #1e3a8a
}

.vc-indigo {
    --vc-accent-50: #eef2ff;
    --vc-accent-100: #e0e7ff;
    --vc-accent-200: #c7d2fe;
    --vc-accent-300: #a5b4fc;
    --vc-accent-400: #818cf8;
    --vc-accent-500: #6366f1;
    --vc-accent-600: #4f46e5;
    --vc-accent-700: #4338ca;
    --vc-accent-800: #3730a3;
    --vc-accent-900: #312e81
}

.vc-purple {
    --vc-accent-50: #faf5ff;
    --vc-accent-100: #f3e8ff;
    --vc-accent-200: #e9d5ff;
    --vc-accent-300: #d8b4fe;
    --vc-accent-400: #c084fc;
    --vc-accent-500: #a855f7;
    --vc-accent-600: #9333ea;
    --vc-accent-700: #7e22ce;
    --vc-accent-800: #6b21a8;
    --vc-accent-900: #581c87
}

.vc-pink {
    --vc-accent-50: #fdf2f8;
    --vc-accent-100: #fce7f3;
    --vc-accent-200: #fbcfe8;
    --vc-accent-300: #f9a8d4;
    --vc-accent-400: #f472b6;
    --vc-accent-500: #ec4899;
    --vc-accent-600: #db2777;
    --vc-accent-700: #be185d;
    --vc-accent-800: #9d174d;
    --vc-accent-900: #831843
}

.vc-focus:focus-within {
    box-shadow: var(--vc-focus-ring);
    outline: 0
}

.vc-light {
    --vc-color: var(--vc-gray-900);
    --vc-bg: var(--vc-white);
    --vc-border: var(--vc-gray-300);
    --vc-hover-bg: rgba(204, 214, 224, .3);
    --vc-focus-ring: 0 0 0 2px rgba(59, 131, 246, .4);
    --vc-header-arrow-color: var(--vc-gray-500);
    --vc-header-arrow-hover-bg: var(--vc-gray-200);
    --vc-header-title-color: var(--vc-gray-900);
    --vc-weekday-color: var(--vc-gray-500);
    --vc-weeknumber-color: var(--vc-gray-400);
    --vc-nav-hover-bg: var(--vc-gray-200);
    --vc-nav-title-color: var(--vc-gray-900);
    --vc-nav-item-hover-box-shadow: none;
    --vc-nav-item-active-color: var(--vc-white);
    --vc-nav-item-active-bg: var(--vc-accent-500);
    --vc-nav-item-active-box-shadow: var(--vc-shadow);
    --vc-nav-item-current-color: var(--vc-accent-600);
    --vc-day-popover-container-color: var(--vc-white);
    --vc-day-popover-container-bg: var(--vc-gray-800);
    --vc-day-popover-container-border: var(--vc-gray-700);
    --vc-day-popover-header-color: var(--vc-gray-700);
    --vc-popover-content-color: var(--vc-gray-900);
    --vc-popover-content-bg: var(--vc-gray-50);
    --vc-popover-content-border: var(--vc-gray-300);
    --vc-time-picker-border: var(--vc-gray-300);
    --vc-time-weekday-color: var(--vc-gray-700);
    --vc-time-month-color: var(--vc-accent-600);
    --vc-time-day-color: var(--vc-accent-600);
    --vc-time-year-color: var(--vc-gray-500);
    --vc-time-select-group-bg: var(--vc-gray-50);
    --vc-time-select-group-border: var(--vc-gray-300);
    --vc-time-select-group-icon-color: var(--vc-accent-500);
    --vc-select-color: var(--vc-gray-900);
    --vc-select-bg: var(--vc-gray-100);
    --vc-select-hover-bg: var(--vc-gray-200);
    --vc-day-content-hover-bg: var(--vc-hover-bg);
    --vc-day-content-disabled-color: var(--vc-gray-400)
}

.vc-light .vc-attr,
.vc-light.vc-attr {
    --vc-content-color: var(--vc-accent-600);
    --vc-highlight-outline-bg: var(--vc-white);
    --vc-highlight-outline-border: var(--vc-accent-600);
    --vc-highlight-outline-content-color: var(--vc-accent-700);
    --vc-highlight-light-bg: var(--vc-accent-200);
    --vc-highlight-light-content-color: var(--vc-accent-900);
    --vc-highlight-solid-bg: var(--vc-accent-600);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-600);
    --vc-bar-bg: var(--vc-accent-600)
}

.vc-dark {
    --vc-color: var(--vc-white);
    --vc-bg: var(--vc-gray-900);
    --vc-border: var(--vc-gray-700);
    --vc-hover-bg: rgba(114, 129, 151, .3);
    --vc-focus-ring: 0 0 0 2px rgba(59, 130, 246, .7);
    --vc-header-arrow-color: var(--vc-gray-300);
    --vc-header-arrow-hover-bg: var(--vc-gray-800);
    --vc-header-title-color: var(--vc-gray-100);
    --vc-weekday-color: var(--vc-accent-200);
    --vc-weeknumber-color: var(--vc-gray-500);
    --vc-nav-hover-bg: var(--vc-gray-700);
    --vc-nav-title-color: var(--vc-gray-100);
    --vc-nav-item-hover-box-shadow: none;
    --vc-nav-item-active-color: var(--vc-white);
    --vc-nav-item-active-bg: var(--vc-accent-500);
    --vc-nav-item-active-box-shadow: none;
    --vc-nav-item-current-color: var(--vc-accent-400);
    --vc-day-popover-container-color: var(--vc-gray-800);
    --vc-day-popover-container-bg: var(--vc-white);
    --vc-day-popover-container-border: var(--vc-gray-100);
    --vc-day-popover-header-color: var(--vc-gray-300);
    --vc-popover-content-color: var(--vc-white);
    --vc-popover-content-bg: var(--vc-gray-800);
    --vc-popover-content-border: var(--vc-gray-700);
    --vc-time-picker-border: var(--vc-gray-700);
    --vc-time-weekday-color: var(--vc-gray-400);
    --vc-time-month-color: var(--vc-accent-400);
    --vc-time-day-color: var(--vc-accent-400);
    --vc-time-year-color: var(--vc-gray-500);
    --vc-time-select-group-bg: var(--vc-gray-700);
    --vc-time-select-group-border: var(--vc-gray-500);
    --vc-time-select-group-icon-color: var(--vc-accent-400);
    --vc-select-color: var(--vc-gray-200);
    --vc-select-bg: var(--vc-gray-700);
    --vc-select-hover-bg: var(--vc-gray-600);
    --vc-day-content-hover-bg: var(--vc-hover-bg);
    --vc-day-content-disabled-color: var(--vc-gray-600)
}

.vc-dark .vc-attr,
.vc-dark.vc-attr {
    --vc-content-color: var(--vc-accent-500);
    --vc-highlight-outline-bg: var(--vc-gray-900);
    --vc-highlight-outline-border: var(--vc-accent-300);
    --vc-highlight-outline-content-color: var(--vc-accent-200);
    --vc-highlight-light-bg: var(--vc-accent-800);
    --vc-highlight-light-content-color: var(--vc-accent-100);
    --vc-highlight-solid-bg: var(--vc-accent-500);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-500);
    --vc-bar-bg: var(--vc-accent-500)
}

.vc-container {
    background-color: var(--vc-bg);
    color: var(--vc-color);
    display: inline-flex;
    font-family: var(--vc-font-family);
    height: -moz-max-content;
    height: max-content;
    position: relative;
    width: -moz-max-content;
    width: max-content;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

.vc-container,
.vc-container * {
    box-sizing: border-box
}

.vc-container :focus,
.vc-container:focus {
    outline: none
}

.vc-container .vc-container {
    border: none
}

.vc-bordered {
    border: 1px solid;
    border-color: var(--vc-border);
    border-radius: var(--vc-rounded-lg)
}

.vc-expanded {
    min-width: 100%
}

.vc-transparent {
    background-color: transparent
}

.vc-date-picker-content {
    background-color: var(--vc-bg);
    padding: 0
}

.vc-date-picker-content .vc-container {
    border: 0
}

.ui-form {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px
}

.ui-form:last-child {
    margin-bottom: 0
}

.ui-form--grid-1>*,
.ui-form--grid-2>*,
.ui-form--grid-3>* {
    max-width: 100%;
    width: 100% !important
}

.ui-form--grid-1 .ui-form,
.ui-form--grid-1 .ui-form--grid-1,
.ui-form--grid-1 .ui-form--grid-2,
.ui-form--grid-1 .ui-form--grid-3,
.ui-form--grid-2 .ui-form,
.ui-form--grid-2 .ui-form--grid-1,
.ui-form--grid-2 .ui-form--grid-2,
.ui-form--grid-2 .ui-form--grid-3,
.ui-form--grid-3 .ui-form,
.ui-form--grid-3 .ui-form--grid-1,
.ui-form--grid-3 .ui-form--grid-2,
.ui-form--grid-3 .ui-form--grid-3 {
    margin-bottom: 0
}

.ui-form--grid-1>.ui-form-buttons,
.ui-form--grid-1>.ui-form-head,
.ui-form--grid-2>.ui-form-buttons,
.ui-form--grid-2>.ui-form-head,
.ui-form--grid-3>.ui-form-buttons,
.ui-form--grid-3>.ui-form-head {
    grid-column: 1/-1;
    margin-bottom: 0
}

.ui-form--grid-1._align-baseline,
.ui-form--grid-2._align-baseline,
.ui-form--grid-3._align-baseline {
    align-items: baseline
}

.ui-form--grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    grid-gap: 20px;
    align-items: center
}

@media screen and (max-width:767px) {
    .ui-form--grid-3 {
        grid-template-columns: repeat(2, minmax(200px, 1fr))
    }
}

@media screen and (max-width:576px) {
    .ui-form--grid-3 {
        grid-template-columns: 100%
    }
}

.ui-form--grid-3 ._span-2 {
    grid-column: span 2
}

.ui-form--grid-3 ._span-3 {
    grid-column: 1/-1
}

.ui-form--grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(50px, 1fr));
    grid-template-rows: 1fr;
    grid-gap: 24px;
    margin-bottom: 20px;
    max-width: 100%;
    width: 620px
}

@media screen and (max-width:576px) {
    .ui-form--grid-2 {
        grid-template-columns: 100%
    }
}

.ui-form--grid-2:last-child {
    margin-bottom: 0
}

.ui-form--grid-2 ._new-row {
    grid-column: 1
}

.ui-form--grid-2 ._span-2 {
    grid-column: 1/-1
}

.ui-form--grid-1 {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px;
    height: -moz-max-content;
    height: max-content;
    margin-bottom: 20px;
    max-width: 100%;
    width: 300px
}

.ui-form--grid-1:last-child {
    margin-bottom: 0
}

.ui-form--grid-1._limit-300 {
    max-width: 300px
}

.ui-form-head {
    margin-bottom: 20px
}

.ui-form-head:last-child {
    margin-bottom: 0
}

.ui-form-head._center {
    text-align: center
}

.ui-form-head._mb0 {
    margin-bottom: 0
}

.ui-form-head>* {
    margin-bottom: 8px
}

.ui-form-head>:last-child {
    margin-bottom: 0
}

.ui-form-head em {
    color: var(--color-accent);
    font-style: normal;
    font-weight: 500
}

.ui-form-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.ui-form-buttons._gap-12 {
    gap: 12px
}

.ui-form-buttons._fill>* {
    flex-grow: 1
}

.ui-form-buttons._sticky {
    background-color: var(--bg-color-content);
    border-radius: 0 0 20px 20px;
    border-top: 1px solid var(--border-1-color);
    bottom: 0;
    padding-bottom: 12px;
    padding-top: 12px;
    position: sticky;
    z-index: 9
}

.ui-form-buttons._column {
    flex-direction: column
}

.ui-form-buttons._column>* {
    width: 100%
}

.ui-form-error {
    color: var(--color-red);
    font-size: 14px;
    line-height: 1.5em;
    width: 100%
}

.ui-filter-field {
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: -moz-max-content;
    height: max-content;
    line-height: 130%
}

.ui-filter-field .ui-loader {
    height: 16px;
    width: 16px
}

.ui-filter-field._column {
    flex-direction: column;
    gap: 5px
}

.ui-filter-field._column._flex {
    align-items: flex-start
}

.ui-filter-field._row {
    align-items: center;
    gap: 10px
}

.ui-filter-field._flex {
    align-items: center;
    display: flex
}

.ui-filter-field._grey .ui-filter-field-panel {
    background-color: var(--field-bg-color);
    box-shadow: none
}

.ui-filter-field-label {
    align-items: center;
    display: flex;
    gap: 4px
}

.ui-filter-field-panel {
    background-color: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    box-shadow: var(--shadow-1);
    color: var(--color-text-light);
    height: 36px
}

.ui-filter-field-panel._disabled {
    background-color: var(--bt-disabled-bg-color);
    border: 1px solid var(--bt-disabled-bg-color);
    color: var(--bt-disabled-color)
}

.ui-filter-field-panel._square {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px
}

.ui-filter-field-panel b {
    color: var(--color-text);
    font-weight: 400
}

.ui-filter-date-btn {
    align-items: center;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    gap: 6px;
    height: 36px;
    justify-content: center;
    line-height: 1em;
    min-width: 36px;
    padding: 8px;
    width: -moz-max-content;
    width: max-content
}

.ui-filter-date-btn._disabled {
    background-color: var(--bt-disabled-bg-color);
    border: 1px solid var(--bt-disabled-bg-color);
    color: var(--bt-disabled-color)
}

.ui-filter-date-btn:hover .ui-filter-date-btn_date-icon {
    color: var(--color-accent)
}

.ui-filter-date-btn__date-icon {
    color: var(--color-text-ex-light);
    height: 16px;
    transition: color .2s;
    width: 16px
}

.ui-filter-date-btn__clear {
    align-items: center;
    display: flex;
    justify-content: center;
    transition: color .2s
}

.ui-filter-date-btn__clear:hover {
    color: var(--color-accent)
}

.ui-filter-input .ui-input {
    height: 36px
}

.ui-filter-select {
    width: -moz-max-content;
    width: max-content
}

.ui-filter-select .wl-token-logo {
    height: 20px;
    width: 20px
}

.ui-filter-select__inner {
    position: relative
}

.ui-filter-select__btn {
    justify-content: space-between;
    min-width: 146px;
    padding: 9px 14px;
    width: -moz-max-content;
    width: max-content
}

.ui-filter-select__btn,
.ui-filter-select__btn_title {
    align-items: center;
    display: flex;
    gap: 4px
}

.ui-filter-select__btn_title .ui-icon {
    color: var(--color-accent)
}

.ui-filter-select__btn._opened .ui-icon {
    color: var(--color-text);
    transform: rotate(180deg)
}

.ui-filter-select__btn .ui-icon {
    height: 16px;
    transition: color .2s, transform .2s;
    width: 16px
}

.ui-filter-select__dropdown {
    pointer-events: none;
    position: absolute;
    top: 105%;
    top: calc(100% + 5px);
    inset-inline: 0 0;
    opacity: 0;
    overscroll-behavior: contain;
    transform: translateY(-20%);
    transition: transform .2s, opacity .2s;
    z-index: 130
}

.ui-filter-select__dropdown._opened {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.ui-filter-select__dropdown .ui-filter-field-panel {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 9px 14px
}

.ui-filter-select__dropdown_loader {
    align-items: center;
    display: flex;
    height: 110px;
    justify-content: center;
    width: 100%
}

.ui-filter-select__dropdown_loader .ui-loader {
    height: 24px;
    width: 24px
}

.ui-filter-select__dropdown_item {
    align-items: center;
    color: var(--color-text-ex-light);
    display: flex;
    gap: 4px;
    margin-bottom: 4px;
    padding: 5px 0;
    text-align: left;
    transition: color .2s
}

.ui-filter-select__dropdown_item._active,
.ui-filter-select__dropdown_item:not([disabled]):hover {
    color: var(--color-text)
}

.ui-filter-select__dropdown_item:last-child {
    margin-bottom: 0
}

.ui-filter-select .ui-field-select-dropdown {
    inset-inline-end: auto;
    top: calc(100% + 8px);
    width: 300px
}

.ui-filter-tabs {
    background-color: var(--field-bg-color);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    color: var(--color-text-ex-light);
    display: flex;
    flex-wrap: nowrap;
    height: 36px;
    padding: 2px;
    width: -moz-max-content;
    width: max-content
}

.ui-filter-tabs._disabled {
    opacity: .5;
    pointer-events: none
}

.ui-filter-tabs._grey {
    background-color: var(--bg-color)
}

.ui-filter-tabs._white {
    background-color: var(--bg-color-content)
}

.ui-filter-tabs._white button._active {
    background-color: var(--bg-color-light)
}

.ui-filter-tabs button {
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex-grow: 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    height: 30px;
    justify-content: center;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    transition: background-color .3s ease, color .3s ease;
    white-space: nowrap
}

.ui-filter-tabs button._active {
    background-color: var(--bg-color-content);
    color: var(--color-accent)
}

.ui-filter-tabs button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.ui-filter-tabs button:hover:not(._active):not(:disabled) {
    color: var(--color-text)
}

.ui-filter-tabs button .ui-icon {
    height: 16px;
    width: 16px
}

.ui-checkbox {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    min-height: 16px
}

.ui-checkbox__input {
    align-items: center;
    color: var(--color-accent);
    display: flex;
    flex: 0 0 24px;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.ui-checkbox__input span {
    background-color: var(--checkbox-fill-color);
    border: 1.5px solid var(--checkbox-stroke-color);
    border-radius: 2px;
    display: block;
    height: 16px;
    width: 16px
}

.ui-checkbox__input svg {
    position: absolute;
    top: 0;
    inset-inline: 0 0;
    bottom: 0;
    margin: auto;
    transition: opacity .2s
}

.ui-checkbox__input input {
    cursor: pointer;
    position: absolute;
    top: 0;
    inset-inline: 0 0;
    bottom: 0;
    opacity: 0
}

.ui-checkbox__input._checked span {
    background-color: var(--color-accent);
    border-color: var(--color-accent)
}

.ui-checkbox__label {
    align-items: center;
    display: flex;
    gap: 4px;
    font: 400 14px/1.2 "Manrope", system-ui, sans-serif;
}

.ui-checkbox__label .ui-loader {
    height: 1.3em;
    width: 1.3em
}

.ui-counter {
    align-items: center;
    background-color: var(--bg-color-highlight);
    border: 1px solid var(--border-1-color);
    border-radius: 4px;
    display: flex;
    height: auto;
    padding: 12px 20px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 12px;
}

.ui-counter__btn {
    color: var(--color-accent)
}

.ui-counter__btn._disabled {
    color: var(--color-text-light);
    cursor: not-allowed
}
.ui-counter__btn-minus {
    color: #F3F4F3;
}

.ui-counter__value {
    padding: 0 20px
}

.ui-counter input {
    display: none
}

.ui-field-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    position: relative;
    width: 300px;
    gap: 10px;
}

.ui-field-container._no-width {
    width: -moz-max-content;
    width: max-content
}

.ui-field-container._width-100 {
    width: 100%
}

.ui-field-container .wl-token-logo {
    flex: 0 0 22px;
    height: 22px;
    width: 22px
}

.ui-field-label {
    display: inline;
    margin: 3px 0 5px;
    width: 100%;
    font: 700 14px/1.2 "Manrope", system-ui, sans-serif;
}

.ui-field-label .ui-hint {
    margin-inline-start: 4px
}

.ui-field-error {
    color: var(--color-red);
    margin-top: 2px
}

.ui-field-under-button {
    color: var(--color-text-light);
    font-size: 14px;
    line-height: 1em;
    opacity: .8;
    padding-top: 6px;
    text-align: left;
    transition: opacity .2s;
    white-space: nowrap
}

@media (hover:hover) {
    .ui-field-under-button:hover {
        opacity: 1
    }
}

.ui-input {
    background-color: var(--field-bg-color);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    transition: background-color .2s;
    width: 100%
}

.ui-input:not(._disabled):not(._readonly):focus-within {
    border-color: var(--field-border-active)
}

.ui-input._disabled {
    background-color: var(--field-disabled-bg-color)
}

.ui-input._disabled,
.ui-input._disabled input,
.ui-input._disabled textarea {
    color: var(--field-disabled-color);
    cursor: not-allowed
}

.ui-input._disabled input {
    -webkit-text-fill-color: var(--field-disabled-color);
    -webkit-opacity: 1;
    opacity: 1
}

.ui-input._bg-content {
    background-color: var(--bg-color-content)
}

.ui-input._bg-content._disabled {
    background-color: var(--bt-disabled-bg-color);
    border: 1px solid var(--bt-disabled-bg-color);
    color: var(--bt-disabled-color)
}

.ui-input__actions {
    align-items: center;
    color: var(--color-text-light);
    display: flex;
    gap: 4px;
    padding-block: 12px;
    padding-inline: 0 11px
}

.ui-input__actions_btn {
    color: var(--color-accent);
    transition: transform .2s
}

.ui-input__actions_btn:active {
    transform: scale(.95)
}

.ui-input__actions_btn .ui-icon {
    height: 16px;
    width: 16px
}

.ui-input__actions button {
    display: flex
}

.ui-input input {
    flex-grow: 1;
    height: 100%;
    max-width: 100%;
    padding: 12px 11px;
    width: 100%
}

@media screen and (max-width:767px) {
    .ui-input input {
        font-size: 16px
    }
}

.ui-input-phone {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%
}

.ui-input-phone input {
    border-radius: 12px;
    height: 40px;
    padding-inline-end: 56px;
    width: 100%
}

.ui-input-phone__flag {
    inset-inline-end: 12px;
    position: absolute
}

.ui-input__icon {
    align-items: center;
    color: var(--color-text-ex-light);
    display: flex;
    justify-content: center
}

.ui-field-date>span {
    display: block;
    width: 100%
}

.ui-field-date__cancel {
    color: var(--color-text);
    transition: color .2s
}

@media (hover:hover) {
    .ui-field-date__cancel:hover {
        color: var(--color-accent)
    }
}

.ui-field-date .vc-popover-content-wrapper {
    z-index: 1000
}

.ui-field-date-btn {
    align-items: center;
    background-color: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    color: var(--color-text);
    cursor: pointer;
    display: flex;
    gap: 6px;
    height: 40px;
    line-height: 1em;
    padding: 0 10px;
    width: -moz-max-content;
    width: max-content
}

.ui-field-date-btn._disabled {
    background-color: var(--bt-disabled-bg-color);
    border: 1px solid var(--bt-disabled-bg-color);
    color: var(--bt-disabled-color)
}

.ui-field-date-btn:hover .ui-field-date-btn_date-icon {
    color: var(--color-accent)
}

.ui-field-date-btn__date-icon {
    transition: color .2s
}

.ui-field-date-btn__clear {
    align-items: center;
    display: flex;
    justify-content: center;
    transition: color .2s
}

.ui-field-date-btn__clear:hover {
    color: var(--color-accent)
}

.ui-radio .ui-field-label {
    margin-bottom: 12px
}

.ui-radio__inner {
    display: flex
}

.ui-radio__inner._column {
    flex-direction: column;
    gap: 8px;
    margin: 10px 0 0;
}

.ui-radio__inner._row {
    flex-wrap: wrap;
    gap: 8px 24px
}

.ui-radio__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px
}

.ui-radio__item_input {
    padding: 2px;
    position: relative
}

.ui-radio__item_input._filled .ui-radio__item_input_round {
    border-color: var(--color-accent);
    border-width: 1px
}

.ui-radio__item_input._filled .ui-radio__item_input_fill {
    opacity: 1
}

.ui-radio__item_input._disabled {
    cursor: not-allowed;
    opacity: .7
}

.ui-radio__item_input_round {
    background-color: var(--checkbox-fill-color);
    border: 2px solid var(--checkbox-stroke-color);
    border-radius: 50%;
    height: 16px;
    transition: border-color .2s, border-width .2s;
    width: 16px
}

.ui-radio__item_input_fill {
    background-color: var(--color-accent);
    border-radius: 50%;
    height: 10px;
    inset-inline: 0 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    width: 10px
}

.ui-radio__item_input input {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.ui-radio__item_title {
    font: 700 14px / 1.2 "Manrope", system-ui, sans-serif;
}

.ui-field-select,
.ui-field-select-btn {
    position: relative;
    width: 100%
}

.ui-field-select-btn {
    align-items: center;
    background-color: var(--field-bg-color);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    box-shadow: var(--field-shadow);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    padding: 8px 11px;
    text-align: inherit;
    z-index: 1
}

.ui-field-select-btn._one-line .ui-field-select-btn__val {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-field-select-btn._opened {
    pointer-events: none
}

.ui-field-select-btn._disabled {
    background-color: var(--field-disabled-bg-color)
}

.ui-field-select-btn._disabled,
.ui-field-select-btn._disabled input,
.ui-field-select-btn._disabled textarea {
    color: var(--field-disabled-color);
    cursor: not-allowed
}

.ui-field-select-btn._bg-content {
    background-color: var(--bg-color-content);
    box-shadow: none
}

.ui-field-select-btn._bg-content._disabled {
    background-color: var(--bt-disabled-bg-color);
    border: 1px solid var(--bt-disabled-bg-color);
    color: var(--bt-disabled-color)
}

.ui-field-select-btn input {
    flex: 0 0 0;
    height: 0;
    overflow: hidden;
    width: 0
}

.ui-field-select-btn .ui-icon {
    flex: 0 0 24px;
    margin: auto 0
}

.ui-field-select-btn select {
    position: absolute;
    top: 0;
    inset-inline: 0 0;
    bottom: 0;
    max-width: 100%
}

.ui-field-select-btn__val {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 4px;
    justify-content: flex-start;
    line-height: 1.3em
}

.ui-field-select-dropdown {
    background-color: var(--field-dropdown-bg-color);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    box-shadow: var(--field-shadow);
    font-size: 14px;
    position: absolute;
    top: 0;
    inset-inline: 0 0;
    max-height: 280px;
    opacity: 0;
    overflow: auto;
    overscroll-behavior: contain;
    pointer-events: none;
    transition: opacity .2s, transform .2s;
    z-index: 130;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    width: 100%
}

.ui-field-select-dropdown._opened {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.ui-field-select-dropdown__search {
    border-bottom: 1px solid var(--border-1-color);
    flex: 0 0 40px;
    height: 40px
}

.ui-field-select-dropdown__search input {
    height: 100%;
    padding: 0 11px;
    width: 100%
}

.ui-field-select-dropdown__buttons {
    border-bottom: 1px solid var(--border-1-color);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 11px
}

.ui-field-select-dropdown__buttons button {
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    color: var(--color-text-ex-light);
    padding: 2px 8px;
    transition: color .2s, border-color .2s
}

@media (hover:hover) {
    .ui-field-select-dropdown__buttons button:hover {
        border-color: var(--color-accent-400);
        color: var(--color-accent-400)
    }
}

.ui-field-select-dropdown__value {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    line-height: 1.2;
    min-height: 40px !important;
    overflow: hidden;
    padding: 4px 11px;
    transition: background-color .2s
}

.ui-field-select-dropdown__value:not(:last-child) {
    border-bottom: 1px solid var(--border-1-color)
}

.ui-field-select-dropdown__value:not(._disabled):not(._error):hover {
    background-color: var(--bg-color-light)
}

.ui-field-select-dropdown__value._error {
    color: var(--color-red)
}

.ui-field-select-dropdown__value_img {
    background-color: var(--bg-color-highlight);
    border-radius: 4px;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
    width: 20px
}

.ui-field-select-dropdown__value_img._round {
    border-radius: 50%
}

.ui-field-select-dropdown__value .ui-icon {
    color: var(--color-accent);
    height: 16px;
    width: 16px
}

.ui-switch {
    align-items: center;
    display: flex;
    gap: 4px
}

.ui-switch__inner {
    background-color: var(--notice-bg-color);
    border-radius: 40px;
    cursor: pointer;
    flex: 0 0 32px;
    height: 20px;
    position: relative;
    transition: background-color .2s, opacity .2s;
    width: 32px
}

.ui-switch__inner input {
    position: absolute;
    top: 0;
    inset-inline: 0 0;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 1
}

.ui-switch__inner._loading {
    cursor: not-allowed;
    opacity: .5
}

.ui-switch__inner._active {
    background-color: var(--color-accent)
}

.ui-switch__inner._active .ui-switch__circle {
    transform: translate(14px)
}

html[dir=rtl] .ui-switch__inner._active .ui-switch__circle {
    transform: translate(-14px)
}

.ui-switch__circle {
    background-color: var(--color-white);
    border-radius: 50%;
    bottom: 3px;
    filter: drop-shadow(-2px 1px 2px rgba(0, 0, 0, .12));
    height: 14px;
    inset-inline-start: 2px;
    position: absolute;
    top: 3px;
    transition: transform .2s;
    width: 14px
}

.ui-textarea {
    background: var(--field-bg-color);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden;
    transition: background-color .2s;
    width: 100%
}

.ui-textarea._disabled {
    background-color: var(--field-disabled-bg-color)
}

.ui-textarea._disabled,
.ui-textarea._disabled input,
.ui-textarea._disabled textarea {
    color: var(--field-disabled-color);
    cursor: not-allowed
}

.ui-textarea:not(._disabled):not(._readonly):focus-within {
    border-color: var(--field-border-active)
}

.ui-textarea__input {
    background: var(--field-bg-color);
    display: flex;
    flex-grow: 1;
    padding: 12px 11px;
    transition: border-color .2s
}

.ui-textarea__icon {
    border-radius: 3px;
    color: var(--color-text-ex-light);
    display: flex;
    justify-content: center;
    min-width: 38px;
    padding-inline-end: 11px;
    padding-top: 5px
}

.ui-textarea__icon._disabled {
    background: var(--field-bg-color)
}

.ui-page-header {
    display: grid;
    grid-template-columns: 1fr max-content max-content;
    width: 100%;
    grid-gap: 16px 12px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

@media screen and (max-width:1200px) {
    .ui-page-header {
        grid-template-columns: 1fr max-content
    }
}

@media screen and (max-width:576px) {
    .ui-page-header {
        grid-template-columns: 1fr
    }
}

.ui-page-header__left {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.ui-page-header__title {
    margin-top: 4px
}

.ui-page-header__subtitle {
    margin-top: 8px;
    max-width: 600px
}

.ui-page-header__actions {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 10px
}

@media screen and (max-width:767px) {
    .ui-page-header__actions {
        align-items: unset;
        flex-wrap: wrap
    }
}

@media screen and (max-width:576px) {
    .ui-page-header__actions {
        flex-direction: column;
        gap: 4px
    }
}

@media screen and (max-width:1200px) {
    .ui-page-header__notice {
        grid-column: 1/-1
    }
}

.page-loader__item {
    display: grid;
    grid-template-columns: 1fr 200px;
    height: 20px;
    width: 100%;
    grid-gap: 20px;
    margin-bottom: 15px
}

.page-loader__item>* {
    animation: loading 2s infinite;
    background-color: var(--bg-color-highlight);
    border-radius: 5px
}

.page-loader__crumbs {
    display: grid;
    grid-template-columns: 100px 100px;
    grid-gap: 10px;
    margin-bottom: 15px
}

.page-loader__crumbs>* {
    height: 16px
}

.page-loader__crumbs>*,
.page-loader__title {
    animation: loading 2s infinite;
    background-color: var(--bg-color-highlight);
    border-radius: 5px
}

.page-loader__title {
    height: 22px;
    width: 250px
}

.ui-panel {
    background-color: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 20px;
    box-shadow: var(--shadow-2);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 0;
    position: relative
}

.ui-panel._padding-on {
    padding: 24px
}

.ui-panel._padding-on .ui-panel__head {
    padding: 0 0 20px
}

@media screen and (max-width:767px) {
    .ui-panel._padding-on {
        padding: 20px
    }
}

.ui-panel__content,
.ui-panel__inner {
    display: flex;
    flex-direction: column
}

.ui-panel__head {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-block: 20px;
    padding-inline: 20px 32px;
    width: 100%
}

.ui-panel__inner {
    border-radius: inherit;
    flex: 1 1 auto
}

.ui-panel__inner ._padding {
    padding: 24px
}

.ui-panel__inner ._padding-top {
    padding-top: 24px
}

.ui-panel__inner ._padding-bottom {
    padding-bottom: 24px
}

.ui-panel__inner ._padding-sides,
.ui-panel__padding {
    padding-inline: 24px
}

.ui-panel__padding {
    padding-block: 16px 24px
}

@media screen and (max-width:767px) {
    .ui-panel__padding {
        padding-block: 16px 20px;
        padding-inline: 20px
    }
}

.ui-panel__padding-sides {
    padding: 0 24px
}

@media screen and (max-width:767px) {
    .ui-panel__padding-sides {
        padding: 0 20px
    }
}

.ui-panel__padding-rm {
    margin-block: -16px -24px;
    margin-inline: -24px
}

@media screen and (max-width:767px) {
    .ui-panel__padding-rm {
        margin-block: -16px -20px;
        margin-inline: -20px
    }
}

.ui-back-btn {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    line-height: 140%;
    transition: color .2s;
    width: -moz-max-content;
    width: max-content
}

.ui-back-btn .ui-icon,
.ui-back-btn:hover {
    color: var(--color-accent)
}

.ui-back-btn .ui-icon {
    height: 20px;
    width: 20px
}

.ui-breadcrumbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.ui-breadcrumbs__item {
    align-items: center;
    color: var(--color-text-ex-light);
    display: flex;
    flex-wrap: nowrap;
    font-weight: 400;
    gap: 2px;
    transition: color .2s ease
}

.ui-breadcrumbs__item:hover:not(:last-child) {
    color: var(--color-accent)
}

.ui-breadcrumbs__item--current {
    color: var(--color-text)
}

.ui-pagination {
    align-items: center;
    border-top: 1px solid var(--border-1-color);
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 12px 24px;
    width: 100%
}

.ui-pagination__inner {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.ui-panel .tabs__item {
    padding-block: 20px 12px;
    padding-inline: 0
}

.ui-modal .tabs {
    padding-inline: 32px
}

@media screen and (max-width:576px) {
    .ui-modal .tabs {
        padding-inline: 22px
    }
}

.tabs {
    align-items: flex-end;
    border-bottom: 2px solid var(--border-1-color);
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-block: 0;
    padding-inline: 20px
}

.tabs._noPadding {
    padding: 0
}

.tabs__inner {
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: flex-start
}

.tabs__item {
    border-bottom: 3px solid transparent;
    color: var(--color-text);
    cursor: pointer;
    font-weight: 400;
    margin-bottom: -2px;
    padding: 12px 0;
    transition: border-color .2s, color .2s;
    white-space: nowrap
}

.tabs__item:hover {
    color: var(--color-accent)
}

.tabs__item:hover._disabled {
    cursor: default
}

.tabs__item._disabled,
.tabs__item:hover._disabled {
    color: var(--bt-disabled-color)
}

.tabs__item--active {
    color: var(--color-accent)
}

.tabs__item--active,
.tabs__item--active:hover {
    border-color: var(--color-accent)
}

.tabs__filters {
    padding-bottom: 13px
}

@media screen and (max-width:767px) {
    .tabs__filters {
        padding-bottom: 0
    }

    .tabs._big {
        align-items: flex-start;
        border-bottom: 0;
        flex-direction: column;
        gap: 24px;
        padding: 0
    }

    .tabs._big .tabs__inner {
        flex-wrap: wrap;
        gap: 8px
    }
}

.tabs._big .tabs__item {
    padding-block: 20px 17px;
    padding-inline: 0
}

@media screen and (max-width:767px) {
    .tabs._big .tabs__item {
        background-color: var(--bg-color-content);
        border-bottom: none;
        border-radius: 20px;
        height: 34px;
        margin: 0;
        padding-block: 0;
        padding-inline: 18px
    }
}

.tabs._big .tabs__item--active {
    font-weight: 500
}

@media screen and (max-width:767px) {
    .tabs._big .tabs__item--active {
        background-color: var(--color-accent);
        color: var(--color-white)
    }

    .tabs._big .tabs__item--active:hover {
        color: var(--color-white)
    }
}

.ui-loader-wrapper {
    min-height: 200px;
    text-align: center;
    width: 100%
}

.ui-loader-detail,
.ui-loader-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-loader-detail {
    flex-direction: column;
    padding: 40px 0
}

.ui-loader-detail img {
    animation: rotate 2s infinite;
    height: 45px;
    margin-bottom: 20px;
    width: 45px
}

.ui-loader-detail div {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center
}

.ui-loader {
    animation: rotate 1s infinite;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 34px;
    width: 34px
}

.ui-loader svg {
    max-height: 100%;
    max-width: 100%
}

.ui-loader._black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%230A5DFF' stroke-linecap='round' stroke-width='2' d='M10 2.5a7.5 7.5 0 0 1 7.5 7.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.ui-loader._white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M10 2.5a7.5 7.5 0 0 1 7.5 7.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.ui-loader-skeleton {
    animation: loading 2s infinite;
    background-color: var(--bg-color-highlight);
    border-radius: 5px;
    color: transparent;
    height: 1.2em;
    min-width: 40px;
    width: -moz-max-content;
    width: max-content
}

.ui-loader-animation {
    animation: rotate 1s infinite
}

.ui-loader-animation._backspin {
    animation: rotateBackspin 1s infinite
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotateBackspin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-1turn)
    }
}

@keyframes loading {
    0% {
        background: var(--loader-bg);
        border-color: var(--color-black)
    }

    50% {
        background: var(--loader-bg-active)
    }

    to {
        background: var(--loader-bg);
        border-color: var(--color-black)
    }
}

.ui-hint {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 16px;
    font-size: 12px;
    height: 16px;
    line-height: 1em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

.ui-hint:first-child {
    margin-inline-start: 0
}

.ui-hint._large {
    flex: 0 0 20px
}

.ui-hint._large,
.ui-hint._large svg {
    height: 20px;
    width: 20px
}

.ui-hint._accent {
    background-color: var(--color-accent-400);
    color: var(--color-white)
}

.ui-hint._accent._q-icon svg path:first-child {
    color: var(--color-accent-400)
}

.ui-hint._accent-transparent {
    color: var(--color-accent)
}

.ui-hint._black {
    color: var(--color-text)
}

.ui-hint._white {
    background-color: var(--bg-color-content);
    color: var(--color-text-ex-light)
}

.ui-hint._white._q-icon svg path:first-child {
    color: var(--border-1-color)
}

.ui-hint._orange,
.ui-hint._red {
    background-color: var(--bg-color-content);
    color: var(--color-orange)
}

.ui-hint._light {
    color: var(--color-text-ex-light)
}

.ui-hint svg {
    height: 16px;
    width: 16px
}

.ui-hover-dropdown {
    position: relative
}

.ui-hover-dropdown__button {
    align-items: center;
    display: flex;
    gap: 4px;
    letter-spacing: .28px
}

.ui-hover-dropdown__button .ui-icon {
    color: var(--color-text-ex-light);
    height: 24px;
    width: 24px
}

.ui-hover-dropdown__dropdown {
    position: absolute;
    top: 100%;
    inset-inline: -60px -60px;
    pointer-events: none;
    z-index: 130
}

.ui-hover-dropdown__dropdown._opened {
    pointer-events: auto
}

.ui-hover-dropdown__dropdown._opened .ui-hover-dropdown__dropdown_inner {
    opacity: 1;
    transform: none
}

.ui-hover-dropdown__dropdown_inner._normalize {
    background-color: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 10px;
    box-shadow: var(--shadow-1);
    cursor: pointer;
    margin: 6px auto 0;
    opacity: 0;
    padding: 12px;
    transform: translateY(-20%);
    transition: opacity .2s, transform .2s;
    width: -moz-max-content;
    width: max-content
}

.ui-hover-dropdown__dropdown_inner li {
    letter-spacing: .28px;
    margin-bottom: 8px;
    transition: color .2s
}

.ui-hover-dropdown__dropdown_inner li:hover {
    color: var(--color-accent)
}

.ui-hover-dropdown__dropdown_inner li:last-child {
    margin-bottom: 0
}

.ui-hover-dropdown__dropdown_item {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    width: 100%
}

.ui-hover-dropdown__dropdown_item_icon {
    color: var(--color-accent);
    height: 20px;
    width: 20px
}

.ui-modal,
.ui-modal-yes-or-no {
    position: fixed;
    top: 0;
    inset-inline: 0 0;
    bottom: 0;
    display: flex;
    overflow: auto;
    padding: 0 10px;
    z-index: 160
}

@media screen and (max-width:576px) {
    .ui-modal {
        padding: 112px 10px
    }
}

.ui-modal:before,
.ui-modal-yes-or-no:before {
    background-color: #070708;
    opacity: .5;
    position: fixed;
    top: 0;
    inset-inline: 0 0;
    bottom: 0;
    content: "";
    display: block
}

.ui-modal__body,
.ui-modal__body-yes-or-no {
    background-color: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 20px;
    height: -moz-max-content;
    height: max-content;
    margin: 62px auto;
    max-width: 100%;
    padding: 32px;
    position: relative
}

@media screen and (max-width:576px) {

    .ui-modal__body,
    .ui-modal__body-yes-or-no {
        padding: 22px
    }
}

.ui-modal__body._no-padding {
    padding: 0
}

.ui-modal__body._no-padding .ui-modal__inner {
    border-radius: inherit
}

.ui-modal__body._normal,
.ui-modal__body-yes-or-no._normal-yes-or-no {
    width: 400px
}

.ui-modal__body._wide {
    width: 540px
}

.ui-modal__inner {
    max-height: 100%
}

.ui-modal__inner .ui-form--grid-1,
.ui-modal__inner .ui-form--grid-2,
.ui-modal__inner .ui-form--grid-3 {
    width: 100%
}

.ui-modal__close {
    align-items: center;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: #fff3;
    border-radius: 50%;
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    height: 44px;
    inset-inline-end: -54px;
    justify-content: center;
    position: absolute;
    top: 0;
    transition: color .2s;
    width: 44px;
    will-change: color
}

@media screen and (max-width:576px) {
    .ui-modal__close {
        inset-inline-end: 0;
        top: -54px
    }
}

.ui-modal__head {
    margin-bottom: 20px
}

.ui-modal__title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.6px;
    line-height: 1.3em;
    margin-bottom: 6px
}

@media screen and (max-width:576px) {
    .ui-modal__title {
        font-size: 22px
    }
}

.ui-modal__title em {
    color: var(--color-accent);
    font-style: inherit
}

.ui-modal__title:last-child {
    margin-bottom: 0
}

.ui-modal-amount {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.ui-modal-amount__inner {
    align-items: center;
    display: flex;
    font-size: 17px;
    font-weight: 500;
    gap: 8px;
    line-height: 20px
}

.ui-modal-amount__sum {
    color: var(--color-accent);
    font-size: 1.4em
}

.ui-modal-amount__sum .ui-loader {
    height: 20px;
    width: 20px
}

.ui-modal-amount__subText {
    color: #F3F4F3;
    font: 400 14px/1.2 "Manrope", system-ui, sans-serif;
    margin: 10px 0 20px;
}
.ui-modal__loader-wrapper {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: center
}

.ui-modal__full-width {
    margin-inline: -32px;
    max-width: unset;
    padding-inline: 32px;
    width: calc(100% + 64px)
}

@media screen and (max-width:576px) {
    .ui-modal__full-width {
        margin-inline: -16px;
        padding-inline: 16px;
        width: calc(100% + 32px)
    }
}

.ui-notify {
    bottom: 16px;
    inset-inline-end: 16px;
    position: fixed;
    z-index: 2147483640
}

.ui-notify,
.ui-notify>span {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.ui-notify__item {
    align-items: center;
    background-color: var(--color-black);
    border-radius: 12px;
    color: var(--color-white);
    display: flex;
    font-size: 15px;
    gap: 8px;
    justify-content: space-between;
    line-height: 1em;
    padding: 12px;
    transition: transform .3s, opacity .3s;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content
}

.ui-notify__item_icon {
    height: 16px;
    width: 16px
}

.ui-notify__item_icon svg {
    height: 100%;
    width: 100%
}

.ui-notify__item:not(:last-child) {
    margin-bottom: 8px
}

.ui-notify-animation-enter-from,
.ui-notify-animation-leave-to {
    opacity: 0;
    transform: translate(100px)
}

.ui-panel .ui-table {
    border-radius: 20px
}

.ui-table {
    border-radius: inherit
}

.ui-table._l-fixed {
    overflow: auto;
    table-layout: fixed
}

@media screen and (max-width:576px) {
    .ui-table._adaptive .ui-table-header {
        display: none
    }
}

.ui-table._l-fit {
    overflow: hidden
}

.ui-table._l-fit table {
    width: 100%
}

.ui-table._loading tbody {
    background-color: #0000000d;
    opacity: .5
}

.ui-table._small {
    font-size: 12px
}

.ui-table._small table tbody tr,
.ui-table._small-tr {
    height: 40px
}

.ui-table tbody {
    position: relative;
    transition: opacity .2s, background-color .2s
}

.ui-table table {
    border-collapse: collapse;
    max-width: 100%;
    min-width: 100%;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width:992px) {
    .ui-table table {
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.ui-table tr,
.ui-table-header,
.ui-table-tr {
    border-bottom: 1px solid var(--border-1-color);
    display: table-row;
    height: 56px;
    vertical-align: middle
}

.ui-table tr._no-border-bottom,
.ui-table-header._no-border-bottom,
.ui-table-tr._no-border-bottom {
    border-bottom: none
}

.ui-table tr._hover,
.ui-table-header._hover,
.ui-table-tr._hover {
    cursor: pointer
}

.ui-table table thead tr,
.ui-table-header {
    border-bottom: 1px solid var(--border-1-color);
    font-weight: 500
}

.ui-table table thead tr th,
.ui-table-header th {
    font-weight: 500
}

.ui-table table tbody tr,
.ui-table-tr {
    border-bottom: 1px solid var(--border-1-color);
    transition: background-color .2s
}

.ui-table table tbody tr:last-child,
.ui-table-tr:last-child {
    border-bottom: none
}

.ui-table table tbody tr:not(._no-hover):hover,
.ui-table-tr:not(._no-hover):hover {
    background-color: var(--bg-color-highlight)
}

.ui-table-tr._loader td:first-child .ui-loader-skeleton {
    width: 80%
}

.ui-table-tr._loader .ui-loader-skeleton {
    max-width: 100%;
    min-width: 50px;
    width: 60%
}

@media screen and (max-width:576px) {
    .ui-table-tr._loader .ui-loader-skeleton {
        height: .8em;
        margin: 2px 0
    }

    .ui-table-tr._adaptive {
        height: auto;
        padding: 12px 10px;
        grid-gap: 6px;
        display: grid;
        grid-template-columns: 100%
    }

    .ui-table-tr._adaptive td,
    .ui-table-tr._adaptive td:first-child,
    .ui-table-tr._adaptive td:last-child {
        min-width: 100%;
        padding: 0
    }

    .ui-table-tr._adaptive td:first-child[data-label]:before,
    .ui-table-tr._adaptive td:last-child[data-label]:before,
    .ui-table-tr._adaptive td[data-label]:before {
        color: var(--color-text-ex-light);
        content: attr(data-label);
        display: inline-block;
        font-weight: 400;
        margin-inline-end: 8px
    }
}

.ui-table td,
.ui-table th,
.ui-table-cell {
    box-sizing: border-box;
    display: table-cell;
    height: inherit;
    padding-block: 6px;
    padding-inline-end: 12px;
    text-align: inherit;
    word-break: break-word
}

.ui-table td:first-child,
.ui-table th:first-child,
.ui-table-cell:first-child {
    padding-inline-start: 20px
}

.ui-table td:last-child,
.ui-table th:last-child,
.ui-table-cell:last-child {
    padding-inline-end: 20px
}

.ui-table-cell input {
    border: 1px solid var(--border-1-color);
    padding: 5px;
    width: 100%
}

.ui-table-cell img {
    height: auto;
    margin: auto;
    max-height: 90%;
    max-width: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.ui-table-cell .ui-hint {
    margin-inline-start: 2px;
    vertical-align: middle
}

.ui-table-cell._check-box,
.ui-table-cell._settings {
    max-width: 60px;
    width: 60px
}

.ui-table-cell._center {
    text-align: center
}

.ui-table-cell._center .ui-table-sort {
    justify-content: center
}

.ui-table-cell._right {
    text-align: end
}

.ui-table-cell._right .ui-table-sort {
    justify-content: flex-end
}

.ui-table-sort {
    align-items: center;
    cursor: pointer;
    display: flex;
    transition: color .2s
}

.ui-table-sort .ui-icon {
    flex: 0 0 18px;
    height: 18px;
    transition: transform .2s;
    width: 18px
}

.ui-table-sort._active,
.ui-table-sort:hover {
    color: var(--color-accent)
}

.ui-table-sort._asc .ui-icon {
    transform: rotate(180deg)
}

.ui-table-crypto-logo {
    margin-inline-end: 8px
}

.ui-table-crypto-logo img {
    max-height: unset
}

.ui-table-search {
    padding: 0 20px
}

.ui-table-search:first-child {
    padding-top: 16px
}

.ui-table-search__inner {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    width: 100%
}

.ui-table-search__inner>* {
    margin-inline-end: 12px
}

.ui-table-search__inner>:last-child {
    margin-inline-end: 0
}

.ui-table-search__search-input {
    flex-grow: 1;
    flex-shrink: 1
}

.ui-table-search__search-input._active .ui-input {
    border-color: var(--color-accent)
}

.ui-table-search__filters {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.ui-table-search__filters_item {
    align-items: center;
    background: var(--bg-color-highlight);
    border-radius: 3px;
    display: flex;
    height: 28px;
    margin-inline-end: 5px;
    padding: 0 0 0 5px;
    position: relative
}

.ui-table-search__filters_item_remove {
    align-items: center;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    display: flex;
    height: 100%;
    margin-inline-start: 5px;
    padding: 0 4px
}

.ui-table-search__filters_item_remove:hover {
    background-color: var(--bg-color-light)
}

.ui-table-search__filters_item_remove .ui-icon {
    height: 20px;
    width: 20px
}

.ui-table-search__filters>* {
    margin-inline-end: 10px
}

.ui-period {
    align-items: center;
    display: flex;
    gap: 10px;
    font: 700 14px/1.2 "Manrope", system-ui, sans-serif;
}

.ui-period__sign {
    color: var(--color-text-light)
}

.ui-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px
}

.ui-tags._c-bg .ui-tags-item {
    background-color: var(--bg-color-highlight)
}

.ui-tags._small {
    gap: 8px
}

.ui-tags._small .ui-tags-item {
    border-radius: 8px;
    font-weight: 400;
    height: 28px;
    padding: 0 8px
}

@media (hover:hover) {
    .ui-tags._small .ui-tags-item:hover {
        color: var(--bg-color-accent-300)
    }
}

.ui-tags._small .ui-tags-item._active {
    background-color: var(--bg-color-accent-300);
    border-color: var(--bg-color-accent-300);
    color: var(--color-white)
}

@media (hover:hover) {
    .ui-tags._small .ui-tags-item._active:hover {
        color: var(--color-white)
    }
}

.ui-tags-item {
    align-items: center;
    background-color: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 16px;
    box-shadow: 0 4px 32px #0000000a;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    letter-spacing: .02em;
    line-height: 17px;
    padding: 0 12px;
    transition: color .3s, background-color .3s;
    white-space: nowrap
}

@media (hover:hover) {
    .ui-tags-item:hover {
        color: var(--color-accent)
    }
}

.ui-tags-item._active {
    background-color: var(--color-accent);
    color: var(--color-white)
}

@media (hover:hover) {
    .ui-tags-item._active:hover {
        color: var(--color-white)
    }
}

.ui-dropdown {
    position: relative
}

.ui-dropdown-dd {
    background-color: var(--bg-color-content);
    max-width: 400px;
    min-width: 240px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10%);
    transition: opacity .2s, transform .2s;
    width: 100%;
    z-index: 10
}

.ui-dropdown-dd._show {
    opacity: 1;
    pointer-events: auto;
    transform: none
}

.ui-dropdown-dd__item {
    align-items: center;
    border-bottom: 1px solid var(--border-1-color);
    color: var(--color-text);
    display: flex;
    gap: 4px;
    padding: 8px 12px;
    text-align: left;
    width: 100%
}

.ui-dropdown-dd__item._drag-ghost {
    background-color: var(--bg-color-highlight);
    opacity: 1
}

@media (hover:hover) {
    .ui-dropdown-dd__item._hoverable:hover {
        color: var(--color-accent)
    }
}

.ui-dropdown-dd__item._hidden {
    color: var(--color-text-ex-light)
}

.ui-dropdown-dd__item._loader {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-dropdown-dd__item:last-child {
    border-bottom: none
}

.ui-dropdown-dd__item .ui-loader {
    height: 20px;
    width: 20px
}

.ui-dropdown-dd__item_drag {
    align-items: center;
    color: var(--color-text-ex-light);
    display: flex;
    flex: 0 0 24px;
    justify-content: center;
    transition: color .2s
}

@media (hover:hover) {
    .ui-dropdown-dd__item_drag:hover {
        color: var(--color-accent)
    }
}

.ui-dropdown-dd__item_drag .ui-icon {
    height: 24px;
    width: 24px
}

.ui-dropdown-dd__item_title {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 4px
}

.ui-dropdown-dd__item_eye {
    align-items: center;
    display: flex;
    flex: 0 0 16px;
    justify-content: center
}

.resize-observer[data-v-8859cc6c] {
    background-color: transparent;
    border: none;
    opacity: 0
}

.resize-observer[data-v-8859cc6c],
.resize-observer[data-v-8859cc6c] object {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-popper {
    width: -moz-max-content;
    width: max-content
}

.v-popper__popper {
    left: 0;
    top: 0
}

.v-popper__popper.v-popper--theme-dropdown {
    z-index: 101
}

.v-popper__popper.v-popper--theme-tooltip {
    z-index: 10000
}

.v-popper__popper.v-popper__popper--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, visibility .15s;
    visibility: hidden
}

.v-popper__popper.v-popper__popper--shown {
    opacity: 1;
    transition: opacity .15s;
    visibility: visible
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
    transition: none !important
}

.v-popper__backdrop {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.v-popper__inner {
    box-sizing: border-box;
    overflow-y: auto;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-word
}

.v-popper__inner>div {
    max-height: inherit;
    max-width: inherit;
    position: relative;
    z-index: 1
}

.v-popper__inner .resize-observer {
    height: 0 !important;
    overflow: hidden
}

.v-popper__arrow-container {
    height: 10px;
    position: absolute;
    width: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
    border-style: solid;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.v-popper__arrow-inner {
    border-width: 7px;
    visibility: hidden
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-bottom-width: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-top-width: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-left-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-dropdown .v-popper__inner {
    background: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    box-shadow: var(--shadow-2);
    color: var(--color-text)
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    border-color: var(--border-1-color);
    visibility: visible
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: var(--bg-color-content)
}

.v-popper--theme-actions .v-popper__inner {
    background: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    box-shadow: var(--shadow-2);
    color: var(--color-text);
    width: -moz-max-content;
    width: max-content
}

.v-popper--theme-actions .v-popper__arrow-inner {
    border-color: var(--border-1-color);
    visibility: visible
}

.v-popper--theme-actions .v-popper__arrow-outer {
    border-color: var(--bg-color-content)
}

.v-popper--theme-tooltip .v-popper__inner {
    background: var(--color-accent-400);
    border-radius: 12px;
    box-shadow: var(--shadow-1);
    color: var(--color-white);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    max-width: 320px;
    padding: 16px 12px
}

.v-popper--theme-tooltip .v-popper__inner p {
    margin-bottom: 12px
}

.v-popper--theme-tooltip .v-popper__inner p:last-child {
    margin-bottom: 0
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: var(--color-accent-400)
}

.v-popper--theme-tooltip._white .v-popper__inner {
    background: var(--color-white);
    box-shadow: var(--shadow-3);
    color: var(--color-black)
}

.v-popper--theme-tooltip._white .v-popper__arrow-outer {
    border-color: var(--color-white)
}


@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff._authButtons_11w01_1 {
        align-items: center;
        display: flex;
        gap: 12px
    }

    @media screen and (max-width:767px) {
        ._authButtons_11w01_1 {
            gap: 8px
        }

        ._authButtons_11w01_1>.ui-button {
            border-radius: 8px;
            min-height: 32px !important;
            padding: 2px 12px
        }
    }

    ._user_11w01_19 {
        display: flex;
        gap: 8px
    }

    @media screen and (max-width:576px) {
        ._user_11w01_19 {
            flex-direction: row-reverse
        }
    }

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

    ._userProfile_11w01_29:hover {
        color: var(--color-accent)
    }

    ._userProfile_11w01_29 ._name_11w01_36 {
        margin-right: 12px
    }

    @media screen and (max-width:576px) {
        ._userProfile_11w01_29 ._name_11w01_36 {
            display: none
        }
    }

    ._userProfile_11w01_29 ._avatar_11w01_44 {
        align-items: center;
        background: linear-gradient(180deg, #b5f402, #e1fd41);
        border-radius: 12px;
        box-shadow: 0 16px 24px -8px #b5f40252;
        color: var(--color-black);
        display: flex;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        height: 40px;
        justify-content: center;
        letter-spacing: .2px;
        line-height: 140%;
        overflow: hidden;
        text-transform: uppercase;
        width: 40px
    }

    ._userProfile_11w01_29 ._avatar_11w01_44 img {
        border-radius: inherit;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}


.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}










._cont_gh91y_1 {
    min-height: calc(100vh - 80px);
    padding-top: 40px
}

._cont_gh91y_1 h1 {
    font-size: 40px;
    margin-bottom: 20px
}

._header_tc127_1 {
    align-items: center;
    background: var(--bg-color);
    display: flex;
    height: 80px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: background-color .2s;
    z-index: 100
}

._header_tc127_1.__active_tc127_13 {
    background: #131413b3
}

._header_tc127_1.__transparent_tc127_16:not(.__scrollActive_tc127_16) {
    background-color: transparent;
    position: absolute
}

@media screen and (max-width:767px) {
    ._header_tc127_1 {
        height: 76px
    }
}

._container_tc127_26 {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: space-between
}

._logo_tc127_33 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 52px;
    justify-content: center;
    width: 200px
}

@media screen and (max-width:767px) {
    ._logo_tc127_33 {
        height: 52px;
        width: 52px
    }
}

._logo_tc127_33 img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media screen and (max-width:767px) {
    ._logo_tc127_33 img._regular_tc127_53 {
        display: none
    }
}

._logo_tc127_33 img._small_tc127_57 {
    display: none
}

@media screen and (max-width:767px) {
    ._logo_tc127_33 img._small_tc127_57 {
        display: block
    }
}

._nav_tc127_66 {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 40px;
    justify-content: center;
    letter-spacing: -.28px;
    line-height: 140%;
    margin-inline-start: 20px
}

@media screen and (max-width:992px) {
    ._nav_tc127_66 {
        display: none
    }
}

._nav_tc127_66 a {
    transition: color .2s
}

@media (hover:hover) {
    ._nav_tc127_66 a:hover {
        color: var(--color-accent)
    }
}

._actions_tc127_92 {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-inline-start: auto
}

@media screen and (max-width:992px) {
    ._actions_tc127_92 {
        gap: 20px
    }

    ._actionsLanguage_tc127_106 {
        display: none !important
    }
}

._burger_tc127_111 {
    display: none
}

@media screen and (max-width:992px) {
    ._burger_tc127_111 {
        background: none;
        border: none;
        cursor: pointer;
        display: block;
        height: 32px;
        padding: 6px;
        position: relative;
        width: 32px
    }
}

._burger_tc127_111 svg {
    height: 100%;
    width: 100%
}

._headerMobile_tc127_131 {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #131413b3;
    display: flex;
    flex-direction: column;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: auto;
    pointer-events: none;
    position: fixed;
    z-index: 100
}

._headerMobile_tc127_131.__active_tc127_13 {
    opacity: 1;
    pointer-events: auto
}

._headerMobileHead_tc127_150 {
    align-items: center;
    display: flex;
    flex: 0 0 76px;
    height: 76px;
    justify-content: space-between;
    padding: 12px 20px;
    width: 100%
}

@media screen and (max-width:992px) {
    ._headerMobileHead_tc127_150 {
        padding: 12px
    }
}

._headerMobileLogo_tc127_165 {
    height: 52px
}

._headerMobileLogo_tc127_165 svg {
    height: 100%;
    width: -moz-max-content;
    width: max-content
}

._headerMobileLogo_tc127_165 svg g:last-child {
    transform: translate(20px);
    transition: transform .2s
}

._headerMobile_tc127_131.__active_tc127_13 ._headerMobileLogo_tc127_165 svg g:last-child {
    transform: translate(0)
}

._headerMobileClose_tc127_180 {
    color: var(--color-text-light);
    height: 32px;
    width: 32px
}

._headerMobileClose_tc127_180 .ui-icon {
    height: 100%;
    width: 100%
}

._headerMobileInner_tc127_190 {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    margin: auto 0;
    padding: 140px 0 114px
}

@media screen and (max-width:576px) {
    ._headerMobileInner_tc127_190 {
        padding: 20px 0
    }
}

._headerMobileNav_tc127_205 {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 24px;
    gap: 24px;
    letter-spacing: -.24px;
    line-height: 96%
}

._headerMobileNav_tc127_205 a {
    font-family: var(--font-title), sans-serif;
    transition: .2s ease;
}
._headerMobileNav_tc127_205 a:hover {
    color: #b5f404;
}

._headerMobileNav_tc127_205>div:last-child {
    margin-top: 16px
}

._headerMobileSocials_tc127_221 {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 140px
}

@media screen and (max-width:576px) {
    ._headerMobileSocials_tc127_221 {
        margin-top: 42px
    }
}

._headerMobileSocials_tc127_221 a {
    align-items: center;
    background-color: var(--bg-color-highlight);
    border-radius: 50%;
    display: flex;
    flex: 0 0 60px;
    height: 60px;
    justify-content: center;
    transition: border-color .2s;
    width: 60px
}

@media (hover:hover) {
    ._headerMobileSocials_tc127_221 a:hover {
        border-color: #b5f402
    }
}

._headerMobileSocials_tc127_221 a svg {
    height: 24px;
    width: 24px
}

._languages_fk5kr_1 {
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.14px;
    line-height: 146%;
    width: -moz-max-content;
    width: max-content
}

._languages_fk5kr_1 button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-transform: uppercase
}

._languages_fk5kr_1 button.__active_fk5kr_17 {
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 8%;
    text-underline-offset: 24%;
    text-underline-position: from-font
}

._languages_fk5kr_1 button+button:before {
    background: #B5F402;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 19px;
    vertical-align: middle;
    width: 1px;
}


._authButtons_11w01_1 {
    align-items: center;
    display: flex;
    gap: 12px
}

@media screen and (max-width:767px) {
    ._authButtons_11w01_1 {
        gap: 8px
    }

    ._authButtons_11w01_1>.ui-button {
        border-radius: 8px;
        min-height: 32px !important;
        padding: 2px 12px
    }
}

._user_11w01_19 {
    display: flex;
    gap: 8px
}

@media screen and (max-width:576px) {
    ._user_11w01_19 {
        flex-direction: row-reverse
    }
}

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

._userProfile_11w01_29:hover {
    color: var(--color-accent)
}

._userProfile_11w01_29 ._name_11w01_36 {
    margin-right: 12px
}

@media screen and (max-width:576px) {
    ._userProfile_11w01_29 ._name_11w01_36 {
        display: none
    }
}

._userProfile_11w01_29 ._avatar_11w01_44 {
    align-items: center;
    background: linear-gradient(180deg, #b5f402, #e1fd41);
    border-radius: 12px;
    box-shadow: 0 16px 24px -8px #b5f40252;
    color: var(--color-black);
    display: flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 140%;
    overflow: hidden;
    text-transform: uppercase;
    width: 40px
}

._userProfile_11w01_29 ._avatar_11w01_44 img {
    border-radius: inherit;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

._home_p0ynf_1 {
    position: relative;
    width: 100%
}

._home_p0ynf_1 ._subtitle_p0ynf_5 {
    font-size: 12px;
    font-weight: 500;
    height: -moz-fit-content;
    height: fit-content;
    letter-spacing: -.024px;
    line-height: 150%;
    padding-inline-start: 12px;
    position: relative;
    white-space: nowrap
}

._home_p0ynf_1 ._subtitle_p0ynf_5:before {
    background-color: var(--color-accent-400);
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

._home_p0ynf_1 em {
    color: var(--color-accent-400);
    font-style: normal
}

._home_p0ynf_1 ._main_p0ynf_29 {
    background: url(https://s3.profitarbitrage.ai/static/lands/home/backgrounds/main-bg.webp) bottom/cover no-repeat;
    padding-top: 80px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._main_p0ynf_29 {
        background: url(https://s3.profitarbitrage.ai/static/lands/home/backgrounds/main-bg-sm.webp) bottom/cover no-repeat;
        padding-top: 76px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._main_p0ynf_29 {
        background: url(https://s3.profitarbitrage.ai/static/lands/home/backgrounds/main-bg-exsm.webp) top/cover no-repeat
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 100px 0;
    text-align: center
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 {
        padding: 122px 0
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 {
        padding: 130px 0
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
    display: inline-block;
    margin: 0 auto;
    max-width: 1032px;
    position: relative;
    width: 100%
}

@media screen and (max-width:1440px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
        max-width: 71.8vw
    }
}

@media screen and (max-width:992px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
        max-width: 90vw
    }
}

@media screen and (max-width:700px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
        max-width: 100%
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84 {
    align-items: center;
    aspect-ratio: 1/1;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: #ffffff14;
    border: 1px solid var(--color-grey-500);
    border-radius: 60px;
    display: flex;
    flex-shrink: 0;
    gap: 10px;
    height: 100px;
    justify-content: center;
    position: absolute;
    width: 100px;
    z-index: 3
}

@media screen and (max-width:992px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84 {
        z-index: 1
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84 {
        height: 80px;
        width: 80px
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84 svg {
    aspect-ratio: 1/1;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84 svg {
        height: 20px;
        width: 20px
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._btc_p0ynf_123 {
    left: 136px;
    top: -60px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._btc_p0ynf_123 {
        left: 178px;
        top: -72px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._btc_p0ynf_123 {
        left: 80px;
        top: -54px
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._usd_p0ynf_139 {
    bottom: -60px;
    height: 80px;
    left: 136px;
    width: 80px
}

@media screen and (max-width:1440px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._usd_p0ynf_139 {
        left: 9.5vw
    }
}

@media screen and (max-width:992px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._usd_p0ynf_139 {
        bottom: -16px;
        left: 7.8vw
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._usd_p0ynf_139 {
        bottom: -28px;
        height: 60px;
        left: 6.4vw;
        width: 60px
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._doge_p0ynf_164 {
    bottom: -8px;
    right: 36px
}

@media screen and (max-width:1440px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._doge_p0ynf_164 {
        right: 2.5vw
    }
}

@media screen and (max-width:992px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._doge_p0ynf_164 {
        bottom: -24px;
        right: 5.2vw
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._bubble_p0ynf_84._doge_p0ynf_164 {
        bottom: -24px;
        height: 72px;
        right: 0;
        width: 72px
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    background: linear-gradient(90deg, var(--color-grey-400) 0, var(--color-white) 20%, #fff 80%, var(--color-grey-400) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    font-family: var(--font-title), sans-serif;
    font-size: 80px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 95%;
    position: relative;
    z-index: 2;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width:1440px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 5.5vw
    }
}

@media screen and (max-width:992px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 7.82vw
    }
}

@media screen and (max-width:700px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 9.6vw
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._text_p0ynf_215 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.15px;
    line-height: 146%;
    margin-top: 24px;
    max-width: 400px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._text_p0ynf_215 {
        margin-top: 40px;
        max-width: 350px
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._button_p0ynf_229 {
    align-items: center;
    background: var(--color-accent);
    border-radius: 12px;
    box-shadow: 0 4px 60px 0 var(--color-accent-500);
    color: var(--color-black);
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    gap: 8px;
    height: 52px;
    justify-content: center;
    line-height: 140%;
    margin-top: 52px;
    padding: 12px 20px;
    transition: box-shadow .3s;
    width: 248px
}

@media (hover:hover) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._button_p0ynf_229:hover {
        box-shadow: 0 4px 60px 0 var(--color-accent-600)
    }
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._button_p0ynf_229 {
        margin-top: 32px
    }
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._button_p0ynf_229 svg {
    aspect-ratio: 1/1;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._free_p0ynf_263 {
    color: var(--bt-secondary-color);
    font-weight: 500;
    line-height: 140%;
    margin-top: 12px
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 {
    background: var(--color-grey-100);
    border-radius: 24px;
    padding: 120px 0 152px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 {
        padding: 100px 0 0
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 {
        padding: 80px 0 0
    }
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 {
    color: var(--color-black)
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
    display: flex;
    gap: 20px;
    justify-content: space-between
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
        flex-direction: column
    }
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    font-family: var(--font-title), sans-serif;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -.44px;
    line-height: 96%;
    max-width: 1020px;
    text-indent: 120px;
    width: 100%
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 36px;
        letter-spacing: -.36px;
        max-width: unset;
        text-indent: unset
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 28px;
        letter-spacing: -.28px
    }
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 {
    display: grid;
    grid-template-areas: "card1 phone card2""card3 phone card4";
    grid-template-columns: minmax(1px, 4.2fr) minmax(1px, 3.37fr) minmax(1px, 4.2fr);
    grid-template-rows: auto auto;
    margin-top: 80px;
    grid-gap: 16px 48px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 {
        grid-template-areas: "card1 card2""card3 card4""phone phone";
        grid-template-columns: repeat(2, minmax(1px, 1fr));
        margin-top: 52px;
        grid-gap: 20px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 {
        grid-template-areas: "swiper""phone";
        grid-template-columns: 100%
    }
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._card1_p0ynf_343 {
    grid-area: card1
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._card2_p0ynf_346 {
    grid-area: card2
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._card3_p0ynf_349 {
    grid-area: card3
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._card4_p0ynf_352 {
    grid-area: card4
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._card1_p0ynf_343,
._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._card2_p0ynf_346 {
    margin-top: 70px
}

@media screen and (max-width:1200px) {

    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._card1_p0ynf_343,
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._card2_p0ynf_346 {
        margin-top: unset
    }
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phoneSm_p0ynf_363,
._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phone_p0ynf_363 {
    grid-area: phone;
    height: 100%;
    justify-self: center;
    margin-top: auto;
    width: auto
}

@media screen and (max-width:1200px) {

    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phoneSm_p0ynf_363,
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phone_p0ynf_363 {
        margin-top: 32px
    }
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phone_p0ynf_363 {
    max-height: 716px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phone_p0ynf_363 {
        display: none
    }
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phoneSm_p0ynf_363 {
    display: none;
    max-height: 480px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phoneSm_p0ynf_363 {
        display: block
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phoneSm_p0ynf_363 {
        max-height: 406px
    }

    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._featureInGrid_p0ynf_398 {
        display: none
    }
}

._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._swiperWrapper_p0ynf_402 {
    display: none
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._swiperWrapper_p0ynf_402 {
        display: flex;
        flex-direction: column;
        gap: 24px
    }

    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._swiperWrapper_p0ynf_402 ._swiper_p0ynf_402 {
        grid-area: swiper;
        height: 100%;
        width: calc(100vw - 24px)
    }

    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._swiperWrapper_p0ynf_402 .swiper {
        margin: auto
    }
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 {
    padding-top: 120px
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
        flex-direction: column;
        gap: 20px
    }
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    font-family: var(--font-title), sans-serif;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -.44px;
    line-height: 96%;
    margin-inline-start: 157px;
    text-indent: 120px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 36px;
        letter-spacing: -.36px;
        margin-inline-start: unset;
        text-indent: unset
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 28px;
        letter-spacing: -.28px
    }
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsFlex_p0ynf_456 {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 80px
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsFlex_p0ynf_456>* {
    max-width: 500px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsFlex_p0ynf_456>* {
        max-width: unset
    }

    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsFlex_p0ynf_456 {
        gap: 12px;
        margin-bottom: 12px;
        margin-top: 40px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsFlex_p0ynf_456 {
        flex-direction: column
    }
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 {
    display: grid;
    grid-template-columns: 500px minmax(1px, 1fr) 500px;
    grid-template-rows: auto auto;
    grid-gap: 20px;
    grid-template-areas: "cardScanner . .""cardDex dexToFunding cardFunding";
    justify-items: start
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 {
        grid-gap: 12px;
        grid-template-areas: "cardScanner cardDex""cardFunding .";
        grid-template-columns: repeat(2, minmax(1px, 1fr))
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 {
        grid-template-areas: "cardScanner""cardDex""cardFunding";
        grid-template-columns: minmax(1px, 1fr)
    }
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardDex_p0ynf_503,
._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardFunding_p0ynf_503,
._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardScanner_p0ynf_503 {
    max-width: 500px
}

@media screen and (max-width:1200px) {

    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardDex_p0ynf_503,
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardFunding_p0ynf_503,
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardScanner_p0ynf_503 {
        max-width: unset
    }
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardScanner_p0ynf_503 {
    grid-area: cardScanner;
    margin-inline-start: 261px;
    position: relative
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardScanner_p0ynf_503 {
        margin-inline-start: unset
    }
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardDex_p0ynf_503 {
    grid-area: cardDex;
    position: relative
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._cardFunding_p0ynf_503 {
    grid-area: cardFunding
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._scannerToArbitrage_p0ynf_528,
._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._scannerToDex_p0ynf_529 {
    content: "";
    position: absolute;
    z-index: -1
}

@media screen and (max-width:1200px) {

    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._scannerToArbitrage_p0ynf_528,
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._scannerToDex_p0ynf_529 {
        display: none
    }
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._scannerToArbitrage_p0ynf_528 {
    height: 637px;
    right: -416px;
    top: -50%;
    width: 416px
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._scannerToDex_p0ynf_529 {
    height: 320px;
    left: -121px;
    top: 60%;
    width: 121px
}

._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._dexToFunding_p0ynf_552 {
    align-self: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='1'%3E%3Cpath stroke='%23595E59' stroke-dasharray='4 4' stroke-linecap='round' d='M.5.5h7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: auto 1px;
    grid-column: 1/-1;
    grid-row: 2;
    height: 1px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: -1
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._ecosystem_p0ynf_420 ._content_p0ynf_44 ._cardsGrid_p0ynf_482 ._dexToFunding_p0ynf_552 {
        display: none
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 {
    padding-top: 120px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 {
        padding-top: 110px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 {
        padding-top: 120px
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
        flex-direction: column;
        gap: 20px
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    font-family: var(--font-title), sans-serif;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -.44px;
    line-height: 96%;
    margin-inline-start: 81px;
    text-indent: 120px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 36px;
        letter-spacing: -.36px;
        margin-inline-start: unset;
        text-indent: unset
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 28px;
        letter-spacing: -.28px
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 {
    display: grid;
    width: 100%;
    grid-gap: 40px;
    grid-template-areas: "cardDex cardCex cardNewbies""cardPersonalBot cardManualBot button";
    grid-template-columns: repeat(3, minmax(1px, 1fr));
    grid-template-rows: auto auto;
    margin-top: 80px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 {
        margin-top: 40px;
        grid-gap: 24px;
        grid-template-areas: "cardDex""cardCex""cardNewbies""cardPersonalBot""cardManualBot""button";
        grid-template-columns: minmax(1px, 1fr)
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardDex_p0ynf_503 {
    grid-area: cardDex
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardDex_p0ynf_503:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='1'%3E%3Cpath stroke='%23595E59' stroke-dasharray='4 4' stroke-linecap='round' d='M.5.5h7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: auto 1px;
    content: "";
    height: 1px;
    position: absolute;
    right: -42px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardDex_p0ynf_503:after {
        bottom: -15px;
        height: 1px;
        left: 50%;
        right: auto;
        top: auto;
        transform: translate(-50%) rotate(90deg);
        width: 24px;
        z-index: -1
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardCex_p0ynf_662 {
    grid-area: cardCex
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardCex_p0ynf_662:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='1'%3E%3Cpath stroke='%23595E59' stroke-dasharray='4 4' stroke-linecap='round' d='M.5.5h7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: auto 1px;
    content: "";
    height: 1px;
    position: absolute;
    right: -42px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardCex_p0ynf_662:after {
        bottom: -15px;
        height: 1px;
        left: 50%;
        right: auto;
        top: auto;
        transform: translate(-50%) rotate(90deg);
        width: 24px;
        z-index: -1
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardNewbies_p0ynf_690 {
    grid-area: cardNewbies
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardNewbies_p0ynf_690:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='1'%3E%3Cpath stroke='%23595E59' stroke-dasharray='4 4' stroke-linecap='round' d='M.5.5h7'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: repeat-x;
        background-size: auto 1px;
        bottom: -15px;
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        right: auto;
        top: auto;
        transform: translateY(-50%);
        transform: translate(-50%) rotate(90deg);
        width: 24px;
        z-index: -1
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardPersonalBot_p0ynf_713 {
    grid-area: cardPersonalBot
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardPersonalBot_p0ynf_713:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='1'%3E%3Cpath stroke='%23595E59' stroke-dasharray='4 4' stroke-linecap='round' d='M.5.5h7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: auto 1px;
    content: "";
    height: 1px;
    position: absolute;
    right: -42px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardPersonalBot_p0ynf_713:after {
        bottom: -15px;
        height: 1px;
        left: 50%;
        right: auto;
        top: auto;
        transform: translate(-50%) rotate(90deg);
        width: 24px;
        z-index: -1
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardManualBot_p0ynf_741 {
    grid-area: cardManualBot;
    position: relative;
    z-index: 1
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardManualBot_p0ynf_741:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='1'%3E%3Cpath stroke='%23595E59' stroke-dasharray='4 4' stroke-linecap='round' d='M.5.5h7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: auto 1px;
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 130px;
    z-index: -1
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._cardManualBot_p0ynf_741:after {
        bottom: -30px;
        height: 1px;
        left: 50%;
        right: auto;
        top: auto;
        transform: translate(-50%) rotate(90deg);
        width: 60px;
        z-index: -1 !important
    }
}

._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._button_p0ynf_229 {
    grid-area: button;
    margin: auto;
    z-index: 2
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._button_p0ynf_229 {
        margin: 36px auto auto
    }
}

._home_p0ynf_1 ._cases_p0ynf_784 {
    padding-top: 200px
}

._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
        flex-direction: column;
        gap: 20px
    }
}

._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    font-family: var(--font-title), sans-serif;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -.44px;
    line-height: 96%;
    margin-inline-start: 154px;
    text-indent: 120px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 36px;
        letter-spacing: -.36px;
        margin-inline-start: unset;
        text-indent: unset
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 28px;
        letter-spacing: -.28px
    }
}

._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._swiperWrapper_p0ynf_402 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 60px
}

@media screen and (max-width:1200px) {
    ._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._swiperWrapper_p0ynf_402 {
        margin-top: 40px
    }
}

._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._swiperWrapper_p0ynf_402 ._swiper_p0ynf_402 {
    height: 100%;
    width: 100%
}

._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._swiperWrapper_p0ynf_402 .swiper {
    margin: auto
}

._home_p0ynf_1 ._important_p0ynf_838 {
    padding-bottom: 140px;
    padding-top: 120px;
    position: relative
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._important_p0ynf_838 {
        padding-bottom: 40px;
        padding-top: 100px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._important_p0ynf_838 {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

._home_p0ynf_1 ._important_p0ynf_838:before {
    background-image: url(https://s3.profitarbitrage.ai/static/lands/home/backgrounds/important-coins.webp);
    background-size: cover;
    content: "";
    height: 800px;
    position: absolute;
    right: 0;
    top: 0;
    width: 320px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._important_p0ynf_838:before {
        height: 328px;
        top: 138px;
        width: 131px
    }
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 {
        gap: 20px
    }
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    font-family: var(--font-title), sans-serif;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -.44px;
    line-height: 96%;
    text-indent: 6px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 36px;
        letter-spacing: -.36px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 28px;
        letter-spacing: -.28px
    }
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._text_p0ynf_215 {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 16px;
    letter-spacing: .32px;
    line-height: 140%;
    margin-top: 100px
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._text_p0ynf_215>* {
    display: inline-flex;
    gap: 10px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._text_p0ynf_215 {
        margin-top: 52px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._text_p0ynf_215 {
        margin-top: 40px
    }
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._card_p0ynf_343 {
    background: var(--bg-color-content);
    border: 1px solid var(--border-1-color);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    margin-top: 20px;
    max-width: 900px;
    min-width: 0;
    padding: 32px 24px;
    width: 100%
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._card_p0ynf_343 {
        margin-top: 40px
    }
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._card_p0ynf_343 ._heading_p0ynf_951 {
    align-items: center;
    display: flex;
    gap: 20px
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._card_p0ynf_343 ._heading_p0ynf_951 ._icon_p0ynf_956 {
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid var(--color-grey-500);
    border-radius: 60px;
    display: flex;
    flex-shrink: 0;
    gap: 12px;
    height: 60px;
    justify-content: center;
    width: 60px
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._card_p0ynf_343 ._heading_p0ynf_951 ._title_p0ynf_62 {
    font-family: var(--font-title), sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.24px;
    line-height: 96%
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._card_p0ynf_343 ._cardText_p0ynf_976 {
    color: var(--color-text-light);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 20px;
    letter-spacing: -.28px;
    line-height: 140%
}

._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._card_p0ynf_343 ._cardText_p0ynf_976>p {
    margin-bottom: unset
}

._home_p0ynf_1 ._try_p0ynf_990 {
    align-items: center;
    background-image: url(https://s3.profitarbitrage.ai/static/lands/home/backgrounds/try.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 132px 24px 100px;
    width: 100%
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._try_p0ynf_990 {
        background-image: url(https://s3.profitarbitrage.ai/static/lands/home/backgrounds/try-sm.svg);
        padding: 80px 24px 60px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._try_p0ynf_990 {
        background-image: url(https://s3.profitarbitrage.ai/static/lands/home/backgrounds/try-exsm.svg);
        padding: 112px 24px 100px
    }
}

._home_p0ynf_1 ._try_p0ynf_990>:not(:first-child) {
    text-align: center
}

._home_p0ynf_1 ._try_p0ynf_990 ._title_p0ynf_62 {
    font-family: var(--font-title), sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.52px;
    line-height: 96%;
    margin-top: 16px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._try_p0ynf_990 ._title_p0ynf_62 {
        font-size: 32px;
        letter-spacing: -.32px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._try_p0ynf_990 ._title_p0ynf_62 {
        max-width: 288px
    }
}

._home_p0ynf_1 ._try_p0ynf_990 ._text_p0ynf_215 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.15px;
    line-height: 146%;
    margin-top: 24px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._try_p0ynf_990 ._text_p0ynf_215 {
        margin-top: 20px
    }
}

._home_p0ynf_1 ._try_p0ynf_990 ._text_p0ynf_215 a {
    color: var(--color-accent);
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 8%;
    text-underline-offset: 24%;
    text-underline-position: from-font
}

._home_p0ynf_1 ._try_p0ynf_990 ._button_p0ynf_229 {
    align-items: center;
    background: var(--color-accent);
    border-radius: 12px;
    box-shadow: 0 4px 60px 0 var(--color-accent-500);
    color: var(--color-black);
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    gap: 8px;
    height: 52px;
    justify-content: center;
    line-height: 140%;
    margin-top: 44px;
    padding: 12px 20px;
    width: 248px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._try_p0ynf_990 ._button_p0ynf_229 {
        margin-top: 32px
    }
}

@media (hover:hover) {
    ._home_p0ynf_1 ._try_p0ynf_990 ._button_p0ynf_229:hover {
        box-shadow: 0 4px 60px 0 var(--color-accent-600)
    }
}

._home_p0ynf_1 ._try_p0ynf_990 ._button_p0ynf_229 svg {
    aspect-ratio: 1/1;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

._home_p0ynf_1 ._reviews_p0ynf_1093 {
    padding-top: 120px
}

._home_p0ynf_1 ._reviews_p0ynf_1093 ._paginationTitleWrapper_p0ynf_1096 {
    align-items: end;
    display: flex;
    justify-content: space-between
}

._home_p0ynf_1 ._reviews_p0ynf_1093 ._paginationTitleWrapper_p0ynf_1096 ._titleWrapper_p0ynf_62 {
    display: flex;
    flex-direction: column;
    gap: 24px
}


.tooltip-modal {
    position: absolute;
    background-color: white;
    color: black;
    border: 1px solid #ccc;
    padding: 10px 14px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    display: none; /* прихована за замовчуванням */
    z-index: 9999;
    max-width: 250px;
    font-size: 14px;
    line-height: 1.4;
    top: 50px;
  }

  .tooltip-modal::after {
  content: '';
  position: absolute;
  bottom: -8px; /* висота трикутника */
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px 8px 0 8px; /* верхній трикутник */
  border-style: solid;
  border-color: white transparent transparent transparent;
}

  .v-popper--has-tooltip {
    cursor: pointer;
  }



@media screen and (max-width:767px) {
    .product-card{
        margin: 0 auto
    }

    ._home_p0ynf_1 ._reviews_p0ynf_1093 ._paginationTitleWrapper_p0ynf_1096 ._titleWrapper_p0ynf_62 {
        gap: 20px
    }
}

._home_p0ynf_1 ._reviews_p0ynf_1093 ._paginationTitleWrapper_p0ynf_1096 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    font-family: var(--font-title), sans-serif;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -.44px;
    line-height: 96%
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._reviews_p0ynf_1093 ._paginationTitleWrapper_p0ynf_1096 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 36px;
        letter-spacing: -.36px
    }
}

@media screen and (max-width:576px) {
    ._home_p0ynf_1 ._reviews_p0ynf_1093 ._paginationTitleWrapper_p0ynf_1096 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 28px;
        letter-spacing: -.28px
    }
}

._home_p0ynf_1 ._reviews_p0ynf_1093 ._paginationTitleWrapper_p0ynf_1096 ._pagination_p0ynf_1096 {
    margin: unset
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._reviews_p0ynf_1093 ._paginationTitleWrapper_p0ynf_1096 ._pagination_p0ynf_1096 {
        display: none
    }
}

._home_p0ynf_1 ._reviews_p0ynf_1093 ._swiperWrapper_p0ynf_402 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 60px
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._reviews_p0ynf_1093 ._swiperWrapper_p0ynf_402 {
        margin-top: 40px
    }
}

._home_p0ynf_1 ._reviews_p0ynf_1093 ._swiperWrapper_p0ynf_402 ._swiper_p0ynf_402 {
    height: 100%;
    width: 100%
}

._home_p0ynf_1 ._reviews_p0ynf_1093 ._swiperWrapper_p0ynf_402 .swiper {
    margin: auto
}

._home_p0ynf_1 ._reviews_p0ynf_1093 ._swiperWrapper_p0ynf_402 ._pagination_p0ynf_1096 {
    display: none
}

@media screen and (max-width:767px) {
    ._home_p0ynf_1 ._reviews_p0ynf_1093 ._swiperWrapper_p0ynf_402 ._pagination_p0ynf_1096 {
        display: flex
    }
}

._footer_1rqt5_1 {
    background-color: var(--bg-color-content);
    padding: 24px 0
}

._main_1rqt5_6 {
    margin-bottom: 24px;
    position: relative
}

@media screen and (max-width:767px) {
    ._main_1rqt5_6 {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 32px
    }
}

._main_1rqt5_6>svg {
    height: -moz-max-content;
    height: max-content;
    width: 100%
}

._socials_1rqt5_23 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:767px) {
    ._socials_1rqt5_23 {
        position: relative
    }
}

._socialsLinks_1rqt5_37 {
    display: flex;
    gap: 20px;
    justify-content: flex-end
}

._socialsLinks_1rqt5_37 a {
    display: flex;
    font-size: 14px;
    gap: 8px;
    letter-spacing: -.28px
}

._socialsLinks_1rqt5_37 a svg {
    color: var(--color-accent);
    height: 20px;
    width: 20px
}

._socialsIcons_1rqt5_54 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end
}

@media screen and (max-width:767px) {
    ._socialsIcons_1rqt5_54 {
        justify-content: flex-start
    }
}

._socialsIcons_1rqt5_54 a {
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid #595e59;
    border-radius: 50%;
    display: flex;
    flex: 0 0 60px;
    height: 60px;
    justify-content: center;
    transition: border-color .2s;
    width: 60px
}

@media (hover:hover) {
    ._socialsIcons_1rqt5_54 a:hover {
        border-color: #b5f402
    }
}

._socialsIcons_1rqt5_54 a svg {
    height: 24px;
    width: 24px
}

._links_1rqt5_87 {
    color: var(--color-text-ex-light);
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    letter-spacing: -.024px
}

@media screen and (max-width:767px) {
    ._links_1rqt5_87 {
        flex-direction: column;
        gap: 12px
    }
}

._linksLegal_1rqt5_101 {
    align-items: center;
    display: flex;
    gap: 60px
}

@media screen and (max-width:767px) {
    ._linksLegal_1rqt5_101 {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px
    }
}

._linksLegal_1rqt5_101 a {
    transition: color .2s
}

@media (hover:hover) {
    ._linksLegal_1rqt5_101 a:hover {
        color: var(--color-accent)
    }
}

._card_2nt1o_1 {
    background: var(--color-grey-200);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px;
    width: 100%
}

._card_2nt1o_1 b {
    font-weight: 700
}

._card_2nt1o_1 ._heading_2nt1o_13 {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

._card_2nt1o_1 ._heading_2nt1o_13 ._number_2nt1o_19 {
    color: var(--color-text-ex-light);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.056px;
    line-height: 140%
}

._card_2nt1o_1 ._heading_2nt1o_13 ._ellipsis_2nt1o_26 {
    aspect-ratio: 1/1;
    background: var(--color-grey-800);
    border-radius: 50%;
    height: 16px;
    width: 16px
}

._card_2nt1o_1 ._title_2nt1o_33 {
    font-family: var(--font-title), sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.28px;
    line-height: 96%;
    margin-top: 8px
}

._card_2nt1o_1 ._text_2nt1o_41 {
    font-weight: 500;
    line-height: 140%
}

._card_2nt1o_1 ._text_2nt1o_41 p {
    margin-bottom: unset
}

._card_2nt1o_1 ._text_2nt1o_41,
._card_2nt1o_1 ._text_2nt1o_41>ul {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._card_2nt1o_1 ._text_2nt1o_41>ul {
    list-style: none;
    padding: 0
}

._card_2nt1o_1 ._text_2nt1o_41>ul li {
    line-height: 150%;
    padding-left: 12px;
    position: relative
}

._card_2nt1o_1 ._text_2nt1o_41>ul li:before {
    background-color: var(--color-accent-400);
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

._pagination_cby7l_1 {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    margin: 0 auto
}

._pagination_cby7l_1 ._page_cby7l_8 {
    color: var(--color-grey-1000);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .32px;
    line-height: 140%
}

._pagination_cby7l_1 ._button_cby7l_15 {
    align-items: center;
    aspect-ratio: 1/1;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid var(--color-grey-300);
    border-radius: 60px;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: center;
    transition: transform .1s ease, opacity .2s ease;
    width: 64px
}

._pagination_cby7l_1 ._button_cby7l_15:active:not(._disabled_cby7l_28) {
    transform: scale(.94)
}

._pagination_cby7l_1 ._button_cby7l_15._disabled_cby7l_28 {
    cursor: default;
    opacity: .4
}

._pagination_cby7l_1.__dark_cby7l_35 ._page_cby7l_8 ._currentPage_cby7l_35 {
    color: var(--color-text)
}

._pagination_cby7l_1.__dark_cby7l_35 ._page_cby7l_8 ._totalPages_cby7l_38 {
    color: var(--color-text-lighter)
}

._pagination_cby7l_1.__dark_cby7l_35 ._button_cby7l_15 {
    border: 1px solid var(--border-1-color)
}

._card_1l313_1 {
    background: var(--bg-color-light);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: auto;
    padding: 32px;
    width: 100%
}

@media screen and (max-width:1200px) {
    ._card_1l313_1 {
        gap: 20px;
        padding: 20px 20px 32px
    }
}

._card_1l313_1 b {
    font-weight: 700
}

._card_1l313_1 ._heading_1l313_20 {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

._card_1l313_1 ._heading_1l313_20 ._subtitle_1l313_26 {
    background: var(--color-grey-100);
    color: var(--color-text-ex-light);
    padding: 8px 12px
}

._card_1l313_1 ._heading_1l313_20 ._number_1l313_41,
._card_1l313_1 ._heading_1l313_20 ._subtitle_1l313_26 {
    align-items: center;
    border-radius: 20px;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 10px;
    height: 32px;
    justify-content: center;
    letter-spacing: -.024px;
    line-height: 150%
}

._card_1l313_1 ._heading_1l313_20 ._number_1l313_41 {
    aspect-ratio: 1/1;
    border: 1px solid var(--color-grey-100);
    flex-shrink: 0;
    padding: 8px;
    width: 32px
}

._card_1l313_1 ._image_1l313_58 {
    height: auto;
    max-height: 320px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

._card_1l313_1 ._title_1l313_64 {
    font-family: var(--font-title), sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.28px;
    line-height: 100%;
    margin-top: 12px
}

@media screen and (max-width:1200px) {
    ._card_1l313_1 ._title_1l313_64 {
        margin-top: 4px
    }
}

._card_1l313_1 ._text_1l313_77 {
    font-weight: 500;
    line-height: 140%;
    margin-top: 8px
}

@media screen and (max-width:1200px) {
    ._card_1l313_1 ._text_1l313_77 {
        margin-top: unset
    }
}

._screenerCard_110ti_1 {
    border: 1px solid var(--border-1-color);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    padding: 32px 24px;
    position: relative;
    width: 100%;
    z-index: 1
}

._screenerCard_110ti_1 ._icon_110ti_13 {
    align-items: center;
    aspect-ratio: 1/1;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid var(--color-grey-500);
    border-radius: 60px;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px
}

._screenerCard_110ti_1 ._icon_110ti_13 svg {
    aspect-ratio: 1/1;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

._screenerCard_110ti_1 ._title_110ti_30 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.072px;
    line-height: 120%
}

._screenerCard_110ti_1 ._text_110ti_36 {
    color: var(--color-text-light);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

._container_14qt1_1 {
    margin: 200px 0
}

@media screen and (max-width:767px) {
    ._container_14qt1_1 {
        margin: 120px 0
    }
}

._head_14qt1_10 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px
}

@media screen and (max-width:767px) {
    ._head_14qt1_10 {
        margin-bottom: 44px
    }
}

._headTitle_14qt1_22 {
    font-family: var(--font-title), sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 26px
}

._headSwitcher_14qt1_31 {
    align-items: center;
    background: var(--bg-color-content, #fff);
    border-radius: 12px;
    display: inline-flex;
    flex-shrink: 0;
    height: 48px;
    padding: 4px;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width:576px) {
    ._headSwitcher_14qt1_31 {
        height: 40px
    }
}

._headSwitcher_14qt1_31 ._button_14qt1_46 {
    align-items: center;
    border-radius: 100px;
    color: var(--color-text-light);
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    line-height: 140%;
    padding: 0 20px;
    transition: background-color .3s ease, color .3s ease;
    width: 120px
}

@media screen and (max-width:576px) {
    ._headSwitcher_14qt1_31 ._button_14qt1_46 {
        font-size: 12px;
        height: 32px;
        letter-spacing: -.024px;
        line-height: 150%;
        padding: 0 10px;
        width: 82px
    }
}

._headSwitcher_14qt1_31 ._active_14qt1_71 {
    background: var(--bg-color-light);
    border-radius: 12px;
    color: var(--color-accent)
}

._plansGrid_14qt1_85 {
    align-items: flex-start;
    display: flex;
    gap: 22px;
    justify-content: center
}

._plansGrid_14qt1_85>* {
    flex: 1 1 412px;
    max-width: 412px
}


._plansItem_1u96n_1 {
    align-self: stretch;
    background-color: var(--bg-color-content);
    border-radius: 16px;
    box-shadow: 0 4px 32px #0000000a;
    display: flex;
    flex-direction: column;
    padding: 40px;
    position: relative;
    width: 100%
}

@media screen and (max-width:576px) {
    ._plansItem_1u96n_1 {
        width: 100%
    }
}

._plansItem_1u96n_1._popular_1u96n_17 {
    background-clip: padding-box, border-box;
    background-image: linear-gradient(var(--bg-color-content), var(--bg-color-content)), linear-gradient(180deg, #c2fc8e, #2d6bf6);
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: 16px;
    position: relative
}

._popularSign_1u96n_26 {
    align-items: center;
    background: var(--color-accent-300);
    border-radius: 12px;
    color: var(--color-black);
    display: flex;
    flex-shrink: 0;
    font-family: var(--font-title), sans-serif;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    left: 50%;
    letter-spacing: .24px;
    line-height: 140%;
    padding: 0 16px;
    position: absolute;
    top: -12px;
    transform: translate(-50%)
}

._plansItemHead_1u96n_47 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

._plansItemHeadInner_1u96n_54 {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

._title_1u96n_61 {
    color: var(--color-text);
    font-family: var(--font-title), sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    overflow-wrap: break-word;
    word-break: break-word
}

._priceBox_1u96n_71 {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: center;
    margin-top: 8px
}

._priceBox_1u96n_71 ._currentPrice_1u96n_80 {
    color: var(--color-text);
    font-family: var(--font-title), sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: normal
}

@media screen and (max-width:1200px) {
    ._priceBox_1u96n_71 ._currentPrice_1u96n_80 {
        font-size: 32px
    }
}

._priceBox_1u96n_71 ._oldPrice_1u96n_92 {
    color: var(--color-text-lighter);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .32px;
    line-height: 140%;
    text-decoration: line-through
}

._economyBox_1u96n_101 {
    align-items: center;
    border: 1px solid var(--color-text-light);
    border-radius: 8px;
    color: var(--color-text-light);
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 4px;
    justify-content: center;
    letter-spacing: -.024px;
    line-height: 150%;
    margin-top: 8px;
    padding: 3px 8px;
    width: -moz-max-content;
    width: max-content
}

._economyBox_1u96n_101 .ui-hint {
    background-color: transparent;
    /*border: 1px solid var(--color-accent);*/
    color: var(--color-accent)
}

._chooseButton_1u96n_125.ui-button,
.redirect_to_registration.ui-button {
    margin-top: 16px;
    width: 100%
}

._description_1u96n_130 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 32px
}

._description_1u96n_130 p[data-icon=cross] {
    color: var(--color-text-lighter)
}

._description_1u96n_130 p svg {
    height: 20px;
    margin-right: 0px;
    width: 20px;
    flex-shrink: 0;
}

._description_1u96n_130 p,
._description_1u96n_130 ul {
    margin: 20px 0;
}

._description_1u96n_130>:first-child {
    margin-top: 0
}

._description_1u96n_130>:last-child {
    margin-bottom: 0
}

._description_1u96n_130 ul li::marker {
    color: var(--color-accent)
}

._progressBarBox_1u96n_158 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px
}

._progressBarBox_1u96n_158 ._label_1u96n_164 {
    color: var(--color-text-light);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.28px;
    line-height: 140%;
    margin-inline-start: 0
}

._progressBarBox_1u96n_158 ._progressBar_1u96n_158 {
    background-color: var(--color-grey-700);
    border-radius: 20px;
    height: 4px;
    overflow: hidden;
    position: relative;
    width: 100%
}

._progressBarBox_1u96n_158 ._progressBar_1u96n_158 ._filled_1u96n_181 {
    background-color: var(--color-grey-200);
    border-radius: 20px;
    height: 100%;
    transition: width .3s ease;
    width: 0
}

._progressBarBox_1u96n_158 ._progressBar_1u96n_158 ._filled_1u96n_181.__full_1u96n_188 {
    background: linear-gradient(90deg, var(--color-base-grey-200, #e6e9e6) 0, var(--color-brand-accent-200, #edfdbf) 100%)
}

/*._description_1u96n_130 p[data-icon="check-mark"]:nth-of-type(2),
._description_1u96n_130 p[data-icon="check-mark"]:nth-of-type(3) {
  margin-top: 40px;
}*/
._description_1u96n_130 .feature-title-with-margin {
  margin-top: 40px;
}

._caseCard_1il9t_1 {
    display: grid;
    height: 100%;
    padding: 40px;
    width: 100%;
    grid-gap: 40px;
    background: var(--bg-color-content);
    border-radius: 16px;
    grid-template-columns: 5.66fr 5.94fr
}

@media screen and (max-width:1200px) {
    ._caseCard_1il9t_1 {
        gap: 32px;
        grid-template-columns: minmax(1px, 1fr);
        padding: 32px 20px;
        grid-gap: 32px
    }
}

._caseCard_1il9t_1 ._text_1il9t_19 {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._caseCard_1il9t_1 ._text_1il9t_19>p {
    margin-bottom: unset
}

._caseCard_1il9t_1 ._textContent_1il9t_27 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 0
}

._caseCard_1il9t_1 ._textContent_1il9t_27 ._heading_1il9t_33 {
    align-items: center;
    display: flex;
    gap: 20px
}

._caseCard_1il9t_1 ._textContent_1il9t_27 ._heading_1il9t_33 ._icon_1il9t_38 {
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid var(--color-grey-500);
    border-radius: 60px;
    display: flex;
    flex-shrink: 0;
    gap: 12px;
    height: 60px;
    justify-content: center;
    width: 60px
}

._caseCard_1il9t_1 ._textContent_1il9t_27 ._heading_1il9t_33 ._title_1il9t_50 {
    flex: 1 0 0;
    font-family: var(--font-title), sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.24px;
    line-height: 96%
}

._caseCard_1il9t_1 ._textContent_1il9t_27 ._case_1il9t_1 {
    display: flex;
    flex-direction: column;
    gap: 20px
}

._caseCard_1il9t_1 ._textContent_1il9t_27 ._case_1il9t_1 ._title_1il9t_50 {
    color: var(--color-accent-400);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.072px;
    line-height: 120%
}

._caseCard_1il9t_1 ._textContent_1il9t_27 ._case_1il9t_1 ._text_1il9t_19 {
    color: var(--color-grey-300)
}

._caseCard_1il9t_1 ._image_1il9t_75 {
    align-self: center;
    border: 4px solid var(--border-1-color);
    border-radius: 12px;
    display: inline-grid;
    justify-self: center;
    min-height: 0;
    min-width: 0
}

@media screen and (max-width:1200px) {
    ._caseCard_1il9t_1 ._image_1il9t_75 {
        max-width: 472px
    }
}

._caseCard_1il9t_1 ._image_1il9t_75 img {
    border-radius: inherit;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

._reviewCard_c7mnt_1 {
    background: var(--bg-color-content);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    min-height: 280px;
    padding: 32px;
    position: relative;
    width: 100%
}

._reviewCard_c7mnt_1 ._text_c7mnt_13 {
    color: var(--color-text-lighter);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.072px;
    line-height: 120%
}

._reviewCard_c7mnt_1 ._quoteImage_c7mnt_20 {
    bottom: 32px;
    height: 60px;
    position: absolute;
    right: 32px;
    width: 60px
}

._reviewCard_c7mnt_1 ._author_c7mnt_27 {
    font-weight: 500;
    line-height: 140%;
    max-width: calc(100% - 92px);
    word-break: normal
}

._cont_17eqd_1 {
    margin: 140px 0 100px
}

@media screen and (max-width:992px) {
    ._cont_17eqd_1 {
        margin: 100px 0
    }
}

._inner_17eqd_10 {
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(1px, 5fr) minmax(1px, 7.2fr)
}

@media screen and (max-width:767px) {
    ._inner_17eqd_10 {
        gap: 52px;
        grid-template-columns: 100%
    }
}

._headTitle_17eqd_22 {
    font-family: var(--font-title), sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.44px;
    line-height: 96%;
    margin: 24px 0
}

@media screen and (max-width:992px) {
    ._headTitle_17eqd_22 {
        font-size: 36px;
        letter-spacing: -.36px
    }
}

@media screen and (max-width:767px) {
    ._headTitle_17eqd_22 {
        font-size: 28px;
        letter-spacing: -.28px
    }
}

._headSubtitle_17eqd_44 {
    font-size: 14px;
    letter-spacing: -.28px
}

._headSocials_17eqd_49 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 80px
}

@media screen and (max-width:992px) {
    ._headSocials_17eqd_49 {
        margin-top: 32px
    }
}

._headSocials_17eqd_49 a {
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid #595e59;
    border-radius: 50%;
    display: flex;
    flex: 0 0 60px;
    height: 60px;
    justify-content: center;
    transition: border-color .2s;
    width: 60px
}

@media (hover:hover) {
    ._headSocials_17eqd_49 a:hover {
        border-color: #b5f402
    }
}

._headSocials_17eqd_49 a svg {
    height: 24px;
    width: 24px
}

._faq_17eqd_82 {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._faqItem_17eqd_88 {
    border: 1px solid var(--border-1-color);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color .2s
}

._faqItem_17eqd_88.__active_17eqd_94 {
    border-color: var(--color-accent)
}

._faqItemHead_17eqd_98 {
    align-items: center;
    color: var(--color-text-light);
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    text-align: left;
    transition: padding-top .2s, color .2s;
    width: 100%
}

._faqItemHead_17eqd_98 .ui-icon {
    transform: rotate(180deg);
    transition: tranform .2s
}

._faqItem_17eqd_88.__active_17eqd_94 ._faqItemHead_17eqd_98 {
    color: var(--color-text);
    padding-top: 24px
}

._faqItem_17eqd_88.__active_17eqd_94 ._faqItemHead_17eqd_98 .ui-icon {
    transform: rotate(0)
}

._faqItemAnswer_17eqd_120 {
    color: var(--color-text-lighter);
    max-height: 0;
    overflow: hidden;
    padding: 0 24px;
    pointer-events: none;
    transform: translateY(24px);
    transition: max-height .2s, padding .2s, transform .2s
}

._faqItem_17eqd_88.__active_17eqd_94 ._faqItemAnswer_17eqd_120 {
    max-height: 400px;
    padding: 0 24px 16px;
    pointer-events: auto;
    transform: translate(0)
}

._faqItemAnswer_17eqd_120 ol,
._faqItemAnswer_17eqd_120 p,
._faqItemAnswer_17eqd_120 ul {
    margin: 12px 0
}

._faqItemAnswer_17eqd_120 ol:first-child,
._faqItemAnswer_17eqd_120 p:first-child,
._faqItemAnswer_17eqd_120 ul:first-child {
    margin-top: 0
}

._faqItemAnswer_17eqd_120 ol:last-child,
._faqItemAnswer_17eqd_120 p:last-child,
._faqItemAnswer_17eqd_120 ul:last-child {
    margin-bottom: 0
}

._faqItemAnswer_17eqd_120 ol li::marker,
._faqItemAnswer_17eqd_120 ul li::marker {
    color: var(--color-accent)
}



























/*Нові стилі початок*/


.products {
    display: flex;
    gap: 20px;
    margin-top: 80px;
}

.products::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to right, transparent 0, black 40px);
    mask-image: linear-gradient(to right, transparent 0, black 40px);
}

.products__inner {
    display: flex;
    gap: 20px;
    touch-action: pan-x;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    will-change: transform;
}

.product-card {
    max-width: 500px;
    background: var(--bg-color-light);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: auto;
    padding: 40px;
    width: 100%;
    flex: 0 0 500px;
    overflow: hidden;
    height: 100%;
    justify-content: space-between;
}

.product-card__top {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.product-card__badge {
    align-items: center;
    border-radius: 20px;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 10px;
    height: 32px;
    justify-content: center;
    letter-spacing: -.024px;
    line-height: 150%;
    background: var(--color-grey-100);
    color: var(--color-text-ex-light);
    padding: 8px 12px;
}

.product-card__number {
    align-items: center;
    border-radius: 20px;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 10px;
    height: 32px;
    justify-content: center;
    letter-spacing: -.024px;
    line-height: 150%;
    aspect-ratio: 1/1;
    border: 1px solid var(--color-grey-100);
    flex-shrink: 0;
    padding: 8px;
    width: 32px;
}

.product-card__image {
    height: auto;
    max-height: 320px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    padding: 20px 32px 0;
    height: 260px;
}

.product-card__title {
    font-family: var(--font-title), sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.28px;
    line-height: 100%;
    margin-top: 12px;
}

.product-card__text {
    font-weight: 500;
    line-height: 140%;
    margin-top: 0px;
    margin-bottom: 0;
}

.product-card__video-inner iframe {
    width: 100%;
    border-radius: 10px;
    height: 236px;
    margin: 20px 0 0 0;
}

.slider-butt-margin ._pagination_cby7l_1 {
    justify-content: center;
}

.section-overflow-hidden {
    overflow: hidden;
}







.container-main-youtube-video {
    padding: 200px 0 0;
}

.text-title-main-youtube {}



._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    font-family: var(--font-title), sans-serif;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -.44px;
    line-height: 96%;
    margin-inline-start: 154px;
    text-indent: 120px;
}

.container-main-youtube-video ._title_p0ynf_62 {
    text-align: center;
    margin: 0 !important;
}

.container-description-main-youtube {
    display: flex;
    justify-content: center;
}

.description-main-youtube-video {
    color: #F3F4F3;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    margin: 40px 0 0;
    width: 600px;
}

.container-main-youtube-video ._button_p0ynf_229,
.container-news-in-page ._button_p0ynf_229 {
    align-items: center;
    background: var(--color-accent);
    border-radius: 12px;
    box-shadow: 0 4px 60px 0 var(--color-accent-500);
    color: var(--color-black);
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    gap: 8px;
    height: 52px;
    justify-content: center;
    line-height: 140%;
    margin-top: 44px;
    padding: 12px 20px;
    width: 248px;
    transition: .2s ease;
}

.container-main-youtube-video ._button_p0ynf_229:hover,
.container-news-in-page ._button_p0ynf_229:hover {
    box-shadow: 0 4px 20px 0 var(--color-accent-500);
}

.butt-click-youtube-channel {
    display: flex;
    justify-content: center;
    margin: 36px 0 0;
}

.iframe-video-youtube {
    background: #171917;
    padding: 20px;
    border: 1px solid #272A27;
    border-radius: 20px;
    margin: 80px 0 0;
}

.iframe-video-youtube iframe {
    border-radius: 10px;
    width: 100%;
    height: 460px;
}

.swiper-controls {
    display: flex;
    justify-content: center;
    margin: 16px 0 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.swiper-counter {
    color: #A3ACA3 !important;
}

.swiper-current {
    color: #fff;
}

.products-slider {
    position: relative;
    width: 100%;
}






._button_cby7l_15 svg path {
    fill: #F3F4F3;
    transition: fill 0.3s ease;
}

._button_cby7l_15._disabled_cby7l_28,
._button_cby7l_15:disabled,
._button_cby7l_15[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}

._button_cby7l_15._disabled_cby7l_28 svg path,
._button_cby7l_15:disabled svg path,
._button_cby7l_15[disabled] svg path {
    fill: #A3ACA3;
}

._button_cby7l_15:not(:disabled):hover svg path {
    fill: #FFFFFF;
}

.pagination-product-slider {

    margin-top: 80px;
}



.last-block-margin {
    margin: 200px auto;
}

.container-news-in-page ._titleWrapper_p0ynf_62 {
    display: flex;
    flex-direction: column;
}

.container-news-in-page ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    text-align: center;
}

.text-description-news {
    margin: 40px 0 0 0;
    text-align: center;
    font: 500 14px/1.2 "Manrope", system-ui, sans-serif;
}


.block-all-news {
    display: flex;
    gap: 40px;
    /*flex-wrap: wrap;*/
    margin: 80px 0;
    position: relative;
}

.block-one-news {
    background: #131413;
    border: 1px solid #272A27;
    padding: 20px;
    border-radius: 12px;
    display: flex;
    gap: 40px;
    flex: 0 0 400px;
    flex-direction: column;
    position: relative;
}

/* Пунктир між блоками */
.block-one-news:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 30%;
    right: -40px;
    width: 40px;
    height: 1px;
    border-top: 1px dashed #595E59;
    opacity: 1;
    transform: translateY(-50%);
}

.header-photo-news {
    width: 100%;
    border-radius: 10px;
}

.header-photo-news img {
    object-fit: cover;
}

.content-block-news {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.title-news {
    font: 600 18px/1.22 "Manrope", system-ui, sans-serif;
    color: #F3F4F3;
}

.description-text-news {
    font: 500 14px/1.2 "Manrope", system-ui, sans-serif;
    color: #CBCFCB;
}

.block-butt-news-once {
    display: flex;
    justify-content: center;
}

.button-for-news-once {
    border: 1px solid #B5F402;
    padding: 9px 30px 10px;
    text-decoration: none;
    font: 400 14px/1.20 "Manrope", system-ui, sans-serif;
    color: #B5F402;
    border-radius: 12px;
    transition: .2s ease;
}

.button-for-news-once:hover {
    border: 1px solid #B5F402;
    background: #B5F402;
    color: #000;
}

.butt-click-telegram-channel-news {
    display: flex;
    justify-content: center;
    margin: 0;
}

.butt-click-telegram-channel-news a button {
    margin: 0 !important;
}


/* swiper-product-slider */

.feature-swiper_next svg path, .feature-swiper_prev svg path {
    fill: black !important;
}

.swiper {
    overflow: hidden;
}

.swiper-slide {
    width: 100%;
}

.swiper-controls {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
}

.swiper-btn {
    background: #1b1b1b;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 8px;
}

.swiper-btn[disabled] {
    cursor: not-allowed;
    opacity: 0.6;
}

.swiper-counter {
    font-size: 18px;
    color: #fff;
}

.products-swiper .swiper-wrapper {
    display: flex;
    /* align-items: stretch; */
    height: 100% !important;
}

.products-swiper .swiper-slide {
    width: 500px;
    height: 100%;
    height: -webkit-fill-available;
}

.swiper-product {
    padding-right: 2000px;
    margin-right: -2000px;
}


._button_cby7l_15 {}

._button_cby7l_15 svg path {
    fill: #F3F4F3;
    transition: fill 0.3s ease;
}

._button_cby7l_15._disabled_cby7l_28,
._button_cby7l_15:disabled,
._button_cby7l_15[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}

._button_cby7l_15._disabled_cby7l_28 svg path,
._button_cby7l_15:disabled svg path,
._button_cby7l_15[disabled] svg path {
    fill: #A3ACA3;
}

._button_cby7l_15:not(:disabled):hover svg path {
    fill: #FFFFFF;
}

/* swiper-product-slider end*/

/* swiper real-case start */

._authButtons_11w01_1 {
    align-items: center;
    display: flex;
    gap: 12px
}

@media screen and (max-width: 767px) {
    ._authButtons_11w01_1 {
        gap: 8px
    }

    ._authButtons_11w01_1>.ui-button {
        border-radius: 8px;
        min-height: 32px !important;
        padding: 2px 12px
    }
}

._user_11w01_19 {
    display: flex;
    gap: 8px
}

@media screen and (max-width: 576px) {
    ._user_11w01_19 {
        flex-direction: row-reverse
    }
}

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

._userProfile_11w01_29:hover {
    color: var(--color-accent)
}

._userProfile_11w01_29 ._name_11w01_36 {
    margin-right: 12px
}

@media screen and (max-width: 576px) {
    ._userProfile_11w01_29 ._name_11w01_36 {
        display: none
    }
}

._userProfile_11w01_29 ._avatar_11w01_44 {
    align-items: center;
    background: linear-gradient(180deg, #b5f402, #e1fd41);
    border-radius: 12px;
    box-shadow: 0 16px 24px -8px #b5f40252;
    color: var(--color-black);
    display: flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 140%;
    overflow: hidden;
    text-transform: uppercase;
    width: 40px
}

._userProfile_11w01_29 ._avatar_11w01_44 img {
    border-radius: inherit;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

._languages_fk5kr_1 {
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.14px;
    line-height: 146%;
    width: -moz-max-content;
    width: max-content
}

._languages_fk5kr_1 button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-transform: uppercase
}

._languages_fk5kr_1 button.__active_fk5kr_17 {
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 8%;
    text-underline-offset: 24%;
    text-underline-position: from-font
}

._languages_fk5kr_1 button+button:before {
    background: #B5F402;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 19px;
    vertical-align: middle;
    width: 1px;
}

._header_tc127_1 {
    align-items: center;
    background: var(--bg-color);
    display: flex;
    height: 80px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: background-color .2s;
    z-index: 100
}

._header_tc127_1.__active_tc127_13 {
    background: #131413b3
}

._header_tc127_1.__transparent_tc127_16:not(.__scrollActive_tc127_16) {
    background-color: transparent;
    position: absolute
}

@media screen and (max-width: 767px) {
    ._header_tc127_1 {
        height: 76px
    }
}

._container_tc127_26 {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: space-between
}

._logo_tc127_33 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 52px;
    justify-content: center;
    width: 200px
}

@media screen and (max-width: 767px) {
    ._logo_tc127_33 {
        height: 52px;
        width: 52px
    }
}

._logo_tc127_33 img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media screen and (max-width: 767px) {
    ._logo_tc127_33 img._regular_tc127_53 {
        display: none
    }
}

._logo_tc127_33 img._small_tc127_57 {
    display: none
}

@media screen and (max-width: 767px) {
    ._logo_tc127_33 img._small_tc127_57 {
        display: block
    }
}

._nav_tc127_66 {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 40px;
    justify-content: center;
    letter-spacing: -.28px;
    line-height: 140%;
    margin-inline-start: 20px;
    text-decoration: none;
    list-style: none;
}

@media screen and (max-width: 992px) {
    ._nav_tc127_66 {
        display: none
    }
}

._nav_tc127_66 a {
    transition: color .2s
}

@media (hover: hover) {
    ._nav_tc127_66 a:hover {
        color: var(--color-accent)
    }
}

._actions_tc127_92 {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-inline-start: auto
}

@media screen and (max-width: 992px) {
    ._actions_tc127_92 {
        gap: 20px
    }

    ._actionsLanguage_tc127_106 {
        display: none !important
    }
}

._burger_tc127_111 {
    display: none
}

@media screen and (max-width: 992px) {
    ._burger_tc127_111 {
        background: none;
        border: none;
        cursor: pointer;
        display: block;
        height: 32px;
        padding: 6px;
        position: relative;
        width: 32px
    }
}

._burger_tc127_111 svg {
    height: 100%;
    width: 100%
}

._headerMobile_tc127_131 {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #131413b3;
    display: flex;
    flex-direction: column;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: auto;
    pointer-events: none;
    position: fixed;
    z-index: 100
}

._headerMobile_tc127_131.__active_tc127_13 {
    opacity: 1;
    pointer-events: auto
}

._headerMobileHead_tc127_150 {
    align-items: center;
    display: flex;
    flex: 0 0 76px;
    height: 76px;
    justify-content: space-between;
    padding: 12px 20px;
    width: 100%
}

@media screen and (max-width: 992px) {
    ._headerMobileHead_tc127_150 {
        padding: 12px
    }
}

._headerMobileLogo_tc127_165 {
    height: 52px
}

._headerMobileLogo_tc127_165 svg {
    height: 100%;
    width: -moz-max-content;
    width: max-content
}

._headerMobileLogo_tc127_165 svg g:last-child {
    transform: translate(20px);
    transition: transform .2s
}

._headerMobile_tc127_131.__active_tc127_13 ._headerMobileLogo_tc127_165 svg g:last-child {
    transform: translate(0)
}

._headerMobileClose_tc127_180 {
    color: var(--color-text-light);
    height: 32px;
    width: 32px
}

._headerMobileClose_tc127_180 .ui-icon {
    height: 100%;
    width: 100%
}

._headerMobileInner_tc127_190 {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    margin: auto 0;
    padding: 140px 0 114px
}

@media screen and (max-width: 576px) {
    ._headerMobileInner_tc127_190 {
        padding: 20px 0
    }
}

._headerMobileNav_tc127_205 {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 24px;
    gap: 24px;
    letter-spacing: -.24px;
    line-height: 96%;
    text-decoration: none;
    list-style: none;
}

._headerMobileNav_tc127_205 a {
    font-family: var(--font-title), sans-serif
}

._headerMobileNav_tc127_205>div:last-child {
    margin-top: 16px
}

._headerMobileSocials_tc127_221 {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 140px
}

@media screen and (max-width: 576px) {
    ._headerMobileSocials_tc127_221 {
        margin-top: 42px
    }
}

._headerMobileSocials_tc127_221 a {
    align-items: center;
    background-color: var(--bg-color-highlight);
    border-radius: 50%;
    display: flex;
    flex: 0 0 60px;
    height: 60px;
    justify-content: center;
    transition: border-color .2s;
    width: 60px
}

@media (hover: hover) {
    ._headerMobileSocials_tc127_221 a:hover {
        border-color: #b5f402
    }
}

._headerMobileSocials_tc127_221 a svg {
    height: 24px;
    width: 24px
}

._footer_1rqt5_1 {
    background-color: var(--bg-color-content);
    padding: 24px 0
}

._main_1rqt5_6 {
    margin-bottom: 24px;
    position: relative
}

@media screen and (max-width: 767px) {
    ._main_1rqt5_6 {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 32px
    }
}

._main_1rqt5_6>svg {
    height: -moz-max-content;
    height: max-content;
    width: 100%
}

._socials_1rqt5_23 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 767px) {
    ._socials_1rqt5_23 {
        position: relative
    }
}

._socialsLinks_1rqt5_37 {
    display: flex;
    gap: 20px;
    justify-content: flex-end
}

._socialsLinks_1rqt5_37 a {
    display: flex;
    font-size: 14px;
    gap: 8px;
    letter-spacing: -.28px
}

._socialsLinks_1rqt5_37 a svg {
    color: var(--color-accent);
    height: 20px;
    width: 20px
}

._socialsIcons_1rqt5_54 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end
}

@media screen and (max-width: 767px) {
    ._socialsIcons_1rqt5_54 {
        justify-content: flex-start
    }
}

._socialsIcons_1rqt5_54 a {
    align-items: center;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid #595e59;
    border-radius: 50%;
    display: flex;
    flex: 0 0 60px;
    height: 60px;
    justify-content: center;
    transition: border-color .2s;
    width: 60px
}

@media (hover: hover) {
    ._socialsIcons_1rqt5_54 a:hover {
        border-color: #b5f402
    }
}

._socialsIcons_1rqt5_54 a svg {
    height: 24px;
    width: 24px
}

._links_1rqt5_87 {
    color: var(--color-text-ex-light);
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    letter-spacing: -.024px
}

@media screen and (max-width: 767px) {
    ._links_1rqt5_87 {
        flex-direction: column;
        gap: 12px
    }
}

._linksLegal_1rqt5_101 {
    align-items: center;
    display: flex;
    gap: 60px
}

@media screen and (max-width: 767px) {
    ._linksLegal_1rqt5_101 {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px
    }
}

._linksLegal_1rqt5_101 a {
    transition: color .2s
}

@media (hover: hover) {
    ._linksLegal_1rqt5_101 a:hover {
        color: var(--color-accent)
    }
}

._banner_stgk9_1 {
    align-items: center;
    background-color: var(--color-grey-100);
    border-radius: 8px;
    bottom: 20px;
    box-shadow: var(--shadow-300);
    display: flex;
    gap: 12px;
    left: 20px;
    max-width: 512px;
    padding: 8px 12px;
    position: fixed;
    right: 20px;
    z-index: 103
}

@media screen and (max-width: 767px) {
    ._banner_stgk9_1 {
        max-width: 100%;
        width: calc(100vw - 40px)
    }
}

._text_stgk9_23 {
    color: var(--color-grey-700);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.024px;
    line-height: 150%
}

._text_stgk9_23 a {
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
    text-decoration-thickness: 8%;
    text-underline-offset: 24%;
    text-underline-position: from-font
}

._support_qjcao_1 {
    align-items: center;
    background-color: var(--bg-color-highlight);
    border-radius: 8px;
    bottom: 20px;
    display: flex;
    height: 64px;
    justify-content: center;
    position: fixed;
    right: 20px;
    width: 64px;
    z-index: 102
}

@media screen and (max-width: 992px) {
    ._support_qjcao_1 {
        height: 52px;
        width: 52px
    }
}

._modal_qjcao_21 {
    background-color: var(--bg-color-highlight);
    border-radius: 8px;
    bottom: 20px;
    max-width: 300px;
    opacity: 0;
    padding: 20px 12px;
    pointer-events: none;
    position: fixed;
    right: 20px;
    text-align: center;
    transform: translateY(15%) translate(15%);
    transition: opacity .2s, transform .2s;
    z-index: 103
}

._modal_qjcao_21 .ui-button {
    width: 100%
}

._modal_qjcao_21.__opened_qjcao_39 {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) translate(0)
}

._modalTitle_qjcao_45 {
    font-weight: 700;
    letter-spacing: -.056px;
    margin: 8px 0
}

._modalText_qjcao_51 {
    color: var(--color-text-lighter);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.28px;
    line-height: 140%;
    margin-bottom: 16px
}

._modalClose_qjcao_61 {
    color: var(--color-text-light);
    position: absolute;
    right: 12px;
    top: 12px
}

@media (hover: hover) {
    ._modalClose_qjcao_61:hover {
        color: var(--color-accent)
    }
}

._modalClose_qjcao_61 .ui-icon {
    height: 24px;
    width: 24px
}

.register_block_all_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

span.title_question {
    color: var(--color-text);
    overflow-wrap: break-word;
    word-break: break-word;
    font: 400 24px/1.2 var(--font-title), system-ui, sans-serif;
}

.butt_agree_register {
    display: flex;
    align-items: center;
    gap: 15px;
}

.ui-input__actions._copied {
    opacity: 0.6;
    color: #29c45a;
    transition: 0.3s;
}



.login_butt_header {
    background-color: transparent;
    border: 1px solid var(--bt-secondary-color);
    color: var(--bt-secondary-color);
    font-weight: 400;
    transition: .2s ease;
}
.login_butt_header:hover {
    background-color: #293800;
}

._qrCode_1ufvf_2 {
    justify-content: center;
    display: flex;
}
._qrCode_1ufvf_2 img {
    width: 50%;
}

.informat_payment_block {

}
.informat_payment_block li {
    font: 700 14px/1.2 "Manrope", system-ui, sans-serif;
    padding: 0 0 0 4px;
}
.informat_payment_block li::marker {
    color: #3F433F;
}
.text_paymant {
    font: 700 18px/1.2 "Manrope", system-ui, sans-serif;
}

._cases_p0ynf_784.container-main-youtube-video ._titleWrapper_p0ynf_62 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

._cases_p0ynf_784.container-main-youtube-video ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    margin-inline-start: 0px;
    text-indent: 0 !important;
}
._cases_p0ynf_784.people_cases_container ._titleWrapper_p0ynf_62 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
._cases_p0ynf_784.people_cases_container ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
    margin-inline-start: 0 !important;
    text-indent: 0 !important;
    text-align: center;
}
.container-news-in-page._important_p0ynf_838:before {
    background-image: url(https://s3.profitarbitrage.ai/static/lands/home/backgrounds/important-coins.webp);
    background-size: cover;
    content: "";
    height: 800px;
    position: absolute;
    right: 0;
    top: 0;
    width: 320px;
    display: none;
}



@media screen and (max-width:1330px) {
    .block-all-news {
        display: flex;
        gap: 40px;
        /* flex-wrap: wrap; */
        justify-content: center;
    }
    .block-one-news {
        flex: 0 0 350px;
    }
    ._nav_tc127_66 {
        margin: 0;
    }
}
@media screen and (max-width:1270px) {
    ._nav_tc127_66 {
        gap: 20px;
        margin: 0;
    }
}
@media screen and (max-width:1200px) {
    ._plansGrid_14qt1_85 {
        display: flex;
        gap: 10px;
        width: auto;
    }
    ._plansGrid_14qt1_85>* {
        flex: 1 1 412px;
        max-width: 412px;
    }
    ._plans_14qt1_78 {
        margin-top: -12px;
        overflow: auto;
        padding-top: 12px;
    }
}
@media screen and (max-width:1180px) {
    .block-one-news {
        flex: 0 0 320px;
    }
    .block-all-news {
        gap: 20px;
    }
    ._actions_tc127_92 {
        gap: 30px;
    }
    ._languages_fk5kr_1 button+button:before {
        margin: 0px 10px;
    }
    ._logo_tc127_33 {
        width: 150px;
    }
    ._container_tc127_26 {
        gap: 20px;
    }
}
@media screen and (max-width:1005px) {
    .block-one-news {
        flex: 0 0 320px;
    }
   .block-all-news {
        flex-wrap: wrap;
    }
    .block-one-news:not(:last-child)::after {
        display: none;
    }
    ._plans_14qt1_78::-webkit-scrollbar {
        height: 0px;
    }
}
@media screen and (max-width:990px) {
    ._languages_fk5kr_1 button+button:before {
        margin: 0px 20px;
    }
    ._logo_tc127_33 {
        width: 200px;
    }
}

@media screen and (max-width: 800px) {
    ._plansGrid_14qt1_85 {
        display: flex;
        gap: 10px;
        width: -moz-max-content;
        width: max-content
    }

    ._plansGrid_14qt1_85>* {
        flex: 0 0 260px;
        width: 412px
    }
    ._plans_14qt1_78 {
        margin-top: -12px;
        overflow: scroll;
        padding-top: 12px;
    }
}

@media screen and (max-width:800px) {
    ._plansGrid_14qt1_85>* {
        flex: 0 0 260px;
        max-width: 260px
    }
}
@media screen and (max-width:770px) {
    ._logo_tc127_33 {
        width: auto;
    }
}
@media screen and (max-width:680px) { 
    .block-one-news:not(:last-child)::after {
        display: block;
        content: "";
        position: absolute;
        top: 102%;
        width: 18px;
        height: 1px;
        border-top: 1px dashed #595E59;
        opacity: 1;
        right: 48%;
        transform: rotate(90deg);
    } 
}
@media screen and (max-width:550px) { 
    .product-card {
        max-width: 380px;
        padding: 20px;
    }
    ._headTitle_14qt1_22 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    ._home_p0ynf_1 ._try_p0ynf_990 ._title_p0ynf_62 {
        font-size: 28px;
        margin-top: 40px;
    }
    ._home_p0ynf_1 ._try_p0ynf_990 ._text_p0ynf_215 {
        font-size: 18px;
    }
    ._home_p0ynf_1 ._try_p0ynf_990 ._button_p0ynf_229 {
        margin-top: 40px;
    }
    ._home_p0ynf_1 ._try_p0ynf_990 {
        padding: 80px 45px 110px;
    }
    ._home_p0ynf_1 ._cases_p0ynf_784 {
        padding-top: 120px;
    }
    ._home_p0ynf_1 ._cases_p0ynf_784 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-family: var(--font-title), sans-serif;
        font-size: 28px;
        font-weight: 400;
        letter-spacing: -.44px;
        line-height: 96%;
        margin-inline-start: 0;
        text-indent: unset;
        text-align: left;
    }
    .description-main-youtube-video {
        color: #F3F4F3;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: left;
        margin: 20px 0 0;
        width: 600px;
        font-family: 'Manrope', system-ui, sans-serif;
    }
    .iframe-video-youtube {
        margin: 40px 0 0;
    }
    .butt-click-youtube-channel {
        display: flex;
        justify-content: center;
        margin: 40px 0 0;
    }
    .container-main-youtube-video ._button_p0ynf_229, .container-news-in-page ._button_p0ynf_229 {
        margin-top: 0;
    }
    ._caseCard_1il9t_1 ._textContent_1il9t_27 ._heading_1il9t_33 ._title_1il9t_50 {
        font-size: 20px;
    }
    ._caseCard_1il9t_1 ._text_1il9t_19 {
        gap: 10px;
    }
    ._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._text_p0ynf_215>* {
        display: inline-flex;
        gap: 40px;
        font: 400 18px/1.22 "Manrope", system-ui, sans-serif;
    }
    .text-description-news {
        margin: 20px 0 0 0;
        text-align: left;
        font: 500 14px/1.2 "Manrope", system-ui, sans-serif;
    }
    ._home_p0ynf_1 ._important_p0ynf_838 ._content_p0ynf_44 ._titleWrapper_p0ynf_62 ._title_p0ynf_62 {
        font-size: 28px;
        letter-spacing: -.28px;
        text-align: left;
        text-indent: 0;
    }
    .block-one-news {
        flex: 0 0 100%;
    }
    .header-photo-news img {
        border-radius: 10px;
        max-height: 202px;
    }
    .block-all-news {
        margin: 40px 0;
    }
    ._home_p0ynf_1 ._important_p0ynf_838 {
        padding-bottom: 0px;
        padding-top: 120px;
    }
    ._cont_17eqd_1 {
        margin: 120px 0;
    }
    ._headTitle_17eqd_22 {
        font-weight: 400;
        margin: 20px 0 40px;
    }
    ._headSocials_17eqd_49 {
        gap: 20px;
        margin-top: 40px;
    }
    ._headSocials_17eqd_49 a {
        flex: 0 0 64px;
        height: 64px;
        width: 64px;
    }
    ._inner_17eqd_10 {
        gap: 40px;
        grid-template-columns: 100%;
    }
    ._faqItemHead_17eqd_98 {
        padding: 20px 25px;
    }
    ._faqItem_17eqd_88.__active_17eqd_94 ._faqItemAnswer_17eqd_120 {
        max-height: unset;
        padding: 0 24px 20px;
    }
    ._faqItemAnswer_17eqd_120 ol, ._faqItemAnswer_17eqd_120 p, ._faqItemAnswer_17eqd_120 ul {
        margin: 10px 0;
        font: 500 14px/1.2 "Manrope", system-ui, sans-serif;
    }
    .last-block-margin {
        margin: 120px auto;
    }
    ._main_1rqt5_6 {
        margin-bottom: 40px;
    }
    ._socialsIcons_1rqt5_54 {
        gap: 20px;
    }
    ._socialsIcons_1rqt5_54 a {
        flex: 0 0 64px;
        height: 64px;
        width: 64px;
    }
    ._head_14qt1_10 {
        margin-bottom: 40px;
    }
    ._plansItem_1u96n_1 {
        padding: 20px 20px 20px;
    }
    ._priceBox_1u96n_71 {
        margin-top: 20px;
    }
    ._economyBox_1u96n_101 {
        margin-top: 10px;
        padding: 4px 8px;
    }
    ._description_1u96n_130 {
        margin-top: 40px;
        line-height: 120%;
    }
    ._chooseButton_1u96n_125.ui-button, .redirect_to_registration.ui-button {
        margin-top: 20px;
    }
    ._description_1u96n_130 p, ._description_1u96n_130 ul {
        margin: 20px 0;
    }
    ._progressBarBox_1u96n_158 {
        gap: 10px;
        margin-bottom: 20px;
    }
    ._plansGrid_14qt1_85 {
        gap: 10px;
    }
    .pagination-product-slider {
        margin-top: 40px;
    }
    .products {
        display: flex;
        gap: 20px;
        margin-top: 40px;
    }
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 {
        margin-top: 50px;
        grid-gap: 20px;
    }
    ._home_p0ynf_1 ._screener_p0ynf_571 ._content_p0ynf_44 ._cards_p0ynf_456 ._button_p0ynf_229 {
        margin: 20px auto auto;
    }
    ._screenerCard_110ti_1 {
        padding: 20px;
    }
    ._screenerCard_110ti_1 ._icon_110ti_13 {
        margin: 0 0 30px;
    }
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._swiperWrapper_p0ynf_402 {
        gap: 20px;
    }
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phoneSm_p0ynf_363, ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 ._phone_p0ynf_363 {
        margin-top: 20px;
    }
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 ._content_p0ynf_44 ._features_p0ynf_321 {
        margin-top: 75px;
    }
    ._home_p0ynf_1 ._aboutUs_p0ynf_269 {
        padding: 70px 0 0;
    }
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._button_p0ynf_229 {
        margin-top: 40px;
    }
    ._home_p0ynf_1 ._main_p0ynf_29 ._content_p0ynf_44 ._free_p0ynf_263 {
        margin-top: 15px;
    }
    ._logo_tc127_33 img._small_tc127_57 {
        display: block;
        height: 52px;
        width: 52px;
    }
    ._authButtons_11w01_1 {
        gap: 10px;
    }
    ._authButtons_11w01_1>.ui-button {
        border-radius: 12px;
        min-height: 32px !important;
        padding: 8px 15px;
    }
    ._headerMobileNav_tc127_205 {
        font-size: 28px;
        gap: 20px;
    }
    ._headerMobileSocials_tc127_221 {
        margin-top: 40px;
    }
    .iframe-video-youtube iframe {
        height: 250px;
    }
    .products-swiper .swiper-slide {
        width: 500px;
        height: 100%;
    }

}
@media screen and (max-width:400px) {
    .product-card {
        max-width: 360px;
        padding: 20px;
    }
}
@media screen and (max-width:365px) {
    .product-card {
        max-width: 320px;
        padding: 15px;
        gap: 5px;
    }
}
@media screen and (max-width:345px) {
    .product-card {
        max-width: 300px;
    }
}
/*Нові стилі кінець*/


.text_404 {
    font-size: min(300px, 60vw) !important;
}