*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[type=text],
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

[type=text]:focus,
[type=email]:focus,
[type=url]:focus,
[type=password]:focus,
[type=number]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=week]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

[multiple] {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

[type=checkbox]:checked:hover,
[type=checkbox]:checked:focus,
[type=radio]:checked:hover,
[type=radio]:checked:focus {
    border-color: transparent;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:indeterminate:hover,
[type=checkbox]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.form-input,
.form-textarea,
.form-select,
.form-multiselect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus,
.form-multiselect:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.z-0 {
    z-index: 0
}

.m-0 {
    margin: 0
}

.ml-3 {
    margin-left: .75rem
}

.-ml-px {
    margin-left: -1px
}

.mb-4 {
    margin-bottom: 1rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-4 {
    margin-top: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.block {
    display: block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.hidden {
    display: none
}

.h-5 {
    height: 1.25rem
}

.h-20 {
    height: 5rem
}

.h-48 {
    height: 12rem
}

.h-full {
    height: 100%
}

.w-5 {
    width: 1.25rem
}

.w-20 {
    width: 5rem
}

.w-full {
    width: 100%
}

.w-10 {
    width: 2.5rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.cursor-default {
    cursor: default
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

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

.justify-center {
    justify-content: center
}

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

.justify-items-center {
    justify-items: center
}

.rounded-md {
    border-radius: .375rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-l-md {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-r-md {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216 / var(--tw-border-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-\[\#d923239c\] {
    background-color: #d923239c
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.fill-current {
    fill: currentColor
}

.p-4 {
    padding: 1rem
}

.p-0 {
    padding: 0
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.pb-0 {
    padding-bottom: 0
}

.pb-3 {
    padding-bottom: .75rem
}

.text-center {
    text-align: center
}

.text-end {
    text-align: end
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.capitalize {
    text-transform: capitalize
}

.leading-5 {
    line-height: 1.25rem
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))
}

.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-150 {
    transition-duration: .15s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Urbanist, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
}

a,
button,
input,
textarea {
    outline: none;
    text-decoration: none
}

html,
body {
    height: 100%
}

.primary-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column
}

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

.min-container {
    max-width: 1064px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px
}

.primary-content {
    display: flex;
    flex-direction: column;
    flex: 1
}

.logo {
    max-width: 142px;
    width: 100%;
    flex: none;
    display: flex
}

.logo>img {
    display: flex;
    width: 100%
}

body {
    background: var(--background-body);
    overflow-x: hidden
}

body.primary-body {
    background: url(bg.04a115ec.png), var(--background-body);
    background-position: center
}

.highlight-type {
    color: var(--font-color-highlight)
}

.navigation {
    margin: 0 48px;
    display: flex
}

.navigation>.item {
    cursor: pointer;
    color: var(--font-color-default);
    margin-right: 28px
}

.navigation>.item.highlight-type {
    color: var(--font-color-highlight)
}

.navigation>.item:last-child {
    margin-right: 0
}

.head-item-navigation>p {
    color: var(--font-color-default)
}

.body-item-navigation {
    top: 100%;
    display: flex;
    padding: 12px 0;
    flex-direction: column;
    width: 280px;
    position: absolute;
    flex: none;
    background: var(--background-white);
    box-shadow: var(--shadow-type-a);
    transition: var(--transition-regular);
    opacity: 0;
    pointer-events: none;
    border-radius: 12px
}

.body-item-navigation>.item {
    white-space: nowrap;
    padding: 8px 16px;
    color: var(--font-color-primary);
    transition: var(--transition-regular);
    margin-bottom: 2px
}

.body-item-navigation>.item:last-child {
    margin-bottom: 0
}

.body-item-navigation>.item:hover,
.body-item-navigation>.item.active {
    background: var(--hover-type-a)
}

.header-action {
    display: flex;
    align-items: center
}

.header-action>.default-button {
    margin-right: 8px
}

.header-action>.default-button:last-child {
    margin-right: 0
}

.logo-navigation {
    display: flex;
    align-items: center
}

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

.navigation-action.auth-navigation>.navigation {
    margin: 0 38px
}

.body-header {
    display: none;
    top: -100%;
    transition: var(--transition-regular)
}

header {
    display: flex;
    padding: 30px 0;
    align-items: center;
    justify-content: space-between
}

.multi-type-navigation {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.multi-type-navigation:hover>.body-item-navigation {
    pointer-events: all;
    opacity: 1
}

.multi-type-navigation:hover>.head-item-navigation>.i-arrow {
    transform: rotate(180deg)
}

.head-item-navigation {
    display: flex;
    align-items: center
}

.head-item-navigation>.i-arrow {
    margin-left: 4px
}

.welcome-action {
    display: flex;
    align-items: center
}

.welcome-action>.default-button {
    margin-right: 8px
}

.welcome-action>.default-button:last-child {
    margin-right: 0
}

.responsive-welcome {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.responsive-welcome>.item {
    flex: 1
}

.responsive-welcome>.item.image-welcome {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 508px;
    display: flex;
    transition: var(--transition-regular);
    align-items: center;
    justify-content: center;
    position: relative
}

.responsive-welcome>.item.image-welcome>img {
    transition: var(--transition-regular);
    position: absolute;
    display: flex;
    max-width: 150%
}

.responsive-welcome>.item.data-welcome {
    padding-bottom: 48px
}

.responsive-welcome>.item.data-welcome>h1 {
    margin-bottom: 18px;
    color: var(--font-color-primary)
}

.responsive-welcome>.item.data-welcome>p {
    margin-bottom: 38px;
    color: var(--font-color-secondary)
}

.coin-image {
    width: 38px;
    height: 38px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px
}

.coin-image>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.coin-info {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center
}

.coin-info-buy {
    margin-bottom: 28px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.coin-info-buy>.default-button {
    position: relative;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-regular)
}

.coin-info-buy:before {
    position: absolute;
    content: "";
    transition: var(--transition-regular);
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(270deg, #F9F9FB 32.46%, rgba(249, 249, 251, 0) 100%)
}

.coin-data {
    width: 100%
}

.coin-data>h1 {
    color: var(--font-color-primary)
}

.coin-data>p {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    color: var(--font-color-secondary)
}

.current-value {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px
}

.current-value>h1 {
    color: var(--font-color-primary);
    margin-right: 8px
}

.current-value>p {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    padding: 1px 4px;
    border-radius: 4px
}

.current-value>p.up-type {
    background: var(--background-type-up);
    color: var(--color-type-up)
}

.current-value>p.down-type {
    background: var(--background-type-down);
    color: var(--color-type-down)
}

.volume-data {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px
}

.volume-data>p {
    margin-right: 4px;
    color: var(--font-color-secondary)
}

.volume-data>span {
    color: var(--font-color-primary);
    display: flex;
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.chart-data {
    display: flex;
    pointer-events: none;
    width: 100%;
    height: 60px
}

.responsive-coin {
    padding: 0 12px;
    position: relative;
    width: 100%;
    background: var(--background-white);
    box-shadow: 0 24px 44px #1b1b3014;
    border-radius: 28px
}

.coin-data>.item {
    width: 100%;
    padding: 18px;
    background: var(--background-item-slider);
    border-radius: 14px;
    transition: var(--transition-regular)
}

.coin-data>.item:hover {
    box-shadow: 0 14px 28px #1b1b302e
}

.coin-data>.item:hover>.coin-info-buy>.default-button {
    pointer-events: all;
    opacity: 1
}

.coin-data>.item:hover>.coin-info-buy:before {
    opacity: 1
}

.tns-ovh {
    padding: 28px 16px
}

.main-info>h1 {
    color: var(--font-color-primary)
}

.primary-info {
    padding: 128px 0
}

.image-info {
    margin-right: 18px;
    width: 180px;
    height: 180px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.image-info>img {
    display: flex;
    border-radius: 14px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.details-info>h1 {
    margin-bottom: 8px;
    color: var(--font-color-primary)
}

.details-info>p {
    color: var(--font-color-secondary)
}

.details-main-info {
    display: flex;
    align-items: center
}

.main-info {
    max-width: 420px;
    margin-right: 20px;
    width: 100%
}

.main-info>h1 {
    margin-bottom: 28px
}

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

.list-info {
    max-width: 566px;
    width: 100%
}

.additional-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    flex: none;
    margin-right: 18px
}

.additional-image>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 14px
}

.additional-info>h1 {
    color: var(--font-color-primary);
    margin-bottom: 8px
}

.additional-info>p {
    color: var(--font-color-secondary)
}

.list-info>.item {
    display: flex;
    align-items: center;
    margin-bottom: 28px
}

.list-info>.item:last-child {
    margin-bottom: 0
}

.tns-controls {
    pointer-events: none
}

.tns-controls>button {
    pointer-events: all
}

.primary-calculator {
    padding: 88px 0;
    background: var(--background-white)
}

.calculator-info>h1 {
    margin-bottom: 18px
}

.calculator-info>p {
    color: var(--font-color-primary);
    margin-bottom: 48px
}

.calculator-data {
    max-width: 380px;
    width: 100%
}

.responsive-calculator {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.calculator {
    padding: 28px;
    border-radius: 14px;
    background: var(--background-body)
}

.calculator>.primary-input-range {
    margin: 18px 0
}

.calculator>.primary-input>.default-input {
    position: relative;
    display: flex;
    align-items: center
}

.calculator>.primary-input>.default-input>input {
    height: 68px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    padding: 0 64px;
    color: var(--font-color-secondary)
}

.currency-deposit {
    color: var(--font-color-info);
    position: absolute;
    right: 28px;
    line-height: unset !important;
    pointer-events: none
}

.list-week-tabs {
    margin-bottom: 28px;
    padding: 8px;
    border-radius: 41px;
    background: rgba(188, 198, 220, .24);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px
}

.list-week-tabs>.item {
    padding: 0 6px;
    cursor: pointer;
    transition: var(--transition-regular);
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 42px;
    line-height: unset;
    color: var(--font-color-secondary)
}

.list-week-tabs>.item.active,
.list-week-tabs>.item:hover {
    color: var(--font-color-white);
    background: var(--background-active)
}

.item-tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px
}

.item-tab>.item {
    overflow: hidden
}

.item-tab>.item>h1 {
    color: var(--font-color-light);
    margin-bottom: 4px
}

.item-tab>.item>p {
    color: var(--font-color-primary);
    width: 100%;
    overflow: hidden;
    display: flex
}

.item-tab>.item>p>span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%
}

.item-tab>.item>p.profit-type {
    color: var(--font-color-mark)
}

.primary-benefits {
    padding: 128px 0
}

.image-benefit {
    width: 100%;
    height: 160px;
    margin-bottom: 18px
}

.image-benefit>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.data-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.data-benefit>h1 {
    color: var(--font-color-info);
    margin-bottom: 18px
}

.data-benefit>h2 {
    color: var(--font-color-primary);
    margin-bottom: 8px
}

.data-benefit>p {
    color: var(--font-color-secondary)
}

.responsive-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 28px
}

.responsive-benefits>.item {
    padding: 68px 48px;
    background: var(--background-white);
    box-shadow: 0 24px 44px #1b1b300a;
    border-radius: 28px
}

.primary-sponsors {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 30px;
    overflow: auto;
    flex: none;
    width: 100%;
    background: var(--background-white)
}

.primary-sponsors::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.primary-sponsors>.item {
    width: 180px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 50px;
    flex: none
}

.primary-sponsors>.item:last-child {
    margin-right: 0
}

.primary-sponsors>.item>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.primary-trade {
    padding: 37px 0;
    background: var(--background-white)
}

.trade-info>h1 {
    margin-bottom: 18px;
    color: var(--font-color-primary)
}

.trade-info>p {
    margin-bottom: 48px;
    color: var(--font-color-secondary)
}

.trade-info>.default-button {
    max-width: 192px
}

.image-item-trade {
    max-width: 386px;
    width: 100%;
    height: 386px
}

.image-item-trade>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.responsive-trade {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.responsive-trade>.item {
    width: 100%
}

.primary-footer {
    background: var(--background-footer)
}

footer {
    padding: 48px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.footer-logo {
    max-width: 142px;
    width: 100%;
    flex: none;
    margin-bottom: 18px;
    display: flex
}

.footer-logo>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: flex
}

.footer-logo-info>p {
    color: var(--font-color-light)
}

.list-footer-links {
    display: flex;
    flex-direction: column
}

.list-footer-links>a {
    display: flex;
    color: var(--font-color-light);
    margin-bottom: 14px
}

.list-footer-links>a:last-child {
    margin-bottom: 0
}

.footer-navigation {
    max-width: 1072px;
    margin-left: 28px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 28px
}

.footer-navigation>.item {
    width: 100%
}

.footer-navigation>.item>h1 {
    margin-bottom: 18px;
    color: var(--font-color-white)
}

.responsive-footer-info {
    padding: 18px 20px;
    background: linear-gradient(0deg, #24283E, #24283E), #1B1B30
}

.responsive-footer-info>p {
    text-align: center;
    color: var(--font-color-light)
}

.primary-header {
    background: rgba(255, 255, 255, .48);
    position: relative;
    z-index: 2
}

.responsive-help-search {
    max-width: 768px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.responsive-help-search>h1 {
    color: var(--font-color-info);
    margin-bottom: 28px
}

.search-help-data {
    display: flex;
    align-items: center;
    width: 100%
}

.search-help-data>.primary-input {
    width: 100%;
    margin-right: 4px
}

.search-help-data>.primary-input>.default-input>input {
    height: 68px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.primary-help-search {
    padding: 68px 0;
    background: url(frame-help.0663ce26.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.responsive-help-result {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 18px;
    padding: 78px 0
}

.responsive-help-result>.item {
    display: flex;
    padding: 48px;
    align-items: center;
    justify-content: center;
    border: 2px solid #E7E7EF;
    border-radius: 28px;
    color: var(--font-color-secondary);
    transition: var(--transition-regular)
}

.responsive-help-result>.item:hover {
    box-shadow: 0 24px 44px #1b1b300a;
    background: #FFFFFF;
    border: 2px solid #f6a300;
    color: var(--font-color-info)
}

.primary-faq {
    padding: 88px 0
}

.responsive-faq>h1 {
    margin-bottom: 38px;
    color: var(--font-color-primary)
}

.list-items-faq>.item {
    margin-bottom: 28px
}

.list-items-faq>.item:last-child {
    margin-bottom: 0
}

.list-items-faq>.item>h1 {
    margin-bottom: 28px;
    color: var(--font-color-primary)
}

.head-item-faq {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 24px 48px 24px 24px
}

.head-item-faq>h1 {
    color: var(--font-color-primary)
}

.body-item-faq {
    display: none;
    padding: 24px
}

.body-item-faq>p {
    color: var(--font-color-secondary);
    margin-bottom: 10px
}

.body-item-faq>p:last-child {
    margin-bottom: 0
}

.list-result-faq>.item {
    border-radius: 24px;
    margin-bottom: 14px;
    border: 1px solid #E7E7EF;
    transition: var(--transition-regular)
}

.list-result-faq>.item.active {
    border: 1px solid #E7E7EF00;
    background: #FFFFFF;
    box-shadow: 0 24px 44px #1b1b300a
}

.list-result-faq>.item.active>.head-item-faq {
    border-bottom: 1px solid #F0F0F5
}

.list-result-faq>.item:last-child {
    margin-bottom: 0
}

.primary-rule {
    padding: 88px 0
}

.responsive-rule>.item {
    margin-bottom: 28px
}

.responsive-rule>.item:last-child {
    margin-bottom: 0
}

.responsive-rule>.item>h1 {
    margin-bottom: 28px;
    color: var(--font-color-primary)
}

.list-rule-items>.item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 28px
}

.list-rule-items>.item:last-child {
    margin-bottom: 0
}

.list-rule-items>.item>p {
    min-width: 28px;
    color: var(--font-color-primary);
    flex: none
}

.list-rule>p {
    color: var(--font-color-secondary);
    margin-bottom: 14px
}

.list-rule>p:last-child {
    margin-bottom: 0
}

.list-ul-letter>.item {
    display: flex;
    margin-bottom: 14px
}

.list-ul-letter>.item:last-child {
    margin-bottom: 0
}

.list-ul-letter>.item>h1 {
    min-width: 28px;
    flex: none;
    color: var(--font-color-primary)
}

.list-ul-letter>.item>p {
    color: var(--font-color-secondary)
}

.primary-auth {
    flex: 1;
    padding: 48px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.responsive-auth {
    max-width: 340px;
    width: 100%;
    margin: 0 auto
}

.responsive-auth>.default-button {
    max-width: 100%
}

.responsive-auth>.defaul-checkbox {
    margin-bottom: 28px
}

.responsive-auth>h1 {
    margin-bottom: 28px;
    color: var(--font-color-primary)
}

.list-auth-data {
    margin-bottom: 28px
}

.list-auth-data.auth-data-type {
    margin-bottom: 0
}

.list-auth-data>.primary-input {
    margin-bottom: 14px
}

.list-auth-data>.primary-input:last-child {
    margin-bottom: 0
}

.auth-message {
    margin-top: 28px;
    display: flex
}

.auth-message>p {
    margin-right: 4px;
    color: var(--font-color-secondary)
}

.auth-message>a {
    color: var(--font-color-info)
}

.forgot-password {
    display: flex;
    justify-content: flex-end;
    margin: 4px 0
}

.forgot-password>a {
    display: flex;
    color: var(--font-color-info)
}

.primary-terms-service>h1 {
    color: var(--font-color-primary);
    margin-bottom: 8px
}

.primary-terms-service>p {
    margin-bottom: 38px;
    color: var(--font-color-light)
}

.list-data-terms {
    margin-bottom: 28px
}

.list-data-terms>p {
    color: var(--font-color-secondary);
    margin-bottom: 8px
}

.list-data-terms>p:last-child {
    margin-bottom: 0
}

.primary-header-auth {
    background: var(--background-white);
    border-bottom: 1px solid #F0F0F5
}

.primary-header-auth>header>.logo-navigation>.navigation {
    margin: 0 38px
}

.primary-header-auth>header>.logo-navigation>.navigation>.item {
    white-space: nowrap
}

.logo-auth {
    padding: 0 38px;
    max-width: 340px;
    flex: none;
    width: 100%
}

.avatar-user {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none
}

.avatar-user>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 200px
}

.data-name-balance {
    margin-right: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.data-name-balance>h1 {
    color: var(--font-color-primary);
    margin-bottom: 4px
}

.data-name-balance>p {
    color: var(--font-color-secondary)
}

.auth-user {
    padding: 0 38px;
    display: flex;
    align-items: center
}

.primary-navigation {
    max-width: 340px;
    transition: var(--transition-regular);
    flex: 1;
    width: 100%;
    background: var(--background-white);
    padding: 38px 0
}

.container-navigation {
    position: sticky;
    top: 38px
}

.container-navigation>.item {
    display: flex;
    align-items: center;
    padding: 22px 38px;
    margin-bottom: 18px;
    transition: var(--transition-regular)
}

.container-navigation>.item.toggle-n {
    display: none
}

.container-navigation>.item:hover,
.container-navigation>.item.active {
    background: var(--background-active)
}

.container-navigation>.item:hover>p,
.container-navigation>.item.active>p {
    color: var(--font-color-white)
}

.container-navigation>.item:last-child {
    margin-bottom: 0
}

.container-navigation>.item>p {
    transition: var(--transition-regular);
    color: var(--font-color-primary)
}

.body-nav-group {
    display: none;
    pointer-events: none;
    z-index: -1
}

.group-navigation>.item {
    display: flex;
    align-items: center;
    padding: 22px 38px;
    margin-bottom: 18px;
    transition: var(--transition-regular)
}

.group-navigation>.item:hover,
.group-navigation>.item.active {
    background: var(--background-active)
}

.group-navigation>.item:hover>p,
.group-navigation>.item.active>p {
    color: var(--font-color-white)
}

.group-navigation>.item:last-child {
    margin-bottom: 0
}

.group-navigation>.item>p {
    transition: var(--transition-regular);
    color: var(--font-color-primary)
}

.icon-nav {
    flex: none;
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 18px
}

.primary-main {
    flex: 1;
    background: #ECEFF4;
    padding: 38px
}

.primary-main.primary-main-type-b {
    background: url(mixer.949cb15f.jpg), #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.primary-main.primary-main-type-c {
    background: var(--background-white)
}

.primary-auth-content {
    display: flex;
    flex-direction: row
}

.data-attention {
    margin-left: 34px;
    margin-right: 18px
}

.data-attention>h1 {
    color: var(--font-color-primary);
    margin-bottom: 8px
}

.data-attention>p {
    color: var(--font-color-secondary)
}

.attention-info {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
    background: linear-gradient(92.18deg, #FFFFFF 0%, #F4F6F9 100%);
    border: 2px solid #f6a300;
    border-radius: 24px;
    padding-right: 48px
}

.icon-data-attention {
    display: flex;
    align-items: center
}

.transaction-attention {
    max-width: 1056px;
    width: 100%
}

.transaction-history,
.affiliate-history,
.convert-history,
.default-history {
    margin-top: 18px;
    padding: 28px;
    background: var(--background-white);
    border-radius: 24px
}

.transaction-history>h1,
.affiliate-history>h1,
.convert-history>h1,
.default-history>h1 {
    margin-bottom: 28px;
    color: var(--font-color-primary)
}

.head-table {
    padding-bottom: 9px;
    border-bottom: 1px solid #F0F0F5
}

.head-table>.item {
    color: var(--font-color-light)
}

.head-table>.item.reverse-item {
    display: flex;
    justify-content: flex-end
}

.table-type-a {
    overflow-x: auto
}

.table-type-a::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.table-type-a.no-data-info {
    overflow: hidden
}

.table-type-a.no-data-info>.head-table {
    overflow-x: auto
}

.table-type-a>.head-table {
    min-width: 640px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 14px
}

.table-type-a>.body-table {
    width: 100%
}

.table-type-a>.body-table>.row-table {
    min-width: 640px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 14px
}

.table-type-c {
    overflow-x: auto
}

.table-type-c::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.table-type-c>.head-table {
    min-width: 520px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 14px
}

.table-type-c>.body-table {
    min-width: 520px;
    width: 100%
}

.table-type-c>.body-table>.row-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 14px
}

.table-type-b {
    overflow-x: auto
}

.table-type-b::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.table-type-b>.head-table {
    display: grid;
    min-width: 910px;
    width: 100%;
    grid-template-columns: repeat(4, 1fr) 320px 1fr;
    grid-column-gap: 14px
}

.table-type-b>.body-table>.row-table {
    min-width: 910px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr) 320px 1fr;
    grid-column-gap: 14px
}

.row-table {
    padding: 13px 0
}

.row-table>.item {
    color: var(--font-color-primary)
}

.row-table>.item.reverse-item {
    display: flex;
    justify-content: flex-end
}

.no-data-table {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 28px;
    background: var(--background-body);
    border-radius: 0 0 24px 24px;
    color: var(--font-color-special)
}

.avatar-data {
    width: 110px;
    height: 110px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.avatar-data>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 200px;
    border: 8px solid #FFFFFF
}

.responsive-owerview {
    display: flex;
    justify-content: space-between
}

.user-data {
    margin-left: 28px;
    background: var(--background-white);
    border-radius: 24px;
    overflow: hidden;
    max-width: 420px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.top-data-user {
    height: 120px;
    width: 100%;
    background: url(frame-user-top.a541c463.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.bottom-data-user {
    height: 144px;
    width: 100%;
    background: url(frame-user-bottom.4faa0547.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.details-user {
    margin-top: 8px;
    text-align: center
}

.details-user>h1 {
    margin-bottom: 4px;
    color: var(--font-color-primary)
}

.details-user>p {
    color: var(--font-color-secondary)
}

.user-avatar-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -76px
}

.user-action {
    display: flex;
    margin: 38px 0
}

.user-action>a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    background: #FFFFFF;
    border-radius: 42px;
    cursor: pointer;
    transition: var(--transition-regular)
}

.user-action>a:hover {
    opacity: .8
}

.user-action>a:first-child {
    border: 2px solid #159E49;
    color: #159e49;
    margin-right: 8px
}

.user-action>a:last-child {
    border: 2px solid #DC3546;
    color: #dc3546
}

.middle-data-user {
    padding: 0 28px 38px
}

.image-coin {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    margin-right: 8px
}

.image-coin>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.user-list-balance {
    margin-bottom: 38px;
    background: var(--background-body);
    border-radius: 12px
}

.user-list-balance>.item {
    padding: 18px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F0F0F5
}

.user-list-balance>.item:last-child {
    border-bottom: none
}

.user-list-balance>.item>p {
    color: var(--font-color-primary)
}

.user-list-balance>.item>p>span {
    color: var(--font-color-light)
}

.user-total-balance>h1 {
    color: var(--font-color-secondary);
    margin-bottom: 4px
}

.user-total-balance>p {
    color: var(--font-color-primary)
}

.responsive-chat {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: #FFFFFF;
    border-radius: 24px
}

.body-support {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
    min-height: 750px;
    max-height: 750px;
    height: 100%
}

.body-support::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.body-support>.item {
    margin-bottom: 14px
}

.body-support>.item:last-child {
    margin-bottom: 0
}

.head-support {
    display: flex;
    align-items: center;
    padding: 28px;
    border-bottom: 1px solid #F0F0F5
}

.head-support>p {
    color: var(--font-color-primary)
}

.head-support>span {
    display: flex;
    flex: none;
    width: 12px;
    height: 12px;
    border-radius: 25px;
    margin-right: 8px
}

.head-support>span.active {
    background: #159E49
}

.bottom-support {
    border-top: 1px solid #F0F0F5;
    position: relative;
    background: #F9F9FB;
    display: flex
}

.bottom-support>input {
    width: 100%;
    padding-right: 20px;
    border: none;
    background: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-input)
}

.bottom-support>input::-moz-placeholder {
    color: var(--color-placeholder-input)
}

.bottom-support>input::placeholder {
    color: var(--color-placeholder-input)
}

.content-message {
    max-width: 460px;
    width: 100%
}

.body-support {
    padding: 28px
}

.body-support>.item {
    width: 100%
}

.body-support>.item.to {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.body-support>.item.to>.content-message {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.body-support>.item.to>.content-message>.message {
    border-radius: 12px 12px 0
}

.body-support>.item.from>.content-message>.message {
    border-radius: 12px 12px 12px 0
}

.message {
    padding: 18px;
    background: var(--background-body);
    border: 2px solid #EFF0F3;
    color: var(--font-color-primary)
}

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

.message-details>p {
    color: var(--font-color-light)
}

.message-details>span {
    display: flex;
    flex: none;
    margin: 0 8px;
    width: 2px;
    height: 2px;
    background: #7E8EB0;
    border-radius: 20px
}

.name-user {
    color: var(--font-color-primary);
    margin-right: 4px
}

.role.support,
.message-from {
    color: var(--font-color-info)
}

.space-time {
    width: 100%;
    display: flex;
    align-items: center
}

.space-time>.item {
    width: 100%;
    height: 1px;
    background: #F0F0F5
}

.space-time>p {
    padding: 18px 28px;
    color: var(--font-color-light)
}

.list-images-message {
    margin-bottom: 8px
}

.list-images-message>.item {
    max-width: 220px;
    width: 100%
}

.list-images-message>.item>img {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.empty-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.empty-data>p {
    color: var(--font-color-special)
}

.wallet-deposit-adress {
    padding: 28px;
    background: var(--background-white);
    border-radius: 24px;
    margin-top: 18px
}

.wallet-deposit-adress>h1 {
    color: var(--font-color-primary);
    margin-bottom: 28px
}

.data-withdraw-item {
    background: #FFFFFF;
    border-radius: 0 0 24px 24px;
    padding: 0 28px 28px
}

.top-wallet-toggle {
    background: #FFFFFF;
    border-radius: 24px 24px 0 0;
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.top-wallet-toggle>h1 {
    color: var(--font-color-primary)
}

.list-deposit-wallet {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    flex-flow: wrap
}

.list-deposit-wallet>.item {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0 18px 0 8px;
    height: 38px;
    border-radius: 42px;
    margin-right: 8px;
    transition: var(--transition-regular);
    margin-bottom: 10px
}

.list-deposit-wallet>.item:last-child {
    margin-right: 0
}

.list-deposit-wallet>.item>p {
    transition: var(--transition-regular);
    color: var(--font-color-secondary)
}

.list-deposit-wallet>.item:hover,
.list-deposit-wallet>.item.active {
    background: var(--background-active)
}

.list-deposit-wallet>.item:hover>p,
.list-deposit-wallet>.item.active>p {
    color: var(--font-color-white)
}

.image-coin-deposit {
    width: 24px;
    height: 24px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px
}

.image-coin-deposit>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list-data-wallet.withdraw-tab>.item-tab {
    flex-direction: column;
    display: none
}

.list-data-wallet.withdraw-tab>.item-tab.active {
    display: flex
}

.list-data-wallet>.item {
    padding: 28px;
    background: var(--background-body);
    border-radius: 12px;
    display: flex;
    align-items: flex-start
}

.qr-wallet {
    margin-right: 28px;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none
}

.qr-wallet>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 12px
}

.adress-wallet {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 28px;
    height: 68px;
    background: #E7EBF3;
    border-radius: 12px;
    width: 100%;
    align-items: center
}

.adress-wallet>p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: unset;
    color: var(--font-color-secondary)
}

.adress-wallet>button {
    padding: 0 28px;
    flex: none;
    display: flex;
    color: var(--font-color-info);
    background: none;
    cursor: pointer;
    border: none
}

.data-wallet-info {
    margin-top: 18px
}

.data-wallet-info>.item {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.data-wallet-info>.item:last-child {
    margin-bottom: 0
}

.data-wallet-info>.item>span {
    margin: 0 10px;
    display: flex;
    flex: none;
    width: 2px;
    height: 2px;
    border-radius: 20px;
    background: var(--font-color-secondary)
}

.data-wallet-info>.item>p {
    color: var(--font-color-secondary)
}

.adress-data {
    width: 100%;
    overflow: hidden
}

.icon-coin-img {
    width: 24px;
    height: 24px;
    flex: none;
    margin-right: 8px
}

.icon-coin-img>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.coin-table-data {
    display: flex;
    align-items: center
}

.coin-table-data>p {
    color: var(--font-color-primary)
}

.adress-table {
    display: flex;
    align-items: center
}

.adress-table>p {
    max-width: 286px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--font-color-primary)
}

.responsive-withdraw>.wallet-deposit-adress {
    margin-top: 0
}

.important-info {
    margin-top: 18px;
    padding: 28px;
    background: var(--background-white);
    border-radius: 24px
}

.important-info>h1 {
    margin-bottom: 28px;
    color: var(--font-color-primary)
}

.important-info>.data-wallet-info {
    margin-top: 0
}

.data-withdraw {
    padding: 28px;
    background: var(--background-body);
    border-radius: 12px
}

.data-withdraw>.item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px
}

.data-withdraw>.item:last-child {
    margin-bottom: 0
}

.data-withdraw>.item>.primary-input {
    max-width: 520px;
    width: 100%
}

.details-point {
    margin-right: 18px
}

.details-point>h1 {
    display: flex;
    margin-bottom: 4px;
    color: var(--font-color-primary)
}

.details-point>h1>span {
    /* margin-left: 8px; */
    color: var(--font-color-info)
}

.details-point>p {
    color: var(--font-color-secondary)
}

.action-withdraw {
    margin-top: 28px;
    display: flex;
    justify-content: flex-end
}

.withdraw-toggle {
    display: flex;
    padding: 4px;
    background: #ECEFF4;
    border-radius: 141px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%
}

.withdraw-toggle>.item {
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    margin-right: 2px;
    cursor: pointer;
    line-height: unset;
    color: var(--font-color-secondary);
    border-radius: 42px;
    transition: var(--transition-regular)
}

.withdraw-toggle>.item.active {
    background: #f6a300;
    color: var(--font-color-white)
}

.withdraw-toggle>.item:last-child {
    margin-right: 0
}

.message-fiat {
    padding: 8px 18px;
    display: flex;
    align-items: center;
    background: #FAECD7;
    border-radius: 12px;
    margin-bottom: 28px
}

.message-fiat>p {
    color: #794848
}

.withdraw-fiat-data {
    padding: 28px;
    background: var(--background-body);
    border-radius: 12px
}

.withdraw-fiat-data>.item {
    margin-bottom: 18px
}

.withdraw-fiat-data>.item:last-child {
    margin-bottom: 0
}

.withdraw-fiat-data>.primary-input>p {
    text-transform: uppercase
}

.withdraw-fiat-data>.primary-input>.default-input>input {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    height: 68px;
    padding: 0 28px
}

.withdraw-fiat-data>.primary-select>p {
    text-transform: uppercase
}

.withdraw-fiat-data>.primary-select>.default-select>.head-select {
    height: 68px;
    padding: 0 28px
}

.withdraw-fiat-data>.primary-select>.default-select>.head-select>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: unset
}

.avatar-setting {
    width: 94px;
    height: 94px;
    display: flex;
    margin-right: 18px;
    align-items: center;
    flex: none;
    position: relative;
    justify-content: center
}

.avatar-setting>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 200px
}

.upload-image-setting {
    position: absolute;
    right: 0;
    bottom: 0
}

.upload-image-setting>input {
    display: none
}

.upload-image-setting>label {
    display: flex;
    width: 24px;
    height: 24px;
    flex: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_608_2570' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_608_2570)'%3E%3Crect width='24' height='24' rx='12' fill='%230B59FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7962 6.7434C12.7962 6.33283 12.4634 6 12.0528 6C11.6423 6 11.3094 6.33283 11.3094 6.7434L11.3094 11.2038L6.7434 11.2038C6.33283 11.2038 6 11.5366 6 11.9472C6 12.3577 6.33283 12.6906 6.7434 12.6906H11.3094L11.3094 17.2566C11.3094 17.6672 11.6423 18 12.0528 18C12.4634 18 12.7962 17.6672 12.7962 17.2566L12.7962 12.6906H17.2566C17.6672 12.6906 18 12.3577 18 11.9472C18 11.5366 17.6672 11.2038 17.2566 11.2038L12.7962 11.2038L12.7962 6.7434Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: var(--transition-regular)
}

.upload-image-setting>label:hover {
    opacity: .8
}

.responsive-setting {
    display: flex
}

.responsive-setting>.item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    padding: 28px;
    background: var(--background-white);
    border-radius: 24px;
    margin-right: 28px
}

.responsive-setting>.item:last-child {
    margin-right: 0
}

.responsive-setting>.item>h1 {
    color: var(--font-color-primary);
    margin-bottom: 28px
}

.data-user-setting>h1 {
    margin-bottom: 4px;
    color: var(--font-color-primary)
}

.data-user-setting>p {
    color: var(--font-color-secondary)
}

.user-avatar-setting {
    display: flex;
    align-items: center;
    padding: 18px;
    background: var(--background-body);
    border-radius: 12px;
    margin-bottom: 28px
}

.icon-service {
    width: 24px;
    height: 24px;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    margin-right: 18px
}

.icon-service>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.service-data>h1 {
    color: var(--font-color-primary);
    margin-bottom: 4px
}

.service-data>p {
    color: var(--font-color-secondary)
}

.icon-service-data {
    display: flex;
    align-items: center;
    margin-right: 18px
}

.connect-setting {
    background: var(--background-body);
    border-radius: 12px;
    margin-bottom: 28px
}

.connect-setting>.item {
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #F0F0F5
}

.connect-setting>.item:last-child {
    border-bottom: none
}

.user-data-info {
    margin-bottom: 28px
}

.user-data-info>.primary-input {
    margin-bottom: 18px
}

.user-data-info>.primary-input:last-child {
    margin-bottom: 0
}

.user-data-info>.primary-input>p {
    text-transform: uppercase
}

.user-password-setting {
    padding: 28px;
    background: var(--background-body);
    border-radius: 12px
}

.user-password-setting>.primary-input {
    margin-bottom: 18px
}

.user-password-setting>.primary-input:last-child {
    margin-bottom: 0
}

.user-verification {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 28px;
    background: linear-gradient(106.49deg, #E7EBF3 -23.67%, #FFFFFF -3.83%, #ECEFF5 7.92%, #FFFFFF 32.12%, #F1F4F8 41.21%, #FFFFFF 62.41%, #F6F8FB 73.2%, #FFFFFF 96.28%, #FBFCFD 104.51%, #FFFFFF 128.6%);
    border: 2px solid #FFFFFF;
    box-shadow: 0 24px 44px #1b1b300a;
    border-radius: 24px;
    margin-bottom: 28px
}

.user-verification>h1 {
    margin-bottom: 18px;
    color: var(--font-color-primary)
}

.user-verification>p {
    color: var(--font-color-secondary);
    margin-bottom: 18px
}

.user-level-verify {
    display: flex;
    align-items: center;
    margin-bottom: 18px
}

.user-level-verify>p {
    color: var(--font-color-mark)
}

.user-verification-data {
    margin-bottom: 28px
}

.user-verification-data>.primary-input {
    margin-bottom: 18px
}

.user-verification-data>.primary-input:last-child {
    margin-bottom: 0
}

.user-verification-data>.primary-input>p {
    text-transform: uppercase
}

.user-verification-adress {
    padding: 28px;
    background: var(--background-body);
    border-radius: 12px
}

.user-verification-adress>.item {
    margin-bottom: 18px
}

.user-verification-adress>.item:last-child {
    margin-bottom: 0
}

.user-verification-adress>.item.couple-data {
    display: flex
}

.user-verification-adress>.item.couple-data>.primary-input {
    margin-right: 18px
}

.user-verification-adress>.item.couple-data>.primary-input:last-child {
    margin-right: 0
}

.user-verification-adress>.item>.primary-input {
    width: 100%
}

.user-verification-adress>.item>.primary-input>p {
    text-transform: uppercase
}

.user-verification-adress>.item>.primary-select>p {
    text-transform: uppercase
}

.action-setting {
    margin-top: 28px;
    display: flex;
    justify-content: flex-end
}

.data-affiliate {
    width: 100%;
    overflow: hidden
}

.data-affiliate>h1 {
    color: var(--font-color-primary);
    margin-bottom: 4px
}

.data-affiliate>p {
    color: var(--font-color-secondary);
    margin-bottom: 18px
}

.o-main {
    overflow: hidden
}

.data-copy-info {
    height: 68px;
    display: flex;
    align-items: center;
    background: #E7EBF3;
    overflow: hidden;
    width: 100%;
    border-radius: 12px;
    padding-left: 28px;
    justify-content: space-between
}

.data-copy-info>p {
    color: var(--font-color-secondary);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.data-copy-info>button {
    padding: 0 28px;
    border: none;
    display: flex;
    flex: none;
    background: none;
    cursor: pointer;
    color: var(--font-color-info);
    transform: var(--transition-regular)
}

.data-copy-info>button:hover {
    opacity: .8
}

.affiliate-qr {
    display: flex;
    margin-left: 18px;
    flex: none;
    width: 152px;
    height: 152px
}

.affiliate-qr>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list-affiliate-item {
    overflow: hidden;
    display: flex;
    width: 100%
}

.list-affiliate-item>.item {
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px;
    background: #F9F9FB;
    border-radius: 12px;
    margin-right: 28px
}

.list-affiliate-item>.item:last-child {
    margin-right: 0;
    max-width: 652px
}

.affiliate-program {
    background: var(--background-white);
    border-radius: 24px;
    padding: 28px
}

.affiliate-program>h1 {
    margin-bottom: 28px;
    color: var(--font-color-primary)
}

.total-body-item>h1 {
    color: var(--font-color-primary);
    margin-bottom: 4px
}

.total-body-item>p {
    color: var(--font-color-secondary)
}

.total-data {
    align-items: center;
    padding: 18px 0;
    border-top: 1px solid #F0F0F5
}

.total-data>.item>span {
    color: var(--font-color-light)
}

.count-data>p {
    color: var(--font-color-primary)
}

.count-data>p>span {
    color: var(--font-color-light)
}

.data-hint-mixer {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.data-hint-mixer>p {
    text-transform: uppercase;
    color: var(--font-color-light)
}

.list-data-mixer {
    width: 100%;
    margin-right: 18px;
    display: flex
}

.list-data-mixer>.primary-select {
    margin-left: 18px;
    max-width: 369px;
    width: 100%
}

.list-data-mixer>.primary-select>.default-select>.head-select {
    height: 68px;
    padding: 0 42px 0 28px
}

.list-data-mixer>.primary-select>.default-select>.head-select>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.list-data-mixer>.primary-input {
    width: 100%
}

.list-data-mixer>.primary-input>.default-input>input {
    padding: 0 28px;
    height: 68px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.list-data-mixer>.primary-input>.default-input>input::-moz-placeholder {
    color: #bcc6dc
}

.list-data-mixer>.primary-input>.default-input>input::placeholder {
    color: #bcc6dc
}

.list-adress-mixer {
    padding: 0 28px 28px
}

.list-adress-mixer.alone-item {
    padding-bottom: 0
}

.list-adress-mixer.alone-item>.item>.list-data-mixer {
    margin-right: 0
}

.list-adress-mixer.alone-item>.item>.list-data-mixer>.primary-select {
    max-width: 100%;
    margin-left: 0
}

.list-adress-mixer.alone-item>.item>.list-data-mixer>.primary-select>p {
    margin-top: 2px
}

.list-adress-mixer>.item {
    display: flex;
    width: 100%;
    align-items: flex-end;
    margin-bottom: 18px
}

.list-adress-mixer>.item:last-child {
    margin-bottom: 0
}

.responsive-mixer {
    padding: 88px 0
}

.responsive-mixer>h1 {
    margin-bottom: 38px;
    color: var(--font-color-primary)
}

.responsive-mixer>h1>span {
    color: var(--font-color-highlight)
}

.mixer-steps {
    background: linear-gradient(180deg, #F2F4F8 0%, rgba(236, 239, 244, 0) 100%);
    border-radius: 24px
}

.mixer-steps>.item {
    border-bottom: 1px solid #F0F0F5;
    padding: 18px
}

.mixer-steps>.item:last-child {
    border-bottom: none
}

.mixer-steps>.item>h1 {
    color: var(--font-color-light);
    min-width: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #FFFFFF;
    border-radius: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    flex: none;
    margin-bottom: 7px
}

.mixer-action {
    padding: 18px;
    display: flex;
    justify-content: center
}

.responsive-auth-info {
    padding: 88px 0
}

.responsive-auth-info>h1 {
    color: var(--font-color-info);
    margin-bottom: 38px
}

.list-info-auth {
    background: linear-gradient(180deg, #F2F4F8 0%, rgba(236, 239, 244, 0) 100%);
    border-radius: 24px
}

.list-info-auth>.item {
    padding: 46px;
    border-bottom: 1px solid #E0E4EB;
    display: flex;
    align-items: flex-start
}

.list-info-auth>.item:last-child {
    border-bottom: none
}

.list-info-auth>.item>h1 {
    color: var(--font-color-light);
    min-width: 34px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 18px
}

.head-info-auth {
    display: flex;
    align-items: center;
    margin-bottom: 14px
}

.head-info-auth>h1 {
    color: var(--font-color-primary)
}

.head-info-auth>a {
    color: var(--font-color-info);
    margin-left: 18px
}

.list-info-item>p {
    color: var(--font-color-secondary);
    margin-bottom: 14px
}

.list-info-item>p>a {
    color: var(--font-color-info);
    font-weight: 600
}

.list-info-item>p:last-child {
    margin-bottom: 0
}

.adress-info-auth {
    padding: 0 28px;
    width: 100%;
    height: 68px;
    background: #E7EBF3;
    border-radius: 12px;
    display: flex;
    overflow: hidden;
    align-items: center
}

.adress-info-auth>p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: unset;
    color: var(--font-color-secondary)
}

.list-info-destination>p {
    margin-top: 14px;
    color: var(--font-color-secondary)
}

.data-info-auth {
    width: 100%
}

.details-info-send {
    margin-top: 14px
}

.details-info-send>p {
    color: var(--font-color-secondary);
    margin-bottom: 14px
}

.details-info-send>p:last-child {
    margin-bottom: 0
}

.details-info-send>p>span {
    color: var(--font-color-primary);
    font-weight: 600
}

.qr-adress-send {
    width: 152px;
    height: 152px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.qr-adress-send>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list-info-send {
    overflow: hidden;
    width: 100%
}

.body-info-auth {
    width: 100%;
    overflow: hidden
}

.adress-send {
    overflow: hidden;
    padding: 28px;
    width: 100%
}

.adress-send>p {
    margin-top: 8px;
    color: var(--font-color-secondary)
}

.adress-send>p>a {
    color: var(--font-color-info);
    font-weight: 600
}

.adress-qr-data {
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 24px 24px #1b1b300a;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.info-transaction {
    padding: 28px;
    background: #FFFFFF;
    box-shadow: 0 24px 24px #1b1b300a;
    border-radius: 12px
}

.info-transaction>h1 {
    margin-bottom: 8px
}

.info-transaction>p {
    margin-bottom: 18px
}

.mark-row-table {
    color: var(--font-color-light)
}

.data-convert {
    position: relative;
    display: flex;
    height: 68px
}

.data-convert>.data-count-value {
    width: 100%
}

.data-convert>.primary-select {
    max-width: 208px;
    width: 100%
}

.data-convert>.primary-select>.default-select {
    height: 100%;
    position: unset
}

.data-convert>.primary-select>.default-select>.head-select {
    height: 100%;
    border: none;
    padding: 0 42px 0 28px
}

.data-convert>.primary-select>.default-select>.head-select>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: unset
}

.data-convert {
    background: #FFFFFF;
    border: 2px solid #BCC6DC;
    border-radius: 12px
}

.data-count-value {
    position: relative;
    border-right: 1px solid #F0F0F5;
    display: flex;
    align-items: center
}

.data-count-value>button {
    position: absolute;
    display: flex;
    align-items: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    cursor: pointer;
    justify-content: center;
    border: none;
    color: var(--font-color-info);
    padding: 0 28px;
    right: 0;
    line-height: unset;
    background: none;
    transition: var(--transition-regular)
}

.data-count-value>button:hover {
    opacity: .8
}

.data-count-value>.primary-input {
    height: 100%;
    width: 100%
}

.data-count-value>.primary-input>.default-input {
    height: 100%;
    width: 100%
}

.data-count-value>.primary-input>.default-input>input {
    height: 100%;
    border: none;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    padding: 0 90px 0 28px
}

.data-count-value>.primary-input>.default-input>input::-moz-placeholder {
    color: #bcc6dc
}

.data-count-value>.primary-input>.default-input>input::placeholder {
    color: #bcc6dc
}

.head-message-convert {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.head-message-convert>p {
    color: var(--font-color-light);
    text-transform: uppercase
}

.aval-balance {
    text-transform: uppercase
}

.aval-balance>p {
    color: var(--font-color-light);
    display: flex
}

.aval-balance>p>span {
    margin: 0 4px;
    color: var(--font-color-primary)
}

.error-convert {
    color: var(--font-color-secondary);
    background: #FAD7D9;
    border-radius: 12px;
    padding: 8px 18px;
    margin-top: 4px
}

.convert-data {
    padding: 28px;
    background: var(--background-white);
    border-radius: 24px
}

.convert-data>h1 {
    color: var(--font-color-primary);
    margin-bottom: 28px
}

.list-data-convert {
    margin-bottom: 28px;
    padding: 28px;
    background: var(--background-body);
    border-radius: 12px
}

.list-value-convert>.item {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.list-value-convert>.item:last-child {
    margin-bottom: 0
}

.list-value-convert>.item>h1 {
    color: var(--font-color-secondary)
}

.list-value-convert>.item>p {
    color: var(--font-color-light)
}

.list-value-convert>.item>p.large-value {
    color: var(--font-color-info)
}

.action-value-data {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 28px
}

.action-value-data>.default-button {
    margin-right: 18px
}

.action-value-data>.default-button:last-child {
    margin-right: 0
}

.list-transfer-data>.item {
    margin-bottom: 18px
}

.list-transfer-data>.item:last-child {
    margin-bottom: 0
}

.list-transfer-data>.item.transfer-data-couple {
    display: flex
}

.list-transfer-data>.item.transfer-data-couple>.primary-input {
    margin-right: 18px
}

.list-transfer-data>.item.transfer-data-couple>.primary-input:last-child {
    margin-right: 0
}

.list-transfer-data>.item>.primary-select {
    width: 100%
}

.list-transfer-data>.item>.primary-select>.default-select>.head-select {
    padding: 0 42px 0 28px;
    height: 68px
}

.list-transfer-data>.item>.primary-select>.default-select>.head-select>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: unset
}

.list-transfer-data>.item>.primary-input {
    width: 100%
}

.list-transfer-data>.item>.primary-input>p {
    text-transform: uppercase
}

.list-transfer-data>.item>.primary-input>p>.highlight-data {
    color: var(--font-color-info)
}

.list-transfer-data>.item>.primary-input>.default-input>input {
    height: 68px;
    font-style: normal;
    font-weight: 500;
    padding: 0 28px;
    font-size: 16px;
    line-height: 22px
}

.list-transfer-data>.item>.primary-input>.default-input>input::-moz-placeholder {
    color: #bcc6dc
}

.list-transfer-data>.item>.primary-input>.default-input>input::placeholder {
    color: #bcc6dc
}

.transfer-send {
    padding: 28px;
    background: var(--background-white);
    border-radius: 24px
}

.transfer-send>h1 {
    margin-bottom: 28px;
    color: var(--font-color-primary)
}

.list-transfer-data {
    padding: 28px;
    background: var(--background-body);
    border-radius: 12px
}

.invest-stake {
    padding: 28px;
    background: var(--background-white);
    border-radius: 24px
}

.invest-stake>h1 {
    margin-bottom: 28px;
    color: var(--font-color-primary)
}

.data-inv-info>h1 {
    color: var(--font-color-primary);
    margin-bottom: 4px
}

.data-inv-info>p {
    color: var(--font-color-secondary)
}

.invest-per {
    display: flex;
    margin-bottom: 18px;
    align-items: center;
    justify-content: space-between;
    padding: 28px;
    background: linear-gradient(92.18deg, #FFFFFF 0%, #F6F9FF 18.01%, #FFFFFF 29.99%, #EFF4FF 38.03%, #FFFFFF 55.56%, #E6EEFF 62.39%, #FFFFFF 79.35%, #DCE7FF 85.84%, #F4F8FF 96.45%, #D6E3FF 100%);
    border: 2px solid #f6a300;
    box-shadow: 0 14px 54px -12px #0b59ff3d;
    border-radius: 12px
}

.invest-per>h1 {
    color: var(--font-color-info)
}

.invest-data {
    padding: 28px;
    background: linear-gradient(180deg, #F2F4F8 0%, rgba(236, 239, 244, 0) 100%);
    border-radius: 24px
}

.list-data-invest-set {
    margin-bottom: 18px
}

.list-data-invest-set>.item {
    margin-bottom: 18px
}

.list-data-invest-set>.item:last-child {
    margin-bottom: 0
}

.list-data-invest-set>.item>.primary-input>.default-input {
    position: relative;
    display: flex;
    align-items: center
}

.list-data-invest-set>.item>.primary-input>.default-input.max-content-input>input {
    padding-right: 200px
}

.list-data-invest-set>.item>.primary-input>.default-input>input {
    height: 68px;
    padding: 0 28px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: unset
}

.list-data-invest-set>.item>.primary-select>p {
    text-transform: uppercase
}

.list-data-invest-set>.item>.primary-select>.default-select>.head-select {
    height: 68px;
    padding: 0 42px 0 28px
}

.list-data-invest-set>.item>.primary-select>.default-select>.head-select>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: unset
}

.current-coin {
    display: flex;
    height: calc(100% - 4px);
    position: relative;
    z-index: 1;
    padding: 0 28px;
    align-items: center;
    border-right: 1px solid #F0F0F5
}

.current-coin>p {
    color: var(--font-color-primary);
    line-height: unset
}

.coin-img-data {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    margin-right: 8px
}

.coin-img-data>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.data-coin-max {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    right: 0
}

.data-coin-max>button {
    padding: 0 28px;
    display: flex;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    transition: var(--transition-regular);
    color: var(--font-color-info);
    line-height: unset
}

.data-coin-max>button:hover {
    opacity: .8
}

.list-profit-data {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.list-profit-data>h1 {
    margin-bottom: 4px;
    color: var(--font-color-primary)
}

.list-profit-data>p.profit-invest {
    color: #159e49
}

.profit-data-invest {
    display: flex;
    padding: 18px;
    background: #FFFFFF;
    border-radius: 12px
}

.profit-data-invest>.item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: 36px
}

.profit-data-invest>.item:last-child {
    margin-right: 0
}

.profit-data-invest>.item>h1 {
    color: var(--font-color-light)
}

.primary-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(27, 27, 48, .64);
    z-index: 500;
    padding: 20px;
    overflow: auto
}

.primary-modal::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.modal-container {
    max-width: 460px;
    width: 100%;
    margin: 124px auto 0
}

.content-modal {
    padding: 46px;
    background: #FFFFFF;
    border-radius: 24px
}

.action-modal {
    display: flex
}

.action-modal>.default-button {
    max-width: 100%;
    margin-right: 18px
}

.action-modal>.default-button:last-child {
    margin-right: 0
}

.status-modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 38px 0;
    margin-bottom: 28px
}

.status-modal>p {
    color: #00a336
}

.data-modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 28px
}

.data-modal>p {
    color: var(--font-color-secondary);
    margin-bottom: 8px
}

.data-modal>h1 {
    color: var(--font-color-primary)
}

.list-data-modal {
    margin-bottom: 28px
}

.list-data-modal>.item {
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between
}

.list-data-modal>.item:last-child {
    margin-bottom: 0
}

.list-data-modal>.item>h1 {
    color: var(--font-color-secondary)
}

.list-data-modal>.item>p {
    color: var(--font-color-light)
}

.primary-notification {
    position: fixed;
    top: 44px;
    right: 44px;
    z-index: 501
}

.notification {
    padding: 28px;
    border-radius: 12px;
    max-width: 360px;
    width: 100%
}

.notification>p {
    color: #f9f9fb
}

.head-notification {
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.head-notification>h1 {
    color: var(--font-color-white)
}

.logo-error {
    max-width: 142px;
    width: 100%;
    display: flex;
    margin-bottom: 88px
}

.logo-error>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.error-container {
    width: 100%;
    flex: 1;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.content-error {
    max-width: 552px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.content-error>p {
    color: var(--font-color-secondary);
    margin-bottom: 38px
}

.code-error {
    max-width: 512px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px
}

.code-error>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.data-week-tab>.item-tab {
    display: none
}

.data-week-tab>.item-tab.active {
    display: grid
}

.navigation-toggle {
    display: none
}

.primary-tools {
    padding: 28px 0
}

.responsive-tools {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 28px;
    padding-bottom: 28px
}

.responsive-tools>.item {
    padding: 68px 48px;
    background: var(--background-white);
    box-shadow: 0 24px 44px #1b1b300a;
    border-radius: 28px
}

.user-list-balance {
    max-height: 243px;
    overflow-y: auto
}

.bottom-data-user {
    display: flex;
    align-items: center;
    justify-content: center
}

.promo-use {
    width: 100%;
    padding: 20px 28px
}

.promo-use>p {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #7e8eb0;
    margin-bottom: 4px
}

.promo-enter {
    display: -ms-flexbox;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.promo-enter>.default-button {
    max-width: 110px;
    width: 100%;
    position: absolute;
    right: 0
}

.promo-enter>input {
    display: flex;
    width: 100%;
    border: 2px solid #BCC6DC;
    border-radius: 12px 44px 44px 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #1b1b30;
    padding: 0 128px 0 18px;
    height: 48px
}

.promo-enter>input::-moz-placeholder {
    color: #7e8eb0
}

.promo-enter>input::placeholder {
    color: #7e8eb0
}

.primary-table {
    width: 100%;
    overflow-x: auto;
    max-height: 776px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: auto;
    overflow-x: unset
}

.primary-table::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.primary-table>table {
    border-spacing: 0px;
    width: 100%
}

.primary-table>table>thead>tr>td {
    white-space: nowrap;
    padding: 9px 14px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #7e8eb0;
    border-bottom: 1px solid #F0F0F5
}

.primary-table>table>thead>tr>td:first-child {
    padding-left: 0
}

.primary-table>table>thead>tr>td:last-child {
    padding-right: 0;
    text-align: right
}

.primary-table>table>tbody>tr>td {
    white-space: nowrap;
    padding: 12px 14px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #1b1b30
}

.primary-table>table>tbody>tr>td>.status-deposit {
    margin-left: auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%
}

.status-deposit {
    text-transform: capitalize
}

.primary-table>table>tbody>tr>td:first-child {
    padding-left: 0
}

.primary-table>table>tbody>tr>td:last-child {
    padding-right: 0
}

.none {
    display: none !important
}

.primary-order {
    width: 100%;
    background: #ECEFF4;
    padding: 8px;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-width: 100%;
    column-width: 100%;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.primary-order>* {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    height: 100%
}

.primary-order>*.type-order-a {
    margin-right: calc(100% - 360px)
}

.primary-order>*.type-order-c {
    margin-left: calc(100% - 380px)
}

.primary-order>*.type-order-b {
    margin-right: calc(-100% + 380px);
    margin-left: calc(-100% + 360px)
}

.order-book {
    background: #F9F9FB;
    border-radius: 4px
}

.order-book>h1 {
    padding: 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #1b1b30
}

.order-book-data>.item.up-order>.body-data-table>.row-data-table>.item:first-child {
    color: #459782
}

.order-book-data>.item.up-order>.body-data-table>.row-data-table>.progress-thumb {
    background: rgba(69, 151, 130, .32)
}

.order-book-data>.item.down-order>.body-data-table>.row-data-table>.item:first-child {
    color: #df484c
}

.order-book-data>.item.down-order>.body-data-table>.row-data-table>.progress-thumb {
    background: rgba(223, 72, 76, .32)
}

.order-book-data>.item>.head-data-table {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid #F0F0F5
}

.order-book-data>.item>.head-data-table>.item {
    padding: 9px 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #7e8eb0
}

.order-book-data>.item>.head-data-table>.item:not(:first-child) {
    text-align: right
}

.order-book-data>.item>.body-data-table {
    max-height: 240px;
    overflow-y: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.order-book-data>.item>.body-data-table>.row-data-table {
    overflow: hidden;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.order-book-data>.item>.body-data-table>.row-data-table>.item {
    position: relative;
    z-index: 1;
    padding: 10px 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1b1b30
}

.order-book-data>.item>.body-data-table>.row-data-table>.item:not(:first-child) {
    text-align: right
}

.content-recent-data {
    position: sticky;
    top: 8px
}

.progress-thumb {
    pointer-events: none;
    position: absolute;
    height: 100%;
    right: 0
}

.order-recent-data {
    position: sticky;
    top: 8px;
    max-width: 360px;
    width: 100%
}

.recent-trades {
    margin-top: 8px;
    background: #F9F9FB;
    border-radius: 4px
}

.recent-trades>h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #1b1b30;
    padding: 16px
}

.recent-trades>.item>.head-data-table {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid #F0F0F5
}

.recent-trades>.item>.head-data-table>.item {
    padding: 9px 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #7e8eb0
}

.recent-trades>.item>.head-data-table>.item:not(:first-child) {
    text-align: right
}

.recent-trades>.item>.body-data-table {
    max-height: 246px;
    overflow-y: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.recent-trades>.item>.body-data-table>.row-data-table {
    overflow: hidden;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.recent-trades>.item>.body-data-table>.row-data-table>.item {
    padding: 10px 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1b1b30;
    border-bottom: 1px solid #F0F0F5
}

.recent-trades>.item>.body-data-table>.row-data-table>.item:not(:first-child) {
    text-align: right
}

.recent-trades>.item>.body-data-table>.row-data-table>.item:last-child {
    border-bottom: none
}

.order-visual-history {
    width: 100%
}

.order-visual-history>* {
    margin-bottom: 8px
}

.order-visual-history>*:last-child {
    margin-bottom: 0
}

.place-order-pairs {
    max-width: 380px;
    width: 100%
}

.place-an-order {
    background: #F9F9FB;
    border-radius: 4px
}

.place-an-order>h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #1b1b30;
    padding: 16px;
    border-bottom: 1px solid #F0F0F5
}

.place-content {
    padding: 24px;
    background: #FFFFFF
}

.place-fill-item>.item {
    background: #BCC6DC;
    border: 1px solid #BCC6DC;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 1px;
    margin-bottom: 8px
}

.place-fill-item>.item:last-child {
    margin-bottom: 0
}

.place-fill-item>.item>input {
    height: 44px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 10px;
    -webkit-appearance: none;
    border: none;
    display: flex;
    padding: 0 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #1b1b30
}

.place-fill-item>.item>input::-moz-placeholder {
    color: #bcc6dc
}

.place-fill-item>.item>input::placeholder {
    color: #bcc6dc
}

.place-fill-item>.item>p {
    min-width: 80px;
    max-width: 80px;
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    color: #1b1b30
}

.fast-fill {
    margin-top: 8px;
    display: flex
}

.fast-fill>.item {
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 32px;
    cursor: pointer;
    transition: .2s;
    padding: 0 10px;
    background: #f6a300;
    border-radius: 8px;
    margin-right: 8px
}

.fast-fill>.item:last-child {
    margin-right: 0
}

.fast-fill>.item:hover {
    opacity: .8
}

.order-info-data {
    margin: 24px 0
}

.order-info-data>.item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

.order-info-data>.item:last-child {
    margin-bottom: 0
}

.order-info-data>.item>p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #485879;
    margin-right: 10px
}

.order-info-data>.item>span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #7e8eb0
}

.button-c {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-appearance: none;
    transition: .2s;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    width: 100%;
    padding: 0 20px;
    height: 48px;
    border-radius: 12px;
    border: none
}

.button-c.type-green {
    background: #459782
}

.button-c.type-red {
    background: #DF484C
}

.button-c:hover {
    opacity: .8
}

.action-order {
    display: flex
}

.action-order>* {
    margin-right: 8px
}

.action-order>*:last-child {
    margin-right: 0
}

.head-order-type {
    display: flex;
    padding: 16px;
    border-bottom: 1px solid #F0F0F5
}

.head-order-type>.item {
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #485879;
    padding: 0 10px;
    display: flex;
    transition: .2s;
    align-items: center;
    justify-content: center;
    height: 24px;
    border-radius: 42px;
    margin-right: 8px
}

.head-order-type>.item:last-child {
    margin-right: 0
}

.head-order-type>.item.active {
    color: #fff;
    background: #f6a300;
}

.order-now-data {
    margin-top: 8px;
    background: #F9F9FB;
    border-radius: 4px
}

.body-order-data>.item {
    display: none;
    flex-direction: column
}

.body-order-data>.item.active {
    display: flex
}

.body-order-data>.item>.head-data-table {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid #F0F0F5
}

.body-order-data>.item>.head-data-table>.item {
    padding: 9px 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #7e8eb0
}

.body-order-data>.item>.head-data-table>.item:not(:first-child) {
    text-align: right
}

.body-order-data>.item>.body-data-table {
    max-height: 410px;
    overflow-y: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.body-order-data>.item>.body-data-table>.row-data-table {
    overflow: hidden;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.body-order-data>.item>.body-data-table>.row-data-table.change-down>.change-status {
    color: #df484c
}

.body-order-data>.item>.body-data-table>.row-data-table.change-up>.change-status {
    color: #459782
}

.body-order-data>.item>.body-data-table>.row-data-table>.item {
    padding: 10px 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #1b1b30;
    border-bottom: 1px solid #F0F0F5
}

.body-order-data>.item>.body-data-table>.row-data-table>.item:not(:first-child) {
    text-align: right
}

.body-order-data>.item>.body-data-table>.row-data-table>.item:last-child {
    border-bottom: none
}

.body-order-data>.item>.body-data-table>.row-data-table>.item:first-child {
    display: flex;
    align-items: center;
    color: #7e8eb0
}

.fav-data.fav-active>span {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.52242 2.30229C7.67608 1.991 7.7529 1.83535 7.8572 1.78562C7.94795 1.74236 8.05338 1.74236 8.14412 1.78562C8.24842 1.83535 8.32525 1.991 8.47891 2.30229L9.93669 5.2556C9.98205 5.3475 10.0047 5.39345 10.0379 5.42913C10.0672 5.46072 10.1024 5.48631 10.1415 5.5045C10.1857 5.52503 10.2364 5.53244 10.3378 5.54726L13.5986 6.02389C13.942 6.07408 14.1137 6.09917 14.1932 6.18304C14.2623 6.25601 14.2948 6.35628 14.2817 6.45593C14.2665 6.57047 14.1422 6.69153 13.8936 6.93367L11.535 9.23103C11.4614 9.30264 11.4247 9.33845 11.4009 9.38106C11.3799 9.41878 11.3665 9.46022 11.3613 9.50309C11.3554 9.5515 11.3641 9.60208 11.3814 9.70324L11.938 12.9482C11.9967 13.2904 12.026 13.4615 11.9708 13.5631C11.9229 13.6514 11.8376 13.7134 11.7387 13.7317C11.6251 13.7528 11.4714 13.672 11.1641 13.5104L8.2489 11.9773C8.15807 11.9295 8.11266 11.9057 8.06481 11.8963C8.02245 11.888 7.97888 11.888 7.93651 11.8963C7.88867 11.9057 7.84325 11.9295 7.75242 11.9773L4.83727 13.5104C4.52993 13.672 4.37626 13.7528 4.26263 13.7317C4.16377 13.7134 4.07847 13.6514 4.03048 13.5631C3.97532 13.4615 4.00467 13.2904 4.06337 12.9482L4.61991 9.70324C4.63726 9.60208 4.64593 9.5515 4.64006 9.50309C4.63487 9.46022 4.62139 9.41878 4.60039 9.38106C4.57667 9.33845 4.5399 9.30264 4.46637 9.23103L2.10769 6.93367C1.85909 6.69153 1.73479 6.57047 1.71967 6.45593C1.70651 6.35628 1.73902 6.25601 1.80815 6.18304C1.88761 6.09917 2.0593 6.07408 2.40268 6.02389L5.66353 5.54726C5.76493 5.53244 5.81564 5.52503 5.8598 5.5045C5.89889 5.48631 5.93409 5.46072 5.96344 5.42913C5.99659 5.39345 6.01927 5.3475 6.06463 5.2556L7.52242 2.30229Z' fill='%230B59FF'/%3E%3C/svg%3E%0A")
}

.fav-data>span {
    display: flex;
    flex: none;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.52242 2.30229C7.67608 1.991 7.7529 1.83535 7.8572 1.78562C7.94795 1.74236 8.05338 1.74236 8.14412 1.78562C8.24842 1.83535 8.32525 1.991 8.47891 2.30229L9.93669 5.2556C9.98205 5.3475 10.0047 5.39345 10.0379 5.42913C10.0672 5.46072 10.1024 5.48631 10.1415 5.5045C10.1857 5.52503 10.2364 5.53244 10.3378 5.54726L13.5986 6.02389C13.942 6.07408 14.1137 6.09917 14.1932 6.18304C14.2623 6.25601 14.2948 6.35628 14.2817 6.45593C14.2665 6.57047 14.1422 6.69153 13.8936 6.93367L11.535 9.23103C11.4614 9.30264 11.4247 9.33845 11.4009 9.38106C11.3799 9.41878 11.3665 9.46022 11.3613 9.50309C11.3554 9.5515 11.3641 9.60208 11.3814 9.70324L11.938 12.9482C11.9967 13.2904 12.026 13.4615 11.9708 13.5631C11.9229 13.6514 11.8376 13.7134 11.7387 13.7317C11.6251 13.7528 11.4714 13.672 11.1641 13.5104L8.2489 11.9773C8.15807 11.9295 8.11266 11.9057 8.06481 11.8963C8.02245 11.888 7.97888 11.888 7.93651 11.8963C7.88867 11.9057 7.84325 11.9295 7.75242 11.9773L4.83727 13.5104C4.52993 13.672 4.37626 13.7528 4.26263 13.7317C4.16377 13.7134 4.07847 13.6514 4.03048 13.5631C3.97532 13.4615 4.00467 13.2904 4.06337 12.9482L4.61991 9.70324C4.63726 9.60208 4.64593 9.5515 4.64006 9.50309C4.63487 9.46022 4.62139 9.41878 4.60039 9.38106C4.57667 9.33845 4.5399 9.30264 4.46637 9.23103L2.10769 6.93367C1.85909 6.69153 1.73479 6.57047 1.71967 6.45593C1.70651 6.35628 1.73902 6.25601 1.80815 6.18304C1.88761 6.09917 2.0593 6.07408 2.40268 6.02389L5.66353 5.54726C5.76493 5.53244 5.81564 5.52503 5.8598 5.5045C5.89889 5.48631 5.93409 5.46072 5.96344 5.42913C5.99659 5.39345 6.01927 5.3475 6.06463 5.2556L7.52242 2.30229Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-top: -2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.primary-table>table>tbody>tr>td:last-child {
    text-align: right
}

.order-history {
    margin-top: 8px;
    padding: 24px;
    background: #FFFFFF;
    border-radius: 4px
}

.order-visual-history {
    margin: 0 8px
}

.body-order-filter>.item {
    display: none
}

.body-order-filter>.item.active {
    display: flex;
    flex-direction: column
}

.head-order-filter {
    display: flex;
    margin-bottom: 24px
}

.head-order-filter>.item {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #bcc6dc;
    cursor: pointer;
    margin-right: 24px;
    transition: .2s
}

.head-order-filter>.item.active {
    color: #1b1b30
}

.head-order-filter>.item:last-child {
    margin-right: 0
}

.not-auth {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.not-auth>p {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #1b1b30
}

.not-auth>p>a {
    color: #f6a300;
}

.not-auth>p>a:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.order-visual.delete-this-class-before-embed {
    border: 1px dashed #f6a300;
    border-radius: 8px
}

.logout-account {
    width: 44px;
    height: 44px;
    margin-left: -10px;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='21' fill='%23F9F9FB' stroke='white' stroke-width='2'/%3E%3Cg clip-path='url(%23clip0_1064_4710)'%3E%3Cpath d='M22 22L22 15.25M25.75 15.5034C27.9918 16.8002 29.5 19.2239 29.5 22C29.5 26.1421 26.1421 29.5 22 29.5C17.8579 29.5 14.5 26.1421 14.5 22C14.5 19.2239 16.0082 16.8002 18.25 15.5034' stroke='%23485879' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1064_4710'%3E%3Crect width='18' height='18' fill='white' transform='translate(31 13) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    transition: .2s
}

.logout-account:hover {
    opacity: .7
}

@media screen and (max-width: 1024px) {
    .logout-account {
        display: block;
        margin-right: 10px;
    }
}

.new-styles {
    display: none
}

.order-visual {
    min-height: 686px
}

@media screen and (max-width: 1400px) {
    .order-now-data {
        order: 4
    }

    .order-book {
        order: 5;
        margin: 8px 0 !important
    }

    .recent-trades {
        order: 6
    }

    .primary-order {
        flex-direction: column;
        -moz-column-gap: unset;
        column-gap: unset;
        -moz-column-count: unset;
        column-count: unset;
        display: flex
    }

    .primary-order>* {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .primary-order>*.type-order-a {
        margin: 0
    }

    .primary-order>*.type-order-b {
        margin: 0
    }

    .primary-order>*.type-order-c {
        margin: 0
    }

    .order-book-data>.item>.body-data-table {
        max-height: 252px
    }

    .recent-trades>.item>.body-data-table {
        max-height: 259px
    }

    .order-recent-data {
        max-width: 100%
    }

    .content-recent-data,
    .order-recent-data {
        position: unset;
        top: unset
    }

    .place-order-pairs {
        max-width: 100%
    }

    .order-visual-history {
        margin: 0
    }

    .order-visual {
        min-height: 520px;
        order: 1;
        margin-bottom: 8px !important
    }

    .order-history {
        padding: 16px;
        order: 3;
        margin-bottom: 8px !important
    }

    .head-order-filter>.item {
        font-size: 14px;
        line-height: 20px;
        margin-right: 16px
    }

    .place-fill-item>.item>input {
        height: 40px;
        font-size: 14px
    }

    .place-fill-item>.item>p {
        font-size: 14px
    }

    .place-content {
        padding: 16px
    }

    .fast-fill>.item {
        height: 28px;
        font-size: 12px
    }

    .order-info-data {
        margin: 16px 0
    }

    .order-info-data>.item {
        margin-bottom: 8px
    }

    .order-info-data>.item>p,
    .order-info-data>.item span {
        line-height: 16px;
        font-size: 12px
    }

    .place-an-order {
        order: 2;
        margin-bottom: 8px !important;
        overflow: hidden
    }

    .place-an-order>h1 {
        display: none
    }

    .body-order-data>.item>.body-data-table>.row-data-table>.item,
    .order-book-data>.item>.body-data-table>.row-data-table>.item {
        font-size: 12px;
        line-height: 16px
    }

    .body-order-data>.item>.head-data-table>.item,
    .order-book-data>.item>.head-data-table>.item {
        font-size: 12px;
        line-height: 16px
    }

    .recent-trades>.item>.body-data-table>.row-data-table>.item {
        font-size: 12px;
        line-height: 16px
    }

    .recent-trades>.item>.head-data-table>.item {
        font-size: 12px;
        line-height: 16px
    }

    .primary-table>table>tbody>tr>td {
        font-size: 12px
    }
}

.transaction-attention {
    overflow: hidden
}

.details-point>p>span {
    color: var(--font-color-info);
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .invest-per {
        background: none;
        box-shadow: none
    }

    .invest-data {
        background: none
    }

    .body-nav-group.active {
        pointer-events: all
    }

    .navigation-toggle.active+.body-header {
        pointer-events: all
    }
}

.primary-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background-body)
}

.loader-item {
    width: 50px;
    height: 50px;
    background-color: var(--background-button-primary);
    -webkit-animation: loader-item 1.2s infinite ease-in-out;
    animation: loader-item 1.2s infinite ease-in-out
}

@-webkit-keyframes loader-item {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes loader-item {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.range-data>input::-webkit-slider-thumb {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    background-color: #fff0 !important
}

.deposit-fill::-webkit-outer-spin-button,
.deposit-fill::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.primary-input.error-field>.default-input>input {
    border: 2px solid var(--color-type-down)
}

.primary-input.error-field>p {
    margin-top: 4px;
    color: var(--color-type-down)
}

.primary-content>.primary-order>* {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.primary-content>.primary-order>*.order-now-data {
    height: -webkit-fill-available;
    background: none
}

.primary-content>.primary-order>*.order-now-data>.body-order-data {
    background: #F9F9FB;
    border-radius: 4px
}

.order-book-recent {
    max-width: 360px;
    width: 100%
}

.place-data-order {
    max-width: 380px;
    width: 100%
}

.primary-order {
    display: flex;
    -moz-column-count: unset;
    column-count: unset;
    -moz-column-gap: unset;
    column-gap: unset
}

.primary-order>* {
    -moz-column-break-inside: unset;
    break-inside: unset
}

.order-vis-history {
    margin: 0 8px;
    width: 100%
}

@media screen and (max-width: 1400px) {
    .order-book-recent {
        max-width: 100%
    }

    .order-vis-history {
        margin: 0
    }

    .place-data-order {
        max-width: 100%
    }

    .order-book-recent {
        order: 3
    }

    .order-vis-history {
        order: 1
    }

    .place-data-order {
        order: 2
    }
}

.container-modal-upd {
    position: relative;
    z-index: 1;
    max-width: 1586px;
    width: 100%;
    margin: auto
}

.modal-update {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    background: rgba(163, 163, 163, .5);
    padding: 20px;
    z-index: 1000
}

.content-data-upd {
    max-width: 716px;
    width: 100%
}

.content-data-upd>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    color: #1b1b30;
    margin-bottom: 25px
}

.content-data-upd>p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #485879;
    margin-bottom: 25px
}

.content-data-upd>ul {
    list-style: none
}

.content-data-upd>ul>.item {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #485879;
    margin-bottom: 1em
}

.content-data-upd>ul>.item:last-child {
    margin-bottom: 0
}

.content-data-upd>ul>.item>span {
    font-weight: 600;
    color: #f6a300;
}

.bonus-data>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 16px;
    color: #f6a300;
    margin-bottom: 25px
}

.bonus-data>p {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #7e8eb0;
    margin-bottom: 20px
}

.bonus-data>ul {
    list-style: none
}

.bonus-data>ul>.item {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #7e8eb0
}

.bonus-data>ul>.item>span {
    font-weight: 600;
    color: #f6a300;
}

.image-upd {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 655px;
    max-width: 670px;
    width: 100%;
    background: #f6a300;
}

.image-upd>img {
    max-width: 340px;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.content-upd {
    position: relative;
    background: #FFFFFF;
    border-radius: 28px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.upd {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px
}

.bonus-data {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
    background: #F9F9FB;
    border-radius: 28px
}

.body-modal-upd {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.close-modal-upd {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5699 4.90324C21.9767 4.49644 21.9767 3.83689 21.5699 3.4301C21.1631 3.0233 20.5036 3.0233 20.0968 3.4301L12.5 11.0269L4.90324 3.4301C4.49644 3.0233 3.83689 3.0233 3.4301 3.4301C3.0233 3.83689 3.0233 4.49644 3.4301 4.90324L11.0269 12.5L3.4301 20.0968C3.0233 20.5036 3.0233 21.1631 3.4301 21.5699C3.83689 21.9767 4.49644 21.9767 4.90324 21.5699L12.5 13.9731L20.0968 21.5699C20.5036 21.9767 21.1631 21.9767 21.5699 21.5699C21.9767 21.1631 21.9767 20.5036 21.5699 20.0968L13.9731 12.5L21.5699 4.90324Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-width: 1124px) {
    .content-upd {
        flex-direction: column
    }

    .image-upd {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-width: 100%
    }

    .image-upd>img {
        max-width: 210px
    }
}

@media screen and (max-width: 768px) {
    .content-data-upd>h1 {
        font-size: 16px
    }

    .content-data-upd>p {
        font-size: 14px
    }

    .content-data-upd>ul>.item {
        font-size: 14px
    }

    .bonus-data>h1 {
        font-size: 16px
    }

    .bonus-data>p {
        font-size: 14px
    }

    .bonus-data>ul>.item {
        font-size: 14px
    }

    .content-upd {
        border-radius: 10px
    }

    .close-modal-upd {
        top: 18px;
        right: 18px;
        width: 20px;
        height: 20px
    }

    .bonus-data {
        margin-top: 20px
    }
}

.footer-logo {
    max-width: 142px;
    width: 100%
}

.social-footer-items {
    margin-top: 16px;
    display: flex;
    gap: 18px;
    flex-wrap: wrap
}

.social-footer-items>.item {
    display: flex;
    width: 25px;
    height: 25px;
    flex: none;
    align-items: center;
    justify-content: center
}

.social-footer-items>.item>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 100px
}

.order-visual>iframe {
    width: 100%;
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .order-visual>iframe {
        height: 520px
    }
}

.responsive-welcome-home {
    display: flex
}

.responsive-welcome-home>.item {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative
}

.home-welcome-data-info {
    padding: 80px 0;
    width: 100%
}

.home-welcome-data-info>h1 {
    color: var(--font-color-primary)
}

.home-welcome-data-info>h1>span {
    color: var(--font-color-info)
}

.home-welcome-data-info>p {
    margin-top: 16px;
    margin-bottom: 38px;
    color: var(--font-color-secondary)
}

.home-welcome-data-info>p:last-child {
    margin-bottom: 0
}

.image-home-cover {
    max-width: 622px;
    width: 100%;
    height: 100%;
    position: absolute
}

.image-home-cover>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.primary-home-welcome {
    background: url(../img/frame-home-wel.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.primary-home-welcome.secure-type,
.primary-faq.faq-type-b {
    background: #FFFFFF
}

.highlights-item {
    padding: 40px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 40px
}

.highlights-item>.item>h1 {
    color: var(--font-color-primary)
}

.highlights-item>.item>p {
    margin-top: 8px;
    color: var(--font-color-secondary)
}

.image-icon-heigh {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 72px;
    height: 72px;
    margin-bottom: 40px
}

.image-icon-heigh>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.reward-head-data {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 0
}

.reward-head-data>h1 {
    color: var(--font-color-info)
}

.reward-head-data>p {
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--font-color-secondary)
}

.reward-image-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 140px;
    width: 100%;
    flex: none;
    position: relative
}

.reward-image-icon>img {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.reward-head {
    background: #EAF1FF;
    border-radius: 16px;
    gap: 16px;
    display: flex;
    padding: 0 24px;
    justify-content: space-between
}

.data-reward-content {
    min-height: 200px;
    margin: 24px 0
}

.data-reward-content>h1 {
    color: var(--font-color-primary)
}

.data-reward-content>p {
    margin-top: 8px;
    color: var(--font-color-secondary)
}

.reward-content {
    width: 100%
}

.reward-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 40px
}

.reward-items>.item {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background: #FFFFFF;
    border: 1px solid #EEF1F4;
    box-shadow: 0 24px 44px #1b1b300a;
    border-radius: 14px
}

.rewards>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: var(--font-color-primary);
    margin-bottom: 40px
}

.primary-rewards {
    padding: 56px 0
}

.rule-desc>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: var(--font-color-primary);
    margin-bottom: 40px
}

.data-rule-desc>* {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--font-color-primary);
    margin-bottom: 1em
}

.data-rule-desc>*:last-child {
    margin-bottom: 0
}

.primary-rule-desc {
    padding: 56px 0;
    background: #FFFFFF
}

.data-sec-info {
    margin-top: 32px;
    display: flex;
    gap: 40px;
    align-items: flex-start
}

.data-sec-info>.item>h1 {
    color: var(--font-color-primary);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px
}

.sec-info-items {
    display: flex;
    gap: 16px
}

.sec-info-items>.item {
    color: var(--font-color-info)
}

.home-welcome-data-sec {
    padding: 80px 0
}

.home-welcome-data-sec>h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: var(--font-color-info);
    margin-bottom: 4px
}

.home-welcome-data-sec>h1 {
    color: var(--font-color-primary)
}

.home-welcome-data-sec>p {
    margin-top: 16px;
    color: var(--font-color-secondary)
}

.home-welcome-data-sec>h4 {
    margin-top: 16px;
    color: var(--font-color-light)
}

@media screen and (max-width: 1024px) {
    .data-sec-info {
        justify-content: center
    }

    .responsive-welcome-home {
        text-align: center;
        flex-direction: column-reverse
    }

    .home-welcome-data-info {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .image-home-cover {
        position: relative;
        max-width: 320px;
        width: 100%;
        height: 320px
    }

    .image-home-cover>img {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media screen and (max-width: 768px) {
    .reward-items {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
    }

    .highlights-item {
        padding: 20px 0;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
    }

    .image-icon-heigh {
        margin-bottom: 20px
    }
}

.mark-type {
    position: relative;
    padding-right: 32px
}

.mark-type:last-child {
    margin-right: 0
}

.mark-type>p {
    position: absolute;
    right: -2px;
    padding: 0 4px;
    top: -8px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: none;
    background-color: #f6a300;
    border-radius: 2px 2px 2px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff
}

.mark-type>p:before {
    position: absolute;
    content: "";
    display: flex;
    flex: none;
    top: 100%;
    left: 0;
    width: 3px;
    height: 3px;
    background-image: url("data:image/svg+xml,%3Csvg width='3' height='3' viewBox='0 0 3 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1701_2992' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='3' height='3'%3E%3Crect width='3' height='3' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1701_2992)'%3E%3Cpath d='M0 0H3L0 3V0Z' fill='%230B59FF'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-width: 1024px) {
    .mark-type {
        padding-right: 0
    }

    .mark-type>p {
        right: unset;
        left: calc(100% + 2px)
    }
}

.lang-navigate>.item {
    display: flex;
    align-items: center;
    height: 38px
}

.lang-navigate>.item>p {
    margin-left: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #1b1b30
}

.lang-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 24px;
    height: 24px
}

.lang-icon>img {
    border-radius: 50px;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.body-item-navigation.lang-navigate {
    min-width: 94px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

::-webkit-scrollbar-track {
    background: var(--background-bar);
    border-radius: 5px
}

::-webkit-scrollbar-track-piece {
    background: var(--background-bar);
    border-radius: 5px
}

::-webkit-scrollbar-thumb {
    background: var(--background-bar-thumb);
    border-radius: 10px
}

::-webkit-scrollbar-corner {
    background: var(--background-bar-thumb);
    border-radius: 10px
}

::-webkit-resizer {
    background: var(--background-bar-thumb);
    border-radius: 10px
}

.exb-a {
    font-style: normal;
    font-weight: 800;
    font-size: 46px;
    line-height: 58px
}

.exb-b {
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 48px
}

.exb-c {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px
}

.sem-a {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px
}

.sem-b {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.sem-c {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.sem-d {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px
}

.med-a {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px
}

.med-b {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.med-c {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.med-d {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.med-e {
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px
}

.reg-a {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px
}

.reg-b {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.reg-c {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.reg-d {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.button-primary-success {
    position: relative;
    display: flex;
    flex-direction: row-reverse
}

.button-primary-success:before {
    width: 24px;
    margin-left: 8px;
    height: 24px;
    content: "";
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6987 6.28456C20.0938 6.67043 20.1013 7.30355 19.7155 7.69867L9.94984 17.6987C9.75306 17.9002 9.48044 18.0093 9.19897 17.9994C8.91751 17.9894 8.6533 17.8612 8.47128 17.6463L4.23691 12.6463C3.87998 12.2248 3.9323 11.5938 4.35376 11.2369C4.77521 10.88 5.40621 10.9323 5.76314 11.3537L9.28704 15.5148L18.2846 6.30133C18.6704 5.9062 19.3036 5.89869 19.6987 6.28456Z' fill='white'/%3E%3C/svg%3E%0A")
}

.button-primary {
    border: none;
    color: var(--color-button-primary);
    background: var(--background-button-primary)
}

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

.button-primary.disabled {
    color: var(--color-info-input);
    background: var(--background-info-input)
}

.button-primary.disabled:hover {
    background: #bcc6dc;
    cursor: not-allowed
}

.button-secondary {
    color: var(--color-button-secondary);
    background: var(--background-button-secondary)
}

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

.button-light {
    color: var(--color-button-light);
    background: var(--background-button-light)
}

.button-light:hover {
    background: var(--hover-button-light)
}

.button-outline {
    color: var(--color-button-outline);
    background: var(--background-button-outline);
    box-shadow: var(--border-button-outline)
}

.button-outline:hover {
    background: var(--hover-button-outline);
    box-shadow: var(--hover-border-button-outline)
}

.button-primary-success {
    color: var(--color-button-primary);
    background: var(--background-button-primary)
}

.button-primary-success:hover {
    background: var(--hover-button-primary)
}

.default-button {
    display: flex;
    align-items: center;
    transition: .2s;
    justify-content: center;
    -webkit-appearance: none;
    cursor: pointer;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    white-space: nowrap;
    width: 100%
}

.default-button.button-medium {
    border-radius: 42px;
    padding: 14px 28px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.default-button.button-medium.button-primary-success {
    padding: 12px 18px 12px 28px
}

.default-button.button-regular {
    border-radius: 42px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 9px 18px
}

.default-button.button-bold {
    border-radius: 66px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    padding: 18px 48px
}

.defaul-checkbox>input {
    display: none
}

.defaul-checkbox>input:checked~label:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8C0 3.58172 3.58172 0 8 0H16C20.4183 0 24 3.58172 24 8V16C24 20.4183 20.4183 24 16 24H8C3.58172 24 0 20.4183 0 16V8Z' fill='%230B59FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6987 6.28456C20.0938 6.67043 20.1013 7.30355 19.7155 7.69867L9.94984 17.6987C9.75306 17.9002 9.48044 18.0093 9.19897 17.9994C8.91751 17.9894 8.6533 17.8612 8.47128 17.6463L4.23691 12.6463C3.87998 12.2248 3.9323 11.5938 4.35376 11.2369C4.77521 10.88 5.40621 10.9323 5.76314 11.3537L9.28704 15.5148L18.2846 6.30133C18.6704 5.9062 19.3036 5.89869 19.6987 6.28456Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.defaul-checkbox>label {
    cursor: pointer;
    position: relative;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.defaul-checkbox>label:before {
    position: relative;
    content: "";
    width: 24px;
    height: 24px;
    flex: none;
    transition: .2s;
    border-radius: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8C0 3.58172 3.58172 0 8 0H16C20.4183 0 24 3.58172 24 8V16C24 20.4183 20.4183 24 16 24H8C3.58172 24 0 20.4183 0 16V8Z' fill='%23F9F9FB'/%3E%3Cpath d='M8 2H16V-2H8V2ZM22 8V16H26V8H22ZM16 22H8V26H16V22ZM2 16V8H-2V16H2ZM8 22C4.68629 22 2 19.3137 2 16H-2C-2 21.5228 2.47715 26 8 26V22ZM22 16C22 19.3137 19.3137 22 16 22V26C21.5228 26 26 21.5228 26 16H22ZM16 2C19.3137 2 22 4.68629 22 8H26C26 2.47715 21.5228 -2 16 -2V2ZM8 -2C2.47715 -2 -2 2.47715 -2 8H2C2 4.68629 4.68629 2 8 2V-2Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.checkbox-data {
    margin-left: 8px;
    display: flex;
    align-items: center
}

.checkbox-data>p {
    color: var(--color-default-checkbox)
}

.checkbox-data>p>a {
    color: var(--color-link-checkbox)
}

.primary-input>p,
.primary-select>p {
    margin-bottom: 4px;
    color: var(--color-title-input)
}

.default-input:hover>input {
    border: var(--border-hover-input)
}

.default-input.search-type:hover>input {
    border: var(--border-hover-input)
}

.default-input.search-type>input {
    border: 2px solid #E7EBF3
}

.default-input.search-type>input:disabled {
    border: var(--border-info-input);
    background: var(--background-info-input);
    color: var(--color-info-input)
}

.default-input.search-type>input:focus {
    border: var(--border-focus-input)
}

.default-input.view-type {
    position: relative;
    display: flex;
    align-items: center
}

.default-input.view-type>input {
    padding-right: 48px
}

.default-input>input {
    width: 100%;
    display: flex;
    height: 48px;
    background: var(--background-input);
    border: var(--border-input);
    color: var(--color-input);
    border-radius: 12px;
    padding: 0 18px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.default-input>input:disabled {
    border: var(--border-info-input);
    background: var(--background-info-input);
    color: var(--color-info-input)
}

.default-input>input:focus {
    border: var(--border-focus-input)
}

.default-input>input::-moz-placeholder {
    color: var(--color-placeholder-input)
}

.default-input>input::placeholder {
    color: var(--color-placeholder-input)
}

.i-view {
    border: none;
    right: 12px;
    cursor: pointer;
    display: flex;
    background-color: #fff0;
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.35702 11.5815C4.26075 11.74 4.18081 11.8813 4.11667 12C4.18081 12.1187 4.26075 12.26 4.35702 12.4185C4.6697 12.9335 5.14858 13.6208 5.80913 14.3059C7.12574 15.6712 9.13149 17 12 17C14.8685 17 16.8743 15.6712 18.1909 14.3059C18.8514 13.6208 19.3303 12.9335 19.643 12.4185C19.7392 12.26 19.8192 12.1187 19.8833 12C19.8192 11.8813 19.7392 11.74 19.643 11.5815C19.3303 11.0665 18.8514 10.3792 18.1909 9.69414C16.8743 8.32877 14.8685 7 12 7C9.13149 7 7.12574 8.32877 5.80913 9.69414C5.14858 10.3792 4.6697 11.0665 4.35702 11.5815ZM21.9188 12.3948C21.919 12.3943 21.9191 12.3939 21 12L21.9191 12.3939C22.027 12.1424 22.027 11.8576 21.9191 11.6061L21 12C21.9191 11.6061 21.919 11.6057 21.9188 11.6052L21.9183 11.6042L21.9173 11.6017L21.9144 11.5952L21.9058 11.5756C21.8987 11.5597 21.889 11.5382 21.8766 11.5115C21.8518 11.4581 21.8162 11.3837 21.7696 11.2913C21.6763 11.1067 21.5383 10.8494 21.3526 10.5435C20.9822 9.93352 20.4164 9.12085 19.6306 8.30586C18.0543 6.67123 15.5601 5 12 5C8.43994 5 5.94569 6.67123 4.36944 8.30586C3.58356 9.12085 3.0178 9.93352 2.64744 10.5435C2.46175 10.8494 2.3237 11.1067 2.23045 11.2913C2.18379 11.3837 2.14823 11.4581 2.12344 11.5115C2.11104 11.5382 2.10132 11.5597 2.09424 11.5756L2.08559 11.5952L2.08273 11.6017L2.08167 11.6042L2.08123 11.6052C2.08104 11.6057 2.08085 11.6061 2.99997 12L2.08085 11.6061C1.97305 11.8576 1.97305 12.1424 2.08085 12.3939L2.99997 12C2.08085 12.3939 2.08104 12.3943 2.08123 12.3948L2.08167 12.3958L2.08273 12.3983L2.08559 12.4048L2.09424 12.4244C2.10132 12.4403 2.11104 12.4618 2.12344 12.4885C2.14823 12.5419 2.18379 12.6163 2.23045 12.7087C2.3237 12.8933 2.46175 13.1506 2.64744 13.4565C3.0178 14.0665 3.58356 14.8792 4.36944 15.6941C5.94569 17.3288 8.43994 19 12 19C15.5601 19 18.0543 17.3288 19.6306 15.6941C20.4164 14.8792 20.9822 14.0665 21.3526 13.4565C21.5383 13.1506 21.6763 12.8933 21.7696 12.7087C21.8162 12.6163 21.8518 12.5419 21.8766 12.4885C21.889 12.4618 21.8987 12.4403 21.9058 12.4244L21.9144 12.4048L21.9173 12.3983L21.9183 12.3958L21.9188 12.3948ZM12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14ZM8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.default-info {
    height: 48px;
    overflow: hidden;
    width: 100%;
    background: var(--background-info-input);
    border: var(--border-info-input);
    border-radius: 12px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.default-info>p {
    font-style: normal;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    width: 100%;
    line-height: 20px;
    color: var(--color-info-input)
}

.info-copy-button {
    cursor: pointer;
    display: flex;
    margin-left: 18px;
    flex: none;
    border: none;
    background-color: #fff0;
    font-style: normal;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-info-button)
}

.head-select {
    height: 48px;
    width: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: var(--background-head-select);
    border: var(--border-head-select);
    border-radius: 12px;
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 0 42px 0 18px;
    position: relative;
    z-index: 1
}

.head-select>p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-head-select)
}

.head-select:hover {
    border: var(--border-head-hover-select)
}

.head-select.active {
    border: var(--border-head-active-select)
}

.head-select.active:before {
    transform: rotate(180deg)
}

.head-select:before {
    position: absolute;
    right: 12px;
    content: "";
    width: 24px;
    transition: .2s;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.29289 9.70711C5.90237 9.31658 5.90237 8.68342 6.29289 8.29289C6.68342 7.90237 7.31658 7.90237 7.70711 8.29289L12 12.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L12.7071 14.7071C12.3166 15.0976 11.6834 15.0976 11.2929 14.7071L6.29289 9.70711Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.body-select {
    z-index: 2;
    padding: 12px 0;
    overflow: hidden;
    background: var(--background-body-select);
    box-shadow: var(--filter-body-select);
    border-radius: 12px;
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    width: 100%;
    left: 0;
    right: 0
}

.list-items-select {
    max-height: 216px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: auto;
    width: 100%
}

.list-items-select>.item {
    width: 100%;
    overflow: hidden;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 2px;
    transition: .2s
}

.list-items-select>.item:hover,
.list-items-select>.item.active {
    background: var(--background-item-select)
}

.list-items-select>.item:last-child {
    margin-bottom: 0
}

.list-items-select>.item>p {
    font-style: normal;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-body-select)
}

.default-select {
    position: relative
}

.img-coin {
    width: 24px;
    height: 24px;
    flex: none;
    margin-right: 8px
}

.img-coin>img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.i-arrow {
    width: 16px;
    height: 16px;
    display: flex;
    transition: var(--transition-regular);
    flex: none;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_529_2545' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_529_2545)'%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52859 5.52864C3.26824 5.78899 3.26824 6.2111 3.52859 6.47145L7.52859 10.4714C7.78894 10.7318 8.21105 10.7318 8.4714 10.4714L12.4714 6.47145C12.7317 6.2111 12.7317 5.78899 12.4714 5.52864C12.2111 5.26829 11.7889 5.26829 11.5286 5.52864L7.99999 9.05723L4.4714 5.52864C4.21105 5.26829 3.78894 5.26829 3.52859 5.52864Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.tns-controls {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: calc(50% - 25px);
    display: flex;
    justify-content: space-between;
    z-index: 1;
    border: none;
    outline: none;
    background-color: #fff0;
    -webkit-appearance: none
}

.tns-controls>button {
    display: flex;
    width: 48px;
    height: 48px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    color: #fff0;
    transition: var(--transition-regular);
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0 14px 28px #1b1b302e;
    border-radius: 42px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1956 17.7007C15.5826 18.0947 16.2158 18.1004 16.6098 17.7134L21.7007 12.7134C21.8922 12.5254 22 12.2683 22 12C22 11.7317 21.8922 11.4746 21.7007 11.2866L16.6098 6.28655C16.2158 5.89956 15.5826 5.90526 15.1956 6.29929C14.8087 6.69332 14.8144 7.32646 15.2084 7.71345L18.5547 11L3 11C2.44772 11 2 11.4477 2 12C2 12.5523 2.44772 13 3 13L18.5547 13L15.2084 16.2866C14.8144 16.6735 14.8087 17.3067 15.1956 17.7007Z' fill='%237E8EB0'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-appearance: none;
    border: none;
    outline: none
}

.tns-controls>button:hover {
    opacity: .8
}

.tns-controls>button:last-child {
    margin-right: -76px
}

.tns-controls>button:first-child {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.80436 6.29929C8.41737 5.90526 7.78423 5.89956 7.3902 6.28655L2.29929 11.2866C2.10784 11.4746 2 11.7317 2 12C2 12.2683 2.10784 12.5254 2.29929 12.7134L7.3902 17.7134C7.78423 18.1004 8.41737 18.0947 8.80436 17.7007C9.19135 17.3067 9.18564 16.6735 8.79162 16.2866L5.44531 13L21 13C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11L5.44531 11L8.79162 7.71345C9.18564 7.32646 9.19135 6.69332 8.80436 6.29929Z' fill='%237E8EB0'/%3E%3C/svg%3E%0A");
    margin-left: -76px
}

.primary-input-range {
    display: flex;
    width: 100%
}

.range-data {
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 10px 0
}

.range-data>input {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #BCC6DC;
    height: 100%;
    border-radius: 66px;
    width: 100%;
    display: flex;
    height: 8px;
    justify-content: center;
    align-items: center
}

.range-data>input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    display: flex;
    height: 28px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_558_3055' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='28' height='28'%3E%3Crect width='28' height='28' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_558_3055)'%3E%3Crect x='3.5' y='3.5' width='21' height='21' rx='10.5' fill='white'/%3E%3Crect x='3.5' y='3.5' width='21' height='21' rx='10.5' stroke='%230B59FF' stroke-width='7'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.progress-data {
    height: 100%;
    background: #f6a300;
    position: absolute;
    height: 8px;
    border-radius: 66px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.search-button {
    width: 68px;
    height: 68px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition-regular);
    background-color: var(--background-button-primary);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.5C0 11.6421 3.35786 15 7.5 15C9.23164 15 10.8262 14.4131 12.0957 13.4275C12.1435 13.5286 12.2092 13.6234 12.2929 13.7071L18.2929 19.7071C18.6834 20.0976 19.3166 20.0976 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L13.7071 12.2929C13.6234 12.2092 13.5286 12.1435 13.4275 12.0957C14.4131 10.8262 15 9.23164 15 7.5C15 3.35786 11.6421 0 7.5 0C3.35786 0 0 3.35786 0 7.5ZM2 7.5C2 4.46243 4.46243 2 7.5 2C10.5376 2 13 4.46243 13 7.5C13 10.5376 10.5376 13 7.5 13C4.46243 13 2 10.5376 2 7.5Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px
}

.search-button:hover {
    opacity: .8
}

.head-item-faq {
    position: relative;
    display: flex;
    align-items: center
}

.head-item-faq:before {
    position: absolute;
    right: 24px;
    content: "";
    width: 24px;
    height: 24px;
    transition: var(--transition-regular);
    flex: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8849 13.1943C20.5008 13.1943 21 12.6951 21 12.0792C21 11.4634 20.5008 10.9642 19.8849 10.9642L13.1943 10.9642L13.1943 4.1151C13.1943 3.49925 12.6951 3 12.0792 3C11.4634 3 10.9642 3.49924 10.9642 4.11509L10.9642 10.9642L4.11509 10.9642C3.49924 10.9642 3 11.4634 3 12.0792C3 12.6951 3.49924 13.1943 4.11509 13.1943L10.9642 13.1943L10.9642 19.8849C10.9642 20.5008 11.4634 21 12.0792 21C12.6951 21 13.1943 20.5008 13.1943 19.8849L13.1943 13.1943L19.8849 13.1943Z' fill='%230B59FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.list-result-faq>.item.active>.head-item-faq:before {
    transform: rotate(45deg);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_583_2567' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_583_2567)'%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1943 4.11509C13.1943 3.49924 12.6951 3 12.0792 3C11.4634 3 10.9642 3.49924 10.9642 4.11509L10.9642 10.8057L4.1151 10.8057C3.49925 10.8057 3 11.3049 3 11.9208C3 12.5366 3.49924 13.0358 4.11509 13.0358H10.9642L10.9642 19.8849C10.9642 20.5008 11.4634 21 12.0792 21C12.6951 21 13.1943 20.5008 13.1943 19.8849L13.1943 13.0358L19.8849 13.0358C20.5008 13.0358 21 12.5366 21 11.9208C21 11.3049 20.5008 10.8057 19.8849 10.8057L13.1943 10.8057L13.1943 4.11509Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item>.icon-nav.i-nav-type-a {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15ZM7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item>.icon-nav.i-nav-type-b {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 5H5C3.34315 5 2 6.34315 2 8V16C2 17.6569 3.34315 19 5 19H19C20.6569 19 22 17.6569 22 16V8C22 6.34315 20.6569 5 19 5ZM4 8C4 7.44772 4.44772 7 5 7H19C19.5523 7 20 7.44772 20 8V8.5H4V8ZM4 10.5V16C4 16.5523 4.44772 17 5 17H19C19.5523 17 20 16.5523 20 16V10.5H4ZM6 14C6 13.4477 6.44772 13 7 13H10C10.5523 13 11 13.4477 11 14C11 14.5523 10.5523 15 10 15H7C6.44772 15 6 14.5523 6 14ZM13 13C12.4477 13 12 13.4477 12 14C12 14.5523 12.4477 15 13 15H14C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13H13Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item>.icon-nav.i-nav-type-c {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6585 6.74743C17.0741 7.11111 17.1163 7.74287 16.7526 8.15851C16.3889 8.57414 15.7571 8.61626 15.3415 8.25258L13 6.20377V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V6.20377L8.6585 8.25258C8.24287 8.61626 7.61111 8.57414 7.24742 8.15851C6.88374 7.74287 6.92586 7.11111 7.3415 6.74743L11.3415 3.24742C11.7185 2.91753 12.2815 2.91753 12.6585 3.24742L16.6585 6.74743ZM4 16C4 15.4477 3.55228 15 3 15C2.44772 15 2 15.4477 2 16V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V16C22 15.4477 21.5523 15 21 15C20.4477 15 20 15.4477 20 16V19H4V16Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item>.icon-nav.i-nav-type-d {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 2.98996L12 2.98753H11H6.5C6.22386 2.98753 6 3.20999 6 3.48441V16.4071V16.8875V17.9539V18.3005C6 18.7867 6.63021 18.9835 6.91011 18.5847L7.10959 18.3005L7.72346 17.4258L8 17.0317L8.07396 16.9264C8.43412 16.4132 9.17616 16.3544 9.61352 16.8045L11.6116 18.8607C11.8188 19.0739 12.1664 19.0607 12.3565 18.8324L13.9923 16.8685C14.3944 16.3857 15.1403 16.3888 15.5383 16.8749L16 17.4388L16.2155 17.702L16.8554 18.4836L17.1122 18.7972C17.4092 19.1599 18 18.9512 18 18.4836V18.0793V17.0717V16.7324V3.49781C18 3.22386 17.7769 3.0016 17.5012 3.00093L13 2.98996ZM17.5061 1.01341L12.0049 1H12H6.5C5.11929 1 4 2.11231 4 3.48441V18.3005C4 20.7317 7.15102 21.7158 8.55055 19.7217L9.01912 19.054L10.173 20.2414C11.2086 21.3071 12.9466 21.241 13.8972 20.0997L14.756 19.0686L15.5608 20.0516C17.0458 21.8652 20 20.8217 20 18.4836V3.49781C20 2.12808 18.8844 1.01676 17.5061 1.01341ZM12.9998 5.96881C12.9998 5.41997 12.552 4.97505 11.9998 4.97505C11.4475 4.97505 10.9998 5.41997 10.9998 5.96881V6.32291C9.86915 6.48349 9 7.4497 9 8.61765C9 9.89795 10.0444 10.9358 11.3327 10.9358H12.6691C12.8529 10.9358 13.0018 11.0839 13.0018 11.2665C13.0018 11.4491 12.8529 11.5971 12.6691 11.5971H10.3335C9.7812 11.5971 9.33349 12.0421 9.33349 12.5909C9.33349 13.1397 9.7812 13.5847 10.3335 13.5847H10.9998V13.9153C10.9998 14.4642 11.4475 14.9091 11.9998 14.9091C12.552 14.9091 12.9998 14.4642 12.9998 13.9153V13.5616C14.1315 13.402 15.0018 12.4352 15.0018 11.2665C15.0018 9.9862 13.9574 8.94831 12.6691 8.94831H11.3327C11.149 8.94831 11 8.80027 11 8.61765C11 8.43504 11.149 8.287 11.3327 8.287H13.6683C14.2206 8.287 14.6683 7.84207 14.6683 7.29323C14.6683 6.74439 14.2206 6.29947 13.6683 6.29947H12.9998V5.96881Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item>.icon-nav.i-nav-type-e {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.63978 4.38535C5.82926 4.14218 6.1203 4 6.42858 4H17.5714C17.8797 4 18.1708 4.14218 18.3602 4.38535L21.7888 8.78535C22.0915 9.17377 22.0663 9.72471 21.7295 10.0839L12.7356 19.6775C12.5506 19.8782 12.2865 20 12 20C11.7927 20 11.5923 19.9356 11.4253 19.8184C11.3919 19.7949 11.3597 19.7692 11.3291 19.7416C11.3067 19.7212 11.2851 19.6999 11.2645 19.6776L2.27047 10.0839C1.93368 9.72471 1.90854 9.17377 2.2112 8.78535L5.63978 4.38535ZM14.0968 15.3013L19.0668 10H15.6114L14.0968 15.3013ZM16.1829 8H18.6413L17.0829 6H16.7543L16.1829 8ZM14.6743 6L14.1028 8H9.89716L9.32573 6H14.6743ZM7.2457 6H6.9171L5.35866 8H7.81713L7.2457 6ZM8.38856 10H4.93324L9.90322 15.3013L8.38856 10ZM10.4686 10L12 15.3599L13.5314 10H10.4686Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item>.icon-nav.i-nav-type-f {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.39179 12.285C6.78668 11.8989 7.41981 11.906 7.80592 12.3009C8.19203 12.6958 8.18492 13.3289 7.79003 13.715L5.4531 16L21 16C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18L5.4531 18L7.79003 20.285C8.18492 20.6711 8.19203 21.3042 7.80592 21.6991C7.41981 22.094 6.78668 22.1011 6.39179 21.715L2.30088 17.715C2.10847 17.5269 2 17.2691 2 17C2 16.7309 2.10847 16.4731 2.30088 16.285L6.39179 12.285ZM17.6082 2.28499C17.2133 1.89888 16.5802 1.906 16.1941 2.30088C15.808 2.69577 15.8151 3.3289 16.21 3.71501L18.5469 6L3 6C2.44772 6 2 6.44771 2 7C2 7.55228 2.44772 8 3 8L18.5469 8L16.21 10.285C15.8151 10.6711 15.808 11.3042 16.1941 11.6991C16.5802 12.094 17.2133 12.1011 17.6082 11.715L21.6991 7.71501C21.8915 7.52687 22 7.26911 22 7C22 6.73089 21.8915 6.47313 21.6991 6.28499L17.6082 2.28499Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item>.icon-nav.i-nav-type-g {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM15.7071 12.7071L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071C10.9024 15.3166 10.9024 14.6834 11.2929 14.2929L12.5858 13H9C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11H12.5858L11.2929 9.70711C10.9024 9.31658 10.9024 8.68342 11.2929 8.29289C11.6834 7.90237 12.3166 7.90237 12.7071 8.29289L15.7071 11.2929C15.8946 11.4804 16 11.7348 16 12C16 12.2652 15.8946 12.5196 15.7071 12.7071Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item>.icon-nav.i-nav-type-h {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.50003 2C9.05355 2 8.66116 2.29598 8.53851 2.72528L7.7781 5.38671L5.14145 5.01005C4.69383 4.94611 4.259 5.19048 4.08088 5.60608L2.58088 9.10608C2.41981 9.48192 2.50378 9.91797 2.79292 10.2071L4.58582 12L2.79292 13.7929C2.47405 14.1118 2.40805 14.6046 2.63179 14.9961L4.63179 18.4961C4.83947 18.8596 5.25153 19.0552 5.66443 18.9864L7.78378 18.6332L8.53851 21.2747C8.66116 21.704 9.05355 22 9.50003 22H14.5C14.9465 22 15.3389 21.704 15.4616 21.2747L16.2163 18.6332L18.3356 18.9864C18.7485 19.0552 19.1606 18.8596 19.3683 18.4961L21.3683 14.9961C21.592 14.6046 21.526 14.1118 21.2071 13.7929L19.4142 12L21.2071 10.2071C21.4963 9.91797 21.5802 9.48192 21.4192 9.10608L19.9192 5.60608C19.7411 5.19048 19.3062 4.94611 18.8586 5.01005L16.222 5.38671L15.4616 2.72528C15.3389 2.29598 14.9465 2 14.5 2H9.50003ZM9.46155 6.77472L10.2543 4H13.7457L14.5385 6.77472C14.6758 7.25523 15.1467 7.56062 15.6415 7.48995L18.3828 7.09833L19.3142 9.27163L17.2929 11.2929C16.9024 11.6834 16.9024 12.3166 17.2929 12.7071L19.2528 14.667L17.9774 16.8991L15.6644 16.5136C15.1628 16.43 14.6782 16.7363 14.5385 17.2253L13.7457 20H10.2543L9.46155 17.2253C9.32183 16.7363 8.83731 16.43 8.33563 16.5136L6.02269 16.8991L4.74722 14.667L6.70714 12.7071C7.09766 12.3166 7.09766 11.6834 6.70714 11.2929L4.68587 9.27163L5.61728 7.09833L8.35861 7.48995C8.85332 7.56062 9.32426 7.25523 9.46155 6.77472ZM12 14C10.8955 14 10 13.1046 10 12C10 10.8954 10.8955 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14ZM8.00003 12C8.00003 9.79086 9.79089 8 12 8C14.2092 8 16 9.79086 16 12C16 14.2091 14.2092 16 12 16C9.79089 16 8.00003 14.2091 8.00003 12Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item:hover>.icon-nav.i-nav-type-a,
.container-navigation>.item.active>.icon-nav.i-nav-type-a {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15ZM7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12Z' fill='white'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item:hover>.icon-nav.i-nav-type-b,
.container-navigation>.item.active>.icon-nav.i-nav-type-b {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 5H5C3.34315 5 2 6.34315 2 8V16C2 17.6569 3.34315 19 5 19H19C20.6569 19 22 17.6569 22 16V8C22 6.34315 20.6569 5 19 5ZM4 8C4 7.44772 4.44772 7 5 7H19C19.5523 7 20 7.44772 20 8V8.5H4V8ZM4 10.5V16C4 16.5523 4.44772 17 5 17H19C19.5523 17 20 16.5523 20 16V10.5H4ZM6 14C6 13.4477 6.44772 13 7 13H10C10.5523 13 11 13.4477 11 14C11 14.5523 10.5523 15 10 15H7C6.44772 15 6 14.5523 6 14ZM13 13C12.4477 13 12 13.4477 12 14C12 14.5523 12.4477 15 13 15H14C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13H13Z' fill='white'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item:hover>.icon-nav.i-nav-type-c,
.container-navigation>.item.active>.icon-nav.i-nav-type-c {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6585 6.74743C17.0741 7.11111 17.1163 7.74287 16.7526 8.15851C16.3889 8.57414 15.7571 8.61626 15.3415 8.25258L13 6.20377V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V6.20377L8.6585 8.25258C8.24287 8.61626 7.61111 8.57414 7.24742 8.15851C6.88374 7.74287 6.92586 7.11111 7.3415 6.74743L11.3415 3.24742C11.7185 2.91753 12.2815 2.91753 12.6585 3.24742L16.6585 6.74743ZM4 16C4 15.4477 3.55228 15 3 15C2.44772 15 2 15.4477 2 16V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V16C22 15.4477 21.5523 15 21 15C20.4477 15 20 15.4477 20 16V19H4V16Z' fill='white'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item:hover>.icon-nav.i-nav-type-d,
.container-navigation>.item.active>.icon-nav.i-nav-type-d {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 2.98996L12 2.98753H11H6.5C6.22386 2.98753 6 3.20999 6 3.48441V16.4071V16.8875V17.9539V18.3005C6 18.7867 6.63021 18.9835 6.91011 18.5847L7.10959 18.3005L7.72346 17.4258L8 17.0317L8.07396 16.9264C8.43412 16.4132 9.17616 16.3544 9.61352 16.8045L11.6116 18.8607C11.8188 19.0739 12.1664 19.0607 12.3565 18.8324L13.9923 16.8685C14.3944 16.3857 15.1403 16.3888 15.5383 16.8749L16 17.4388L16.2155 17.702L16.8554 18.4836L17.1122 18.7972C17.4092 19.1599 18 18.9512 18 18.4836V18.0793V17.0717V16.7324V3.49781C18 3.22386 17.7769 3.0016 17.5012 3.00093L13 2.98996ZM17.5061 1.01341L12.0049 1H12H6.5C5.11929 1 4 2.11231 4 3.48441V18.3005C4 20.7317 7.15102 21.7158 8.55055 19.7217L9.01912 19.054L10.173 20.2414C11.2086 21.3071 12.9466 21.241 13.8972 20.0997L14.756 19.0686L15.5608 20.0516C17.0458 21.8652 20 20.8217 20 18.4836V3.49781C20 2.12808 18.8844 1.01676 17.5061 1.01341ZM12.9998 5.96881C12.9998 5.41997 12.552 4.97505 11.9998 4.97505C11.4475 4.97505 10.9998 5.41997 10.9998 5.96881V6.32291C9.86915 6.48349 9 7.4497 9 8.61765C9 9.89795 10.0444 10.9358 11.3327 10.9358H12.6691C12.8529 10.9358 13.0018 11.0839 13.0018 11.2665C13.0018 11.4491 12.8529 11.5971 12.6691 11.5971H10.3335C9.7812 11.5971 9.33349 12.0421 9.33349 12.5909C9.33349 13.1397 9.7812 13.5847 10.3335 13.5847H10.9998V13.9153C10.9998 14.4642 11.4475 14.9091 11.9998 14.9091C12.552 14.9091 12.9998 14.4642 12.9998 13.9153V13.5616C14.1315 13.402 15.0018 12.4352 15.0018 11.2665C15.0018 9.9862 13.9574 8.94831 12.6691 8.94831H11.3327C11.149 8.94831 11 8.80027 11 8.61765C11 8.43504 11.149 8.287 11.3327 8.287H13.6683C14.2206 8.287 14.6683 7.84207 14.6683 7.29323C14.6683 6.74439 14.2206 6.29947 13.6683 6.29947H12.9998V5.96881Z' fill='white'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item:hover>.icon-nav.i-nav-type-e,
.container-navigation>.item.active>.icon-nav.i-nav-type-e {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.63978 4.38535C5.82926 4.14218 6.1203 4 6.42858 4H17.5714C17.8797 4 18.1708 4.14218 18.3602 4.38535L21.7888 8.78535C22.0915 9.17377 22.0663 9.72471 21.7295 10.0839L12.7356 19.6775C12.5506 19.8782 12.2865 20 12 20C11.7927 20 11.5923 19.9356 11.4253 19.8184C11.3919 19.7949 11.3597 19.7692 11.3291 19.7416C11.3067 19.7212 11.2851 19.6999 11.2645 19.6776L2.27047 10.0839C1.93368 9.72471 1.90854 9.17377 2.2112 8.78535L5.63978 4.38535ZM14.0968 15.3013L19.0668 10H15.6114L14.0968 15.3013ZM16.1829 8H18.6413L17.0829 6H16.7543L16.1829 8ZM14.6743 6L14.1028 8H9.89716L9.32573 6H14.6743ZM7.2457 6H6.9171L5.35866 8H7.81713L7.2457 6ZM8.38856 10H4.93324L9.90322 15.3013L8.38856 10ZM10.4686 10L12 15.3599L13.5314 10H10.4686Z' fill='white'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item:hover>.icon-nav.i-nav-type-f,
.container-navigation>.item.active>.icon-nav.i-nav-type-f {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.39179 12.285C6.78668 11.8989 7.41981 11.906 7.80592 12.3009C8.19203 12.6958 8.18492 13.3289 7.79003 13.715L5.4531 16L21 16C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18L5.4531 18L7.79003 20.285C8.18492 20.6711 8.19203 21.3042 7.80592 21.6991C7.41981 22.094 6.78668 22.1011 6.39179 21.715L2.30088 17.715C2.10847 17.5269 2 17.2691 2 17C2 16.7309 2.10847 16.4731 2.30088 16.285L6.39179 12.285ZM17.6082 2.28499C17.2133 1.89888 16.5802 1.906 16.1941 2.30088C15.808 2.69577 15.8151 3.3289 16.21 3.71501L18.5469 6L3 6C2.44772 6 2 6.44771 2 7C2 7.55228 2.44772 8 3 8L18.5469 8L16.21 10.285C15.8151 10.6711 15.808 11.3042 16.1941 11.6991C16.5802 12.094 17.2133 12.1011 17.6082 11.715L21.6991 7.71501C21.8915 7.52687 22 7.26911 22 7C22 6.73089 21.8915 6.47313 21.6991 6.28499L17.6082 2.28499Z' fill='white'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item:hover>.icon-nav.i-nav-type-g,
.container-navigation>.item.active>.icon-nav.i-nav-type-g {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM15.7071 12.7071L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071C10.9024 15.3166 10.9024 14.6834 11.2929 14.2929L12.5858 13H9C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11H12.5858L11.2929 9.70711C10.9024 9.31658 10.9024 8.68342 11.2929 8.29289C11.6834 7.90237 12.3166 7.90237 12.7071 8.29289L15.7071 11.2929C15.8946 11.4804 16 11.7348 16 12C16 12.2652 15.8946 12.5196 15.7071 12.7071Z' fill='white'/%3E%3C/svg%3E%0A")
}

.container-navigation>.item:hover>.icon-nav.i-nav-type-h,
.container-navigation>.item.active>.icon-nav.i-nav-type-h {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.50003 2C9.05355 2 8.66116 2.29598 8.53851 2.72528L7.7781 5.38671L5.14145 5.01005C4.69383 4.94611 4.259 5.19048 4.08088 5.60608L2.58088 9.10608C2.41981 9.48192 2.50378 9.91797 2.79292 10.2071L4.58582 12L2.79292 13.7929C2.47405 14.1118 2.40805 14.6046 2.63179 14.9961L4.63179 18.4961C4.83947 18.8596 5.25153 19.0552 5.66443 18.9864L7.78378 18.6332L8.53851 21.2747C8.66116 21.704 9.05355 22 9.50003 22H14.5C14.9465 22 15.3389 21.704 15.4616 21.2747L16.2163 18.6332L18.3356 18.9864C18.7485 19.0552 19.1606 18.8596 19.3683 18.4961L21.3683 14.9961C21.592 14.6046 21.526 14.1118 21.2071 13.7929L19.4142 12L21.2071 10.2071C21.4963 9.91797 21.5802 9.48192 21.4192 9.10608L19.9192 5.60608C19.7411 5.19048 19.3062 4.94611 18.8586 5.01005L16.222 5.38671L15.4616 2.72528C15.3389 2.29598 14.9465 2 14.5 2H9.50003ZM9.46155 6.77472L10.2543 4H13.7457L14.5385 6.77472C14.6758 7.25523 15.1467 7.56062 15.6415 7.48995L18.3828 7.09833L19.3142 9.27163L17.2929 11.2929C16.9024 11.6834 16.9024 12.3166 17.2929 12.7071L19.2528 14.667L17.9774 16.8991L15.6644 16.5136C15.1628 16.43 14.6782 16.7363 14.5385 17.2253L13.7457 20H10.2543L9.46155 17.2253C9.32183 16.7363 8.83731 16.43 8.33563 16.5136L6.02269 16.8991L4.74722 14.667L6.70714 12.7071C7.09766 12.3166 7.09766 11.6834 6.70714 11.2929L4.68587 9.27163L5.61728 7.09833L8.35861 7.48995C8.85332 7.56062 9.32426 7.25523 9.46155 6.77472ZM12 14C10.8955 14 10 13.1046 10 12C10 10.8954 10.8955 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14ZM8.00003 12C8.00003 9.79086 9.79089 8 12 8C14.2092 8 16 9.79086 16 12C16 14.2091 14.2092 16 12 16C9.79089 16 8.00003 14.2091 8.00003 12Z' fill='white'/%3E%3C/svg%3E%0A")
}

.icon-attention {
    width: 138px;
    min-height: 138px;
    height: 100%;
    flex: none;
    display: flex;
    background-image: url("data:image/svg+xml,%3Csvg width='150' height='138' viewBox='0 0 150 138' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M150 138H0V110.4L65.625 0H84.375L150 110.4V138ZM65.625 36.8H84.375V82.8H65.625V36.8ZM65.625 101.2H84.375V119.6H65.625V101.2Z' fill='url(%23paint0_linear_587_2579)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_587_2579' x1='-93.276' y1='-8.22783' x2='142.72' y2='120.592' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230B59FF'/%3E%3Cstop offset='1' stop-color='%230B59FF' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.file-upload>input {
    display: none
}

.file-upload>label {
    display: flex;
    width: 58px;
    height: 58px;
    flex: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3238 4.91639C16.1121 3.69996 14.1758 3.69996 12.9641 4.91638L6.40344 11.5023C4.4682 13.445 4.4682 16.6418 6.40344 18.5845C8.27815 20.4664 11.2737 20.4664 13.1484 18.5845L19.3416 12.3674C19.7271 11.9805 20.345 11.9876 20.7218 12.3833C21.0987 12.779 21.0917 13.4134 20.7063 13.8003L14.5131 20.0174C11.8798 22.6609 7.67207 22.6609 5.03876 20.0174C2.32041 17.2886 2.32041 12.7982 5.03876 10.0694L11.5994 3.48346C13.5698 1.50551 16.7182 1.50551 18.6885 3.48347C20.7225 5.52529 20.7225 8.88524 18.6885 10.9271L12.3774 17.2625C11.2026 18.4419 9.3253 18.4419 8.15047 17.2625C6.9377 16.0451 6.9377 14.0417 8.15047 12.8243L13.4856 7.46857C13.871 7.08167 14.489 7.0888 14.8658 7.48449C15.2427 7.88018 15.2357 8.51459 14.8503 8.90149L9.51516 14.2572C9.08549 14.6885 9.08549 15.3983 9.51516 15.8296C9.93138 16.2474 10.5965 16.2474 11.0127 15.8296L17.3238 9.49414C18.5747 8.23844 18.5747 6.17209 17.3238 4.91639Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    transition: var(--transition-regular)
}

.file-upload>label:hover {
    opacity: .8
}

.support-send {
    display: flex;
    width: 58px;
    height: 58px;
    flex: none;
    cursor: pointer;
    border: none;
    background-color: var(--background-active);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1L15 0L0 6V8L7 9L8 16H10L16 1Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    transition: var(--transition-regular)
}

.support-send:hover {
    opacity: .8
}

.copy-data {
    display: flex;
    margin-left: 10px;
    border: none;
    background-color: #fff0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_596_2570' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_596_2570)'%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 10L2 18C2 20.2091 3.79086 22 6 22L14 22C16.2091 22 18 20.2091 18 18C20.2091 18 22 16.2091 22 14L22 10.5L22 6C22 3.79086 20.2091 2 18 2L10 2C7.79086 2 6 3.79086 6 6C3.79086 6 2 7.79086 2 10ZM8 6L14 6C16.2091 6 18 7.79086 18 10L18 16C19.1046 16 20 15.1046 20 14L20 10.5L20 6C20 4.89543 19.1046 4 18 4L10 4C8.89543 4 8 4.89543 8 6ZM6 20C4.89543 20 4 19.1046 4 18L4 10C4 8.89543 4.89543 8 6 8L14 8C15.1046 8 16 8.89543 16 10L16 18C16 19.1046 15.1046 20 14 20L6 20Z' fill='%237E8EB0'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: var(--transition-regular)
}

.copy-data:hover {
    opacity: .8
}

.icon-status {
    display: flex;
    flex: none;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 4px
}

.status-deposit {
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 24px;
    border-radius: 6px;
    justify-content: center
}

.status-deposit.fail {
    background: rgba(158, 21, 21, .14)
}

.status-deposit.fail>p {
    color: #9e1515
}

.status-deposit.fail>.icon-status {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.50483 5.50507C5.7782 5.23171 6.22141 5.23171 6.49478 5.50507L10.4948 9.50507C10.7681 9.77844 10.7681 10.2217 10.4948 10.495C10.2214 10.7684 9.7782 10.7684 9.50483 10.495L5.50483 6.49502C5.23146 6.22166 5.23146 5.77844 5.50483 5.50507Z' fill='%239E1515'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4952 5.50507C10.7685 5.77844 10.7685 6.22166 10.4952 6.49502L6.49517 10.495C6.2218 10.7684 5.77859 10.7684 5.50522 10.495C5.23185 10.2217 5.23185 9.77844 5.50522 9.50507L9.50522 5.50507C9.77859 5.23171 10.2218 5.23171 10.4952 5.50507Z' fill='%239E1515'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.9998 2.70005C5.0727 2.70005 2.6998 5.07294 2.6998 8.00005C2.6998 10.9272 5.0727 13.3 7.9998 13.3C10.9269 13.3 13.2998 10.9272 13.2998 8.00005C13.2998 5.07294 10.9269 2.70005 7.9998 2.70005ZM1.2998 8.00005C1.2998 4.29974 4.2995 1.30005 7.9998 1.30005C11.7001 1.30005 14.6998 4.29974 14.6998 8.00005C14.6998 11.7004 11.7001 14.7 7.9998 14.7C4.2995 14.7 1.2998 11.7004 1.2998 8.00005Z' fill='%239E1515'/%3E%3C/svg%3E%0A")
}

.status-deposit.canceled {
    background: rgba(158, 21, 21, .14)
}

.status-deposit.canceled>p {
    color: #9e1515
}

.status-deposit.canceled>.icon-status {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.50483 5.50507C5.7782 5.23171 6.22141 5.23171 6.49478 5.50507L10.4948 9.50507C10.7681 9.77844 10.7681 10.2217 10.4948 10.495C10.2214 10.7684 9.7782 10.7684 9.50483 10.495L5.50483 6.49502C5.23146 6.22166 5.23146 5.77844 5.50483 5.50507Z' fill='%239E1515'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4952 5.50507C10.7685 5.77844 10.7685 6.22166 10.4952 6.49502L6.49517 10.495C6.2218 10.7684 5.77859 10.7684 5.50522 10.495C5.23185 10.2217 5.23185 9.77844 5.50522 9.50507L9.50522 5.50507C9.77859 5.23171 10.2218 5.23171 10.4952 5.50507Z' fill='%239E1515'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.9998 2.70005C5.0727 2.70005 2.6998 5.07294 2.6998 8.00005C2.6998 10.9272 5.0727 13.3 7.9998 13.3C10.9269 13.3 13.2998 10.9272 13.2998 8.00005C13.2998 5.07294 10.9269 2.70005 7.9998 2.70005ZM1.2998 8.00005C1.2998 4.29974 4.2995 1.30005 7.9998 1.30005C11.7001 1.30005 14.6998 4.29974 14.6998 8.00005C14.6998 11.7004 11.7001 14.7 7.9998 14.7C4.2995 14.7 1.2998 11.7004 1.2998 8.00005Z' fill='%239E1515'/%3E%3C/svg%3E%0A")
}

.status-deposit.success {
    background: rgba(21, 158, 73, .14)
}

.status-deposit.success>p {
    color: #159e49
}

.status-deposit.success>.icon-status {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33301 7.99992C1.33301 11.6818 4.31778 14.6666 7.99967 14.6666C11.6816 14.6666 14.6663 11.6818 14.6663 7.99992C14.6663 4.31802 11.6816 1.33325 7.99967 1.33325C4.31778 1.33325 1.33301 4.31802 1.33301 7.99992ZM2.66634 7.99992C2.66634 5.0544 5.05416 2.66659 7.99967 2.66659C10.9452 2.66659 13.333 5.0544 13.333 7.99992C13.333 10.9454 10.9452 13.3333 7.99967 13.3333C5.05416 13.3333 2.66634 10.9454 2.66634 7.99992ZM11.1578 6.4504C11.4066 6.17899 11.3882 5.75728 11.1168 5.50848C10.8454 5.25969 10.4237 5.27802 10.1749 5.54944L7.02358 8.98724L5.84516 7.57313C5.60945 7.29028 5.18907 7.25206 4.90622 7.48777C4.62337 7.72348 4.58515 8.14386 4.82086 8.42671L6.48753 10.4267C6.61067 10.5745 6.79164 10.6619 6.98394 10.6664C7.17624 10.6709 7.36113 10.5922 7.49111 10.4504L11.1578 6.4504Z' fill='%23159E49'/%3E%3C/svg%3E%0A")
}

.status-deposit.confirmed {
    background: rgba(21, 158, 73, .14)
}

.status-deposit.confirmed>p {
    color: #159e49
}

.status-deposit.confirmed>.icon-status {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33301 7.99992C1.33301 11.6818 4.31778 14.6666 7.99967 14.6666C11.6816 14.6666 14.6663 11.6818 14.6663 7.99992C14.6663 4.31802 11.6816 1.33325 7.99967 1.33325C4.31778 1.33325 1.33301 4.31802 1.33301 7.99992ZM2.66634 7.99992C2.66634 5.0544 5.05416 2.66659 7.99967 2.66659C10.9452 2.66659 13.333 5.0544 13.333 7.99992C13.333 10.9454 10.9452 13.3333 7.99967 13.3333C5.05416 13.3333 2.66634 10.9454 2.66634 7.99992ZM11.1578 6.4504C11.4066 6.17899 11.3882 5.75728 11.1168 5.50848C10.8454 5.25969 10.4237 5.27802 10.1749 5.54944L7.02358 8.98724L5.84516 7.57313C5.60945 7.29028 5.18907 7.25206 4.90622 7.48777C4.62337 7.72348 4.58515 8.14386 4.82086 8.42671L6.48753 10.4267C6.61067 10.5745 6.79164 10.6619 6.98394 10.6664C7.17624 10.6709 7.36113 10.5922 7.49111 10.4504L11.1578 6.4504Z' fill='%23159E49'/%3E%3C/svg%3E%0A")
}

.status-deposit.completed {
    background: rgba(21, 158, 73, .14)
}

.status-deposit.completed>p {
    color: #159e49
}

.status-deposit.completed>.icon-status {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33301 7.99992C1.33301 11.6818 4.31778 14.6666 7.99967 14.6666C11.6816 14.6666 14.6663 11.6818 14.6663 7.99992C14.6663 4.31802 11.6816 1.33325 7.99967 1.33325C4.31778 1.33325 1.33301 4.31802 1.33301 7.99992ZM2.66634 7.99992C2.66634 5.0544 5.05416 2.66659 7.99967 2.66659C10.9452 2.66659 13.333 5.0544 13.333 7.99992C13.333 10.9454 10.9452 13.3333 7.99967 13.3333C5.05416 13.3333 2.66634 10.9454 2.66634 7.99992ZM11.1578 6.4504C11.4066 6.17899 11.3882 5.75728 11.1168 5.50848C10.8454 5.25969 10.4237 5.27802 10.1749 5.54944L7.02358 8.98724L5.84516 7.57313C5.60945 7.29028 5.18907 7.25206 4.90622 7.48777C4.62337 7.72348 4.58515 8.14386 4.82086 8.42671L6.48753 10.4267C6.61067 10.5745 6.79164 10.6619 6.98394 10.6664C7.17624 10.6709 7.36113 10.5922 7.49111 10.4504L11.1578 6.4504Z' fill='%23159E49'/%3E%3C/svg%3E%0A")
}

.status-deposit.pending {
    background: rgb(11 89 255 / .14)
}

.status-deposit.pending>p {
    color: var(--background-button-primary)
}

.status-deposit.pending>.icon-status {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2025_46594' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2025_46594)'%3E%3C/g%3E%3Cg clip-path='url(%23clip0_2025_46594)'%3E%3Cpath d='M8.80179 13.8892C9.20171 13.8372 9.51769 14.2207 9.38215 14.5935C9.31131 14.7826 9.14677 14.9152 8.94263 14.9417C8.47282 15.001 7.99823 15.0151 7.52562 14.9839C5.78203 14.8687 4.21331 14.1277 3.0512 12.9879C1.78394 11.745 1 10.0277 1 8.13131C1 6.23462 1.78394 4.51765 3.0512 3.27472C4.31845 2.03178 6.069 1.26288 8.00279 1.26288C8.67323 1.26288 9.32665 1.35752 9.9494 1.53395C10.4603 1.67854 10.9526 1.88017 11.4166 2.1349L11.2786 1.7804C11.1634 1.48334 11.3154 1.151 11.618 1.03776C11.9208 0.924788 12.2597 1.07386 12.3751 1.37092L12.9586 2.86825C12.9806 2.92521 12.9934 2.9852 12.9965 3.04604C13.0422 3.32505 12.8718 3.60159 12.5885 3.68584L11.0259 4.15467C10.7166 4.24658 10.39 4.07535 10.2963 3.77227C10.2026 3.4692 10.3772 3.14862 10.6862 3.05671L10.8148 3.01814C10.4444 2.82153 10.0536 2.66453 9.64904 2.54985C9.13116 2.40324 8.57896 2.32446 8.00279 2.32446C6.36797 2.32446 4.88765 2.97438 3.81645 4.02529C2.74498 5.07594 2.08235 6.52758 2.08235 8.13131C2.08235 9.73476 2.74498 11.1864 3.81645 12.2373C4.78725 13.1895 6.09382 13.8126 7.54709 13.9209C7.96263 13.9518 8.39016 13.9417 8.80179 13.8892V13.8892ZM6.93076 5.33771C6.93076 5.04475 7.17311 4.80705 7.47207 4.80705C7.77076 4.80705 8.01311 5.04475 8.01311 5.33771V8.56869L10.2679 9.54083C10.5412 9.65872 10.665 9.97164 10.5448 10.2397C10.4246 10.5075 10.1056 10.6292 9.83227 10.5113L7.28159 9.41172C7.07661 9.33595 6.93076 9.14201 6.93076 8.91471V5.33771V5.33771ZM10.6873 13.3219C10.2517 13.5404 10.3097 14.1671 10.7791 14.3047C10.9149 14.3424 11.0502 14.3309 11.1768 14.2689C11.5259 14.0968 11.8612 13.8941 12.1755 13.6665C12.3288 13.5544 12.4086 13.3777 12.3922 13.1909C12.3503 12.7781 11.8712 12.5688 11.5307 12.8139C11.2648 13.0065 10.9827 13.1764 10.6873 13.3219V13.3219ZM12.895 11.4195C12.6484 11.78 12.9254 12.2647 13.3682 12.2455C13.5414 12.2365 13.6965 12.1533 13.7935 12.0111C14.0127 11.6922 14.2021 11.3582 14.3644 11.0081C14.5209 10.6623 14.2771 10.275 13.8914 10.2589C13.6703 10.2517 13.47 10.3729 13.378 10.5707C13.2405 10.8675 13.0807 11.1492 12.895 11.4195V11.4195ZM13.8895 8.69725C13.87 8.90568 13.9731 9.10098 14.1569 9.20684C14.5016 9.39886 14.9267 9.18386 14.9671 8.79736C15.0042 8.41387 15.01 8.0342 14.9833 7.64989C14.9699 7.46525 14.8611 7.3025 14.6938 7.21634C14.3184 7.02541 13.8736 7.31098 13.9034 7.72429C13.9263 8.05034 13.921 8.37174 13.8895 8.69725ZM13.441 5.8421C13.5624 6.11646 13.8878 6.23982 14.1647 6.11454C14.4316 5.99419 14.5513 5.68756 14.4355 5.42278C14.2822 5.07019 14.0975 4.73128 13.8864 4.40851C13.6212 4.00861 12.9971 4.12513 12.9006 4.59315C12.8741 4.73074 12.8992 4.86504 12.9764 4.98348C13.1555 5.25756 13.3111 5.54258 13.441 5.8421V5.8421Z' fill='%230B59FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2025_46594'%3E%3Crect width='14' height='14' fill='white' transform='translate(1 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.icon-fiat {
    width: 24px;
    height: 24px;
    display: flex;
    flex: none;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM11.9999 5.75C11.3178 5.75 10.7726 6.31742 10.7998 6.999L11.0249 12.6257C11.0458 13.149 11.4762 13.5625 11.9999 13.5625C12.5236 13.5625 12.9539 13.1491 12.9748 12.6258L13.1999 6.999C13.2272 6.31742 12.682 5.75 11.9999 5.75ZM10.5625 16.5312C10.5625 15.7546 11.1921 15.125 11.9688 15.125C12.7454 15.125 13.375 15.7546 13.375 16.5312C13.375 17.3079 12.7454 17.9375 11.9688 17.9375C11.1921 17.9375 10.5625 17.3079 10.5625 16.5312Z' fill='%23FF9D0B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.status-connect {
    width: 38px;
    height: 38px;
    flex: none;
    display: flex;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='19' fill='%230B59FF' fill-opacity='0.14'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.6987 13.2846C27.0938 13.6704 27.1013 14.3035 26.7155 14.6987L16.9498 24.6987C16.7531 24.9002 16.4804 25.0093 16.199 24.9994C15.9175 24.9894 15.6533 24.8612 15.4713 24.6463L11.2369 19.6463C10.88 19.2248 10.9323 18.5938 11.3538 18.2369C11.7752 17.88 12.4062 17.9323 12.7631 18.3537L16.287 22.5148L25.2846 13.3013C25.6704 12.9062 26.3036 12.8987 26.6987 13.2846Z' fill='%230B59FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.user-level-verify>span {
    display: flex;
    flex: none;
    width: 24px;
    height: 24px;
    margin: 0 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.63978 4.38535C5.82926 4.14218 6.1203 4 6.42858 4H17.5714C17.8797 4 18.1708 4.14218 18.3602 4.38535L21.7888 8.78535C22.0915 9.17377 22.0663 9.72471 21.7295 10.0839L12.7356 19.6775C12.5506 19.8782 12.2865 20 12 20C11.7927 20 11.5923 19.9356 11.4253 19.8184C11.3919 19.7949 11.3597 19.7692 11.3291 19.7416C11.3067 19.7212 11.2851 19.6999 11.2645 19.6776L2.27047 10.0839C1.93368 9.72471 1.90854 9.17377 2.2112 8.78535L5.63978 4.38535ZM14.0968 15.3013L19.0668 10H15.6114L14.0968 15.3013ZM16.1829 8H18.6413L17.0829 6H16.7543L16.1829 8ZM14.6743 6L14.1028 8H9.89716L9.32573 6H14.6743ZM7.2457 6H6.9171L5.35866 8H7.81713L7.2457 6ZM8.38856 10H4.93324L9.90322 15.3013L8.38856 10ZM10.4686 10L12 15.3599L13.5314 10H10.4686Z' fill='%23159E49'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.hint {
    margin-left: 4px;
    position: relative;
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.hint>p {
    text-align: center;
    bottom: calc(100% + 13px);
    opacity: 0;
    position: absolute;
    flex: none;
    padding: 8px 14px;
    background: #1B1B30;
    border-radius: 12px;
    width: 180px;
    z-index: 100;
    color: var(--font-color-white);
    transition: var(--transition-regular);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center
}

.hint>p:before {
    position: absolute;
    content: "";
    z-index: 2;
    width: 12px;
    top: 100%;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H12L6 8L0 0Z' fill='%231B1B30'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.hint>span {
    display: flex;
    flex: none;
    transition: var(--transition-regular);
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33398 7.99992C1.33398 11.6818 4.31875 14.6666 8.00065 14.6666C11.6825 14.6666 14.6673 11.6818 14.6673 7.99992C14.6673 4.31802 11.6825 1.33325 8.00065 1.33325C4.31875 1.33325 1.33398 4.31802 1.33398 7.99992ZM2.66732 7.99992C2.66732 5.0544 5.05513 2.66659 8.00065 2.66659C10.9462 2.66659 13.334 5.0544 13.334 7.99992C13.334 10.9454 10.9462 13.3333 8.00065 13.3333C5.05513 13.3333 2.66732 10.9454 2.66732 7.99992ZM8.36571 8.71059C8.32838 8.95325 8.13238 9.16792 7.86171 9.16792H7.78705C7.51638 9.16792 7.32038 8.96259 7.28305 8.71059L7.18971 8.07592C7.14305 7.76792 7.32038 7.55325 7.61905 7.51592C8.43105 7.41325 8.80438 7.16125 8.80438 6.70392V6.68525C8.80438 6.26525 8.48705 6.02259 7.94571 6.02259C7.54438 6.02259 7.19905 6.14392 6.86305 6.39592C6.75105 6.47992 6.60171 6.54525 6.44305 6.54525C6.08838 6.54525 5.78971 6.24659 5.78971 5.89192C5.78971 5.71458 5.86438 5.52792 6.03238 5.38792C6.52705 4.97725 7.15238 4.71592 7.97371 4.71592C9.31771 4.71592 10.2324 5.40659 10.2324 6.64792V6.66659C10.2324 7.85192 9.41105 8.33725 8.39371 8.54258L8.36571 8.71059ZM6.97505 10.5959V10.5773C6.97505 10.1293 7.32038 9.78392 7.78705 9.78392C8.25371 9.78392 8.59905 10.1293 8.59905 10.5773V10.5959C8.59905 11.0439 8.25371 11.3893 7.78705 11.3893C7.32038 11.3893 6.97505 11.0439 6.97505 10.5959Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.hint>span:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33398 7.99992C1.33398 11.6818 4.31875 14.6666 8.00065 14.6666C11.6825 14.6666 14.6673 11.6818 14.6673 7.99992C14.6673 4.31802 11.6825 1.33325 8.00065 1.33325C4.31875 1.33325 1.33398 4.31802 1.33398 7.99992ZM2.66732 7.99992C2.66732 5.0544 5.05513 2.66659 8.00065 2.66659C10.9462 2.66659 13.334 5.0544 13.334 7.99992C13.334 10.9454 10.9462 13.3333 8.00065 13.3333C5.05513 13.3333 2.66732 10.9454 2.66732 7.99992ZM8.36571 8.71059C8.32838 8.95325 8.13238 9.16792 7.86171 9.16792H7.78705C7.51638 9.16792 7.32038 8.96259 7.28305 8.71059L7.18971 8.07592C7.14305 7.76792 7.32038 7.55325 7.61905 7.51592C8.43105 7.41325 8.80438 7.16125 8.80438 6.70392V6.68525C8.80438 6.26525 8.48705 6.02259 7.94571 6.02259C7.54438 6.02259 7.19905 6.14392 6.86305 6.39592C6.75105 6.47992 6.60171 6.54525 6.44305 6.54525C6.08838 6.54525 5.78971 6.24659 5.78971 5.89192C5.78971 5.71458 5.86438 5.52792 6.03238 5.38792C6.52705 4.97725 7.15238 4.71592 7.97371 4.71592C9.31771 4.71592 10.2324 5.40659 10.2324 6.64792V6.66659C10.2324 7.85192 9.41105 8.33725 8.39371 8.54258L8.36571 8.71059ZM6.97505 10.5959V10.5773C6.97505 10.1293 7.32038 9.78392 7.78705 9.78392C8.25371 9.78392 8.59905 10.1293 8.59905 10.5773V10.5959C8.59905 11.0439 8.25371 11.3893 7.78705 11.3893C7.32038 11.3893 6.97505 11.0439 6.97505 10.5959Z' fill='%230B59FF'/%3E%3C/svg%3E%0A")
}

.hint>span:hover~p {
    opacity: 1
}

.add-more {
    width: 68px;
    height: 68px;
    flex: none;
    cursor: pointer;
    transition: var(--transition-regular);
    background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='68' height='68' rx='12' fill='%230B59FF' fill-opacity='0.14'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.1943 26.1151C35.1943 25.4992 34.6951 25 34.0792 25C33.4634 25 32.9642 25.4992 32.9642 26.1151L32.9642 32.8057L26.1151 32.8057C25.4992 32.8057 25 33.3049 25 33.9208C25 34.5366 25.4992 35.0358 26.1151 35.0358H32.9642L32.9642 41.8849C32.9642 42.5008 33.4634 43 34.0792 43C34.6951 43 35.1943 42.5008 35.1943 41.8849L35.1943 35.0358H41.8849C42.5008 35.0358 43 34.5366 43 33.9208C43 33.3049 42.5008 32.8057 41.8849 32.8057L35.1943 32.8057L35.1943 26.1151Z' fill='%230B59FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.add-more:hover {
    opacity: .8
}

.delete-one {
    width: 68px;
    height: 68px;
    flex: none;
    cursor: pointer;
    transition: var(--transition-regular);
    background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.2597 27L38 27C38 25.3431 36.6569 24 35 24H33C31.3431 24 30 25.3431 30 27L29.3433 27L29 27L28.9988 27L26 27C25.4477 27 25 27.4477 25 28C25 28.5523 25.4477 29 26 29L27 29L27 41C27 42.6569 28.3431 44 30 44H38C39.6569 44 41 42.6569 41 41L41 29L42 29C42.5523 29 43 28.5523 43 28C43 27.4477 42.5523 27 42 27L39.0018 27L39 27L38.2597 27ZM39 29H37L36 29L32 29L31 29L29 29L29 31L29 41C29 41.5523 29.4477 42 30 42H38C38.5523 42 39 41.5523 39 41L39 31V29ZM32 27H33H34L35 27H36C36 26.4477 35.5523 26 35 26L33 26C32.4477 26 32 26.4477 32 27ZM32 31C32.5523 31 33 31.4477 33 32V39C33 39.5523 32.5523 40 32 40C31.4477 40 31 39.5523 31 39V32C31 31.4477 31.4477 31 32 31ZM37 32C37 31.4477 36.5523 31 36 31C35.4477 31 35 31.4477 35 32V39C35 39.5523 35.4477 40 36 40C36.5523 40 37 39.5523 37 39V32Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.delete-one:hover {
    opacity: .8
}

.space-convert {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 18px 0
}

.icon-convert {
    width: 34px;
    height: 34px;
    flex: none;
    display: flex;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5959 9.055C17.1429 9.61443 17.1328 10.5114 16.5734 11.0583C16.014 11.6053 15.1171 11.5953 14.5701 11.0358L11.333 7.72519L11.333 29.75C11.333 30.5324 10.6987 31.1666 9.91634 31.1666C9.13394 31.1666 8.49967 30.5324 8.49967 29.75L8.49968 7.72519L5.2626 11.0358C4.71561 11.5953 3.81868 11.6053 3.25926 11.0583C2.69984 10.5114 2.68976 9.61442 3.23675 9.055L8.90342 3.25954C9.16995 2.98695 9.5351 2.83329 9.91634 2.83329C10.2976 2.83329 10.6627 2.98695 10.9293 3.25954L16.5959 9.055ZM30.7626 24.9449C31.3096 24.3855 31.2995 23.4886 30.7401 22.9416C30.1807 22.3946 29.2837 22.4047 28.7367 22.9641L25.4997 26.2747L25.4997 4.24996C25.4997 3.46756 24.8654 2.83329 24.083 2.83329C23.3006 2.83329 22.6663 3.46756 22.6663 4.24996L22.6663 26.2747L19.4293 22.9641C18.8823 22.4047 17.9854 22.3946 17.4259 22.9416C16.8665 23.4886 16.8564 24.3855 17.4034 24.9449L23.0701 30.7404C23.3366 31.013 23.7018 31.1666 24.083 31.1666C24.4643 31.1666 24.8294 31.013 25.0959 30.7404L30.7626 24.9449Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.icon-success-modal {
    width: 84px;
    height: 84px;
    display: flex;
    flex: none;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='82' height='82' rx='41' fill='url(%23paint0_linear_331_2656)'/%3E%3Cpath d='M24.5 45.5L35 56L59.5 31.5' stroke='%2300A336' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='1' y='1' width='82' height='82' rx='41' stroke='white' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_331_2656' x1='4.49559' y1='-102.246' x2='156.907' y2='-57.1355' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C5E2CF'/%3E%3Cstop offset='0.130288' stop-color='%23DDEEE3'/%3E%3Cstop offset='0.207473' stop-color='%23C9E4D2'/%3E%3Cstop offset='0.36639' stop-color='%23DDEEE3'/%3E%3Cstop offset='0.426112' stop-color='%23CFE7D7'/%3E%3Cstop offset='0.565315' stop-color='%23DDEEE3'/%3E%3Cstop offset='0.636169' stop-color='%23D3E9DA'/%3E%3Cstop offset='0.787734' stop-color='%23DDEEE3'/%3E%3Cstop offset='0.841773' stop-color='%23DAECE0'/%3E%3Cstop offset='1' stop-color='%23DDEEE3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 18px
}

.icon-notif {
    width: 16px;
    height: 16px;
    display: flex;
    flex: none;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.notification {
    position: relative;
    margin-bottom: 8px
}

.notification:last-child {
    margin-bottom: 0
}

.notification.danger-type {
    background: #9E1515;
    box-shadow: 0 24px 44px #1b1b300a
}

.notification.danger-type>.head-notification>.icon-notif {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM4.29289 5.70711L6.58579 8L4.29289 10.2929L5.70711 11.7071L8 9.41421L10.2929 11.7071L11.7071 10.2929L9.41421 8L11.7071 5.70711L10.2929 4.29289L8 6.58579L5.70711 4.29289L4.29289 5.70711Z' fill='white'/%3E%3C/svg%3E%0A")
}

.notification.success-type {
    background: #159E49;
    box-shadow: 0 24px 44px #1b1b300a
}

.notification.success-type>.head-notification>.icon-notif {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM12.7071 5.70711L11.2929 4.29289L6.5 9.08579L4.70711 7.29289L3.29289 8.70711L6.5 11.9142L12.7071 5.70711Z' fill='white'/%3E%3C/svg%3E%0A")
}

.notification.info-type {
    background: #f6a300;
    box-shadow: 0 24px 44px #1b1b300a
}

.notification.info-type>.head-notification>.icon-notif {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM7 8H6V6H9V11H10V13H7V8ZM9 5V3H7V5H9Z' fill='white'/%3E%3C/svg%3E%0A")
}

.hide-notification {
    width: 32px;
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    flex: none;
    display: flex;
    cursor: pointer;
    transition: var(--transition-regular);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.8047 11.1381C22.0651 10.8777 22.0651 10.4556 21.8047 10.1953C21.5444 9.93491 21.1223 9.93491 20.8619 10.1953L16 15.0572L11.1381 10.1953C10.8777 9.93491 10.4556 9.93491 10.1953 10.1953C9.93491 10.4556 9.93491 10.8777 10.1953 11.1381L15.0572 16L10.1953 20.8619C9.93491 21.1223 9.93491 21.5444 10.1953 21.8047C10.4556 22.0651 10.8777 22.0651 11.1381 21.8047L16 16.9428L20.8619 21.8047C21.1223 22.0651 21.5444 22.0651 21.8047 21.8047C22.0651 21.5444 22.0651 21.1223 21.8047 20.8619L16.9428 16L21.8047 11.1381Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.hide-notification:hover {
    opacity: .8
}

.navigation-toggle {
    width: 44px;
    height: 44px;
    cursor: pointer;
    flex: none;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16692 9.53345C8.3569 9.53345 7.70025 10.1901 7.70025 11.0001C7.70025 11.8101 8.3569 12.4668 9.16692 12.4668V9.53345ZM34.8335 12.4668C35.6437 12.4668 36.3002 11.8101 36.3002 11.0001C36.3002 10.1901 35.6437 9.53345 34.8335 9.53345V12.4668ZM9.16686 20.6735C8.35684 20.6735 7.7002 21.33 7.7002 22.1402C7.7002 22.9501 8.35684 23.6068 9.16686 23.6068V20.6735ZM34.8335 23.6068C35.6435 23.6068 36.3002 22.9501 36.3002 22.1402C36.3002 21.33 35.6435 20.6735 34.8335 20.6735V23.6068ZM9.16692 31.5334C8.3569 31.5334 7.70025 32.1901 7.70025 33.0001C7.70025 33.8101 8.3569 34.4668 9.16692 34.4668V31.5334ZM34.8335 34.4668C35.6437 34.4668 36.3002 33.8101 36.3002 33.0001C36.3002 32.1901 35.6437 31.5334 34.8335 31.5334V34.4668ZM9.16692 12.4668H34.8335V9.53345H9.16692V12.4668ZM9.16686 23.6068H34.8335V20.6735H9.16686V23.6068ZM9.16692 34.4668H34.8335V31.5334H9.16692V34.4668Z' fill='%230B59FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: var(--transition-regular)
}

.navigation-toggle.active {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9624 11.8884C13.3896 11.3156 12.4609 11.3157 11.8882 11.8884C11.3155 12.4611 11.3154 13.3898 11.8882 13.9626L13.9624 11.8884ZM30.0372 32.1116C30.6101 32.6845 31.5387 32.6844 32.1114 32.1116C32.6841 31.5389 32.6843 30.6103 32.1114 30.0374L30.0372 32.1116ZM11.8882 13.9626L30.0372 32.1116L32.1114 30.0374L13.9624 11.8884L11.8882 13.9626Z' fill='%230B59FF'/%3E%3Cpath d='M11.8882 32.1117C11.3154 31.5389 11.3154 30.6103 11.8882 30.0375L30.0372 11.8885C30.6101 11.3156 31.5386 11.3157 32.1114 11.8885C32.6841 12.4612 32.6842 13.3898 32.1114 13.9626L13.9623 32.1117C13.3896 32.6844 12.4609 32.6844 11.8882 32.1117Z' fill='%230B59FF'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item>.icon-nav.i-nav-type-d {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 2.98996L12 2.98753H11H6.5C6.22386 2.98753 6 3.20999 6 3.48441V16.4071V16.8875V17.9539V18.3005C6 18.7867 6.63021 18.9835 6.91011 18.5847L7.10959 18.3005L7.72346 17.4258L8 17.0317L8.07396 16.9264C8.43412 16.4132 9.17616 16.3544 9.61352 16.8045L11.6116 18.8607C11.8188 19.0739 12.1664 19.0607 12.3565 18.8324L13.9923 16.8685C14.3944 16.3857 15.1403 16.3888 15.5383 16.8749L16 17.4388L16.2155 17.702L16.8554 18.4836L17.1122 18.7972C17.4092 19.1599 18 18.9512 18 18.4836V18.0793V17.0717V16.7324V3.49781C18 3.22386 17.7769 3.0016 17.5012 3.00093L13 2.98996ZM17.5061 1.01341L12.0049 1H12H6.5C5.11929 1 4 2.11231 4 3.48441V18.3005C4 20.7317 7.15102 21.7158 8.55055 19.7217L9.01912 19.054L10.173 20.2414C11.2086 21.3071 12.9466 21.241 13.8972 20.0997L14.756 19.0686L15.5608 20.0516C17.0458 21.8652 20 20.8217 20 18.4836V3.49781C20 2.12808 18.8844 1.01676 17.5061 1.01341ZM12.9998 5.96881C12.9998 5.41997 12.552 4.97505 11.9998 4.97505C11.4475 4.97505 10.9998 5.41997 10.9998 5.96881V6.32291C9.86915 6.48349 9 7.4497 9 8.61765C9 9.89795 10.0444 10.9358 11.3327 10.9358H12.6691C12.8529 10.9358 13.0018 11.0839 13.0018 11.2665C13.0018 11.4491 12.8529 11.5971 12.6691 11.5971H10.3335C9.7812 11.5971 9.33349 12.0421 9.33349 12.5909C9.33349 13.1397 9.7812 13.5847 10.3335 13.5847H10.9998V13.9153C10.9998 14.4642 11.4475 14.9091 11.9998 14.9091C12.552 14.9091 12.9998 14.4642 12.9998 13.9153V13.5616C14.1315 13.402 15.0018 12.4352 15.0018 11.2665C15.0018 9.9862 13.9574 8.94831 12.6691 8.94831H11.3327C11.149 8.94831 11 8.80027 11 8.61765C11 8.43504 11.149 8.287 11.3327 8.287H13.6683C14.2206 8.287 14.6683 7.84207 14.6683 7.29323C14.6683 6.74439 14.2206 6.29947 13.6683 6.29947H12.9998V5.96881Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item>.icon-nav.i-nav-type-e {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.63978 4.38535C5.82926 4.14218 6.1203 4 6.42858 4H17.5714C17.8797 4 18.1708 4.14218 18.3602 4.38535L21.7888 8.78535C22.0915 9.17377 22.0663 9.72471 21.7295 10.0839L12.7356 19.6775C12.5506 19.8782 12.2865 20 12 20C11.7927 20 11.5923 19.9356 11.4253 19.8184C11.3919 19.7949 11.3597 19.7692 11.3291 19.7416C11.3067 19.7212 11.2851 19.6999 11.2645 19.6776L2.27047 10.0839C1.93368 9.72471 1.90854 9.17377 2.2112 8.78535L5.63978 4.38535ZM14.0968 15.3013L19.0668 10H15.6114L14.0968 15.3013ZM16.1829 8H18.6413L17.0829 6H16.7543L16.1829 8ZM14.6743 6L14.1028 8H9.89716L9.32573 6H14.6743ZM7.2457 6H6.9171L5.35866 8H7.81713L7.2457 6ZM8.38856 10H4.93324L9.90322 15.3013L8.38856 10ZM10.4686 10L12 15.3599L13.5314 10H10.4686Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item>.icon-nav.i-nav-type-f {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.39179 12.285C6.78668 11.8989 7.41981 11.906 7.80592 12.3009C8.19203 12.6958 8.18492 13.3289 7.79003 13.715L5.4531 16L21 16C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18L5.4531 18L7.79003 20.285C8.18492 20.6711 8.19203 21.3042 7.80592 21.6991C7.41981 22.094 6.78668 22.1011 6.39179 21.715L2.30088 17.715C2.10847 17.5269 2 17.2691 2 17C2 16.7309 2.10847 16.4731 2.30088 16.285L6.39179 12.285ZM17.6082 2.28499C17.2133 1.89888 16.5802 1.906 16.1941 2.30088C15.808 2.69577 15.8151 3.3289 16.21 3.71501L18.5469 6L3 6C2.44772 6 2 6.44771 2 7C2 7.55228 2.44772 8 3 8L18.5469 8L16.21 10.285C15.8151 10.6711 15.808 11.3042 16.1941 11.6991C16.5802 12.094 17.2133 12.1011 17.6082 11.715L21.6991 7.71501C21.8915 7.52687 22 7.26911 22 7C22 6.73089 21.8915 6.47313 21.6991 6.28499L17.6082 2.28499Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item>.icon-nav.i-nav-type-g {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM15.7071 12.7071L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071C10.9024 15.3166 10.9024 14.6834 11.2929 14.2929L12.5858 13H9C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11H12.5858L11.2929 9.70711C10.9024 9.31658 10.9024 8.68342 11.2929 8.29289C11.6834 7.90237 12.3166 7.90237 12.7071 8.29289L15.7071 11.2929C15.8946 11.4804 16 11.7348 16 12C16 12.2652 15.8946 12.5196 15.7071 12.7071Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item>.icon-nav.i-nav-type-h {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.50003 2C9.05355 2 8.66116 2.29598 8.53851 2.72528L7.7781 5.38671L5.14145 5.01005C4.69383 4.94611 4.259 5.19048 4.08088 5.60608L2.58088 9.10608C2.41981 9.48192 2.50378 9.91797 2.79292 10.2071L4.58582 12L2.79292 13.7929C2.47405 14.1118 2.40805 14.6046 2.63179 14.9961L4.63179 18.4961C4.83947 18.8596 5.25153 19.0552 5.66443 18.9864L7.78378 18.6332L8.53851 21.2747C8.66116 21.704 9.05355 22 9.50003 22H14.5C14.9465 22 15.3389 21.704 15.4616 21.2747L16.2163 18.6332L18.3356 18.9864C18.7485 19.0552 19.1606 18.8596 19.3683 18.4961L21.3683 14.9961C21.592 14.6046 21.526 14.1118 21.2071 13.7929L19.4142 12L21.2071 10.2071C21.4963 9.91797 21.5802 9.48192 21.4192 9.10608L19.9192 5.60608C19.7411 5.19048 19.3062 4.94611 18.8586 5.01005L16.222 5.38671L15.4616 2.72528C15.3389 2.29598 14.9465 2 14.5 2H9.50003ZM9.46155 6.77472L10.2543 4H13.7457L14.5385 6.77472C14.6758 7.25523 15.1467 7.56062 15.6415 7.48995L18.3828 7.09833L19.3142 9.27163L17.2929 11.2929C16.9024 11.6834 16.9024 12.3166 17.2929 12.7071L19.2528 14.667L17.9774 16.8991L15.6644 16.5136C15.1628 16.43 14.6782 16.7363 14.5385 17.2253L13.7457 20H10.2543L9.46155 17.2253C9.32183 16.7363 8.83731 16.43 8.33563 16.5136L6.02269 16.8991L4.74722 14.667L6.70714 12.7071C7.09766 12.3166 7.09766 11.6834 6.70714 11.2929L4.68587 9.27163L5.61728 7.09833L8.35861 7.48995C8.85332 7.56062 9.32426 7.25523 9.46155 6.77472ZM12 14C10.8955 14 10 13.1046 10 12C10 10.8954 10.8955 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14ZM8.00003 12C8.00003 9.79086 9.79089 8 12 8C14.2092 8 16 9.79086 16 12C16 14.2091 14.2092 16 12 16C9.79089 16 8.00003 14.2091 8.00003 12Z' fill='%23BCC6DC'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item:hover>.icon-nav.i-nav-type-d,
.group-navigation>.item.active>.icon-nav.i-nav-type-d {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 2.98996L12 2.98753H11H6.5C6.22386 2.98753 6 3.20999 6 3.48441V16.4071V16.8875V17.9539V18.3005C6 18.7867 6.63021 18.9835 6.91011 18.5847L7.10959 18.3005L7.72346 17.4258L8 17.0317L8.07396 16.9264C8.43412 16.4132 9.17616 16.3544 9.61352 16.8045L11.6116 18.8607C11.8188 19.0739 12.1664 19.0607 12.3565 18.8324L13.9923 16.8685C14.3944 16.3857 15.1403 16.3888 15.5383 16.8749L16 17.4388L16.2155 17.702L16.8554 18.4836L17.1122 18.7972C17.4092 19.1599 18 18.9512 18 18.4836V18.0793V17.0717V16.7324V3.49781C18 3.22386 17.7769 3.0016 17.5012 3.00093L13 2.98996ZM17.5061 1.01341L12.0049 1H12H6.5C5.11929 1 4 2.11231 4 3.48441V18.3005C4 20.7317 7.15102 21.7158 8.55055 19.7217L9.01912 19.054L10.173 20.2414C11.2086 21.3071 12.9466 21.241 13.8972 20.0997L14.756 19.0686L15.5608 20.0516C17.0458 21.8652 20 20.8217 20 18.4836V3.49781C20 2.12808 18.8844 1.01676 17.5061 1.01341ZM12.9998 5.96881C12.9998 5.41997 12.552 4.97505 11.9998 4.97505C11.4475 4.97505 10.9998 5.41997 10.9998 5.96881V6.32291C9.86915 6.48349 9 7.4497 9 8.61765C9 9.89795 10.0444 10.9358 11.3327 10.9358H12.6691C12.8529 10.9358 13.0018 11.0839 13.0018 11.2665C13.0018 11.4491 12.8529 11.5971 12.6691 11.5971H10.3335C9.7812 11.5971 9.33349 12.0421 9.33349 12.5909C9.33349 13.1397 9.7812 13.5847 10.3335 13.5847H10.9998V13.9153C10.9998 14.4642 11.4475 14.9091 11.9998 14.9091C12.552 14.9091 12.9998 14.4642 12.9998 13.9153V13.5616C14.1315 13.402 15.0018 12.4352 15.0018 11.2665C15.0018 9.9862 13.9574 8.94831 12.6691 8.94831H11.3327C11.149 8.94831 11 8.80027 11 8.61765C11 8.43504 11.149 8.287 11.3327 8.287H13.6683C14.2206 8.287 14.6683 7.84207 14.6683 7.29323C14.6683 6.74439 14.2206 6.29947 13.6683 6.29947H12.9998V5.96881Z' fill='white'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item:hover>.icon-nav.i-nav-type-e,
.group-navigation>.item.active>.icon-nav.i-nav-type-e {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.63978 4.38535C5.82926 4.14218 6.1203 4 6.42858 4H17.5714C17.8797 4 18.1708 4.14218 18.3602 4.38535L21.7888 8.78535C22.0915 9.17377 22.0663 9.72471 21.7295 10.0839L12.7356 19.6775C12.5506 19.8782 12.2865 20 12 20C11.7927 20 11.5923 19.9356 11.4253 19.8184C11.3919 19.7949 11.3597 19.7692 11.3291 19.7416C11.3067 19.7212 11.2851 19.6999 11.2645 19.6776L2.27047 10.0839C1.93368 9.72471 1.90854 9.17377 2.2112 8.78535L5.63978 4.38535ZM14.0968 15.3013L19.0668 10H15.6114L14.0968 15.3013ZM16.1829 8H18.6413L17.0829 6H16.7543L16.1829 8ZM14.6743 6L14.1028 8H9.89716L9.32573 6H14.6743ZM7.2457 6H6.9171L5.35866 8H7.81713L7.2457 6ZM8.38856 10H4.93324L9.90322 15.3013L8.38856 10ZM10.4686 10L12 15.3599L13.5314 10H10.4686Z' fill='white'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item:hover>.icon-nav.i-nav-type-f,
.group-navigation>.item.active>.icon-nav.i-nav-type-f {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.39179 12.285C6.78668 11.8989 7.41981 11.906 7.80592 12.3009C8.19203 12.6958 8.18492 13.3289 7.79003 13.715L5.4531 16L21 16C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18L5.4531 18L7.79003 20.285C8.18492 20.6711 8.19203 21.3042 7.80592 21.6991C7.41981 22.094 6.78668 22.1011 6.39179 21.715L2.30088 17.715C2.10847 17.5269 2 17.2691 2 17C2 16.7309 2.10847 16.4731 2.30088 16.285L6.39179 12.285ZM17.6082 2.28499C17.2133 1.89888 16.5802 1.906 16.1941 2.30088C15.808 2.69577 15.8151 3.3289 16.21 3.71501L18.5469 6L3 6C2.44772 6 2 6.44771 2 7C2 7.55228 2.44772 8 3 8L18.5469 8L16.21 10.285C15.8151 10.6711 15.808 11.3042 16.1941 11.6991C16.5802 12.094 17.2133 12.1011 17.6082 11.715L21.6991 7.71501C21.8915 7.52687 22 7.26911 22 7C22 6.73089 21.8915 6.47313 21.6991 6.28499L17.6082 2.28499Z' fill='white'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item:hover>.icon-nav.i-nav-type-g,
.group-navigation>.item.active>.icon-nav.i-nav-type-g {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM15.7071 12.7071L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071C10.9024 15.3166 10.9024 14.6834 11.2929 14.2929L12.5858 13H9C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11H12.5858L11.2929 9.70711C10.9024 9.31658 10.9024 8.68342 11.2929 8.29289C11.6834 7.90237 12.3166 7.90237 12.7071 8.29289L15.7071 11.2929C15.8946 11.4804 16 11.7348 16 12C16 12.2652 15.8946 12.5196 15.7071 12.7071Z' fill='white'/%3E%3C/svg%3E%0A")
}

.group-navigation>.item:hover>.icon-nav.i-nav-type-h,
.group-navigation>.item.active>.icon-nav.i-nav-type-h {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.50003 2C9.05355 2 8.66116 2.29598 8.53851 2.72528L7.7781 5.38671L5.14145 5.01005C4.69383 4.94611 4.259 5.19048 4.08088 5.60608L2.58088 9.10608C2.41981 9.48192 2.50378 9.91797 2.79292 10.2071L4.58582 12L2.79292 13.7929C2.47405 14.1118 2.40805 14.6046 2.63179 14.9961L4.63179 18.4961C4.83947 18.8596 5.25153 19.0552 5.66443 18.9864L7.78378 18.6332L8.53851 21.2747C8.66116 21.704 9.05355 22 9.50003 22H14.5C14.9465 22 15.3389 21.704 15.4616 21.2747L16.2163 18.6332L18.3356 18.9864C18.7485 19.0552 19.1606 18.8596 19.3683 18.4961L21.3683 14.9961C21.592 14.6046 21.526 14.1118 21.2071 13.7929L19.4142 12L21.2071 10.2071C21.4963 9.91797 21.5802 9.48192 21.4192 9.10608L19.9192 5.60608C19.7411 5.19048 19.3062 4.94611 18.8586 5.01005L16.222 5.38671L15.4616 2.72528C15.3389 2.29598 14.9465 2 14.5 2H9.50003ZM9.46155 6.77472L10.2543 4H13.7457L14.5385 6.77472C14.6758 7.25523 15.1467 7.56062 15.6415 7.48995L18.3828 7.09833L19.3142 9.27163L17.2929 11.2929C16.9024 11.6834 16.9024 12.3166 17.2929 12.7071L19.2528 14.667L17.9774 16.8991L15.6644 16.5136C15.1628 16.43 14.6782 16.7363 14.5385 17.2253L13.7457 20H10.2543L9.46155 17.2253C9.32183 16.7363 8.83731 16.43 8.33563 16.5136L6.02269 16.8991L4.74722 14.667L6.70714 12.7071C7.09766 12.3166 7.09766 11.6834 6.70714 11.2929L4.68587 9.27163L5.61728 7.09833L8.35861 7.48995C8.85332 7.56062 9.32426 7.25523 9.46155 6.77472ZM12 14C10.8955 14 10 13.1046 10 12C10 10.8954 10.8955 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14ZM8.00003 12C8.00003 9.79086 9.79089 8 12 8C14.2092 8 16 9.79086 16 12C16 14.2091 14.2092 16 12 16C9.79089 16 8.00003 14.2091 8.00003 12Z' fill='white'/%3E%3C/svg%3E%0A")
}

:root {
    --background-body: #F9F9FB;
    --background-white: #FFFFFF;
    --background-active: #f6a300;
    --background-footer: #1B1B30;
    --font-color-white: #FFFFFF;
    --font-color-default: #23262F;
    --font-color-highlight: #FFA800;
    --font-color-primary: #1B1B30;
    --font-color-secondary: #485879;
    --font-color-info: #f6a300;
    --font-color-light: #7E8EB0;
    --font-color-mark: #159E49;
    --font-color-special: #BCC6DC;
    --background-button-primary: #f6a300;
    --background-button-secondary: #159E49;
    --background-button-light: #EFF1F5;
    --background-button-outline: #FFFFFF;
    --hover-button-primary: #f6a300;
    --hover-button-secondary: #26C060;
    --hover-button-light: #D0D6E2;
    --hover-button-outline: #CFD6E2;
    --color-button-primary: #FFFFFF;
    --color-button-secondary: #FFFFFF;
    --color-button-light: #485879;
    --color-button-outline: #1B1B30;
    --color-default-checkbox: #485879;
    --color-link-checkbox: #f6a300;
    --shadow-type-a: 0px 24px 44px rgba(27, 27, 48, .08);
    --hover-type-a: #E7EBF3;
    --transition-regular: .2s;
    --transition-medium: .3s;
    --border-button-outline: inset 0px 0px 0px 2px #BCC6DC;
    --hover-border-button-outline: inset 0px 0px 0px 2px #FFFFFF;
    --border-input: 2px solid #BCC6DC;
    --background-input: #FFFFFF;
    --color-placeholder-input: #7E8EB0;
    --color-input: #1B1B30;
    --color-title-input: #7E8EB0;
    --border-hover-input: 2px solid #788DBA;
    --border-focus-input: 2px solid #f6a300;
    --border-info-input: 2px solid #FFFFFF;
    --background-info-input: #E7EBF3;
    --color-info-input: #485879;
    --color-info-button: #f6a300;
    --background-head-select: #FFFFFF;
    --border-head-select: 2px solid #BCC6DC;
    --border-head-active-select: 2px solid #f6a300;
    --border-head-hover-select: 2px solid #788DBA;
    --color-head-select: #1B1B30;
    --color-body-select: #1B1B30;
    --background-body-select: #FCFCFD;
    --filter-body-select: 0px 24px 44px rgba(27, 27, 48, .08);
    --background-item-select: #E7EBF3;
    --background-bar: #F9F9FB;
    --background-bar-thumb: #BCC6DC;
    --background-type-up: rgba(21, 158, 73, .14);
    --background-type-down: rgba(158, 21, 21, .14);
    --background-item-slider: linear-gradient(115.02deg, #F9F9FB 0%, #FFFFFF 100%);
    --color-type-up: #159E49;
    --color-type-down: #ED2323
}

@media screen and (max-width: 1640px) {
    .tns-controls>button:first-child {
        margin-left: -10px
    }

    .tns-controls>button:last-child {
        margin-right: -10px
    }
}

@media screen and (max-width: 1440px) {
    .footer-logo-info {
        max-width: 280px;
        width: 100%
    }

    .footer-logo-info>p>br {
        display: none
    }

    .responsive-welcome>.item.image-welcome {
        position: relative;
        overflow: hidden
    }

    .responsive-welcome>.item.image-welcome>img {
        width: 110%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .logo-auth,
    .primary-navigation {
        max-width: 240px
    }
}

@media screen and (max-width: 1224px) {
    .responsive-setting {
        flex-direction: column
    }

    .responsive-setting>.item {
        margin-right: 0;
        margin-bottom: 28px
    }

    .responsive-setting>.item:last-child {
        margin-bottom: 0
    }

    .responsive-owerview {
        flex-direction: column-reverse
    }

    .user-data {
        margin-left: 0;
        margin-bottom: 28px;
        max-width: 100%
    }

    .list-affiliate-item {
        flex-direction: column
    }

    .list-affiliate-item>.item:last-child {
        max-width: 100%
    }

    .list-affiliate-item>.item:first-child {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 1024px) {
    .primary-notification {
        top: 20px;
        right: 20px
    }

    .invest-per>h1 {
        font-size: 28px;
        line-height: 38px
    }

    .primary-main.primary-main-type-c {
        padding: 20px 0
    }

    .responsive-auth-info {
        padding: 66px 0
    }

    .container-navigation>.item>p {
        overflow: hidden;
        margin-top: 4px
    }

    .container-navigation>.item:hover,
    .container-navigation>.item.active {
        background: none
    }

    .container-navigation>.item:hover>p,
    .container-navigation>.item.active>p {
        color: var(--font-color-info)
    }

    .container-navigation>.item.toggle-n {
        display: flex
    }

    .container-navigation>.item>.icon-nav {
        transition: var(--transition-regular)
    }

    .container-navigation>.item>.icon-nav.i-nav-type-a {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15ZM7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12Z' fill='%237E8EB0'/%3E%3C/svg%3E%0A")
    }

    .container-navigation>.item>.icon-nav.i-nav-type-b {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 5H5C3.34315 5 2 6.34315 2 8V16C2 17.6569 3.34315 19 5 19H19C20.6569 19 22 17.6569 22 16V8C22 6.34315 20.6569 5 19 5ZM4 8C4 7.44772 4.44772 7 5 7H19C19.5523 7 20 7.44772 20 8V8.5H4V8ZM4 10.5V16C4 16.5523 4.44772 17 5 17H19C19.5523 17 20 16.5523 20 16V10.5H4ZM6 14C6 13.4477 6.44772 13 7 13H10C10.5523 13 11 13.4477 11 14C11 14.5523 10.5523 15 10 15H7C6.44772 15 6 14.5523 6 14ZM13 13C12.4477 13 12 13.4477 12 14C12 14.5523 12.4477 15 13 15H14C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13H13Z' fill='%237E8EB0'/%3E%3C/svg%3E%0A")
    }

    .container-navigation>.item>.icon-nav.i-nav-type-c {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6585 6.74743C17.0741 7.11111 17.1163 7.74287 16.7526 8.15851C16.3889 8.57414 15.7571 8.61626 15.3415 8.25258L13 6.20377V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V6.20377L8.6585 8.25258C8.24287 8.61626 7.61111 8.57414 7.24742 8.15851C6.88374 7.74287 6.92586 7.11111 7.3415 6.74743L11.3415 3.24742C11.7185 2.91753 12.2815 2.91753 12.6585 3.24742L16.6585 6.74743ZM4 16C4 15.4477 3.55228 15 3 15C2.44772 15 2 15.4477 2 16V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V16C22 15.4477 21.5523 15 21 15C20.4477 15 20 15.4477 20 16V19H4V16Z' fill='%237E8EB0'/%3E%3C/svg%3E%0A")
    }

    .container-navigation>.item>.icon-nav.i-nav-type-toggle {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.08357 2.3667C1.45765 2.3667 0.950238 2.87411 0.950238 3.50003C0.950238 4.12596 1.45765 4.63337 2.08357 4.63337V2.3667ZM21.9169 4.63337C22.5429 4.63337 23.0502 4.12596 23.0502 3.50003C23.0502 2.87411 22.5429 2.3667 21.9169 2.3667V4.63337ZM2.08353 10.9749C1.4576 10.9749 0.950195 11.4822 0.950195 12.1083C0.950195 12.7341 1.4576 13.2416 2.08353 13.2416V10.9749ZM21.9169 13.2416C22.5427 13.2416 23.0502 12.7341 23.0502 12.1083C23.0502 11.4822 22.5427 10.9749 21.9169 10.9749V13.2416ZM2.08357 19.3667C1.45765 19.3667 0.950238 19.8741 0.950238 20.5C0.950238 21.1259 1.45765 21.6334 2.08357 21.6334V19.3667ZM21.9169 21.6334C22.5429 21.6334 23.0502 21.1259 23.0502 20.5C23.0502 19.8741 22.5429 19.3667 21.9169 19.3667V21.6334ZM2.08357 4.63337H21.9169V2.3667H2.08357V4.63337ZM2.08353 13.2416H21.9169V10.9749H2.08353V13.2416ZM2.08357 21.6334H21.9169V19.3667H2.08357V21.6334Z' fill='%237E8EB0'/%3E%3C/svg%3E%0A")
    }

    .container-navigation>.item:hover>.icon-nav.i-nav-type-a,
    .container-navigation>.item.active>.icon-nav.i-nav-type-a {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15ZM7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12Z' fill='%230B59FF'/%3E%3C/svg%3E%0A")
    }

    .container-navigation>.item:hover>.icon-nav.i-nav-type-b,
    .container-navigation>.item.active>.icon-nav.i-nav-type-b {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 5H5C3.34315 5 2 6.34315 2 8V16C2 17.6569 3.34315 19 5 19H19C20.6569 19 22 17.6569 22 16V8C22 6.34315 20.6569 5 19 5ZM4 8C4 7.44772 4.44772 7 5 7H19C19.5523 7 20 7.44772 20 8V8.5H4V8ZM4 10.5V16C4 16.5523 4.44772 17 5 17H19C19.5523 17 20 16.5523 20 16V10.5H4ZM6 14C6 13.4477 6.44772 13 7 13H10C10.5523 13 11 13.4477 11 14C11 14.5523 10.5523 15 10 15H7C6.44772 15 6 14.5523 6 14ZM13 13C12.4477 13 12 13.4477 12 14C12 14.5523 12.4477 15 13 15H14C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13H13Z' fill='%230B59FF'/%3E%3C/svg%3E%0A")
    }

    .container-navigation>.item:hover>.icon-nav.i-nav-type-c,
    .container-navigation>.item.active>.icon-nav.i-nav-type-c {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6585 6.74743C17.0741 7.11111 17.1163 7.74287 16.7526 8.15851C16.3889 8.57414 15.7571 8.61626 15.3415 8.25258L13 6.20377V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V6.20377L8.6585 8.25258C8.24287 8.61626 7.61111 8.57414 7.24742 8.15851C6.88374 7.74287 6.92586 7.11111 7.3415 6.74743L11.3415 3.24742C11.7185 2.91753 12.2815 2.91753 12.6585 3.24742L16.6585 6.74743ZM4 16C4 15.4477 3.55228 15 3 15C2.44772 15 2 15.4477 2 16V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V16C22 15.4477 21.5523 15 21 15C20.4477 15 20 15.4477 20 16V19H4V16Z' fill='%230B59FF'/%3E%3C/svg%3E%0A")
    }

    .container-navigation>.item:hover>.icon-nav.i-nav-type-toggle,
    .container-navigation>.item.active>.icon-nav.i-nav-type-toggle {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.08357 2.3667C1.45765 2.3667 0.950238 2.87411 0.950238 3.50003C0.950238 4.12596 1.45765 4.63337 2.08357 4.63337V2.3667ZM21.9169 4.63337C22.5429 4.63337 23.0502 4.12596 23.0502 3.50003C23.0502 2.87411 22.5429 2.3667 21.9169 2.3667V4.63337ZM2.08353 10.9749C1.4576 10.9749 0.950195 11.4822 0.950195 12.1083C0.950195 12.7341 1.4576 13.2416 2.08353 13.2416V10.9749ZM21.9169 13.2416C22.5427 13.2416 23.0502 12.7341 23.0502 12.1083C23.0502 11.4822 22.5427 10.9749 21.9169 10.9749V13.2416ZM2.08357 19.3667C1.45765 19.3667 0.950238 19.8741 0.950238 20.5C0.950238 21.1259 1.45765 21.6334 2.08357 21.6334V19.3667ZM21.9169 21.6334C22.5429 21.6334 23.0502 21.1259 23.0502 20.5C23.0502 19.8741 22.5429 19.3667 21.9169 19.3667V21.6334ZM2.08357 4.63337H21.9169V2.3667H2.08357V4.63337ZM2.08353 13.2416H21.9169V10.9749H2.08353V13.2416ZM2.08357 21.6334H21.9169V19.3667H2.08357V21.6334Z' fill='%230B59FF'/%3E%3C/svg%3E%0A")
    }

    .container-navigation>.item.active>.icon-nav.i-nav-type-toggle {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.78869 4.1864C5.3461 3.7438 4.62848 3.74383 4.18592 4.1864C3.74335 4.62896 3.74332 5.34657 4.18592 5.78917L5.78869 4.1864ZM18.2102 19.8134C18.6528 20.2561 19.3704 20.256 19.8129 19.8134C20.2555 19.3709 20.2556 18.6533 19.8129 18.2106L18.2102 19.8134ZM4.18592 5.78917L18.2102 19.8134L19.8129 18.2106L5.78869 4.1864L4.18592 5.78917Z' fill='%230B59FF'/%3E%3Cpath d='M4.18615 19.8134C3.74356 19.3708 3.74356 18.6532 4.18615 18.2106L18.2104 4.18632C18.6531 3.74366 19.3706 3.74373 19.8132 4.18632C20.2558 4.62892 20.2558 5.34643 19.8132 5.7891L5.78893 19.8134C5.34633 20.2559 4.62875 20.2559 4.18615 19.8134Z' fill='%230B59FF'/%3E%3C/svg%3E%0A")
    }

    .group-navigation {
        position: fixed;
        z-index: 212;
        bottom: -100%;
        left: 0;
        right: 0;
        transition: var(--transition-regular);
        background: #FFFFFF
    }

    .group-navigation.active {
        bottom: 94px
    }

    .group-navigation>.item>.icon-nav {
        margin-right: 18px
    }

    .body-nav-group {
        position: fixed;
        opacity: 0;
        display: flex;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(27, 27, 48, .44);
        transition: var(--transition-regular)
    }

    .body-nav-group.active {
        opacity: 1
    }

    .primary-navigation {
        background: #FCFCFD;
        max-width: 100%;
        width: 100%;
        z-index: 212;
        position: fixed;
        padding: 0;
        right: 0;
        left: 0;
        bottom: 0
    }

    .container-navigation {
        justify-content: center;
        width: 100%;
        display: flex;
        position: relative;
        z-index: 212;
        background: #FCFCFD;
        position: unset;
        top: 0
    }

    .container-navigation:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        border-top: 1px solid #F0F0F5;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 222;
        background: #FCFCFD
    }

    .container-navigation>.item {
        flex: none;
        width: 100px;
        margin-bottom: 0;
        flex-direction: column;
        padding: 22px;
        position: relative;
        z-index: 223
    }

    .icon-nav {
        margin-right: 0
    }

    .primary-main {
        padding: 20px
    }

    .navigation-action.auth-navigation {
        flex-direction: column-reverse
    }

    .navigation-action.auth-navigation>.navigation {
        margin: 0
    }

    .auth-user {
        width: 100%;
        background: #F9F9FB;
        border-radius: 12px;
        padding: 14px;
        flex-direction: row-reverse;
        justify-content: flex-end;
        margin-bottom: 24px
    }

    .data-name-balance {
        margin-right: 0;
        margin-left: 18px;
        align-items: flex-start
    }

    .primary-sponsors>.item {
        width: 120px;
        height: 46px
    }

    .responsive-info {
        flex-direction: column
    }

    .main-info {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 28px
    }

    .list-info {
        max-width: 100%
    }

    .responsive-welcome>.item.data-welcome {
        max-width: 506px;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 100px 0;
        margin: 0 auto
    }

    .responsive-welcome>.item.image-welcome {
        display: none
    }

    .footer-navigation {
        margin-left: 0;
        margin-top: 28px
    }

    footer {
        flex-direction: column
    }

    .responsive-benefits {
        grid-template-columns: 1fr
    }

    .responsive-benefits>.item {
        padding: 48px 28px
    }

    .body-header {
        position: fixed;
        opacity: 0;
        display: flex;
        width: 100%;
        height: 100%;
        top: 88px;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(27, 27, 48, .44);
        z-index: 50;
        pointer-events: none
    }

    .navigation-action {
        position: fixed;
        flex-direction: column;
        top: 88px;
        left: 0;
        right: 0;
        background: #FFFFFF;
        z-index: 100;
        /* padding: 24px; */
        padding: 0px 24px 70px;
        transition: var(--transition-medium);
        top: -100%
    }

    .navigation-action.active {
        top: 88px
    }

    .navigation-action.active~.body-header {
        opacity: 1
    }

    .primary-content {
        padding-top: 88px
    }

    .auth-footer {
        padding-bottom: 94px
    }

    .primary-header,
    .primary-header-auth {
        position: fixed;
        background: #FCFCFD;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100
    }

    .primary-header-auth {
        padding: 0 20px
    }

    .logo-auth {
        padding: 0
    }

    .navigation-toggle {
        display: flex;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        position: relative;
        z-index: 121
    }

    header {
        padding: 22px 0;
        position: relative
    }

    header:before {
        content: "";
        position: fixed;
        width: 100%;
        pointer-events: none;
        height: 88px;
        top: 0;
        z-index: 121;
        right: 0;
        left: 0;
        background: #FCFCFD
    }

    .logo {
        max-width: 112px;
        height: 22px;
        position: relative;
        z-index: 121
    }

    .header-action {
        width: 100%
    }

    .header-action>.default-button {
        max-width: 100%;
        margin-right: 18px
    }

    .navigation {
        flex-direction: column;
        margin: 0 0 24px;
        width: 100%;
        align-items: center
    }

    .navigation>.item {
        margin-right: 0;
        margin-bottom: 28px
    }

    .navigation>.item:last-child {
        margin-bottom: 0
    }

    .primary-faq {
        padding: 66px 0
    }

    .responsive-faq>h1 {
        margin-bottom: 28px
    }

    .list-items-faq>.item>h1 {
        font-size: 20px;
        line-height: 30px
    }

    .responsive-help-result,
    .primary-help-search,
    .primary-rule {
        padding: 66px 0
    }

    .responsive-auth>h1 {
        font-size: 28px;
        line-height: 38px;
        font-weight: 700
    }

    .responsive-auth>h1>br {
        display: none
    }

    .responsive-rule>.item>h1 {
        font-size: 20px;
        line-height: 30px
    }

    .primary-main.primary-main-type-b {
        padding: 20px 0
    }

    .responsive-mixer {
        padding: 66px 0
    }
}

@media screen and (max-width: 768px) {
    .user-level-verify {
        flex-direction: column
    }

    .user-level-verify>span {
        margin: 4px 0
    }

    .list-data-mixer {
        margin-right: 0;
        flex-direction: column;
        margin-bottom: 10px
    }

    .list-data-mixer>.primary-select {
        margin-left: 0;
        max-width: 100%;
        margin-top: 20px
    }

    .list-adress-mixer {
        padding: 0
    }

    .list-adress-mixer>.item {
        flex-direction: column
    }

    .invest-per {
        flex-direction: column;
        align-items: flex-start
    }

    .invest-per>h1 {
        font-size: 20px;
        line-height: unset
    }

    .profit-data-invest {
        flex-direction: column
    }

    .profit-data-invest>.item {
        margin-right: 0;
        margin-bottom: 28px
    }

    .profit-data-invest>.item:last-child {
        margin-bottom: 0
    }

    .data-inv-info {
        display: flex;
        align-items: center;
        margin-bottom: 10px
    }

    .data-inv-info>h1 {
        margin-bottom: 0
    }

    .data-inv-info>p {
        margin-left: 10px
    }

    .list-info-auth>.item {
        flex-direction: column;
        padding: 28px
    }

    .list-info-auth>.item>h1 {
        margin-right: 0;
        margin-bottom: 10px
    }

    .adress-qr-data {
        flex-direction: column
    }

    .qr-adress-send {
        margin-bottom: 20px
    }

    .attention-info {
        padding: 28px
    }

    .icon-attention {
        display: none
    }

    .data-attention {
        margin-left: 0
    }

    .data-attention>p>br {
        display: none
    }

    .list-value-convert>.item {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px
    }

    .list-value-convert>.item:last-child {
        margin-bottom: 0
    }

    .data-count-value>button {
        padding: 0 12px;
        font-size: 12px;
        margin-top: 4px;
        line-height: unset
    }

    .data-count-value>.primary-input>.default-input>input {
        padding: 0 50px 0 20px
    }

    .data-convert>.primary-select {
        max-width: 80px
    }

    .data-convert>.primary-select>.default-select>.head-select {
        padding-left: 12px
    }

    .data-convert>.primary-select>.default-select>.head-select>.img-coin {
        margin-right: 0
    }

    .data-convert>.primary-select>.default-select>.head-select>p {
        display: none
    }

    .data-copy-info>button {
        padding: 0 18px
    }

    .table-type-c>.head-table {
        grid-template-columns: 1fr 1fr .6fr
    }

    .table-type-c>.body-table>.row-table {
        grid-template-columns: 1fr 1fr .6fr
    }

    .affiliate-qr {
        margin-left: 0;
        margin-top: 24px
    }

    .list-affiliate-item>.item:first-child {
        flex-direction: column
    }

    .footer-logo-info {
        max-width: 100%
    }

    .responsive-calculator {
        flex-direction: column
    }

    .responsive-calculator>.item {
        width: 100%
    }

    .calculator-info {
        margin-bottom: 28px
    }

    .image-info {
        width: 140px;
        height: 140px
    }

    .details-info>h1>br {
        display: none
    }

    .footer-navigation {
        grid-template-columns: 1fr
    }

    .trade-image {
        display: none
    }

    .trade-info>p>br {
        display: none
    }

    .body-support {
        min-height: 400px;
        max-height: 400px
    }
}

@media screen and (max-width: 600px) {
    .withdraw-fiat-data {
        padding: 0;
        background: none
    }

    .withdraw-fiat-data>.primary-select>.default-select>.head-select {
        padding: 0 42px 0 18px
    }

    .withdraw-fiat-data>.primary-input>.default-input>input {
        padding: 0 18px
    }

    .details-point {
        margin-right: 0;
        margin-bottom: 10px
    }

    .data-withdraw>.item {
        flex-direction: column;
        align-items: flex-start
    }

    .no-data-table {
        font-size: 20px
    }

    .list-transfer-data>.item>.primary-select .default-select>.head-select {
        padding: 0 42px 0 18px
    }

    .list-transfer-data>.item>.primary-input>.default-input>input {
        padding: 0 18px
    }

    .list-transfer-data {
        padding: 0;
        background: none
    }

    .list-transfer-data>.item.transfer-data-couple {
        flex-direction: column
    }

    .list-transfer-data>.item.transfer-data-couple>.primary-input {
        margin-right: 0;
        margin-bottom: 18px
    }

    .list-transfer-data>.item.transfer-data-couple>.primary-input:last-child {
        margin-bottom: 0
    }

    .head-support {
        padding: 20px 28px
    }

    .head-support>p {
        font-size: 20px
    }

    .user-verification-adress>.item.couple-data {
        flex-direction: column
    }

    .user-verification-adress>.item.couple-data>.primary-input {
        margin-right: 0;
        margin-bottom: 18px
    }

    .user-verification-adress>.item.couple-data>.primary-input:last-child {
        margin-bottom: 0
    }

    .avatar-setting {
        margin-right: 0;
        margin-bottom: 20px
    }

    .user-avatar-setting {
        flex-direction: column;
        text-align: center
    }

    .icon-service-data {
        margin-right: 0;
        margin-bottom: 14px
    }

    .connect-setting>.item {
        flex-direction: column
    }

    .action-setting>.default-button {
        max-width: 100%
    }

    .invest-data {
        padding: 0
    }

    .list-data-invest-set>.item>.primary-select>.default-select>.head-select {
        padding: 0 42px 0 18px
    }

    .list-data-invest-set>.item>.primary-input>.default-input.max-content-input>input {
        padding: 0 100px 0 18px
    }

    .current-coin>p {
        display: none
    }

    .coin-img-data {
        margin-right: 0
    }

    .data-coin-max>button {
        padding: 0 12px;
        font-size: 12px
    }

    .current-coin {
        padding: 0 12px
    }

    .qr-wallet {
        margin-right: 0;
        margin-bottom: 28px
    }

    .list-deposit-wallet {
        flex-direction: column;
        align-items: flex-start;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .list-deposit-wallet>.item {
        margin-right: 0;
        margin-bottom: 10px
    }

    .list-deposit-wallet>.item:last-child {
        margin-bottom: 0
    }

    .list-data-wallet>.item {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .auth-footer {
        padding-bottom: 88px
    }

    .group-navigation>.item {
        margin-bottom: 0
    }

    .group-navigation.active {
        bottom: 88px
    }

    .container-navigation>.item {
        width: 100%;
        max-width: 80px;
        padding: 22px 10px
    }

    .container-navigation>.item>p {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px
    }

    .details-point>h1 {
        flex-direction: column
    }

    .details-point>h1>span {
        margin-left: 0;
        margin-top: 4px
    }
}

@media screen and (max-width: 425px) {
    .primary-notification {
        top: 0;
        right: 0;
        left: 0;
        padding: 20px
    }

    .primary-notification>.notification {
        max-width: 100%
    }

    .modal-container {
        margin-top: 50px
    }

    .list-data-modal>.item {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 14px
    }

    .list-data-modal>.item:last-child {
        margin-bottom: 0
    }

    .connect-setting>.item>.default-button {
        max-width: 100%
    }

    .action-withdraw>.default-button {
        max-width: 100%
    }

    .mixer-action>.default-button {
        max-width: 100%
    }

    .info-transaction>.default-button {
        max-width: 100%
    }

    .data-attention {
        margin-right: 0
    }

    .icon-data-attention {
        margin-bottom: 20px
    }

    .attention-info {
        flex-direction: column
    }

    .attention-info>.default-button {
        max-width: 100%
    }

    .image-info {
        margin-right: 0;
        margin-bottom: 20px
    }

    .details-main-info {
        flex-direction: column;
        align-items: flex-start
    }

    .additional-image {
        margin-right: 0;
        margin-bottom: 14px
    }

    .list-info>.item {
        flex-direction: column;
        align-items: flex-start
    }

    .responsive-welcome>.item.data-welcome {
        padding: 60px 0
    }

    .exb-a {
        font-size: 36px;
        line-height: 48px
    }

    .exb-b {
        font-size: 28px;
        line-height: 38px
    }

    .primary-benefits,
    .primary-calculator,
    .primary-info {
        padding: 60px 0
    }
}

.primary-tools.tech-tools>.max-container>.responsive-tools {
    grid-template-columns: 1fr 1fr
}

.primary-tools.tech-tools>.max-container>.responsive-tools>.item>.tradingview-widget-container>.tradingview-widget-container__widget>div {
    width: 100% !important
}

.primary-tools.tech-tools>.max-container>.responsive-tools>.item>.tradingview-widget-container>.tradingview-widget-container__widget>div>iframe {
    width: 100% !important
}

@media screen and (max-width: 1024px) {
    .primary-tools.tech-tools>.max-container>.responsive-tools {
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        padding-bottom: 20px;
        grid-gap: 20px
    }

    .primary-tools.tech-tools>.max-container>.responsive-tools>.item {
        padding: 20px;
        border-radius: 10px
    }
}

@media screen and (max-width: 425px) {
    .primary-tools.tech-tools>.max-container>.responsive-tools {
        grid-template-columns: 1fr
    }

    .primary-tools.tech-tools>.max-container>.responsive-tools>.item {
        overflow: hidden;
        padding: 0
    }

    .primary-tools.tech-tools>.max-container>.responsive-tools>.item>.tradingview-widget-container>.tradingview-widget-container__widget {
        border-radius: 10px
    }
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all 0s
}

.tns-slider>.tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery>.tns-moving {
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    transition: opacity .6s;
    opacity: .6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal,
.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.3333333%;
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: "";
    display: table;
    clear: both
}

.tns-t-ct>div {
    width: 1.4285714%;
    width: calc(100% / 70);
    height: 10px;
    float: left
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqlbS0.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqlbS0.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqlbS0.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqlbS0.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqlbS0.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqlbS0.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqlbS0.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqlbS0.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Urbanist;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/urbanist/v7/L0x-DF02iFML4hGCyMqlbS0.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

p.error {
    padding-top: 6px;
    color: #e33c3c
}

input.error-input {
    border: 2px solid #e11717
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

.focus\:z-10:focus {
    z-index: 10
}

.focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.active\:bg-gray-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.active\:text-gray-700:active {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.active\:text-gray-500:active {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

@media (min-width: 640px) {
    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }
}