@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

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

html {
    box-sizing: border-box;
    height: 100%
}

.swiper-pagination-custom {
    text-align: right
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: 0;
    background-color: #fff;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-text-decoration-skip: objects;
    text-decoration-skip: objects;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

:global(.swiper-pagination-bullet-active) {
    background-color: #00f;
    width: 5rem;
    height: 1rem;
    border-radius: .5rem
}

:focus {
    outline: none
}

blockquote, dd, dl, figure, p {
    margin: 0
}

blockquote, q {
    quotes: none
}

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

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

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

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

audio, img, video {
    display: block
}

iframe, img {
    border: none
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: inherit
}

a {
    background-color: transparent;
    color: inherit
}

a, abbr {
    text-decoration: none
}

abbr {
    border: none
}

b, strong {
    font-weight: inherit
}

dfn, em, i {
    font-style: inherit
}

mark {
    background-color: transparent;
    color: inherit
}

small, sub, sup {
    font-size: inherit
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button, input, optgroup, select, textarea {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-align: left;
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    cursor: pointer;
    -webkit-appearance: none
}

textarea {
    resize: none;
    overflow-y: auto;
    overflow-x: hidden
}

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

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: none
}

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

[type=search] {
    outline: none
}

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

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

fieldset {
    padding: 0;
    margin: 0;
    border: none
}

legend {
    display: block;
    padding: 0;
    white-space: normal
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

:-moz-placeholder, ::-moz-input-placeholder {
    color: inherit;
    opacity: 1;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

:focus::-webkit-input-placeholder {
    opacity: 0
}

:focus:-moz-placeholder, :focus::-moz-input-placeholder {
    opacity: 0
}

:focus:-ms-input-placeholder {
    opacity: 0
}

svg {
    display: block
}

[hidden] {
    display: none
}

.disabled, :disabled {
    cursor: not-allowed
}

::-ms-clear {
    display: none
}

:-webkit-autofill {
    box-shadow: inset 0 0 100px #fff;
    -webkit-text-fill-color: currentColor
}

::selection {
    color: #fff;
    background-color: #004fe4
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.visually-hidden {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden
}

.contain-pic, .cover-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cover-pic {
    object-fit: cover
}

.contain-pic {
    object-fit: contain
}

.footer-page {
    margin-top: auto
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number], input[type=number]:focus, input[type=number]:hover {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(/_next/static/media/roboto-cyrillic-ext-300-normal.cd7c5715.woff2) format("woff2"), url(/_next/static/media/roboto-all-300-normal.39add8fb.woff) format("woff");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(/_next/static/media/roboto-cyrillic-300-normal.88798412.woff2) format("woff2"), url(/_next/static/media/roboto-all-300-normal.39add8fb.woff) format("woff");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(/_next/static/media/roboto-greek-ext-300-normal.bc5ce703.woff2) format("woff2"), url(/_next/static/media/roboto-all-300-normal.39add8fb.woff) format("woff");
    unicode-range: u+1f ? ?
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(/_next/static/media/roboto-greek-300-normal.25dc89b0.woff2) format("woff2"), url(/_next/static/media/roboto-all-300-normal.39add8fb.woff) format("woff");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(/_next/static/media/roboto-vietnamese-300-normal.b3d3e960.woff2) format("woff2"), url(/_next/static/media/roboto-all-300-normal.39add8fb.woff) format("woff");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(/_next/static/media/roboto-latin-ext-300-normal.37d4965d.woff2) format("woff2"), url(/_next/static/media/roboto-all-300-normal.39add8fb.woff) format("woff");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(/_next/static/media/roboto-latin-300-normal.a4eae32d.woff2) format("woff2"), url(/_next/static/media/roboto-all-300-normal.39add8fb.woff) format("woff");
    unicode-range: u+00 ? ?, 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: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/_next/static/media/roboto-cyrillic-ext-400-normal.d7827ae3.woff2) format("woff2"), url(/_next/static/media/roboto-all-400-normal.2e9e9400.woff) format("woff");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/_next/static/media/roboto-cyrillic-400-normal.2d9c9d60.woff2) format("woff2"), url(/_next/static/media/roboto-all-400-normal.2e9e9400.woff) format("woff");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/_next/static/media/roboto-greek-ext-400-normal.2b547ded.woff2) format("woff2"), url(/_next/static/media/roboto-all-400-normal.2e9e9400.woff) format("woff");
    unicode-range: u+1f ? ?
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/_next/static/media/roboto-greek-400-normal.63e6dc18.woff2) format("woff2"), url(/_next/static/media/roboto-all-400-normal.2e9e9400.woff) format("woff");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/_next/static/media/roboto-vietnamese-400-normal.c95fc061.woff2) format("woff2"), url(/_next/static/media/roboto-all-400-normal.2e9e9400.woff) format("woff");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/_next/static/media/roboto-latin-ext-400-normal.21abc8c8.woff2) format("woff2"), url(/_next/static/media/roboto-all-400-normal.2e9e9400.woff) format("woff");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/_next/static/media/roboto-latin-400-normal.f2894edc.woff2) format("woff2"), url(/_next/static/media/roboto-all-400-normal.2e9e9400.woff) format("woff");
    unicode-range: u+00 ? ?, 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: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(/_next/static/media/roboto-cyrillic-ext-500-normal.a1b5c90d.woff2) format("woff2"), url(/_next/static/media/roboto-all-500-normal.d96daa81.woff) format("woff");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(/_next/static/media/roboto-cyrillic-500-normal.aa68ea54.woff2) format("woff2"), url(/_next/static/media/roboto-all-500-normal.d96daa81.woff) format("woff");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(/_next/static/media/roboto-greek-ext-500-normal.7ea6cffa.woff2) format("woff2"), url(/_next/static/media/roboto-all-500-normal.d96daa81.woff) format("woff");
    unicode-range: u+1f ? ?
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(/_next/static/media/roboto-greek-500-normal.533b03d2.woff2) format("woff2"), url(/_next/static/media/roboto-all-500-normal.d96daa81.woff) format("woff");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(/_next/static/media/roboto-vietnamese-500-normal.7f8c0554.woff2) format("woff2"), url(/_next/static/media/roboto-all-500-normal.d96daa81.woff) format("woff");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(/_next/static/media/roboto-latin-ext-500-normal.85ebfb55.woff2) format("woff2"), url(/_next/static/media/roboto-all-500-normal.d96daa81.woff) format("woff");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(/_next/static/media/roboto-latin-500-normal.3170fd9a.woff2) format("woff2"), url(/_next/static/media/roboto-all-500-normal.d96daa81.woff) format("woff");
    unicode-range: u+00 ? ?, 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: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(/_next/static/media/roboto-cyrillic-ext-700-normal.dd3651fb.woff2) format("woff2"), url(/_next/static/media/roboto-all-700-normal.ca3d0fdb.woff) format("woff");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(/_next/static/media/roboto-cyrillic-700-normal.258a358e.woff2) format("woff2"), url(/_next/static/media/roboto-all-700-normal.ca3d0fdb.woff) format("woff");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(/_next/static/media/roboto-greek-ext-700-normal.a8d16efd.woff2) format("woff2"), url(/_next/static/media/roboto-all-700-normal.ca3d0fdb.woff) format("woff");
    unicode-range: u+1f ? ?
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(/_next/static/media/roboto-greek-700-normal.432b858b.woff2) format("woff2"), url(/_next/static/media/roboto-all-700-normal.ca3d0fdb.woff) format("woff");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(/_next/static/media/roboto-vietnamese-700-normal.72bf832f.woff2) format("woff2"), url(/_next/static/media/roboto-all-700-normal.ca3d0fdb.woff) format("woff");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(/_next/static/media/roboto-latin-ext-700-normal.6af98c24.woff2) format("woff2"), url(/_next/static/media/roboto-all-700-normal.ca3d0fdb.woff) format("woff");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(/_next/static/media/roboto-latin-700-normal.71b2beb8.woff2) format("woff2"), url(/_next/static/media/roboto-all-700-normal.ca3d0fdb.woff) format("woff");
    unicode-range: u+00 ? ?, 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
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0, 0%, 100%, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translateZ(var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right {
        top: 0;
        transform: translate(0)
    }

    .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translate(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: auto
    }
}

.Toastify__toast {
    position: relative;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d;
    display: flex;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    overflow: hidden;
    font-family: var(--toastify-font-family);
    cursor: default;
    direction: ltr;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto;
    padding: 6px;
    display: flex;
    align-items: center
}

.Toastify__toast-body > div:last-child {
    word-break: break-word;
    flex: 1 1
}

.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    width: 20px;
    flex-shrink: 0;
    display: flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: .7s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: .3s
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom: 0;
        border-radius: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button > svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus, .Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin: left
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin .65s linear infinite
}

@keyframes Toastify__bounceInRight {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInUp {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
    --swiper-pagination-text-align: right
}

.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper .swiper-pagination, swiper-container .swiper-pagination {
    text-align: right
}

.swiper, .swiper-pagination, swiper-pagination {
    text-align: right !important
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

:root {
    font-family: Inter, sans-serif;
    --loading-color: #f7f7f7;
    --accent-color: #0052ff;
    --accent-bg-color: #e6eeff;
    --processing-color: #fec065;
    --processing-bg-color: #fef3e3;
    --success-color: #7ed06a;
    --success-bg-color: #e9fce6;
    --failed-color: #fb6c6c;
    --failed-bg-color: #ffeaea;
    --bg-color: #f3f4f8;
    --text-base-color: #002269;
    --text-muted-color: #8091b5;
    --text-muted-light-color: #c2cde2;
    --light-stroke-color: #eef2f9;
    --block-bg-color: #fbfcfe;
    --not-available-bg-color: #ebeef8;
    --hover-bg-color: #fafbff;
    --input-bg-color: #fafbfc;
    --input-stroke-color: #f6f6f6;
    --card-gradient: linear-gradient(234.64deg, #0052ff 29.61%, #20386b 84.78%);
    --accent-gradient: linear-gradient(180deg, #ecf2ff, #fbfcfe);
    --primary-gradient: linear-gradient(180deg, #f3f3f3, #fff);
    --danger-gradient: linear-gradient(180deg, #fff1f1, #fff);
    --processing-gradient: linear-gradient(180deg, #fff, #fff8ed .01%, #fffcf8);
    --border: 1px solid var(--light-stroke-color);
    --shadow: 0px 10px 40px rgba(18, 62, 112, .1);
    --shadow-sm: 0px 4px 10px rgba(18, 62, 112, .05);
    color: var(--text-base-color) !important;
    --sidebar-width: 200px;
    --controls-height: 40px;
    --controls-height-lg: 60px;
    --header-mobile-height: 65px;
    --swiper-pagination-color: var(--accent-color);
    --swiper-pagination-textarea: right;
    --swiper-pagination-bullet-inactive-color: var(--accent-bg-color)
}

html {
    overflow: auto;
    scrollbar-gutter: stable
}

.hideScroll {
    overflow: hidden
}

.ReactModal__Overlay {
    opacity: 0;
    transition: all .5s ease-in-out
}

.ReactModal__Overlay--after-open {
    opacity: 1
}

.ReactModal__Overlay--before-close {
    transition: all .3s ease-in-out;
    opacity: 0
}

.Toastify .Toastify__toast-container {
    width: 370px;
    padding: 20px
}

@media (max-width: 480px) {
    .Toastify .Toastify__toast-container {
        width: 100%
    }
}

.Toastify .Toastify__toast {
    box-shadow: none;
    border: var(--border);
    padding: 12px;
    border-radius: 8px
}

@media (max-width: 480px) {
    .Toastify .Toastify__toast {
        margin-bottom: 10px
    }
}

.Toastify .Toastify__toast-body {
    padding: 0
}

.Toastify .Toastify__toast-icon {
    width: auto
}

.Toastify .Toastify__progress-bar {
    height: 3px;
    color: var(--success-color)
}

.Toastify .Toastify__progress-bar--success {
    background-color: var(--success-color)
}

.Toastify .Toastify__progress-bar--error {
    background-color: var(--failed-color)
}

.Toastify .Toastify__progress-bar--info {
    background-color: var(--accent-color)
}

.Toastify .Toastify__toast-icon {
    display: none
}

.MuiPickersYear-root button {
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-pagination-bullet {
    opacity: 1
}

.MuiTooltip-arrow {
    color: #fff !important
}

.MuiTooltip-arrow, .MuiTooltip-tooltip {
    font-family: Inter, sans-serif !important
}

.MuiTooltip-tooltip {
    color: var(--text-base-color) !important;
    background-color: #fff !important;
    box-shadow: var(--shadow-sm);
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important
}

.grecaptcha-badge {
    display: none !important
}

.highcharts-credits {
    display: none
}

.styles_searchGlobal__7mUrC {
    background-color: var(--block-bg-color);
    border: 1px solid #eef2f9;
    border-radius: 8px;
    height: 40px;
    padding: 0 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: .3s
}

.styles_searchGlobal__7mUrC svg {
    width: 20px;
    height: 20px
}

.styles_searchGlobal__7mUrC path {
    transition: .3s
}

.styles_searchGlobal__7mUrC input {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    width: 200px
}

@media (max-width: 1200px) {
    .styles_searchGlobal__7mUrC input {
        width: 150px
    }
}

@media (max-width: 992px) {
    .styles_searchGlobal__7mUrC input {
        width: 130px
    }
}

.styles_searchGlobal__7mUrC input::placeholder {
    color: #c1ccda;
    font-weight: 500
}

.styles_searchGlobal__7mUrC button:hover path {
    stroke: var(--accent-color)
}

@media (max-width: 992px) {
    .styles_searchGlobal__7mUrC {
        height: 48px;
        width: 100%;
        flex-shrink: 0
    }

    .styles_searchGlobal__7mUrC form {
        flex-grow: 1
    }

    .styles_searchGlobal__7mUrC input {
        width: 100%
    }
}

.styles_active__vWPC4 {
    opacity: 1;
    border-color: var(--accent-color);
    color: var(--accent-color)
}

.styles_navBlock__S7Lpi {
    width: 100%;
    display: grid;
    grid-gap: 15px;
    gap: 15px;
    grid-template-columns:calc(50% - 7.5px) calc(50% - 7.5px)
}

.styles_list__LmLVL {
    width: 100%
}

.styles_listItem__HE4pp {
    width: 100%;
    margin-bottom: 20px
}

.styles_listItem__HE4pp:last-child {
    margin-bottom: 0
}

.styles_listItem__HE4pp.styles_active__XgRea {
    color: var(--accent-color)
}

.styles_listItem__HE4pp a {
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    transition-duration: .2s;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.styles_listItem__HE4pp a:hover {
    color: var(--accent-color)
}

.styles_navContent__INuSg {
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_text__S1RFA {
    display: flex;
    gap: 5px
}

.styles_badge__bFHok {
    padding: 0 7px;
    background-color: var(--accent-bg-color);
    height: 18px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: var(--accent-color)
}

.styles_navIcon__RES8Z svg {
    width: 18px;
    height: 18px
}

.styles_chevron__UWgI8 svg {
    width: 12px;
    height: 12px
}

.styles_chevron__UWgI8 svg path {
    stroke: var(--accent-color)
}

.styles_menuContainer__7DUQT {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: -2005;
    opacity: 0;
    transition: opacity .5s;
    padding-top: 64px;
    -webkit-overflow-scrolling: touch
}

.styles_menuContainer__7DUQT.styles_active__JfEwE {
    transition-delay: 0ms;
    opacity: 1;
    z-index: 2005
}

.styles_menuWrapper__gN3E7 {
    padding: 20px 15px 15px;
    height: calc(100% - var(--header-mobile-height));
    overflow: scroll;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 40px
}

.styles_paper__g9AFF {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px
}

.styles_headGrid___wWbN {
    display: grid;
    width: 100%;
    grid-gap: 10px;
    gap: 10px
}

@media (max-width: 992px) {
    .styles_headGrid___wWbN {
        grid-template-columns:repeat(2, calc(50% - 5px))
    }
}

@media (max-width: 480px) {
    .styles_headGrid___wWbN {
        grid-template-columns:100%
    }
}

.styles_grid__2nItI {
    width: 100%;
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_financesBlock__laNAE {
    width: 100%
}

.styles_blockTitle__MXjMQ {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-muted-light-color);
    margin-bottom: 18px
}

.styles_burgerBtn__LwfHc {
    z-index: 2005;
    width: 24px;
    height: 18px;
    position: relative;
    margin: 0;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer
}

.styles_burgerBtn__LwfHc span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--text-base-color);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out
}

.styles_burgerBtn__LwfHc span:first-child {
    top: 0
}

.styles_burgerBtn__LwfHc span:nth-child(2), .styles_burgerBtn__LwfHc span:nth-child(3) {
    top: 8px
}

.styles_burgerBtn__LwfHc span:nth-child(4) {
    top: 16px
}

.styles_burgerBtn__LwfHc.styles_active__JfEwE span {
    background: var(--text-base-color)
}

.styles_burgerBtn__LwfHc.styles_active__JfEwE span:first-child {
    top: 18px;
    width: 0;
    left: 50%
}

.styles_burgerBtn__LwfHc.styles_active__JfEwE span:nth-child(2) {
    transform: rotate(45deg)
}

.styles_burgerBtn__LwfHc.styles_active__JfEwE span:nth-child(3) {
    transform: rotate(-45deg)
}

.styles_burgerBtn__LwfHc.styles_active__JfEwE span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%
}

.styles_overlay__Kv76i {
    position: fixed;
    top: -50px;
    right: -50px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background: linear-gradient(180deg, #ecf2ff, #fbfcfe);
    transition-duration: .7s;
    z-index: 2004
}

.styles_overlay__Kv76i.styles_active__JfEwE {
    transform: scale(100);
    opacity: 1
}

.styles_userBlock__aF1L3 {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.styles_userLeft__wtSpT {
    display: flex;
    gap: 12px;
    align-items: center
}

.styles_userLeft__wtSpT .styles_avatar__dJeav {
    background-color: #eef2f9;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.styles_userLeft__wtSpT .styles_avatar__dJeav svg {
    width: 24px;
    height: 24px
}

.styles_userInfo__Wuczl div:first-child {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px
}

.styles_userInfo__Wuczl div:nth-child(2) {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--text-muted-color)
}

.styles_logOut__jOY5s {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background-color: #ffeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.styles_logOut__jOY5s svg {
    width: 16px;
    height: 16px
}

.styles_logOut__jOY5s:hover {
    box-shadow: var(--shadow-sm)
}

.styles_primary__BauRY path {
    stroke: var(--text-muted-color) !important
}

.styles_accent__Y91zi path {
    stroke: var(--accent-color) !important
}

.styles_success__QWwIK path {
    stroke: var(--success-color) !important
}

.styles_danger__7rSjp path {
    stroke: var(--failed-color) !important
}

.styles_warning__OyDGT path {
    stroke: var(--processing-color) !important
}

.styles_muted__O70QL path {
    stroke: var(--text-muted-color) !important
}

.styles_mutedLight__kUZDa path {
    stroke: var(--text-muted-light-color) !important
}

.styles_placeHolder___lFy6 {
    color: var(--text-muted-light-color) !important
}

.styles_disabled__ST53J {
    opacity: .5;
    cursor: not-allowed
}

.styles_lowerLimit__IW3cc {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--Text-1, #8091b5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.styles_lowerLimit__IW3cc svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0
}

.styles_grid__nJJif {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:calc(50% - 10px) calc(50% - 10px)
}

.styles_item__rsw0a {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:100%
}

.styles_itemTitle__PUg74 {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--text-muted-color);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_itemValue__oUE5l {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px
}

.styles_itemValue__oUE5l b {
    font-size: 12px;
    color: var(--accent-color)
}

.styles_logo__mhRok {
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 2005;
    position: relative
}

.styles_logo__mhRok span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px
}

.styles_wrapper___ysVu {
    display: grid;
    grid-template-columns:auto 1fr;
    padding-left: 20px;
    transition: .3s;
    height: var(--controls-height);
    border-radius: 8px !important;
    width: auto !important
}

.styles_wrapper___ysVu:hover {
    background-color: var(--accent-bg-color)
}

@media (max-width: 1200px) {
    .styles_wrapper___ysVu {
        padding-left: 6px
    }
}

@media (max-width: 992px) {
    .styles_wrapper___ysVu {
        padding-left: 15px;
        width: 100%;
        height: 48px;
        flex-shrink: 0
    }
}

.styles_title__ZuxO3 {
    align-self: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-base-color)
}

@media (max-width: 1200px) {
    .styles_title__ZuxO3 {
        display: none
    }
}

@media (max-width: 992px) {
    .styles_title__ZuxO3 {
        display: block
    }
}

.styles_container__GAJxY {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.styles_button__GcDfN {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:calc(100% - 20px) 10px;
    width: 100%;
    height: 100%;
    padding-right: 16px;
    padding-left: 10px
}

.styles_button__GcDfN:hover .styles_chevron__PLEFY path {
    stroke: var(--accent-color)
}

@media (max-width: 992px) {
    .styles_button__GcDfN {
        gap: 8px
    }
}

.styles_icon__RMC6L svg {
    width: 20px;
    height: 20px
}

.styles_selectedItem__NORbq {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--text-muted-color);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_selectedItem__NORbq.styles_baseSelected__ABEH9 {
    color: var(--text-base-color);
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 992px) {
    .styles_selectedItem__NORbq.styles_baseSelected__ABEH9 {
        font-size: 12px
    }
}

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

.styles_placeholderSelected__81hI9 {
    color: var(--text-muted-color)
}

.styles_chevron__PLEFY {
    transition: .3s ease-in;
    transform: rotateX(0);
    width: 10px;
    flex-shrink: 0
}

.styles_chevron__PLEFY path {
    transition: .3s
}

.styles_chevron__PLEFY.styles_active__O_xxQ {
    transform: rotateX(180deg)
}

.styles_chevron__PLEFY.styles_active__O_xxQ path {
    stroke-opacity: 1;
    stroke: var(--accent-color)
}

.styles_dropDown__38FDa {
    transition: max-height .3s;
    overflow: auto;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 2;
    width: 100%;
    min-width: 200px;
    max-height: 0;
    padding: 10px 0;
    background: var(--block-bg-color);
    box-shadow: var(--shadow);
    border-radius: 8px;
    transition: visibility 0s ease-in .15s, max-height .3s
}

.styles_dropDown__38FDa.styles_visible__gJdQl {
    visibility: visible;
    transition: visibility 0s ease-in 0s, max-height .3s;
    max-height: 150px
}

.styles_dropDown__38FDa:hover::-webkit-scrollbar {
    width: 3px;
    display: block
}

.styles_dropDown__38FDa::-webkit-scrollbar {
    width: 3px;
    display: none
}

.styles_dropDown__38FDa::-webkit-scrollbar-track {
    background: #f1f1f1
}

.styles_dropDown__38FDa::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 20px
}

.styles_item__yHEDh {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 16px;
    color: var(--text-muted-color);
    font-weight: 500;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_item__yHEDh.styles_active__O_xxQ {
    color: var(--accent-color)
}

.styles_item__yHEDh:hover {
    background-color: var(--light-stroke-color)
}

.styles_regionIcon__xy3gC {
    width: 16px;
    height: 12px;
    display: inline
}

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

.sharedStyles_paper__LbugJ {
    background: var(--block-bg-color);
    border: var(--border);
    border-radius: 16px;
    width: 100%
}

.sharedStyles_whitePaper__euJcu {
    display: inline-block;
    background: #fff;
    border-radius: 6px;
    padding: 8px 10px;
    box-shadow: 0 2px 10px #0022690d
}

.sharedStyles_page__TaXOl {
    display: grid;
    grid-gap: 40px;
    gap: 40px;
    grid-template-columns:100%
}

@media (max-width: 480px) {
    .sharedStyles_page__TaXOl {
        gap: 30px
    }
}

.sharedStyles_cards__7sQ1Z {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 20px;
    gap: 20px
}

@media (max-width: 480px) {
    .sharedStyles_cards__7sQ1Z {
        grid-template-columns:100%
    }
}

.sharedStyles_pageBlock__vHmHK {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%;
    grid-template-rows:auto 1fr
}

.sharedStyles_pageList__krFhH {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:100%;
    align-content: start
}

.sharedStyles_filters__UEs3u {
    display: grid;
    grid-template-columns:calc(66.66% - 10px) calc(33.33% - 10px);
    width: 100%;
    grid-gap: 20px;
    gap: 20px
}

.sharedStyles_filtersGrid__hGhO7 {
    display: grid;
    grid-template-columns:100%;
    grid-gap: 10px;
    gap: 10px
}

.sharedStyles_filtersFull__ugeJ6 {
    display: grid;
    grid-template-columns:calc(50% - 10px) calc(50% - 10px);
    width: 100%;
    grid-gap: 20px;
    gap: 20px
}

@media (max-width: 480px) {
    .sharedStyles_filtersFull__ugeJ6 {
        grid-template-columns:100%
    }
}

.sharedStyles_filtersGridFull__E55Rh {
    display: grid;
    grid-template-columns:calc(50% - 5px) calc(50% - 5px);
    grid-gap: 10px;
    gap: 10px
}

@media (max-width: 480px) {
    .sharedStyles_filtersGridFull__E55Rh {
        grid-template-columns:100%
    }

    .sharedStyles_filtersTitle___WrqQ {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 15px;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        padding-left: 4px
    }

    .sharedStyles_filtersTitle___WrqQ button {
        font-weight: 600
    }
}

.sharedStyles_filtersContainer__uPoIx {
    display: grid;
    grid-template-columns:100%;
    grid-gap: 20px;
    gap: 20px;
    padding-bottom: 20px
}

@media (max-width: 480px) {
    .sharedStyles_filtersContainer__uPoIx {
        gap: 15px
    }
}

.sharedStyles_filtersResults__lxrMT {
    display: flex;
    gap: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.sharedStyles_filtersResults__lxrMT b, .sharedStyles_filtersResults__lxrMT button {
    font-weight: 500
}

@media (max-width: 480px) {
    .sharedStyles_filtersResults__lxrMT {
        font-weight: 600
    }
}

.sharedStyles_loading__bEvCt {
    background-color: var(--primary-bg-color)
}

.sharedStyles_primary__4ZZLV {
    background-color: var(--not-available-bg-color);
    color: var(--text-muted-color)
}

.sharedStyles_primary__4ZZLV path {
    stroke: var(--text-muted-color)
}

.sharedStyles_accent__Cti6_ {
    background-color: var(--accent-bg-color);
    color: var(--accent-color)
}

.sharedStyles_accent__Cti6_ path {
    stroke: var(--accent-color)
}

.sharedStyles_successLight__GSkHA {
    background-color: var(--success-light-transparent-color);
    color: var(--success-light-color)
}

.sharedStyles_successLight__GSkHA path {
    stroke: var(--success-light-color)
}

.sharedStyles_success__cr_Et {
    background-color: var(--success-bg-color);
    color: var(--success-color)
}

.sharedStyles_success__cr_Et path {
    stroke: var(--success-color)
}

.sharedStyles_danger__H6hxW {
    background-color: var(--failed-bg-color);
    color: var(--failed-color)
}

.sharedStyles_danger__H6hxW path {
    stroke: var(--failed-color)
}

.sharedStyles_warning__PnFRV {
    background-color: var(--processing-bg-color);
    color: var(--processing-color)
}

.sharedStyles_warning__PnFRV path {
    stroke: var(--processing-color)
}

.sharedStyles_muted__g12_C {
    background-color: var(--primary-transparent-color);
    color: var(--text-muted-color)
}

.sharedStyles_muted__g12_C path {
    stroke: var(--text-muted-color)
}

.sharedStyles_mutedLight__XUdPZ {
    background-color: var(--primary-transparent-color);
    color: var(--text-muted-light-color)
}

.sharedStyles_mutedLight__XUdPZ path {
    stroke: var(--text-muted-light-color)
}

.sharedStyles_placeHolder__cMJ0s {
    color: var(--text-muted-light-color)
}

.sharedStyles_loading__bEvCt {
    background-color: var(--loading-color)
}

.sharedStyles_observer__A6pok {
    width: 100%;
    height: 50;
    text-align: center;
    padding-top: 15px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.sharedStyles_disabled__DVg5Q {
    opacity: .5;
    cursor: not-allowed
}

.sharedStyles_hidden__XRbUS {
    opacity: 0
}

.sharedStyles_cardWithLink__D0j6u {
    transition: box-shadow .3s
}

.sharedStyles_cardWithLink__D0j6u:hover {
    box-shadow: var(--shadow-sm)
}

.sharedStyles_titleRightGrid__YmJV7 {
    display: flex;
    gap: 10px;
    align-items: center
}

@media (max-width: 480px) {
    .sharedStyles_titleRightGrid__YmJV7 {
        display: none
    }
}

.sharedStyles_titleRightGrid__YmJV7.sharedStyles_mobile__1qWTR {
    display: none
}

@media (max-width: 480px) {
    .sharedStyles_titleRightGrid__YmJV7.sharedStyles_mobile__1qWTR {
        display: flex;
        justify-content: center;
        margin-top: 10px
    }
}

.sharedStyles_displayBlock__7olHi {
    display: block !important
}

.sharedStyles_desktop__ogLzv {
    display: block;
    width: 100%
}

@media (max-width: 480px) {
    .sharedStyles_desktop__ogLzv {
        display: none
    }
}

.sharedStyles_mobile__1qWTR {
    display: none;
    width: 100%
}

@media (max-width: 480px) {
    .sharedStyles_mobile__1qWTR {
        display: block
    }

    .sharedStyles_xsHide__ikKDi {
        display: none !important
    }
}

@media (min-width: 480px) {
    .sharedStyles_xsShow__AUuiq {
        display: none !important
    }
}

@media (max-width: 576px) {
    .sharedStyles_smHide__xnBKZ {
        display: none !important
    }
}

@media (min-width: 576px) {
    .sharedStyles_smShow__QjMbS {
        display: none !important
    }
}

@media (max-width: 768px) {
    .sharedStyles_mdHide__HutWS {
        display: none !important
    }
}

@media (min-width: 768px) {
    .sharedStyles_mdShow__4BB0m {
        display: none !important
    }
}

@media (max-width: 992px) {
    .sharedStyles_lgHide__WpciY {
        display: none !important
    }
}

@media (min-width: 992px) {
    .sharedStyles_lgShow__Y_uA2 {
        display: none !important
    }
}

@media (max-width: 1200px) {
    .sharedStyles_xlHide__Mj8VS {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .sharedStyles_xlShow__fGiSX {
        display: none !important
    }
}

.styles_wrapper__hBdHT {
    display: grid;
    grid-template-columns:auto 1fr;
    padding-left: 20px;
    transition: .3s;
    height: var(--controls-height);
    border-radius: 8px !important;
    width: auto !important
}

.styles_wrapper__hBdHT:hover {
    background-color: var(--accent-bg-color)
}

@media (max-width: 1200px) {
    .styles_wrapper__hBdHT {
        padding-left: 6px
    }
}

@media (max-width: 992px) {
    .styles_wrapper__hBdHT {
        padding-left: 15px;
        width: 100%;
        height: 48px;
        flex-shrink: 0
    }
}

.styles_title__4U3Lh {
    align-self: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-base-color)
}

@media (max-width: 1200px) {
    .styles_title__4U3Lh {
        display: none
    }
}

@media (max-width: 992px) {
    .styles_title__4U3Lh {
        display: block
    }
}

.styles_container__Mpc1F {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.styles_button__Ri8aS {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:calc(100% - 20px) 10px;
    width: 100%;
    height: 100%;
    padding-right: 16px;
    padding-left: 10px
}

.styles_button__Ri8aS:hover .styles_chevron__GBvhh path {
    stroke: var(--accent-color)
}

@media (max-width: 992px) {
    .styles_button__Ri8aS {
        gap: 8px
    }
}

.styles_icon__Fk4N0 svg {
    width: 20px;
    height: 20px
}

.styles_selectedItem__f48QL {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--text-muted-color);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_selectedItem__f48QL.styles_baseSelected__yshmN {
    color: var(--text-base-color);
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 992px) {
    .styles_selectedItem__f48QL.styles_baseSelected__yshmN {
        font-size: 12px
    }
}

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

.styles_placeholderSelected__MTfS_ {
    color: var(--text-muted-color)
}

.styles_chevron__GBvhh {
    transition: .3s ease-in;
    transform: rotateX(0);
    width: 10px;
    flex-shrink: 0
}

.styles_chevron__GBvhh path {
    transition: .3s
}

.styles_chevron__GBvhh.styles_active__zG4Z8 {
    transform: rotateX(180deg)
}

.styles_chevron__GBvhh.styles_active__zG4Z8 path {
    stroke-opacity: 1;
    stroke: var(--accent-color)
}

.styles_dropDown__IZuYZ {
    transition: max-height .3s;
    overflow: auto;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 2;
    width: 100%;
    min-width: 150px;
    max-height: 0;
    padding: 10px 0;
    background: var(--block-bg-color);
    box-shadow: var(--shadow);
    border-radius: 8px;
    transition: visibility 0s ease-in .15s, max-height .3s
}

.styles_dropDown__IZuYZ.styles_visible__0E_wq {
    visibility: visible;
    transition: visibility 0s ease-in 0s, max-height .3s;
    max-height: 150px
}

.styles_dropDown__IZuYZ:hover::-webkit-scrollbar {
    width: 3px;
    display: block
}

.styles_dropDown__IZuYZ::-webkit-scrollbar {
    width: 3px;
    display: none
}

.styles_dropDown__IZuYZ::-webkit-scrollbar-track {
    background: #f1f1f1
}

.styles_dropDown__IZuYZ::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 20px
}

.styles_item__t2IUG {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 16px;
    color: var(--text-muted-color);
    font-weight: 500;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_item__t2IUG.styles_active__zG4Z8 {
    color: var(--accent-color)
}

.styles_item__t2IUG:hover {
    background-color: var(--light-stroke-color)
}

.styles_regionIcon__rhyfh {
    width: 16px;
    height: 12px;
    display: inline;
    flex-shrink: 0
}

.styles_selectedIcon__wQ9ot {
    width: 20px;
    height: 15px;
    display: inline;
    flex-shrink: 0;
    margin-right: 5px
}

.styles_container__wMB15 {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    font-weight: 800;
    font-size: 8px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_container__wMB15 svg {
    width: 12px;
    height: 12px
}

.styles_container__wMB15 svg path {
    stroke: #fff
}

.styles_accent__ujHXD {
    background-color: var(--accent-color)
}

.styles_primary__LqFXQ {
    background-color: var(--primary-color)
}

.styles_success__b83pK {
    background-color: var(--success-color)
}

.styles_danger__4AxQZ {
    background-color: var(--failed-color)
}

.styles_warning__91OqC {
    background-color: var(--processing-color)
}

.styles_lg__vVtZf {
    width: 16px;
    height: 16px;
    font-weight: 800;
    font-size: 12px
}

.styles_container__D54P4 {
    background-color: var(--accent-transparent-color);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-weight: 600;
    position: relative;
    flex-shrink: 0
}

.styles_container__D54P4 svg {
    width: 24px;
    height: 24px
}

.styles_badge__zhef_ {
    position: absolute;
    top: 0;
    right: 0
}

.styles_loading__hdHE3 {
    background-color: var(--loading-color)
}

.styles_loading__hdHE3.styles_bgDark__52wwI {
    background-color: #ebebeb
}

.styles_loading__hdHE3 path {
    stroke: var(--primary-bg-color)
}

.styles_primary__pYSTZ {
    background-color: var(--not-available-bg-color);
    color: var(--text-muted-color)
}

.styles_primary__pYSTZ.styles_bgDark__52wwI {
    background-color: var(--primary-half-transparent-color)
}

.styles_primary__pYSTZ path {
    stroke: var(--text-muted-color)
}

.styles_accent__WygFr {
    background-color: var(--accent-bg-color);
    color: var(--accent-color)
}

.styles_accent__WygFr.styles_bgDark__52wwI {
    background-color: var(--accent-half-transparent-color)
}

.styles_accent__WygFr path {
    stroke: var(--accent-color)
}

.styles_fill__v5dqB.styles_accent__WygFr path {
    fill: var(--accent-color);
    stroke: transparent
}

.styles_fill__v5dqB.styles_primary__pYSTZ path {
    fill: var(--text-muted-color);
    stroke: transparent
}

.styles_fill__v5dqB.styles_success__eVeHj path {
    fill: var(--success-color);
    stroke: transparent
}

.styles_fill__v5dqB.styles_danger__wLbxt path {
    fill: var(--failed-color);
    stroke: transparent
}

.styles_fill__v5dqB.styles_warning__uvCPD path {
    fill: var(--processing-color);
    stroke: transparent
}

.styles_fill__v5dqB.styles_loading__hdHE3 path {
    fill: var(--loading-color);
    stroke: transparent
}

.styles_successLight__BnFk2 {
    background-color: var(--success-bg-color);
    color: var(--success-color)
}

.styles_successLight__BnFk2.styles_bgDark__52wwI {
    background-color: var(--success-light-half-transparent-color)
}

.styles_successLight__BnFk2 path {
    stroke: var(--success-color)
}

.styles_success__eVeHj {
    background-color: var(--success-bg-color);
    color: var(--success-color)
}

.styles_success__eVeHj.styles_bgDark__52wwI {
    background-color: var(--success-half-transparent-color)
}

.styles_success__eVeHj path {
    stroke: var(--success-color)
}

.styles_danger__wLbxt {
    background-color: var(--failed-bg-color);
    color: var(--failed-color)
}

.styles_danger__wLbxt.styles_bgDark__52wwI {
    background-color: var(--danger-half-transparent-color)
}

.styles_danger__wLbxt path {
    stroke: var(--failed-color)
}

.styles_warning__uvCPD {
    background-color: var(--processing-bg-color);
    color: var(--processing-color)
}

.styles_warning__uvCPD.styles_bgDark__52wwI {
    background-color: var(--warning-half-transparent-color)
}

.styles_warning__uvCPD path {
    stroke: var(--processing-color)
}

.styles_square__fN6zc {
    border-radius: 16px
}

.styles_xs__V73F2 {
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: 600
}

.styles_xs__V73F2 > svg {
    height: 10px
}

.styles_sm__NWGJS {
    width: 36px;
    height: 36px;
    font-size: 16px;
    font-weight: 600
}

.styles_sm__NWGJS > svg {
    width: 20px;
    height: 20px
}

.styles_md__uasEo .styles_badge__zhef_ {
    top: 0;
    right: 0
}

.styles_lg__JRr8P {
    width: 60px;
    height: 60px
}

.styles_lg__JRr8P > svg {
    width: 36px;
    height: 36px
}

.styles_lg__JRr8P.styles_square__fN6zc {
    border-radius: 24px
}

.styles_lg__JRr8P.styles_squareOutline__HFIVl {
    border: 4px solid #fff
}

.styles_xl__Z5NIB {
    width: 64px;
    height: 64px
}

.styles_xl__Z5NIB > svg {
    width: 40px;
    height: 40px
}

.styles_userContainer__6sVMf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    position: relative;
    cursor: pointer;
    padding: 5px 20px 5px 10px;
    border-radius: 8px;
    transition: background-color .3s ease
}

.styles_userContainer__6sVMf.styles_active__0tfov, .styles_userContainer__6sVMf:hover {
    background-color: var(--hover-bg-color)
}

.styles_chevron__8K_Hk {
    transform: rotateX(0);
    transition: .3s;
    width: 10px;
    height: auto
}

.styles_chevron__8K_Hk path {
    stroke: var(--text-muted-color);
    stroke-opacity: .5;
    transition: .3s
}

.styles_chevron__8K_Hk.styles_active__0tfov {
    transform: rotateX(180deg)
}

.styles_chevron__8K_Hk.styles_active__0tfov path {
    stroke-opacity: 1;
    stroke: var(--accent-color)
}

.styles_user__JKCOq {
    display: grid;
    grid-template-columns:auto auto;
    grid-gap: 10px;
    gap: 10px
}

.styles_image__2LmcU {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden
}

.styles_info__OJM2q {
    padding-top: 3px;
    display: grid
}

.styles_title__1nZg8 {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--text-base-color)
}

.styles_subTitle__ZWJAL {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-top: 3px;
    color: var(--text-muted-color);
    text-align: left
}

.styles_ddTitleText__GSh7E {
    margin-top: 13px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--accent-color)
}

.styles_dropDown__iBPHz {
    position: absolute;
    max-height: 0;
    min-width: 100%;
    top: calc(100% + 10px);
    right: 0;
    z-index: 2;
    background: #fff;
    box-shadow: var(--shadow);
    border: 0 solid transparent;
    border-radius: 16px;
    overflow: hidden;
    transition: .3s ease-in
}

.styles_dropDown__iBPHz.styles_active__0tfov {
    border: var(--border);
    visibility: visible;
    max-height: 500px
}

.styles_dropDown__iBPHz:hover::-webkit-scrollbar {
    width: 3px;
    display: block
}

.styles_dropDown__iBPHz::-webkit-scrollbar {
    width: 3px;
    display: none
}

.styles_dropDown__iBPHz::-webkit-scrollbar-track {
    background: #f1f1f1
}

.styles_dropDown__iBPHz::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 20px
}

.styles_ddContent__ZuTJC {
    text-align: left
}

.styles_ddContent__ZuTJC .styles_user__JKCOq {
    padding: 20px;
    background-color: var(--block-bg-color)
}

.styles_ddList__2C8_k {
    padding: 14px 0
}

.styles_item__89ZCm {
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    padding: 6px 20px;
    color: var(--text-base-color);
    font-weight: 500;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer
}

.styles_item__89ZCm.styles_active__0tfov {
    color: var(--accent-color)
}

.styles_item__89ZCm:hover {
    background-color: var(--hover-bg-color)
}

.styles_itemIcon__JUGzM {
    width: 18px;
    height: 18px
}

.styles_container__jxBK6 {
    margin-bottom: 35px
}

.styles_container__jxBK6, .styles_mobileContainer__ENRyh {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.styles_mobileContainer__ENRyh {
    padding: 20px 0;
    margin-bottom: 30px;
    background-color: #f8f9fc;
    height: var(--header-mobile-height);
    border-bottom: var(--border)
}

@media (max-width: 992px) {
    .styles_mobileContainer__ENRyh {
        padding: 20px
    }
}

.styles_rate__Nj8Yj {
    border: var(--border);
    height: var(--controls-height);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.styles_rate__Nj8Yj b {
    color: var(--accent-color);
    margin: 0 4px
}

.styles_icon__VllYX {
    width: 14px;
    height: 14px;
    cursor: pointer
}

.styles_icon__VllYX path {
    stroke: var(--text-muted-light-color)
}

.styles_rateDesc__2oh6a {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    opacity: 0;
    transition: opacity .2s
}

.styles_rateDesc__2oh6a.styles_visible__Wyo0Z {
    opacity: 1
}

.styles_rateDesc__2oh6a.styles_loading__f73WO {
    display: grid
}

.styles_left__CwpjT {
    display: flex;
    gap: 20px
}

.styles_right__OzQiu {
    display: flex;
    gap: 30px;
    align-items: center
}

.styles_controls__YcVC_ {
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_value__Rrdiw {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: transparent !important;
    transition: color .2s ease
}

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

.styles_primary__QqYCW {
    color: var(--primary-color)
}

.styles_successLight__FyuCu {
    color: var(--success-light-color)
}

.styles_success__811LM {
    color: var(--text-success-color)
}

.styles_danger__XLQGf {
    color: var(--danger-color)
}

.styles_warning__n7336 {
    color: var(--warning-color)
}

@keyframes react-loading-skeleton {
    to {
        transform: translate(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    width: 100%;
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.react-loading-skeleton:after {
    content: " ";
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
    transform: translate(-100%);
    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.styles_sidebar__9zkgL {
    height: 100%;
    width: 200px;
    padding: 45px 0;
    display: flex;
    flex-direction: column;
    gap: 30px
}

.styles_blockTitle__l9a_Z {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-muted-light-color);
    margin-bottom: 10px;
    padding: 0 30px
}

@media (max-width: 992px) {
    .styles_blockTitle__l9a_Z {
        padding: 0
    }
}

.styles_logo__yow0R {
    margin-bottom: 26px
}

.styles_logo__yow0R span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px
}

.styles_logo__yow0R, .styles_navItem__QyN4Z {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 0 30px
}

.styles_logoIcon__3NU_N {
    width: 24px;
    height: 24px
}

.styles_navItem__QyN4Z {
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    border-radius: 12px 0 0 12px;
    overflow: hidden
}

.styles_navItem__QyN4Z svg {
    width: 18px;
    height: 18px
}

.styles_navItem__QyN4Z > * {
    z-index: 1
}

.styles_navItem__QyN4Z:before {
    content: "";
    background-color: var(--light-stroke-color);
    width: 0;
    height: 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
    transition: .2s ease-in
}

.styles_navItem__QyN4Z.styles_active__2WErc:before, .styles_navItem__QyN4Z:hover:before {
    width: 400px;
    height: 400px
}

.styles_navList__JFf6J {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.styles_badge__hHtoZ {
    padding: 0 7px;
    background-color: var(--accent-bg-color);
    height: 18px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: var(--accent-color)
}

.styles_finances__EySeU, .styles_links__7A36Q {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media (max-width: 992px) {
    .styles_finances__EySeU, .styles_links__7A36Q {
        width: 100%;
        padding: 0;
        display: grid;
        grid-template-columns:calc(50% - 5px) calc(50% - 5px);
        grid-gap: 10px;
        gap: 10px
    }
}

.styles_finances__EySeU a, .styles_links__7A36Q a {
    cursor: pointer
}

.styles_paperCard__z_Vr9 {
    border-radius: 8px;
    padding: 12px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media (max-width: 992px) {
    .styles_paperCard__z_Vr9 {
        margin-bottom: 0
    }
}

.styles_paperCard__z_Vr9 h4 {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--text-muted-color)
}

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

.styles_paperCardBody___Oo5j {
    display: flex;
    align-items: center;
    gap: 8px
}

.styles_paperCardBody___Oo5j .styles_icon__R_UZa {
    width: 18px
}

.styles_paperCardBody___Oo5j .styles_textSmall__elAxD, .styles_paperCardBody___Oo5j .styles_text__Qu_Rk {
    font-weight: 500;
    font-size: 16px
}

.styles_paperCardBody___Oo5j .styles_textSmall__elAxD .styles_currency__O3Gb2, .styles_paperCardBody___Oo5j .styles_text__Qu_Rk .styles_currency__O3Gb2 {
    font-weight: 600;
    font-size: 12px;
    color: var(--accent-color)
}

.styles_paperCardBody___Oo5j .styles_textSmall__elAxD b, .styles_paperCardBody___Oo5j .styles_text__Qu_Rk b {
    font-weight: 600
}

.styles_paperCardBody___Oo5j .styles_textSmall__elAxD {
    font-size: 14px
}

.styles_container__rydlr {
    position: fixed;
    bottom: -1px;
    width: 100%;
    height: 80px;
    background-color: #fff;
    z-index: 10;
    border-top: var(--border);
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px
}

@media (max-width: 992px) {
    .styles_container__rydlr {
        display: flex;
        justify-content: space-around
    }
}

@media (max-width: 480px) {
    .styles_container__rydlr {
        justify-content: space-between
    }
}

.styles_container__rydlr a {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s
}

.styles_container__rydlr a svg {
    width: 24px;
    height: 24px
}

.styles_container__rydlr a svg path {
    transition: stroke .3s;
    stroke: var(--text-muted-light-color)
}

.styles_container__rydlr a.styles_active__Bu_ci {
    background-color: var(--accent-color)
}

.styles_container__rydlr a.styles_active__Bu_ci svg path {
    stroke: #fff
}

.styles_loader__k6La9 {
    position: relative;
    animation: styles_loader-animation__lRXFx .4s ease-in-out infinite alternate;
    animation-delay: .32s;
    display: block;
    top: -19px;
    opacity: .9
}

.styles_loader__k6La9, .styles_loader__k6La9:after, .styles_loader__k6La9:before {
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%;
    box-shadow: 0 16px 0 var(--accent-color)
}

.styles_loader__k6La9:after, .styles_loader__k6La9:before {
    position: absolute;
    animation: styles_loader-animation__lRXFx .4s ease-in-out infinite alternate
}

.styles_loader__k6La9:before {
    left: -12px;
    animation-delay: .48s
}

.styles_loader__k6La9:after {
    right: -12px;
    animation-delay: .16s
}

@keyframes styles_loader-animation__lRXFx {
    0% {
        box-shadow: 0 16px 0 var(--accent-color)
    }
    to {
        box-shadow: 0 20px 0 var(--accent-color)
    }
}

.styles_container__dK_mv {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 2
}

.styles_wrapper__KE5or {
    padding: 0 40px;
    min-height: 100vh
}

@media (max-width: 992px) {
    .styles_wrapper__KE5or {
        padding: 0;
        margin-bottom: 95px
    }
}

.styles_container__aVk7x {
    background-color: #fff;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: stretch
}

.styles_content__2_Q44 {
    border-right: var(--border);
    border-left: var(--border);
    padding: 35px 30px;
    min-height: 100%;
    width: calc(100% - var(--sidebar-width));
    display: flex;
    flex-direction: column
}

@media (max-width: 992px) {
    .styles_content__2_Q44 {
        width: 100%;
        border: none;
        padding: 0
    }
}


.styles_container_error_msg {
    position: fixed; /* Позиционирование для размещения в любом месте */
    bottom: 20px; /* Отступ от нижнего края */
    right: 20px; /* Отступ от правого края */
    height: 60px; /* Высота сообщения */
    width: auto; /* Ширина будет определяться автоматически */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 0, 0.5); /* Красный полупрозрачный фон */
    border: none; /* Убираем границу */
    border-radius: 10px; /* Радиус закругления */
    font-weight: 500;
    font-size: 20px; /* Размер шрифта */
    line-height: 14px; /* Высота строки */
    color: #000; /* Черный цвет текста */
    padding: 10px 15px; /* Добавляем отступы */
}

.styles_bodyContainer__Y5sZO {
    flex-grow: 1
}

@media (max-width: 992px) {
    .styles_bodyContainer__Y5sZO {
        padding: 0 15px
    }
}

.styles_linkWrapper___R6vw {
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_linkWrapper___R6vw:hover .styles_icon__evurI {
    opacity: 1
}

.styles_icon__evurI {
    transition: opacity .2s;
    opacity: 0;
    width: 20px;
    height: 20px
}

.styles_linkWrapper__I6YTa {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.styles_linkWrapper__I6YTa .styles_icon__BGSKm {
    transition: .15s;
    fill: #fff
}

.styles_linkWrapper__I6YTa .styles_icon__BGSKm path {
    stroke: var(--accent-color);
    transition: .15s
}

.styles_linkWrapper__I6YTa:hover .styles_icon__BGSKm {
    fill: var(--accent-color)
}

.styles_linkWrapper__I6YTa:hover .styles_icon__BGSKm path {
    stroke: var(--block-bg-color)
}

.styles_right__60tY0 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 480px) {
    .styles_right__60tY0 {
        background: var(--accent-bg-color);
        border-radius: 6px;
        padding: 6px 9px
    }

    .styles_linkWrapper__I6YTa .styles_icon__BGSKm {
        fill: var(--accent-bg-color)
    }

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

.styles_listItem__nVf95 {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    transition: .2s
}

.styles_listItem__nVf95.styles_withLink__XcUK_:hover {
    box-shadow: var(--shadow-sm)
}

.styles_listItem__nVf95 > :first-child {
    width: calc(100% - 130px)
}

.styles_listItem__nVf95 > :nth-child(2) {
    width: 120px
}

@media (max-width: 480px) {
    .styles_listItem__nVf95 {
        grid-template-columns:100%;
        padding: 10px;
        border-radius: 12px
    }

    .styles_listItem__nVf95 > :first-child {
        width: 100%
    }

    .styles_listItem__nVf95 > :nth-child(2) {
        display: none
    }
}

.styles_info__9qCXu {
    display: grid;
    grid-template-columns:calc(50% - 10px) calc(50% - 10px);
    grid-gap: 20px;
    gap: 20px
}

@media (max-width: 480px) {
    .styles_info__9qCXu {
        grid-template-columns:100%
    }
}

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

.styles_addDevice__RXNNa {
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 12px 20px;
    gap: 12px;
    transition: background-color .2s
}

.styles_addDevice__RXNNa:hover {
    background-color: var(--hover-bg-color)
}

@media (max-width: 480px) {
    .styles_financesTitle__ePZrx {
        display: none
    }

    .styles_mobileStyle__d1KY6 {
        gap: 20px !important;
        grid-template-columns:calc(100% - 80px) 60px !important
    }

    .styles_mobileStyle__d1KY6 > :nth-child(3) {
        text-align: right;
        display: block !important
    }
}

.styles_item__vn4MU {
    display: flex;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    align-items: center;
    gap: 15px;
    align-self: stretch;
    border-radius: 12px;
    background: var(--New-BG, #f8f9fc);
    transition: .3s;
    border: 1px solid transparent
}

.styles_item__vn4MU .styles_value__B6ca9 {
    flex-grow: 1;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.styles_block__uRc_P {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:100%
}

div span button p h1 h2 h3 main {
    color: #002269 !important
}

.styles_buttons___9LWU {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch
}

.styles_buttons___9LWU button {
    width: calc(50% - 5px);
    display: flex;
    height: 48px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0;
    border-radius: 12px;
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px
}

.styles_swiperItem__2VjYA {
    width: auto
}

@media (max-width: 480px) {
    .styles_container__EmoX_ {
        display: none
    }
}

.styles_mobileContainer__9777r {
    display: none
}

@media (max-width: 480px) {
    .styles_mobileContainer__9777r {
        display: block
    }
}

.styles_mobileTitle__LkXsq {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center
}

.styles_mobileTitle__LkXsq > :nth-child(2) {
    width: 166px
}

.styles_modal__2Cw5H {
    width: 300px
}

@media (max-width: 480px) {
    .styles_modal__2Cw5H {
        width: 100%
    }
}

.styles_content__kshIK {
    display: grid;
    grid-template-columns:100%;
    grid-gap: 30px;
    gap: 30px;
    padding: 30px 20px
}

.styles_content__kshIK h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-align: center
}

.styles_listItem__BWblK {
    height: 61.6px;
    padding: 10px 20px;
    display: grid;
    grid-template-columns:repeat(2, calc(50% - 15px));
    align-items: center;
    grid-gap: 30px;
    gap: 30px;
    transition: .2s
}

.styles_listItem__BWblK.styles_withLink__0qzuf:hover {
    box-shadow: var(--shadow-sm)
}

@media (max-width: 480px) {
    .styles_listItem__BWblK {
        grid-template-columns:100%;
        padding: 10px;
        border-radius: 12px
    }

    .styles_listItem__BWblK > :first-child {
        width: 100%
    }

    .styles_listItem__BWblK > :nth-child(2) {
        display: none
    }
}

.styles_fieldText__tPbzN {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.styles_signalContainer__LNBMd, .styles_thirdValue__fPZHQ {
    display: flex;
    align-items: center;
    gap: 7px
}

@media (max-width: 480px) {
    .styles_thirdValue__fPZHQ {
        justify-content: end
    }

    .styles_signalContainer__LNBMd {
        display: none
    }
}

.styles_listItem__48fRc {
    padding: 10px 20px;
    display: grid;
    grid-gap: 30px;
    gap: 30px;
    grid-template-columns:250px 1fr 120px;
    align-items: center;
    transition: .2s
}

.styles_listItem__48fRc.styles_withLink__yJy2Z:hover {
    box-shadow: var(--shadow-sm)
}

.styles_listItem__48fRc .styles_chipMobile__WnZbK {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    display: none
}

.styles_listItem__48fRc .styles_chipMobile__WnZbK .styles_emptyText__bcdki {
    content: ".";
    opacity: 0
}

@media (max-width: 480px) {
    .styles_listItem__48fRc {
        gap: 20px;
        grid-template-columns:calc(100% - 90px) 70px;
        padding: 10px;
        border-radius: 12px
    }

    .styles_listItem__48fRc .styles_chipDesktop__EQoXU, .styles_listItem__48fRc > :nth-child(2) {
        display: none
    }

    .styles_listItem__48fRc .styles_chipMobile__WnZbK {
        display: block
    }
}

@media (max-width: 480px) {
    .styles_listItem__WEC_Q {
        grid-template-columns:100%;
        padding: 10px;
        border-radius: 12px
    }

    .styles_listItem__WEC_Q > :nth-child(2), .styles_listItem__WEC_Q > :nth-child(3), .styles_listItem__WEC_Q > :nth-child(4) {
        display: none
    }

    .styles_mobileStyle__K0Ejw {
        gap: 20px !important;
        grid-template-columns:calc(100% - 80px) 60px !important
    }

    .styles_mobileStyle__K0Ejw > :nth-child(3) {
        text-align: right;
        display: block !important
    }
}

.styles_ddSelected__fTXXD {
    font-size: 14px
}

.styles_checkBoxLabel__moyyS {
    font-size: 14px;
    color: var(--text-base-color)
}

.styles_modal__RNNv4 {
    width: 400px
}

@media (max-width: 480px) {
    .styles_modal__RNNv4 {
        width: 100%
    }
}

.styles_container__Gb9In {
    padding: 30px 20px
}

.styles_titleBlock__5WaYq {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_content__CSszf {
    display: grid;
    width: 100%;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_input__2xUYd {
    transition: color .2s ease;
    font-size: 16px;
    line-height: 20px
}

.styles_input__2xUYd.styles_muted__a9V5k {
    color: var(--text-muted-color)
}

.styles_input__2xUYd::placeholder {
    color: var(--text-muted-light-color)
}

.styles_inputFullWidth__zn9v_ {
    width: calc(100% - 48px)
}

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

.styles_inputsGrid__taEUm input:first-child {
    width: calc(80% - 8px)
}

.styles_inputsGrid__taEUm input:nth-child(2) {
    width: 20%
}

.styles_controls__gLZsy {
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.styles_controls__gLZsy button {
    height: 48px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px
}

.styles_container__fqMdZ {
    padding: 8px 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_item__acYYY {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 5px
}

.styles_item__acYYY svg {
    width: 16px;
    height: 16px
}

.styles_avatar__Aada_ {
    margin: 0 auto 15px
}

.styles_avatar__Aada_ path {
    stroke-width: .25px
}

.styles_avatar__Aada_.styles_primary__K8DZG path {
    stroke: var(--text-muted-color);
    fill: var(--text-muted-color)
}

.styles_avatar__Aada_.styles_danger__nVUPz svg {
    width: 30px;
    height: 30px
}

.styles_avatar__Aada_.styles_danger__nVUPz path {
    stroke: var(--failed-color);
    fill: var(--failed-color)
}

.styles_title__MV8vy {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 20px
}

.styles_item__2re6C {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 15px;
    color: var(--text-muted-color)
}

.styles_item__2re6C:last-child {
    margin-bottom: 0
}

.styles_item__2re6C span {
    color: var(--accent-color)
}

.styles_item__2re6C.styles_inactive__naEu_, .styles_item__2re6C.styles_inactive__naEu_ span {
    color: var(--text-muted-light-color)
}

.styles_item__Wm6d2 {
    width: 166px;
    display: flex;
    gap: 15px;
    align-items: center;
    margin: 0 auto 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    position: relative
}

.styles_item__Wm6d2 .styles_tooltip__7oC8Z {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    padding: 8px 10px;
    text-align: center;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    height: 0;
    width: 177px;
    opacity: 0;
    border-radius: 12px;
    box-shadow: 0 4px 10px #0022691a;
    background-color: #fff;
    z-index: 1
}

.styles_item__Wm6d2:hover .styles_tooltip__7oC8Z {
    top: calc(100% + 10px);
    opacity: 1;
    transition: opacity .2s ease-in;
    height: auto
}

.styles_checkAvatar__3w7s1 {
    width: 18px;
    height: 18px
}

.styles_checkAvatar__3w7s1 svg {
    width: 12px;
    height: 12px
}

.styles_chipLoader__W34N9, .styles_chip__W_Njq {
    border-radius: 12px;
    width: 200px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    margin: 20px auto 0
}

.styles_container__vHUBc {
    width: 300px;
    height: 600px;
    padding: 16px 18px 16px 16px;
    position: relative
}

.styles_deviceImage__NMpHC {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.styles_content__lg8CE {
    position: relative;
    z-index: 1;
    height: 100%
}

.styles_logo__qo59M {
    margin: 40px auto;
    width: 145px;
    height: 24px
}

.styles_body__XS_Dg {
    margin-bottom: 100px
}

.styles_unRegistered__AR5sa {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    color: var(--text-muted-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.styles_avatar__paRH7 {
    margin-top: 220px
}

.styles_avatar__paRH7 path {
    stroke-width: .25px;
    stroke: var(--text-muted-color);
    fill: var(--text-muted-color)
}

.styles_general__Qb8z7 {
    height: 244px;
    display: grid;
    grid-gap: 25px;
    gap: 25px;
    grid-template-columns:100%;
    padding: 20px 30px
}

@media (max-width: 480px) {
    .styles_general__Qb8z7 {
        height: auto;
        padding: 20px
    }
}

.styles_general__Qb8z7 .styles_title__7LPqM {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px
}

.styles_generalItems__HNejU {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%;
    grid-template-rows:24px
}

@media (max-width: 480px) {
    .styles_generalItems__HNejU {
        grid-template-rows:auto
    }
}

.styles_generalItem__q0kla {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    align-items: center;
    grid-template-columns:132px calc(100% - 152px)
}

@media (max-width: 480px) {
    .styles_generalItem__q0kla {
        grid-template-columns:100%;
        gap: 10px
    }
}

.styles_generalItem__q0kla .styles_label__BujXd {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
    grid-template-columns:24px calc(100% - 32px);
    color: var(--text-muted-color);
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.styles_generalItem__q0kla .styles_label__BujXd .styles_avatar__wr23H {
    width: 24px;
    height: 24px
}

.styles_generalItem__q0kla .styles_label__BujXd .styles_avatar__wr23H svg {
    width: 12px;
    height: 12px
}

.styles_generalItem__q0kla .styles_value__GJFCm {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px
}

.styles_generalItem__q0kla .styles_value__GJFCm, .styles_generalItem__q0kla .styles_value__GJFCm .styles_copyText__P2cHH {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.styles_generalItem__q0kla .styles_value__GJFCm.styles_withCopy__9Mg2T {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:calc(100% - 35px) 25px
}

.styles_container__j524i {
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px
}

.styles_squares__dmaEo path {
    transition: .3s ease-in
}

.styles_squares__dmaEo:hover path {
    stroke: var(--accent-color)
}

.styles_check__H90kR {
    position: absolute;
    top: -9px;
    left: 3px;
    width: 8px;
    height: 8px;
    transition: .3s ease-in
}

.styles_check__H90kR path {
    transition: .3s ease-in;
    stroke-width: 3px;
    stroke: var(--text-muted-color)
}

@media (max-width: 480px) {
    .styles_check__H90kR {
        left: 3.5px
    }
}

.styles_active__vlgn4 .styles_squares__dmaEo path {
    stroke: var(--accent-color)
}

.styles_active__vlgn4 .styles_check__H90kR {
    top: 9px
}

.styles_active__vlgn4 .styles_check__H90kR path {
    stroke: var(--accent-color)
}

.styles_container__czJi8 {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_block_lg__ZucCY, .styles_block_md__XBMJ_ {
    padding: 20px
}

.styles_block_lg__ZucCY {
    height: 104px;
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:64px calc(100% - 84px);
    align-items: center
}

@media (max-width: 480px) {
    .styles_block_lg__ZucCY {
        grid-template-columns:48px calc(100% - 58px);
        height: 88px;
        gap: 10px;
        padding: 20px 15px;
        border-radius: 12px
    }
}

.styles_block_lg__ZucCY .styles_blockContent__TrOpM {
    display: grid;
    grid-template-columns:100%;
    grid-gap: 8px;
    gap: 8px
}

@media (max-width: 480px) {
    .styles_block_lg__ZucCY .styles_blockContent__TrOpM {
        gap: 6px
    }
}

.styles_block_lg__ZucCY .styles_blockContent__TrOpM:hover .styles_edit__cgJ3H {
    opacity: 1
}

.styles_block_lg__ZucCY .styles_blockTitle__XtPat {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--text-muted-color)
}

@media (max-width: 480px) {
    .styles_block_lg__ZucCY .styles_blockTitle__XtPat {
        font-weight: 500;
        font-size: 14px;
        line-height: 14px
    }
}

.styles_block_lg__ZucCY .styles_blockValue__vtAna {
    font-weight: 600;
    font-size: 22px;
    line-height: 32px
}

@media (max-width: 480px) {
    .styles_block_lg__ZucCY .styles_blockValue__vtAna {
        font-weight: 600;
        font-size: 16px;
        line-height: 24px
    }
}

.styles_block_lg__ZucCY .styles_withEdit__H5l96 {
    display: grid;
    grid-template-columns:calc(100% - 40px) 20px;
    grid-gap: 20px;
    gap: 20px;
    align-items: center
}

.styles_block_lg__ZucCY .styles_withEdit__H5l96 .styles_edit__cgJ3H {
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: .3s
}

.styles_block_lg__ZucCY .styles_withEdit__H5l96 .styles_edit__cgJ3H svg {
    width: 100%;
    height: 100%
}

.styles_block_lg__ZucCY .styles_withEdit__H5l96 .styles_edit__cgJ3H path {
    transition: .3s
}

.styles_block_lg__ZucCY .styles_withEdit__H5l96 .styles_edit__cgJ3H:hover path {
    stroke: var(--accent-color)
}

.styles_block_md__XBMJ_ {
    height: 88px;
    display: grid;
    align-items: center;
    grid-gap: 16px;
    gap: 16px;
    grid-template-columns:48px calc(100% - 64px);
    border-radius: 8px
}

.styles_block_md__XBMJ_ .styles_blockContent__TrOpM {
    display: grid;
    grid-template-columns:100%;
    grid-gap: 4px;
    gap: 4px
}

.styles_block_md__XBMJ_ .styles_blockTitle__XtPat {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.styles_block_md__XBMJ_ .styles_blockValue__vtAna {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color)
}

.styles_blockTitle__XtPat, .styles_blockValue__vtAna {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.styles_grid__AxU3N {
    display: grid;
    grid-template-columns:calc(50% - 10px) calc(50% - 10px);
    grid-gap: 20px;
    gap: 20px
}

@media (max-width: 480px) {
    .styles_grid__AxU3N {
        grid-template-columns:calc(50% - 5px) calc(50% - 5px);
        gap: 10px
    }

    .styles_grid__AxU3N .styles_avatar_md__flFjo {
        display: none
    }

    .styles_grid__AxU3N .styles_block_md__XBMJ_ {
        grid-template-columns:1fr;
        padding: 15px;
        height: auto
    }

    .styles_grid__AxU3N .styles_blockTitle__XtPat {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        color: var(--accent-color)
    }

    .styles_grid__AxU3N .styles_blockValue__vtAna {
        font-weight: 500;
        font-size: 12px;
        line-height: 18px
    }
}

.styles_avatarName__7SvqE svg {
    width: 32px;
    height: 32px
}

.styles_avatarName__7SvqE path {
    stroke-width: .75px
}

@media (max-width: 480px) {
    .styles_avatarName__7SvqE {
        width: 48px;
        height: 48px
    }

    .styles_avatarName__7SvqE svg {
        width: 24px;
        height: 24px
    }
}

.styles_avatarSim__yITFr svg {
    width: 32px;
    height: 32px
}

.styles_avatarSim__yITFr path {
    stroke-width: 1.5px
}

@media (max-width: 480px) {
    .styles_avatarSim__yITFr {
        width: 48px;
        height: 48px
    }

    .styles_avatarSim__yITFr svg {
        width: 24px;
        height: 24px
    }
}

.styles_avatar_md__flFjo {
    width: 48px;
    height: 48px
}

.styles_avatar_md__flFjo svg {
    width: 24px;
    height: 24px
}

.styles_block__aL3IU {
    display: grid;
    grid-gap: 25px;
    gap: 25px;
    padding: 20px 30px 30px
}

.styles_block__aL3IU .styles_title__OFS_p {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px
}

.styles_block__aL3IU .styles_body__NeSqO {
    display: grid;
    grid-gap: 15px;
    gap: 15px;
    grid-template-columns:24px calc(100% - 39px);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.styles_block__aL3IU .styles_avatar__aicI4 {
    width: 24px;
    height: 24px
}

.styles_block__aL3IU .styles_avatar__aicI4 svg {
    width: 12px;
    height: 12px
}

.styles_phone__Jckiw {
    position: relative;
    height: 100%;
    padding: 18px 16px 21px 14px
}

.styles_deviceImage__SvmJn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.styles_phoneContent__Bak5S {
    z-index: 1;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.styles_logo__Ue20R {
    margin: 0 auto;
    width: 61px;
    height: 10px
}

.styles_phoneMain__lx3rA {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px
}

.styles_phoneMain__lx3rA h2 {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    text-align: center
}

.styles_chip__BViuR {
    height: 26px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 8px;
    line-height: 14px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%
}

.styles_container__Lrnb7 {
    padding: 20px 15px;
    height: 280px;
    display: grid;
    grid-template-columns:120px 1fr;
    grid-gap: 20px;
    gap: 20px
}

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

.styles_item__fek0L {
    width: 166px;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    position: relative
}

.styles_item__fek0L .styles_tooltip__OnA6D {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    padding: 8px 10px;
    text-align: center;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    height: 0;
    width: 177px;
    opacity: 0;
    border-radius: 12px;
    box-shadow: 0 4px 10px #0022691a;
    background-color: #fff;
    z-index: 1
}

.styles_item__fek0L:hover .styles_tooltip__OnA6D {
    top: calc(100% + 10px);
    opacity: 1;
    transition: opacity .2s ease-in;
    height: auto
}

.styles_checkAvatar__xMdYZ {
    width: 18px !important;
    height: 18px !important
}

.styles_checkAvatar__xMdYZ svg {
    width: 12px !important;
    height: 12px !important
}

.styles_middle__91FV6 {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    color: var(--text-muted-color);
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.styles_middle__91FV6 span {
    color: var(--accent-color);
    font-weight: 600
}

.styles_time__72eZd {
    font-weight: 500;
    font-size: 10px;
    line-height: 18px
}

.styles_deviceSection__qHP_v {
    display: grid;
    grid-gap: 40px;
    gap: 40px;
    grid-template-columns:300px calc(100% - 340px);
    margin-bottom: 40px
}

.styles_mobileContainer__wZjQT {
    display: grid;
    grid-gap: 20px;
    gap: 20px
}

.styles_mobileGrid__oOfDK {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:1fr
}

.styles_listItem__AkwBF {
    padding: 10px 20px;
    display: grid;
    grid-gap: 30px;
    gap: 30px;
    grid-template-columns:250px repeat(2, calc(50% - 155px));
    align-items: center;
    transition: .2s
}

.styles_listItem__AkwBF.styles_withLink__IBQqS:hover {
    box-shadow: var(--shadow-sm)
}

.styles_listItem__AkwBF.styles_active__2NHP9 {
    border-color: var(--accent-color)
}

.styles_fieldContainer__HS8AZ {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:24px calc(100% - 34px)
}

.styles_fieldContainer__HS8AZ > * {
    align-self: center
}

@media (max-width: 480px) {
    .styles_listItem__AkwBF {
        grid-template-columns:100%;
        padding: 10px;
        border-radius: 12px
    }

    .styles_listItem__AkwBF > :nth-child(2), .styles_listItem__AkwBF > :nth-child(3), .styles_listItem__AkwBF > :nth-child(4) {
        display: none
    }
}

.styles_avatar__poVn0 {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_dot__R920c {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    margin-right: 10px;
    background-color: var(--accent-color)
}

@media (max-width: 480px) {
    .styles_dot__R920c {
        margin-left: 10px
    }
}

.styles_warning__oQAYU {
    background-color: var(--processing-color)
}

.styles_danger__s5p6e {
    background-color: var(--failed-color)
}

.styles_success__z0ZGO {
    background-color: var(--success-color)
}

.styles_tabs__HZDFW {
    display: flex;
    gap: 10px;
    margin-bottom: 30px
}

.styles_tab__DpkDv {
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color);
    background-color: #f8f9fc;
    border-radius: 8px;
    transition: .3s
}

.styles_tab__DpkDv svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.styles_tab__DpkDv path {
    transition: .3s;
    stroke: var(--text-muted-color)
}

.styles_tab__DpkDv.styles_active__UW6kQ, .styles_tab__DpkDv:hover {
    background-color: #f0f4fc;
    color: var(--text-base-color)
}

.styles_tab__DpkDv.styles_active__UW6kQ path, .styles_tab__DpkDv:hover path {
    stroke: var(--accent-color)
}

.styles_modalDeviceBlock__AAf9s {
    height: 60px;
    padding: 12px;
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    grid-template-columns:36px calc(100% - 48px);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    align-items: center
}

@media (max-width: 480px) {
    .styles_modalDeviceBlock__AAf9s {
        border-radius: 12px
    }

    .styles_moreButton__nXaVm {
        justify-content: center
    }
}

.styles_moreDDContainer__hE_Ez li:first-child {
    margin-top: 12px
}

.styles_header__Px1zZ {
    margin-bottom: 60px
}

@media (max-width: 480px) {
    .styles_header__Px1zZ {
        margin-bottom: 30px
    }
}

.styles_errorDevice__6OUfR {
    padding: 20px;
    height: 201px
}

.styles_chart__xfqSI, .styles_errorDevice__6OUfR {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_chart__xfqSI {
    font-weight: 500
}

.styles_offline__XT1xd, .styles_online__RkM91 {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 10px
}

@media (max-width: 480px) {
    .styles_offline__XT1xd, .styles_online__RkM91 {
        text-align: right;
        justify-content: flex-end
    }
}

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

.styles_offline__XT1xd {
    color: var(--processing-color)
}

.styles_dot__a2mOl {
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%;
    display: block;
    background-color: var(--accent-color)
}

.styles_mobileHeadGrid__jD2aB {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:1fr 112px;
    align-items: center
}

.styles_mobileHeadGrid__jD2aB h1 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px
}

.styles_ddSelected__gnh1C {
    font-size: 14px
}

.styles_conversion__cl5Vb {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600
}

.styles_barBg__W8QJD {
    background: var(--not-available-bg-color);
    border-radius: 5px;
    width: 100px;
    height: 10px
}

.styles_subTitle__Gm52_ {
    display: flex;
    align-items: center;
    gap: 5px
}

.styles_subTitle__Gm52_ svg {
    height: 12px
}

.styles_cardInfo__CcnDo {
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: normal
}

@media (max-width: 480px) {
    .styles_cardInfo__CcnDo {
        display: grid;
        justify-content: flex-end;
        grid-template-columns:20px auto;
        margin-bottom: 5px
    }
}

.styles_paySystemBox__DR7kd svg {
    height: 12px
}

@media (max-width: 480px) {
    .styles_paySystemBox__DR7kd svg {
        height: auto
    }
}

.styles_secondDescription__XdLTq {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

@media (max-width: 480px) {
    .styles_secondDescription__XdLTq {
        font-weight: 600;
        font-size: 10px;
        line-height: 10px
    }
}

.styles_desktop__ouBAa {
    display: grid;
    width: 100%
}

@media (max-width: 480px) {
    .styles_desktop__ouBAa {
        display: none
    }
}

.styles_mobile__NLHSk {
    display: none;
    width: 100%
}

@media (max-width: 480px) {
    .styles_mobile__NLHSk {
        display: flex
    }

    .styles_mobileStyle__z_Yir {
        gap: 20px !important;
        grid-template-columns:calc(100% - 100px) 80px !important
    }

    .styles_mobileStyle__z_Yir > :nth-child(2) {
        text-align: right;
        display: block !important
    }
}

.styles_container__qbQU9 {
    display: grid;
    grid-template-columns:30px calc(100% - 30px)
}

.styles_listItem__FONbm {
    padding: 10px 20px;
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:250px 1fr 1fr 120px;
    align-items: center;
    transition: .3s
}

.styles_controls__dYh81 {
    display: grid;
    grid-template-columns:max-content 250px 150px 1fr;
    grid-gap: 10px;
    gap: 10px
}

@media (max-width: 480px) {
    .styles_controls__dYh81 {
        display: flex;
        flex-wrap: wrap
    }

    .styles_controls__dYh81 label {
        font-size: 16px
    }

    .styles_controls__dYh81 > :first-child {
        order: 1
    }

    .styles_controls__dYh81 > :nth-child(2), .styles_controls__dYh81 > :nth-child(3) {
        order: 0
    }

    .styles_controls__dYh81 > :nth-child(4) {
        order: 2
    }

    .styles_controls__dYh81 > :nth-child(2) {
        width: 58%;
        font-size: 12px;
        line-height: 14px
    }

    .styles_controls__dYh81 > :nth-child(3) {
        width: calc(42% - 10px);
        font-weight: 600;
        font-size: 12px
    }
}

.styles_selectedCount__dNZhh {
    padding: 0 20px;
    align-self: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: var(--text-muted-color)
}

@media (max-width: 480px) {
    .styles_selectedCount__dNZhh {
        padding: 0
    }
}

.styles_selectedCount__dNZhh b {
    color: var(--accent-color)
}

.styles_container__smcTk2 {
    height: 64px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--block-bg-color);
    border: var(--border);
    border-radius: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: var(--text-muted-color)
}

.styles_container__1N80r {
    background: linear-gradient(180deg, #ecf2ff 0, var(--block-bg-color) 100%);
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px
}

@media (max-width: 480px) {
    .styles_container__1N80r {
        padding: 15px
    }
}

.styles_logo__MwXBh {
    margin-bottom: 42px;
    display: flex;
    align-items: center;
    gap: 15px
}

.styles_logo__MwXBh span {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px
}

.styles_formContainer__ElWKC {
    text-align: center;
    background: #fff;
    border-radius: 32px;
    width: 540px;
    max-width: 100%;
    padding: 40px
}

@media (max-width: 480px) {
    .styles_formContainer__ElWKC {
        padding: 60px 20px
    }
}

.styles_description__uoZk8 {
    margin-top: 10px;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--text-muted-color)
}

.styles_submit__tCs89 button {
    border-radius: 16px;
    height: 48px
}

@media (max-width: 480px) {
    .styles_submit__tCs89 button {
        border-radius: 8px
    }
}

.styles_form__bk78O {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align-last: left
}

.styles_sber__E7sVx {
    display: flex;
    width: 100%;
    padding: 18px 18px 18px 12px;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid var(--Input-Stroke, #f6f6f6);
    background: var(--Input-BG, #fafbfc)
}

.styles_sber__E7sVx h3 {
    overflow: hidden;
    color: var(--Main, #002269);
    font-feature-settings: "clig" off, "liga" off;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

.styles_sber__E7sVx p {
    color: var(--Text-1, #8091b5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 12px
}

.styles_sber__E7sVx .styles_button__4IDL7 {
    width: auto;
    padding-left: 18px;
    padding-right: 18px
}

.styles_sber__E7sVx .styles_button__4IDL7 svg {
    height: 16px;
    stroke-width: .1;
    margin-right: 10px
}

.styles_item__uq8fF {
    padding: 10px 20px;
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-radius: 16px;
    background: var(--block-bg-color, #f9fafb);
    transition: .2s;
    overflow: hidden
}

.styles_item__uq8fF:hover {
    box-shadow: var(--shadow-sm)
}

@media (max-width: 768px) {
    .styles_item__uq8fF {
        gap: 20px
    }
}

@media (max-width: 480px) {
    .styles_item__uq8fF {
        gap: 10px
    }
}

.styles_container__bk_Vx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 200px
}

@media (max-width: 480px) {
    .styles_container__bk_Vx {
        width: auto;
        max-width: 100%
    }
}

.styles_left__b9MRQ {
    display: flex;
    gap: 6px;
    align-items: center
}

@media (max-width: 480px) {
    .styles_left__b9MRQ {
        max-width: 100%;
        flex-direction: column;
        align-items: flex-start
    }
}

.styles_name__5skeo {
    max-width: 90px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

@media (max-width: 480px) {
    .styles_name__5skeo {
        max-width: 100%;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 10px
    }
}

.styles_statusChip__4ffUm {
    display: flex;
    min-width: 70px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px
}

.styles_mobileStatus___GrbM, .styles_statusChip__4ffUm {
    font-size: 8px;
    font-style: normal;
    font-weight: 600;
    line-height: 8px
}

.styles_left__7LKQv, .styles_secondText__qbdyK {
    display: flex;
    gap: 10px
}

.styles_left__7LKQv {
    align-items: center;
    width: 200px
}

@media (max-width: 768px) {
    .styles_left__7LKQv {
        width: 150px
    }
}

.styles_bankLogo__xJ_NE {
    background-color: var(--White, #fff);
    border: 1px solid var(--light-stroke-color, #eef2f9);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    flex-shrink: 0
}

.styles_bankLogo__xJ_NE img {
    width: 25px;
    height: 25px
}

.styles_center__kJwEQ {
    flex-grow: 1;
    display: flex;
    gap: 10px;
    align-items: center
}

@media (max-width: 480px) {
    .styles_center__kJwEQ {
        flex-shrink: 1;
        overflow: hidden
    }
}

.styles_right__xbIMZ {
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_chip__TgZm7 {
    display: flex;
    height: 36px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 10px #0022690d;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

@media (max-width: 480px) {
    .styles_chip__TgZm7 {
        max-width: 100%
    }
}

.styles_limit__wC2qf {
    width: 110px
}

.styles_conversion__skDXW {
    width: 52px
}

.styles_c2c__lZUCr, .styles_sbp__teB2s {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.styles_tooltip__BFIrN {
    max-width: 100%
}

.styles_button__NCFcO {
    border: var(--border);
    background-color: var(--block-bg-color);
    height: var(--controls-height);
    min-width: 220px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    transition: box-shadow .3s;
    padding: 10px 21px;
    white-space: nowrap
}

.styles_button__NCFcO:hover {
    box-shadow: var(--shadow-sm)
}

.styles_button__NCFcO svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

@media (max-width: 480px) {
    .styles_button__NCFcO:not(.styles_default__Y9HX5) {
        min-width: 0;
        gap: 10px;
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        padding: 0 10px;
        border-radius: 6px;
        background-color: #e6eeff;
        color: var(--accent-color);
        border: none;
        height: 30px
    }

    .styles_button__NCFcO:not(.styles_default__Y9HX5) svg {
        width: 16px;
        height: 16px;
        order: 1
    }
}

.styles_subTitle__Ll7P9 {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

@media (max-width: 480px) {
    .styles_subTitle__Ll7P9 {
        font-size: 16px;
        line-height: 16px
    }
}

.styles_card__N4oL9 {
    padding: 13px 20px 15px;
    transition: .2s;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 480px) {
    .styles_card__N4oL9 {
        height: 140px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

.styles_header__s0Vyi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 18px
}

.styles_header__s0Vyi p > * {
    display: flex;
    align-items: center;
    gap: 7px
}

.styles_body__sq08D {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px
}

.styles_footer__NrzxD {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-muted-color)
}

.styles_button__scl_r {
    height: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    background: var(--light-stroke-color);
    border-radius: 6px;
    transition: box-shadow .2s
}

.styles_button__scl_r svg {
    width: 16px;
    height: 16px
}

.styles_button__scl_r:hover {
    box-shadow: var(--shadow-sm)
}

.styles_modal__1U341 {
    width: 400px !important
}

@media (max-width: 480px) {
    .styles_modal__1U341 {
        width: 100% !important
    }
}

.styles_container__2x_W3 {
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: center;
    gap: 20px
}

@media (max-width: 480px) {
    .styles_container__2x_W3 {
        padding: 0
    }
}

.styles_chip__28ifD {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    background: var(--Accent---BG, #e6eeff);
    color: var(--Accent, #0052ff);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.styles_chip__28ifD svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.styles_chip__28ifD svg path {
    stroke: var(--accent-color)
}

.styles_content__rpJ3i {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    align-self: stretch
}

.styles_title__v_TlD {
    color: var(--Main, #002269);
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.styles_text__oGs3v {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch
}

.styles_text__oGs3v p {
    color: var(--Text-1, #8091b5);
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.styles_cardTitle__bQqbD {
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase
}

.styles_empty__gENUs {
    width: 30px;
    height: 30px;
    content: "";
    display: block
}

.styles_desktop__pgk0L {
    display: grid
}

@media (max-width: 480px) {
    .styles_desktop__pgk0L {
        display: none
    }
}

.styles_mobileButtons__j1LkA {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 5px;
    gap: 5px;
    margin-bottom: 20px
}

.styles_mobileButton__DOrzu {
    border: var(--border);
    background-color: var(--block-bg, #f9fafb);
    height: 40px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-family: Inter;
    font-weight: 500;
    line-height: 14px
}

.styles_mobileButton__DOrzu svg {
    width: 16px;
    height: 16px
}

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

.styles_freezedTrust__wWkmY {
    width: 110px;
    margin-left: 12px;
    display: inline-flex;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 24px;
    background: var(--Not-available-BG, #ebeef8);
    color: var(--Text-1, #8091b5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.styles_freezedTrust__wWkmY svg, .styles_helpIcon__CzWkW {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.styles_freezedFooter__A5dku {
    display: flex;
    align-items: center;
    gap: 6px
}

.styles_freezedFooter__A5dku b {
    color: var(--Main, #002269);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px
}

.styles_wrapper__GKp_W {
    padding: 5px;
    display: block;
    transition: background-color .2s
}

.styles_wrapper__GKp_W svg {
    transition: .2s;
    fill: var(--block-bg-color)
}

.styles_wrapper__GKp_W svg [data-value=arrow] {
    stroke: var(--accent-color);
    transition: .2s
}

.styles_wrapper__GKp_W:hover svg {
    fill: var(--accent-color);
    transition: .2s
}

.styles_wrapper__GKp_W:hover svg [data-value=arrow] {
    stroke: var(--block-bg-color)
}

.styles_wrapper__GKp_W:hover [data-value=info] {
    fill: var(--block-bg-color);
    stroke: var(--accent-color)
}

.styles_title__PfMYt {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--text-muted-color);
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_mobile__m2lHu {
    display: none
}

@media (max-width: 480px) {
    .styles_mobile__m2lHu {
        display: block
    }

    .styles_desktop__wqwH_ {
        display: none
    }
}

.styles_currency__QHD6B {
    color: var(--text-muted-color);
    background-color: var(--primary-transparent-color);
    font-size: 12px;
    height: 20px;
    line-height: 16px
}

@media (max-width: 480px) {
    .styles_listItem__WEC_Q {
        grid-template-columns:100%;
        padding: 10px;
        border-radius: 12px
    }

    .styles_listItem__WEC_Q > :nth-child(2), .styles_listItem__WEC_Q > :nth-child(3), .styles_listItem__WEC_Q > :nth-child(4) {
        display: none
    }

    .styles_mobileStyle__NLIIA {
        gap: 20px !important;
        grid-template-columns:calc(100% - 140px) 120px !important
    }

    .styles_mobileStyle__NLIIA > :nth-child(3) {
        text-align: right;
        display: block !important
    }
}

.styles_step__WXoXR {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: var(--accent-color);
    text-align: center
}

.styles_title__A0VxB {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: center
}

.styles_subTitle__9fxeL {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color);
    text-align: center
}

.styles_subTitle__9fxeL b {
    font-weight: 600;
    color: var(--accent-color)
}

.styles_block__Zkp2R, .styles_intro__FJgPd {
    margin-bottom: 20px
}

.styles_loader__D8qsQ {
    margin-top: 20px;
    display: flex;
    justify-content: center
}

.styles_avatar__4MLcB {
    margin: 30px 0 20px
}

.styles_avatar__4MLcB, .styles_qrContainer__9BeH9 {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_qrContainer__9BeH9 {
    overflow: hidden;
    position: relative;
    height: 200px;
    width: 100%;
    background: var(--input-bg-color);
    border: 1px solid var(--input-stroke-color);
    border-radius: 12px
}

.styles_container__rjHrz {
    font-weight: 500;
    font-size: 20px;
    justify-content: space-between;
    width: 100%
}

.styles_container__rjHrz, .styles_currency__6RLAi {
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_fiat__Wjtyz {
    width: 36px;
    height: 36px;
    background-color: var(--accent-color);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.styles_value__M24fp {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px
}

.styles_input__tLAF2 {
    width: 100%;
    text-align: right;
    transition: color .2s ease
}

.styles_input__tLAF2.styles_muted__zT4lj {
    color: var(--text-muted-color)
}

.styles_input__tLAF2.styles_placeHolder__xPBQb {
    color: var(--text-muted-light-color)
}

.styles_container__zrRPi {
    position: relative
}

.styles_icon__RtYs4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.styles_timer__t0IsU {
    display: flex;
    gap: 10px;
    align-items: center
}

.styles_timerValue__Q0X12 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}

.styles_timerDescription__hyRap {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--text-muted-color)
}

.styles_block__j3gsT, .styles_intro__oM54P {
    margin-bottom: 30px
}

.styles_notification__fmts4 {
    margin-top: 20px;
    border-radius: 12px;
    padding: 16px 20px
}

.styles_notificationTitle__1lwsx {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.styles_notificationText__axmpO {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-muted-color)
}

.styles_notificationText__axmpO b {
    color: var(--accent-color);
    font-weight: 600
}

.styles_block__3v0eH, .styles_intro__xaCHf {
    margin-bottom: 30px
}

.styles_modal__CZ35M {
    width: 400px !important
}

@media (max-width: 480px) {
    .styles_modal__CZ35M {
        width: 100% !important
    }
}

.styles_content__qNO1z {
    overflow: visible;
    padding: 30px
}

@media (max-width: 480px) {
    .styles_content__qNO1z {
        padding: 15px;
        overflow: scroll
    }
}

.styles_modal__2SlVQ {
    width: 400px
}

@media (max-width: 480px) {
    .styles_modal__2SlVQ {
        width: 100%
    }
}

.styles_container__qWp8c {
    padding: 40px 30px 30px
}

@media (max-width: 480px) {
    .styles_container__qWp8c {
        padding: 0
    }
}

.styles_card__2G1iW {
    padding: 15px 20px;
    border-radius: 16px;
    box-sizing: border-box
}

.styles_rate__0MmG7 {
    border-radius: 8px 8px 0 0;
    background-color: var(--accent-bg-color);
    height: 32px;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: var(--accent-color)
}

.styles_balance__Hi7Rp {
    padding: 15px 20px;
    border: var(--border);
    border-top: none;
    border-radius: 0 0 16px 16px
}

.styles_title__YghFO {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.styles_body__EAQ_s {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px
}

.styles_footer__WkF3Z {
    line-height: 18px
}

.styles_container__2q2fa, .styles_footer__WkF3Z {
    font-weight: 500;
    font-size: 14px;
    color: var(--text-muted-color)
}

.styles_container__2q2fa {
    display: block;
    content: "";
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
    cursor: pointer;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    align-self: center
}

.styles_emptyBlock__jXQeU {
    text-align: center;
    height: 100%;
    padding-left: 20px
}

.styles_badge__fxUJV, .styles_emptyBlock__jXQeU {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_badge__fxUJV {
    width: 180px;
    height: 32px;
    border-radius: 8px;
    padding: 4px 8px;
    background-color: var(--accent-bg-color);
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: var(--accent-color);
    margin-top: 20px
}

.styles_intro__eYYgn {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.styles_block__te7ca {
    margin-bottom: 20px
}

.styles_balance___ATBK {
    margin-bottom: 30px;
    width: 100%
}

.styles_block__LPtPY, .styles_intro__MkFMu {
    margin-bottom: 30px
}

.styles_modal__C5G7W {
    max-width: 400px
}

.styles_modal__C5G7W > * {
    width: 100%
}

.styles_container__b43f4 {
    padding: 20px 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px
}

@media (max-width: 480px) {
    .styles_container__b43f4 {
        padding: 0
    }
}

.styles_date__jUwgY {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: var(--text-muted-color)
}

.styles_intro__HN86i {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center
}

.styles_block__qp8Cn {
    width: 100%
}

.styles_status__5sylT {
    font-size: 20px;
    line-height: 20px;
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.styles_title__txg6w {
    font-weight: 500
}

.styles_subTitle__5eNn8 {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-muted-color)
}

.styles_buttons__FZwXr {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.styles_button__V23HB {
    height: 48px
}

.styles_container__IW0VT {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px
}

.styles_refetch__kQJMN {
    width: 100%
}

.styles_refetch__kQJMN button {
    height: 48px
}

.styles_buttons__ssfxZ {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.styles_modal__mdzTS {
    width: 300px
}

@media (max-width: 480px) {
    .styles_modal__mdzTS {
        width: 100%
    }
}

.styles_errorText__WVf87, .styles_label__jtkqF {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 8px;
    display: block;
    color: var(--text-muted-color)
}

.styles_errorText__WVf87 {
    padding-bottom: 0;
    padding-top: 5px
}

.styles_error__ziqk5 {
    color: var(--failed-color)
}

.styles_sm__c7TXi {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.styles_fields__sQp7m {
    display: grid;
    grid-gap: 15px;
    gap: 15px
}

.styles_error__FUUjq {
    font-size: 12px
}

.styles_wallet__ee_Vs {
    width: 100%;
    padding: 8px 10px;
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:auto 1fr;
    border-radius: 8px;
    background-color: var(--hover-bg-color)
}

.styles_walletContent__mAfVC {
    width: 100%;
    display: grid;
    grid-template-columns:1fr
}

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

.styles_walletTitle__CYTgq {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.styles_walletValue__JeGlG {
    font-weight: 500;
    font-size: 12px;
    line-height: 10px;
    color: var(--text-muted-color)
}

.styles_container__9TWiz {
    padding: 30px 20px;
    display: grid;
    grid-gap: 20px;
    gap: 20px
}

.styles_modalSecond__yCREf {
    width: 340px
}

@media (max-width: 480px) {
    .styles_modalSecond__yCREf {
        width: 100%
    }
}

.styles_container__8YVNt {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 20px
}

.styles_title__WnXNL {
    color: var(--Main, #002269);
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.styles_blockTitle__R35_n {
    color: var(--Text-1, #8091b5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px
}

.styles_input__HBSsz {
    border-radius: 8px
}

@media (max-width: 480px) {
    .styles_mobileStyle__mfhIy {
        gap: 20px !important;
        grid-template-columns:calc(100% - 140px) 120px !important
    }

    .styles_mobileStyle__mfhIy > :nth-child(3) {
        text-align: right;
        display: block !important
    }
}

.styles_tabs__EvfjG {
    display: flex;
    gap: 10px;
    margin-bottom: 30px
}

.styles_tab__N_oft {
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color);
    background-color: #f8f9fc;
    border-radius: 8px;
    transition: .3s
}

.styles_tab__N_oft svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.styles_tab__N_oft path {
    transition: .3s;
    stroke: var(--text-muted-color)
}

.styles_tab__N_oft.styles_active__MsWOy, .styles_tab__N_oft:hover {
    background-color: #f0f4fc;
    color: var(--text-base-color)
}

.styles_tab__N_oft.styles_active__MsWOy path, .styles_tab__N_oft:hover path {
    stroke: var(--accent-color)
}

:host ::ng-deep .swiper-pagination {
    text-align: right !important;
    left: auto !important;
    right: 15px !important;
    bottom: 15px !important;
    width: auto !important
}

.styles_subTitle__M9Czu {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color);
    text-align: center
}

.styles_subTitle__M9Czu b {
    font-weight: 600;
    color: var(--accent-color)
}

.styles_title__aHurC {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-align: center
}

.styles_card__7IY7H {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    height: var(--controls-height-lg)
}

.styles_card__7IY7H > div:nth-child(2) {
    flex-grow: 1
}

@media (max-width: 480px) {
    .styles_card__7IY7H {
        border-radius: 8px
    }
}

.styles_danger__FGK4e {
    border: 1px solid var(--failed-color) !important
}

.styles_block__IJVsn {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:100%
}

.styles_title__EXthx {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--text-muted-color);
    text-transform: uppercase
}

.styles_text___ZZ_B {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px
}

.styles_titleBlock__xhHna {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_content__h0r1c {
    display: grid;
    width: 100%;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_input__BTS_g {
    transition: color .2s ease;
    font-size: 16px;
    line-height: 20px
}

.styles_input__BTS_g.styles_muted__BdANx {
    color: var(--text-muted-color)
}

.styles_input__BTS_g::placeholder {
    color: var(--text-muted-light-color)
}

.styles_inputFullWidth__V8qzF {
    width: calc(100% - 48px)
}

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

.styles_inputsGrid__eWku5 input:first-child {
    width: calc(80% - 8px)
}

.styles_inputsGrid__eWku5 input:nth-child(2) {
    width: 20%
}

.styles_qrContainer__9BeH9 {
    overflow: hidden;
    position: relative;
    height: 200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--input-bg-color);
    border: 1px solid var(--input-stroke-color);
    border-radius: 12px
}

.styles_qr__18h3c {
    width: 150px;
    height: 150px
}

.styles_showContainer__IfxY3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fafbfcbf;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 1;
    transition: opacity .3s
}

.styles_showContainer__IfxY3.styles_hidden__H6cjP {
    opacity: 0;
    pointer-events: none
}

.styles_show__RU5d2 {
    background: #fff;
    border: 1px solid #eef2f9;
    border-radius: 8px;
    min-width: 220px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    transition: .2s;
    box-shadow: 0 4px 10px #123e7003
}

.styles_show__RU5d2:hover {
    box-shadow: var(--shadow-sm)
}

.styles_avatar__eF1DV {
    font-size: 20px
}

.styles_text__xa366 {
    max-width: calc(100% - 96px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.styles_copy__FGLbN {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 6px;
    border-radius: 50%;
    transition: background-color .3s
}

.styles_copy__FGLbN:hover {
    background-color: var(--accent-bg-color)
}

.styles_copy__FGLbN .styles_copyIcon__KzfF6 {
    width: 24px;
    height: 24px
}

.styles_copy__FGLbN .styles_copyIcon__KzfF6 path {
    transition: .15s ease-in
}

.styles_copy__FGLbN.styles_active__gwVEv .styles_copyIcon__KzfF6 path {
    stroke: var(--accent-color)
}

.styles_copy__FGLbN.styles_active__gwVEv .styles_checkIcon__GqG_K {
    top: 14px
}

.styles_copy__FGLbN .styles_checkIcon__GqG_K {
    transition: .15s ease-in;
    position: absolute;
    top: -18px;
    left: 10px;
    width: 12px;
    height: 12px
}

.styles_titleBlock__u4MIn {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_content__5B224 {
    display: grid;
    width: 100%;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_input__Tf3fi {
    transition: color .2s ease;
    font-size: 16px;
    line-height: 20px
}

.styles_input__Tf3fi.styles_muted__kBSax {
    color: var(--text-muted-color)
}

.styles_input__Tf3fi::placeholder {
    color: var(--text-muted-light-color)
}

.styles_inputFullWidth__N_TWO {
    width: calc(100% - 48px)
}

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

.styles_inputsGrid__i0BR2 input:first-child {
    width: calc(80% - 8px)
}

.styles_inputsGrid__i0BR2 input:nth-child(2) {
    width: 20%
}

.styles_controls__jnWhA {
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.styles_controls__jnWhA button {
    height: 48px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px
}

.styles_modal__z5ej3 {
    width: 400px !important;
    overflow: visible !important
}

@media (max-width: 480px) {
    .styles_modal__z5ej3 {
        width: 100%
    }
}

.styles_container__xjnv_ {
    padding: 30px 20px
}

@media (max-width: 480px) {
    .styles_container__xjnv_ {
        padding: 0
    }
}

.styles_deviceImage__lqzrV {
    height: 100%;
    width: 113px
}

.styles_contentWrapper__8FfP4 {
    height: 100%;
    position: relative;
    width: 113px
}

.styles_content__jnXN_ {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 18px 16px 21px 14px
}

.styles_logo__SDUqm {
    width: 60.417px;
    height: 10px;
    flex-shrink: 0
}

.styles_body__J9PHr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px
}

.styles_bodyText__o70W_ {
    color: var(--Main, #002269);
    text-align: center;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.styles_footer__hxXEq {
    display: flex;
    width: 100%;
    padding: 6px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase
}

.styles_info__en53O {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    min-width: 0;
    gap: 10px
}

.styles_link__a1KRE {
    min-width: 0;
    display: flex;
    padding: 15px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--White, #fff);
    width: 100%;
    transition: box-shadow .2s ease
}

.styles_link__a1KRE:hover {
    box-shadow: var(--shadow-sm)
}

.styles_linkBody__QzY01 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    flex: 1 0
}

.styles_linkBody__QzY01 .styles_value__02vPH {
    width: 100%;
    color: var(--Main, #002269);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.styles_linkBody__QzY01 .styles_description__rc4IS {
    width: 100%;
    color: var(--Text-1, #8091b5);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.styles_chevron__c1fR2 {
    width: 24px;
    height: 24px
}

.styles_content__5D0SW {
    padding: 15px;
    gap: 20px;
    align-self: stretch;
    border-radius: 8px;
    background: #fff;
    flex-grow: 1;
    min-height: 0
}

.styles_content__5D0SW, .styles_list__8p7kY {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.styles_list__8p7kY {
    gap: 10px
}

.styles_item__EHu5H {
    color: var(--Text-1, #8091b5);
    font-weight: 500
}

.styles_item__EHu5H, .styles_item__EHu5H b {
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    line-height: 10px
}

.styles_item__EHu5H b {
    color: var(--Accent, #0052ff);
    font-weight: 600
}

.styles_stateList___ARHI {
    flex-direction: column
}

.styles_stateItem__d7JGV, .styles_stateList___ARHI {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%
}

.styles_stateItem__d7JGV {
    color: var(--Main, #002269);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap
}

.styles_stateItem__d7JGV .styles_text__tq4Df {
    text-overflow: ellipsis;
    flex-grow: 1;
    overflow: hidden
}

.styles_stateItem__d7JGV .styles_avatar__p_W87 {
    display: flex;
    padding: 3px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 50%
}

.styles_stateItem__d7JGV .styles_avatar__p_W87 svg {
    width: 12px;
    height: 12px
}

.styles_container__3dmSA {
    flex-grow: 1;
    display: flex;
    gap: 20px;
    align-self: stretch;
    align-items: center;
    justify-content: center
}

.styles_container__SwPE9 {
    position: relative;
    display: grid;
    width: 100%
}

.styles_head__KR_Uz {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px
}

.styles_chevron__DIdXv {
    width: 10px;
    height: 10px;
    transition: .2s ease-in
}

.styles_chevron__DIdXv path {
    stroke: var(--accent-color)
}

.styles_chevron__DIdXv.styles_active___29Qq {
    transform: rotateX(180deg)
}

.styles_chevronDesktop__X9fQi {
    width: 24px;
    height: 24px;
    transition: .2s ease-in
}

.styles_chevronDesktop__X9fQi.styles_active___29Qq {
    transform: rotateX(180deg)
}

.styles_ddButton__6nmDJ {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--accent-color)
}

.styles_cardContainer__rNODl {
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_text__dE_7D {
    max-width: 218px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--accent-color)
}

.styles_text__dE_7D.styles_muted__vMaUc {
    color: var(--text-muted-light-color)
}

.styles_ddListWrapper__VJeC0 {
    background-color: #fff;
    width: 100%;
    height: 0;
    position: absolute;
    top: calc(100% + 10px);
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 1;
    border-radius: 8px;
    box-shadow: 0 10px 40px #0022691a;
    transition: height .2s ease-in
}

.styles_ddListWrapper__VJeC0.styles_active___29Qq {
    height: 229px
}

.styles_ddListWrapper__VJeC0.styles_active___29Qq .styles_ddListContainer__jj_HW {
    padding-top: 12px;
    padding-bottom: 12px
}

.styles_ddListContainer__jj_HW {
    transition: padding .2s ease-in;
    border-radius: 8px;
    border: var(--border);
    width: 100%;
    padding: 0 20px 0 10px;
    height: 100%
}

.styles_ddList__gKgA5 {
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-right: 10px
}

.styles_ddList__gKgA5::-webkit-scrollbar {
    width: 3px
}

.styles_ddList__gKgA5::-webkit-scrollbar-track {
    background: #f2f4f8
}

.styles_ddList__gKgA5::-webkit-scrollbar-thumb {
    background-color: #b9c3d7;
    border-radius: 20px
}

.styles_ddItem__crsoi {
    width: 100%;
    padding: 8px 10px;
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:auto 1fr;
    border-radius: 8px;
    cursor: pointer
}

.styles_ddItem__crsoi:hover {
    background-color: var(--hover-bg-color)
}

.styles_itemContent__ehcSe {
    width: 100%;
    display: grid;
    grid-template-columns:1fr
}

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

.styles_itemTitle__1JZQm {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.styles_itemValue__kFz2t {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-muted-color)
}

.styles_activeItem__MZKtM .styles_itemTitle__1JZQm {
    color: var(--accent-color)
}

.styles_activeItem__MZKtM .styles_itemValue__kFz2t {
    color: var(--text-base-color)
}

.styles_emptyBlock__jXQeU {
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px
}

.styles_title__Ssptd {
    color: var(--Main, #002269);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important
}

.styles_subTitle__inkIH {
    color: var(--Main, #002269);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.styles_ddTitle__WTV8t {
    text-transform: capitalize !important
}

.styles_page__CqAjr {
    max-width: 620px;
    display: flex;
    gap: 30px;
    flex-direction: column
}

.styles_section__cg96K {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.styles_inputGrid__MfzLn {
    display: grid;
    grid-template-columns:1fr 210px;
    grid-gap: 10px;
    gap: 10px
}

.styles_container___bVT3 {
    width: 100%
}

.styles_text__GSUqZ {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.styles_container__2q2fa {
    display: block;
    content: "";
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    align-self: center
}

.styles_hideLabel__nvZmZ {
    padding-right: 0;
    font-size: 0
}

.styles_container__2q2fa input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.styles_checkmark__ePjou {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--block-bg-color);
    border: var(--border);
    border-radius: 6px;
    transition: .1s
}

.styles_container__2q2fa:hover input ~ .styles_checkmark__ePjou {
    background-color: var(--accent-bg-color)
}

.styles_container__2q2fa input:checked ~ .styles_checkmark__ePjou {
    background-color: var(--accent-color)
}

.styles_checkmark__ePjou svg {
    position: absolute;
    height: 15px;
    width: 15px;
    top: -24px;
    left: 2px;
    transition: .1s ease-in;
    transform: translateY(-50%)
}

.styles_checkmark__ePjou svg path {
    stroke: #fff
}

.styles_container__2q2fa input:checked ~ .styles_checkmark__ePjou svg {
    top: 50%
}

.styles_lg__CjjtW.styles_container__2q2fa {
    padding-left: 36px;
    font-size: 16px;
    line-height: 24px
}

.styles_lg__CjjtW .styles_checkmark__ePjou {
    width: 24px;
    height: 24px
}

.styles_lg__CjjtW .styles_checkmark__ePjou svg {
    width: 20px;
    height: 20px
}

.styles_modal__9lIQP {
    width: 360px !important
}

@media (max-width: 480px) {
    .styles_modal__9lIQP {
        width: 100% !important
    }
}

.styles_container__26T99 {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 30px
}

.styles_intro__QcVFu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px
}

.styles_intro__QcVFu .styles_title__MWFFi {
    color: var(--Main, #002269);
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.styles_intro__QcVFu .styles_description__t8osx {
    color: var(--Text-1, #8091b5);
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.styles_form__z__jI {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.styles_titleWrapper__FTt0x {
    z-index: 1
}

.styles_titleText__RhiPz {
    width: calc(100% - 140px)
}

.styles_subTitle__680BS {
    color: var(--Text-1, #8091b5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.styles_info__taNkt {
    display: grid;
    grid-template-columns:100%;
    grid-gap: 20px;
    gap: 20px
}

.styles_grid__RYKjh {
    display: grid;
    grid-template-columns:repeat(2, calc(50% - 10px));
    grid-gap: 20px;
    gap: 20px;
    align-items: stretch
}

@media (max-width: 576px) {
    .styles_grid__RYKjh {
        grid-template-columns:100%
    }
}

.styles_column__iteZ0 {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.styles_column__iteZ0 > * {
    width: 100%
}

.styles_gridColumn__AquLP {
    display: grid;
    grid-template-columns:100%;
    grid-gap: 20px;
    gap: 20px;
    align-items: stretch
}

.styles_data__8Y_LJ {
    display: grid;
    grid-template-columns:repeat(2, calc(50% - 10px));
    grid-gap: 20px;
    gap: 20px;
    align-items: stretch
}

@media (max-width: 1200px) {
    .styles_data__8Y_LJ {
        grid-template-columns:100%
    }
}

.styles_management__Xo2H_ {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 20px;
    gap: 20px
}

@media (max-width: 1200px) {
    .styles_management__Xo2H_ {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 576px) {
    .styles_management__Xo2H_ {
        grid-template-columns:100%
    }
}

.styles_avatar__1mLMd {
    width: 48px;
    height: 48px
}

.styles_avatar__1mLMd svg {
    width: 24px;
    height: 24px
}

.styles_infoItem__yE3ho {
    border-radius: 16px;
    border: 1px solid var(--light-stroke, #eef2f9);
    background: var(--block-bg, #f9fafb);
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 20px;
    height: 88px
}

.styles_infoItemRight__5rFDk {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 10px;
    flex-grow: 1
}

.styles_infoItemHeader__SNpAd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    align-self: stretch
}

.styles_infoItemTitle__KQ5Wi {
    color: var(--Text-1, #8091b5);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.styles_infoItemDescription__Bro1p {
    color: var(--Main, #002269);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_bankContent__kBf1L {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-grow: 1
}

.styles_bankContented__Sp_Jt {
    padding: 10px;
    align-items: center;
    background: var(--Accent---BG, #e6eeff);
    color: var(--Accent, #0052ff);
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.styles_bankContented__Sp_Jt, .styles_connectBank__unGJP {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    border-radius: 8px
}

.styles_connectBank__unGJP {
    height: 48px;
    padding: 5px 10px;
    align-items: flex-start;
    flex-shrink: 0;
    border: 1px solid var(--Light-Stroke, #eef2f9);
    background: #fff;
    transition: box-shadow .3s;
    cursor: pointer
}

.styles_connectBank__unGJP:hover {
    box-shadow: var(--shadow-sm)
}

.styles_connectBank__unGJP .styles_connectTitle__rmv7X {
    color: var(--Text-1, #8091b5);
    text-align: right;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.styles_connectBank__unGJP .styles_connectValue__Fe3QV {
    color: var(--Accent, #0052ff);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.styles_bankAvatar__4W2Lh {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_bankAvatar__4W2Lh img {
    width: 24px;
    height: 24px
}

.styles_infoDescription___T2QN {
    border-radius: 16px;
    border: 1px solid var(--light-stroke-color, #eef2f9);
    background: var(--block-bg-color, #f9fafb);
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 15px
}

.styles_infoDescriptionTitle__TREtW {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.styles_infoDescriptionText__aG79x {
    color: var(--text-muted-color, #8091b5);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_buttonsRow__dNxPE {
    display: flex;
    align-items: center;
    gap: 15px
}

.styles_source__99V6K {
    flex-direction: column !important;
    align-items: flex-start;
    gap: 20px;
    height: 304px !important
}

.styles_source__99V6K > * {
    width: 100%
}

.styles_sourceHead__gqVkv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.styles_sourceHeadTitle__dojFx {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.styles_change__qFBUo {
    color: var(--Accent, #0052ff);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.styles_bankImageContainer__4GqNw {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 36px;
    border: 1px solid var(--Light-Stroke, #eef2f9);
    background: #fff
}

.styles_bankImageContainer__4GqNw img {
    width: 24px;
    height: 24px
}

.styles_titleBlock__yCXjX {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_content__1fs_a {
    display: grid;
    width: 100%;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_input__eAnbE {
    transition: color .2s ease;
    font-size: 16px;
    line-height: 20px;
    width: calc(80% - 8px)
}

.styles_input__eAnbE.styles_muted__vFSES {
    color: var(--text-muted-color)
}

.styles_input__eAnbE::placeholder {
    color: var(--text-muted-light-color)
}

.styles_inputFullWidth__D3Xbb {
    width: calc(100% - 48px)
}

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

.styles_inputsGrid__xtYy9 input:nth-child(2) {
    width: 20%
}

.styles_container__Oq4_R {
    display: grid;
    grid-gap: 30px;
    gap: 30px;
    grid-template-columns:100%
}

.styles_content__saOpD {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_modal__M2ywy {
    width: 340px !important
}

@media (max-width: 480px) {
    .styles_modal__M2ywy {
        width: 100% !important
    }
}

.styles_container__18VjV {
    padding: 30px 20px
}

@media (max-width: 480px) {
    .styles_container__18VjV {
        padding: 0
    }
}

.styles_dropDownContainer__WrSof {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 2;
    transition: max-height .3s;
    border-radius: 12px;
    box-shadow: 0 10px 40px #0022691a
}

.styles_dropDownContainer__WrSof.styles_active__Wtlba {
    max-height: 620px
}

.styles_dropDown__u4HIK {
    overflow: hidden;
    width: 250px;
    background-color: #fff;
    border: var(--border);
    border-radius: 12px
}

.styles_dropDown__u4HIK li {
    width: 100%
}

.styles_dropDown__u4HIK li:last-child {
    margin-bottom: 12px
}

.styles_container__Sbl9X {
    position: relative
}

.styles_ddButton___yOe5 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    height: var(--controls-height);
    transition: .3s
}

.styles_ddButton___yOe5:hover {
    background-color: var(--accent-bg-color)
}

.styles_ddButton___yOe5:hover .styles_chevron__CsSZM path {
    stroke: var(--accent-color)
}

.styles_chevron__CsSZM {
    transition: .3s ease-in;
    transform: rotateX(0);
    width: 10px
}

.styles_chevron__CsSZM path {
    transition: .3s
}

.styles_chevron__CsSZM.styles_active__jWau9 {
    transform: rotateX(180deg)
}

.styles_chevron__CsSZM.styles_active__jWau9 path {
    stroke-opacity: 1;
    stroke: var(--accent-color)
}

.styles_head__iWret {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    gap: 12px;
    transition: .3s;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    border-bottom: var(--border);
    margin-bottom: 8px;
    background-color: var(--block-bg-color);
    transition: .25s
}

.styles_head__iWret svg {
    width: 15px;
    height: 15px
}

.styles_head__iWret path {
    stroke: var(--accent-color)
}

.styles_head__iWret:hover {
    background-color: var(--accent-bg-color);
    color: var(--accent-color)
}

.styles_item__cxEZY {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 20px;
    gap: 12px;
    transition: .3s;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer
}

.styles_item__cxEZY svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0
}

.styles_item__cxEZY:hover {
    background-color: var(--accent-bg-color)
}

.styles_item__cxEZY.styles_withStyle__nTVnk path {
    stroke: var(--accent-color)
}

.styles_separator__XwFXL {
    width: 210px;
    height: 2px;
    background-color: var(--bg-color);
    content: "";
    margin: 8px auto
}

.styles_modalProfileBlock__ai6zG {
    height: 60px;
    padding: 12px;
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    grid-template-columns:36px calc(100% - 48px);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    align-items: center
}

@media (max-width: 480px) {
    .styles_modalProfileBlock__ai6zG {
        border-radius: 12px
    }

    .styles_moreButton__tqRqF {
        justify-content: center
    }
}

.styles_blockText__btzrP {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 8px 20px
}

.styles_blockText__btzrP h5 {
    margin-bottom: 6px
}

.styles_blockText__btzrP p {
    color: var(--text-muted-color)
}

.styles_bankAvatar__UQLS4 {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_disabledText__sR2fY {
    color: var(--Text-1, #8091b5)
}

.styles_container__5vRXj, .styles_container__9MXHy, .styles_container__Qg09y, .styles_container__mj9sg {
    gap: 3px !important
}

.styles_container__Qhf8B {
    flex-direction: column !important;
    align-items: flex-start;
    height: auto;
    gap: 20px;
    width: 100%
}

.styles_container__Qhf8B > * {
    width: 100%
}

.styles_title__URyZh {
    color: var(--Main, #002269);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.styles_chart__2KPv6 {
    width: 100% !important;
    height: 234px !important;
    border-radius: 8px
}

.styles_description__GFtes {
    gap: 16px !important
}

.styles_control__vYDVV {
    color: var(--Text-2, #c2cde2);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.styles_control__vYDVV button {
    text-transform: uppercase
}

.styles_control__vYDVV .styles_active__2M8lv {
    color: var(--accent-color, #0052ff)
}

.styles_control__vwkpN {
    color: var(--Text-2, #c2cde2);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%
}

.styles_control__vwkpN button {
    text-transform: uppercase
}

.styles_control__vwkpN .styles_active__jdlON {
    color: var(--accent-color, #0052ff)
}

.styles_container__odrSS {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    width: 100%
}

.styles_rangeWrapper__U6CJP {
    width: 100%;
    overflow: auto
}

@media (max-width: 1200px) {
    .styles_rangeWrapper__U6CJP {
        padding-bottom: 5px
    }
}

.styles_rangeWrapper__U6CJP::-webkit-scrollbar {
    height: 4px;
    display: block
}

.styles_rangeWrapper__U6CJP::-webkit-scrollbar-track {
    background: #eef2f9
}

.styles_rangeWrapper__U6CJP::-webkit-scrollbar-thumb {
    background-color: #c2cde2;
    border-radius: 20px
}

.styles_range__Qeemx {
    width: max-content;
    display: flex;
    padding: 4px;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    border-radius: 6px;
    border: 1px solid var(--Light-Stroke, #eef2f9);
    background: #f6f7fc
}

.styles_range__Qeemx .styles_item__xPapK {
    display: flex;
    padding: 10px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Main, #002269);
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px
}

.styles_range__Qeemx .styles_item__xPapK.styles_active__S4w4h {
    border-radius: 6px;
    background: #fff
}

.styles_cards__u_9C_ {
    width: 100%;
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap: 20px;
    gap: 20px
}

@media (max-width: 1200px) {
    .styles_cards__u_9C_ {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 768px) {
    .styles_cards__u_9C_ {
        grid-template-columns:100%
    }
}

.styles_card__PFdvS {
    padding: 15px 20px;
    border: var(--border);
    border-radius: 8px;
    display: grid;
    grid-gap: 20px;
    gap: 20px
}

.styles_head__Gxcyw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px
}

.styles_status__3hZpr {
    display: flex;
    align-items: center;
    gap: 16px
}

.styles_statusChip__6ob9g {
    display: flex;
    padding: 6px 8px;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    background: var(--processing-bg-color, #fef3e3);
    color: var(--processing-color, #fef3e3);
    font-family: Inter;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 9px
}

.styles_statusChip__6ob9g svg {
    width: 10px;
    height: 10px
}

.styles_icon__PgMOn svg {
    height: 18px;
    width: auto
}

.styles_cardNumber__RDtLF {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 5px
}

.styles_cardName__xuHOI {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px
}

.styles_cardName__xuHOI.styles_nameSmall__TArNm {
    font-size: 14px
}

.styles_cardBank__Mtmfe {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--text-muted-color)
}

.styles_footer__uRJyV {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 20px;
    gap: 20px
}

.styles_footerValue___LMKa {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px
}

.styles_footerDescription__IkAVE {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--text-muted-color)
}

.styles_accent__PngTR {
    background: var(--accent-gradient)
}

.styles_warning__i_yF5 {
    background: var(--processing-gradient)
}

.styles_primary__Mv0gd {
    background: var(--primary-gradient)
}

.styles_danger__tSzUZ {
    background: var(--danger-gradient)
}

.styles_card__Rz3_p {
    border-radius: 4px;
    width: 60px;
    height: 40px;
    background: var(--card-gradient);
    display: flex;
    justify-content: flex-end;
    padding: 6px
}

.styles_icon___GLX9 svg {
    height: 8px;
    width: auto
}

.styles_info__izV4m {
    overflow: hidden
}

.styles_description__ryARO, .styles_title__Lb5wC {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.styles_title__Lb5wC {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px
}

.styles_description__ryARO {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-muted-color)
}

.styles_modal__CCFGd {
    width: 400px !important
}

@media (max-width: 480px) {
    .styles_modal__CCFGd {
        width: 100% !important
    }
}

.styles_container__b9gAp {
    padding: 30px 20px
}

@media (max-width: 480px) {
    .styles_container__b9gAp {
        padding: 0
    }
}

.styles_intro__uD_sT {
    display: grid;
    grid-gap: 30px;
    gap: 30px;
    margin-bottom: 20px
}

.styles_subTitle__TY8AN, .styles_title__8Yeic {
    text-align: center
}

.styles_title__8Yeic {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px
}

@media (max-width: 480px) {
    .styles_title__8Yeic {
        display: none
    }
}

.styles_subTitle__TY8AN {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.styles_block__4n7I7 {
    display: grid;
    grid-gap: 15px;
    gap: 15px;
    margin-bottom: 20px
}

.styles_cards__F9Qx4 {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 10px;
    gap: 10px
}

.styles_gridCardBody__SSu_H {
    font-weight: 500
}

.styles_statsContent__Fsmy5 {
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.styles_controls__KSgGx {
    margin-bottom: 30px
}

.styles_controlsBlock__6M1rl {
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.styles_button__M1qSK {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: var(--block-bg-color);
    border: var(--border);
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    border-radius: 12px;
    transition: box-shadow .2s
}

.styles_button__M1qSK svg {
    width: 20px;
    height: 20px
}

.styles_button__M1qSK:hover {
    box-shadow: var(--shadow-sm)
}

.styles_star__63mzR {
    justify-content: center;
    width: 100%;
    color: var(--accent-color, #0052ff)
}

.styles_star__63mzR svg path {
    stroke-width: 1px
}

.styles_limitContainer__Jbgpp {
    display: grid;
    grid-gap: 9px;
    gap: 9px;
    grid-template-columns:100%
}

.styles_limit__tnrM7 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 20px
}

.styles_barBg__Pciw1 {
    background: var(--not-available-bg-color);
    border-radius: 5px;
    width: 100%;
    height: 10px
}

.styles_cardInfo__Y34M2 {
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: normal
}

.styles_limitDescription__60fED {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px
}

.styles_limitDescription__60fED span {
    font-weight: 500
}

:root {
    --PhoneInput-color--focus: #03b2cb;
    --PhoneInputInternationalIconPhone-opacity: .8;
    --PhoneInputInternationalIconGlobe-opacity: .65;
    --PhoneInputCountrySelect-marginRight: .35em;
    --PhoneInputCountrySelectArrow-width: .3em;
    --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
    --PhoneInputCountrySelectArrow-borderWidth: 1px;
    --PhoneInputCountrySelectArrow-opacity: .45;
    --PhoneInputCountrySelectArrow-color: currentColor;
    --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountrySelectArrow-transform: rotate(45deg);
    --PhoneInputCountryFlag-aspectRatio: 1.5;
    --PhoneInputCountryFlag-height: 1em;
    --PhoneInputCountryFlag-borderWidth: 1px;
    --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, .5);
    --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, .1)
}

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

.PhoneInputInput {
    flex: 1 1;
    min-width: 0
}

.PhoneInputCountryIcon {
    width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
    height: var(--PhoneInputCountryFlag-height)
}

.PhoneInputCountryIcon--square {
    width: var(--PhoneInputCountryFlag-height)
}

.PhoneInputCountryIcon--border {
    background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)
}

.PhoneInputCountryIconImg {
    display: block;
    width: 100%;
    height: 100%
}

.PhoneInputInternationalIconPhone {
    opacity: var(--PhoneInputInternationalIconPhone-opacity)
}

.PhoneInputInternationalIconGlobe {
    opacity: var(--PhoneInputInternationalIconGlobe-opacity)
}

.PhoneInputCountry {
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    margin-right: var(--PhoneInputCountrySelect-marginRight)
}

.PhoneInputCountrySelect {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    border: 0;
    opacity: 0;
    cursor: pointer
}

.PhoneInputCountrySelect[disabled], .PhoneInputCountrySelect[readonly] {
    cursor: default
}

.PhoneInputCountrySelectArrow {
    display: block;
    content: "";
    width: var(--PhoneInputCountrySelectArrow-width);
    height: var(--PhoneInputCountrySelectArrow-width);
    margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
    border-style: solid;
    border-color: var(--PhoneInputCountrySelectArrow-color);
    border-top-width: 0;
    border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    border-left-width: 0;
    border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    transform: var(--PhoneInputCountrySelectArrow-transform);
    opacity: var(--PhoneInputCountrySelectArrow-opacity)
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
    opacity: 1;
    color: var(--PhoneInputCountrySelectArrow-color--focus)
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
    opacity: 1;
    color: var(--PhoneInputCountrySelectArrow-color--focus)
}

.styles_input__A7gP1 {
    transition: color .2s ease;
    font-size: 16px;
    line-height: 20px
}

.styles_input__A7gP1.styles_muted__FQ_qy {
    color: var(--text-muted-color)
}

.styles_input__A7gP1::placeholder {
    color: var(--text-muted-light-color)
}

.styles_inputFullWidth__x0BdH {
    flex-grow: 1;
    width: 100%
}

.styles_titleBlock___iyWM {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_content__612NE {
    display: grid;
    width: 100%;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_input__d1dCa {
    transition: color .2s ease;
    font-size: 16px;
    line-height: 20px;
    width: calc(80% - 8px)
}

.styles_input__d1dCa.styles_muted__F4Fw2 {
    color: var(--text-muted-color)
}

.styles_input__d1dCa::placeholder {
    color: var(--text-muted-light-color)
}

.styles_inputFullWidth__r2n00 {
    width: calc(100% - 48px)
}

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

.styles_inputsGrid__W9CzG input:nth-child(2) {
    width: 20%
}

.styles_container__DhgeH {
    display: grid;
    grid-gap: 30px;
    gap: 30px;
    grid-template-columns:100%
}

.styles_content__aZJ7g {
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_modal__kk2DI {
    width: 340px
}

@media (max-width: 480px) {
    .styles_modal__kk2DI {
        width: 100%
    }
}

.styles_container___UGnE {
    padding: 30px 20px
}

@media (max-width: 480px) {
    .styles_container___UGnE {
        padding: 0
    }
}

.styles_modal__t9AS3 {
    width: 400px
}

@media (max-width: 480px) {
    .styles_modal__t9AS3 {
        width: 100%
    }
}

.styles_content__TX9Lx {
    padding: 30px
}

@media (max-width: 480px) {
    .styles_content__TX9Lx {
        padding: 0
    }
}

.styles_titleBlock__MwxLn {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_variantText__ODr2_ {
    font-weight: 500;
    font-size: 16px
}

.styles_sber____GWM svg path {
    stroke: none !important
}

.styles_checkBox__E23rE, .styles_container__5epAr {
    display: flex;
    align-items: center
}

.styles_checkBox__E23rE {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--light-stroke-color, #eef2f9);
    background: var(--light-stroke-color, #eef2f9);
    justify-content: center
}

.styles_dot__hfl6C {
    width: 10px;
    height: 10px;
    content: "";
    border-radius: 50%;
    background-color: var(--accent-color)
}

.styles_container__F_ewe {
    display: grid;
    grid-template-columns:auto 1fr
}

.styles_radioBox__n_yu2 {
    padding-right: 10px
}

.styles_modal__iT3Od {
    width: 480px
}

@media (max-width: 480px) {
    .styles_modal__iT3Od {
        width: 100%
    }
}

.styles_second__raUqU {
    width: 360px
}

@media (max-width: 480px) {
    .styles_second__raUqU {
        width: 100%
    }
}

.styles_results__lLMCz {
    width: 100%;
    margin: 25px 0;
    overflow: auto
}

.styles_results__lLMCz ul {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:100%
}

.styles_scroll__V726_ {
    height: 293px;
    padding-right: 20px
}

.styles_scroll__V726_::-webkit-scrollbar {
    width: 4px
}

.styles_scroll__V726_::-webkit-scrollbar-track {
    background: #f2f4f8
}

.styles_scroll__V726_::-webkit-scrollbar-thumb {
    background-color: #b9c3d7;
    border-radius: 20px
}

.styles_selectedCount__UtQmV {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color);
    margin-bottom: 20px;
    text-align: center
}

.styles_container__LTyh_ {
    padding: 30px
}

@media (max-width: 480px) {
    .styles_container__LTyh_ {
        padding: 0
    }
}

.styles_titleBlock__YcxwX {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_searchInput__fE0yF {
    width: calc(100% - 48px);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.styles_searchInput__fE0yF::placeholder {
    color: var(--text-muted-light-color)
}

.styles_container__ULYrn {
    padding: 30px
}

@media (max-width: 480px) {
    .styles_container__ULYrn {
        padding: 0
    }
}

.styles_titleBlock__jW_gK {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_checkBox__pUp7R {
    margin: 20px 0
}

.styles_modal__qTEsA {
    width: 400px
}

@media (max-width: 480px) {
    .styles_modal__qTEsA {
        width: 100%
    }
}

.styles_second__FhAiq {
    width: 360px
}

@media (max-width: 480px) {
    .styles_second__FhAiq {
        width: 100%
    }
}

.styles_results__0QO0x {
    width: 100%;
    margin: 25px 0 20px;
    overflow: auto
}

.styles_results__0QO0x ul {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:100%
}

.styles_scroll__oM5xu {
    height: 293px;
    padding-right: 20px
}

.styles_scroll__oM5xu::-webkit-scrollbar {
    width: 4px
}

.styles_scroll__oM5xu::-webkit-scrollbar-track {
    background: #f2f4f8
}

.styles_scroll__oM5xu::-webkit-scrollbar-thumb {
    background-color: #b9c3d7;
    border-radius: 20px
}

.styles_selectedCount__ujb8F {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color);
    margin-bottom: 20px;
    text-align: center
}

.styles_container__RATKJ {
    padding: 30px
}

@media (max-width: 480px) {
    .styles_container__RATKJ {
        padding: 0
    }
}

.styles_titleBlock__qXLCn {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_accountBlock__QgRYF {
    margin-bottom: 30px
}

.styles_input__xzMyA {
    transition: color .2s ease;
    font-size: 16px;
    line-height: 20px;
    width: calc(80% - 8px)
}

.styles_input__xzMyA.styles_muted__20FmH {
    color: var(--text-muted-color)
}

.styles_input__xzMyA::placeholder {
    color: var(--text-muted-light-color)
}

.styles_inputFullWidth__IjJBm {
    width: calc(100% - 48px)
}

.styles_container__g1Q6y {
    padding: 30px
}

@media (max-width: 480px) {
    .styles_container__g1Q6y {
        padding: 0
    }
}

.styles_titleBlock__FswoY {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    margin-bottom: 30px
}

.styles_checkBox__9qUs0 {
    margin: 20px 0
}

.styles_accountBlock__fuWjR {
    margin-bottom: 30px
}

.styles_grid__NqXHS {
    display: grid;
    width: 100%;
    grid-template-columns:repeat(3, calc(33% - 10px));
    grid-gap: 20px;
    gap: 20px
}

@media (max-width: 1200px) {
    .styles_grid__NqXHS {
        grid-template-columns:repeat(2, calc(50% - 10px))
    }
}

@media (max-width: 992px) {
    .styles_grid__NqXHS {
        grid-template-columns:1fr
    }
}

.styles_column__3JUEu {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.styles_addCard__AMZAV {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    transition: box-shadow .2s;
    border-radius: 8px;
    min-height: 161px
}

.styles_addCard__AMZAV:hover {
    box-shadow: var(--shadow-sm)
}

.styles_addCardTitle__LHlGh {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.styles_addCardDescription__i7u8u {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--text-muted-color)
}

.styles_ddSelected__FmUGf {
    font-size: 14px
}

.styles_container__AwnX6 {
    position: relative;
    width: 100%
}

.styles_button__O37_L {
    width: 100%;
    background: #fafbfc;
    border: 1px solid #eef2f9;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    height: var(--controls-height);
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    gap: 44px;
    align-items: center;
    transition: .3s;
    color: var(--text-muted-color)
}

.styles_button__O37_L:hover {
    background-color: var(--accent-bg-color)
}

.styles_button__O37_L:hover .styles_chevron__gnubt path {
    stroke: var(--accent-color)
}

.styles_selected__30pwY {
    width: calc(100% - 60px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.styles_chevron__gnubt {
    transition: .3s ease-in;
    transform: rotateX(0);
    width: 10px
}

.styles_chevron__gnubt path {
    transition: .3s
}

.styles_chevron__gnubt.styles_active__Jv5v0 {
    transform: rotateX(180deg)
}

.styles_chevron__gnubt.styles_active__Jv5v0 path {
    stroke-opacity: 1;
    stroke: var(--accent-color)
}

.styles_ddContainer__C9huW {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 2;
    height: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 10px 40px #0022690d;
    transition: .2s ease-in
}

.styles_ddContainer__C9huW.styles_active__Jv5v0 {
    height: 292px
}

.styles_dd___3hdJ {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #eef2f9;
    padding: 16px
}

.styles_dd___3hdJ input {
    font-size: 14px;
    line-height: 20px
}

.styles_dd___3hdJ input::placeholder {
    font-size: 14px;
    line-height: 20px
}

.styles_list__2ORSj {
    height: calc(100% - 50px);
    margin-top: 10px;
    overflow: auto
}

.styles_list__2ORSj::-webkit-scrollbar {
    width: 4px;
    display: block
}

.styles_list__2ORSj::-webkit-scrollbar-track {
    background: #eef2f9
}

.styles_list__2ORSj::-webkit-scrollbar-thumb {
    background-color: #c2cde2;
    border-radius: 20px
}

.styles_listScroll__T06mL {
    padding-right: 16px
}

.styles_listItem__0vYEl {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 12px;
    transition: .3s;
    cursor: pointer
}

.styles_listItem__0vYEl:hover {
    background: #fafbff
}

.styles_listEmpty__nxqRu {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px
}

.styles_listEmpty__nxqRu p {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.styles_listEmpty__nxqRu button {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--accent-color)
}

.styles_headContainer__Sf1v6 {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

@media (max-width: 480px) {
    .styles_headContainer__Sf1v6 {
        flex-direction: column;
        gap: 10px
    }
}

.styles_togglerBox__nbIDg {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color);
    white-space: nowrap
}

.styles_inputContainer__3FKrT {
    padding: 0 20px
}

.styles_inputContainer__3FKrT input {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important
}

.styles_grid__IY9Qd, .styles_grid__qmvgF {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:calc(50% - 5px) calc(50% - 5px)
}

.styles_datePicker__WPYnU {
    transition: .3s;
    height: 40px;
    border-radius: 8px
}

.styles_datePicker__WPYnU > * {
    height: 40px
}

.styles_datePicker__WPYnU div:first-child {
    padding-right: 20px
}

.styles_datePicker__WPYnU fieldset {
    border: var(--border);
    overflow: hidden;
    border-radius: 8px
}

.styles_datePicker__WPYnU input {
    height: 40px;
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
    transition: .3s;
    color: var(--text-base-color)
}

.styles_datePicker__WPYnU button {
    padding: 6px
}

.styles_datePicker__WPYnU svg {
    width: 18px;
    height: 18px;
    color: var(--text-muted-color)
}

.styles_datePicker__WPYnU:hover fieldset {
    border: var(--border) !important
}

.styles_datePicker__WPYnU label {
    font-size: 14px;
    line-height: 20px;
    transform: translate(14px, 10px) scale(1)
}

.styles_datePicker__WPYnU label[data-shrink=true] {
    transform: translate(14px, -8px) scale(.75)
}

.styles_card__2lQZ7 {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 12px;
    width: 100%
}

.styles_card__2lQZ7 > div:first-child {
    width: calc(65% - 5px)
}

.styles_card__2lQZ7 > div:nth-child(2) {
    width: calc(35% - 5px)
}

.styles_cardRight__8Qpks {
    text-align: right
}

.styles_dealUsdt__7XrS6 {
    color: var(--text-base-color)
}

.styles_card__RWDsa {
    border: var(--border);
    border-radius: 12px;
    background-color: var(--block-bg-color);
    padding: 12px;
    width: 100%;
    transition: box-shadow .3s
}

.styles_card__RWDsa:hover {
    box-shadow: var(--shadow-sm)
}

.styles_container__XaqR3 {
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_container__XaqR3 > div:nth-child(2) {
    width: calc(100% - 76px)
}

.styles_cardGradient__7bHvJ {
    border: 1px solid var(--accent-bg-color);
    border-radius: 12px;
    background: linear-gradient(275.58deg, #dfe9ff -100%, #f9fbff);
    padding: 16px 20px 24px
}

@media (max-width: 480px) {
    .styles_cardGradient__7bHvJ {
        border-radius: 8px
    }
}

.styles_cardGradient__7bHvJ.styles_danger__uGI5u {
    background: linear-gradient(275.58deg, var(--failed-bg-color) -100%, #fff 100%)
}

.styles_cardGradient__7bHvJ.styles_primary__WIm5Y {
    background: linear-gradient(275.58deg, var(--light-stroke-color) -100%, #fff 100%)
}

.styles_cardGradient__7bHvJ.styles_warning__y_Hpe {
    background: linear-gradient(275.58deg, var(--processing-bg-color) -100%, #fff 100%)
}

.styles_cardGradientTitle__rlvMi {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-muted-color)
}

.styles_cardGradientBody__IQzEB {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px
}

.styles_modal__mcSP2 {
    width: 360px
}

@media (max-width: 480px) {
    .styles_modal__mcSP2 {
        width: 100%
    }
}

.styles_container__4HmXn {
    padding: 40px 20px 30px
}

@media (max-width: 480px) {
    .styles_container__4HmXn {
        padding: 0
    }
}

.styles_intro__EITvM {
    display: flex;
    flex-direction: column;
    align-items: center
}

.styles_title__MeFrR {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 10px
}

.styles_title__MeFrR b {
    font-weight: 600;
    color: var(--accent-color)
}

.styles_subTitle__KYRVV {
    font-weight: 500;
    font-size: 10px;
    line-height: 18px;
    color: var(--text-muted-color)
}

.styles_body__ipto7 {
    margin-top: 30px;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns:100%;
    grid-gap: 10px;
    gap: 10px
}

.styles_grid__jCiQ4 {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 10px;
    gap: 10px
}

.styles_container__flGRf {
    display: flex;
    align-items: center;
    gap: 20px
}

@media (max-width: 480px) {
    .styles_container__flGRf {
        gap: 12px
    }
}

.styles_card__QHrML {
    background: var(--card-gradient);
    width: 92px;
    height: 62px;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 480px) {
    .styles_card__QHrML {
        width: 60px;
        height: 40px
    }
}

.styles_icon__uynph svg {
    height: 10px;
    width: auto
}

@media (max-width: 480px) {
    .styles_icon__uynph svg {
        height: 8px
    }
}

.styles_title__Iz__V {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 480px) {
    .styles_title__Iz__V {
        font-size: 14px;
        line-height: 14px
    }
}

.styles_description__slSAu {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: var(--text-muted-color)
}

@media (max-width: 480px) {
    .styles_description__slSAu {
        font-size: 12px;
        line-height: 14px
    }
}

.styles_disabled__wPJlV .styles_card__QHrML {
    background: linear-gradient(234.64deg, #b2b9c7 29.61%, #dbdcdd 84.78%)
}

.styles_disabled__wPJlV .styles_title__Iz__V {
    color: var(--text-muted-color)
}

.styles_disabled__wPJlV .styles_description__slSAu {
    color: var(--text-muted-light-color)
}

.styles_container__LUJxl {
    padding: 20px 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px
}

@media (max-width: 480px) {
    .styles_container__LUJxl {
        padding: 0
    }
}

.styles_date__07oXU {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: var(--text-muted-color)
}

.styles_intro__K5Dos {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center
}

.styles_status__WBDug {
    font-size: 20px;
    line-height: 20px;
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.styles_title___GEJv {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px
}

.styles_subTitle__VFiaT {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-muted-color)
}

.styles_amountBlock__QsViQ {
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.styles_currency__6IImu {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--text-muted-color)
}

.styles_cards__Fdcq_ {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    width: 100%;
    grid-template-columns:100%
}

.styles_cardsGrid__M6fPO {
    width: 100%;
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 10px;
    gap: 10px
}

.styles_acceptBlock__hNzyu {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    display: grid;
    grid-gap: 20px;
    gap: 20px
}

.styles_acceptBlock__hNzyu button {
    width: 300px;
    height: 2.75rem;
    margin: 0 auto;
    font-size: 14px
}

.styles_acceptComment__RbnGu {
    color: var(--text-muted-color);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 480px) {
    .styles_acceptComment__RbnGu {
        font-size: 16px;
        line-height: 20px
    }
}

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

.styles_profitHead__h3zAj .styles_primeTime__FbmdJ {
    color: var(--Accent, #0052ff);
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px
}

.styles_head__WHddJ {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    width: 100%
}

.styles_sender__K_Pl4 {
    display: flex;
    align-items: center;
    gap: 8px
}

.styles_time__noW4Z {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-base-color)
}

.styles_body__lztCR {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px
}

.styles_listItem__WEC_Q {
    padding: 10px 20px;
    display: grid;
    grid-gap: 30px;
    gap: 30px;
    grid-template-columns:250px 1fr 1fr 120px;
    align-items: center;
    transition: .2s
}

.styles_listItem__WEC_Q.styles_withLink__0MgOL:hover {
    box-shadow: var(--shadow-sm)
}

.styles_listItem__WEC_Q.styles_active__m_mtf {
    border-color: var(--accent-color)
}

.styles_fieldContainer__Ihybj {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:24px calc(100% - 34px)
}

.styles_fieldContainer__Ihybj > * {
    align-self: center
}

@media (max-width: 480px) {
    .styles_listItem__WEC_Q {
        grid-template-columns:100%;
        padding: 10px;
        border-radius: 12px
    }

    .styles_listItem__WEC_Q > :nth-child(2), .styles_listItem__WEC_Q > :nth-child(3), .styles_listItem__WEC_Q > :nth-child(4) {
        display: none
    }
}

.styles_sender__Ejx38 {
    font-weight: 600
}

.styles_senderMobile__UAXbc {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px
}

.styles_senderMobile__UAXbc time {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: var(--text-muted-color)
}

.styles_time__TavWi {
    color: var(--text-base-color)
}

.styles_mobileSubtitle__vATXY {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-base-color)
}

.styles_messageText__TMXxy {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    font-weight: 400
}

.styles_ddSelected__NEGLL {
    font-size: 14px
}

.styles_listItem__DwWv_ {
    padding: 10px 20px;
    display: grid;
    grid-gap: 30px;
    gap: 30px;
    grid-template-columns:250px 1.5fr 1fr 1.25fr 120px;
    align-items: center;
    transition: box-shadow .15s
}

.styles_listItem__DwWv_:hover {
    box-shadow: var(--shadow-sm)
}

@media (max-width: 480px) {
    .styles_listItem__DwWv_ {
        gap: 20px;
        padding: 10px;
        border-radius: 12px;
        grid-template-columns:calc(63% - 10px) calc(37% - 10px)
    }

    .styles_listItem__DwWv_ > div:last-child, .styles_listItem__DwWv_ > div:nth-child(2), .styles_listItem__DwWv_ > div:nth-child(4) {
        display: none
    }

    .styles_listItem__DwWv_ > div:nth-child(3) {
        text-align: right
    }
}

.styles_time__Fe6Df .styles_mobile__IW9G2 {
    display: none
}

@media (max-width: 480px) {
    .styles_time__Fe6Df .styles_desktop__JYhgV {
        display: none
    }

    .styles_time__Fe6Df .styles_mobile__IW9G2 {
        display: block
    }
}

.styles_container__Fl3eX {
    padding: 20px 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px
}

@media (max-width: 480px) {
    .styles_container__Fl3eX {
        padding: 0
    }
}

.styles_body__lfeFJ {
    width: 100%;
    display: grid;
    grid-gap: 14px;
    gap: 14px;
    grid-template-columns:100%
}

.styles_date__DXZg2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: var(--text-muted-color)
}

.styles_intro__dnj9_ {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center
}

.styles_status__giLjr {
    font-size: 20px;
    line-height: 20px;
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.styles_title__WVmGn {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px
}

.styles_subTitle__b_lZM {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: var(--text-muted-color)
}

.styles_subTitle__b_lZM b {
    color: var(--text-base-color)
}

.styles_block__kR25_, .styles_cards__78cpD {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    width: 100%
}

.styles_block__kR25_ {
    grid-template-columns:100%
}

.styles_blockTitle__w8e2E {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.styles_itemsList__RfsKg {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch
}

.styles_itemWrapper__R0g9r {
    width: 100%
}

.styles_itemInput__JbGpM {
    display: none
}

.styles_item__vn4MU {
    cursor: pointer;
    display: flex;
    width: 100%;
    min-height: 48px;
    padding: 17px 20px;
    align-items: center;
    gap: 15px;
    align-self: stretch;
    border-radius: 12px;
    background: var(--New-BG, #f8f9fc);
    transition: .3s;
    border: 1px solid transparent
}

.styles_item__vn4MU .styles_value__B6ca9 {
    transition: .3s;
    flex-grow: 1;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

.styles_item__vn4MU svg {
    width: 18px;
    height: 18px
}

.styles_item__vn4MU:active, .styles_item__vn4MU:hover {
    box-shadow: var(--shadow-sm)
}

.styles_block__uRc_P {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:100%;
    width: 100%
}

.styles_modal__yKp_L {
    width: 400px !important
}

@media (max-width: 480px) {
    .styles_modal__yKp_L {
        width: 100% !important
    }
}

.styles_container__2MHXM {
    display: flex;
    width: 100%;
    padding: 30px 20px;
    flex-direction: column;
    align-items: center;
    gap: 20px
}

.styles_title__n35iE {
    color: var(--Main, #002269);
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.styles_description__F6XrK {
    color: var(--Text-1, #8091b5);
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.styles_buttons___9LWU {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    width: 100%
}

.styles_buttons___9LWU button {
    width: calc(50% - 5px);
    display: flex;
    height: 48px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0;
    border-radius: 12px;
    text-align: center;
    font-feature-settings: "clig" off, "liga" off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    transition: opacity .3s, box-shadow .3s
}

.styles_buttons___9LWU button:disabled {
    opacity: .5
}

.styles_buttons___9LWU button:active, .styles_buttons___9LWU button:hover {
    box-shadow: var(--shadow-sm)
}

.styles_buttons___9LWU .styles_submit__9PBi0 {
    color: var(--Failed, #fb6c6c);
    background: var(--Failed-BG, #ffeaea)
}

.styles_buttons___9LWU .styles_cancel___uvsX {
    color: var(--Text-1, #8091b5);
    background: var(--Not-available-BG, #ebeef8)
}

.styles_container__kpa5w {
    width: 100%;
    display: grid;
    grid-template-columns:100%;
    grid-gap: 20px;
    gap: 20px
}

.styles_card__SLyb6 {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-radius: 12px;
    transition: box-shadow .2s
}

.styles_card__SLyb6:hover {
    box-shadow: var(--shadow-sm)
}

@media (max-width: 480px) {
    .styles_card__SLyb6 {
        padding: 12px 20px
    }
}

.styles_cardWithoutHover__JPAMC:hover {
    box-shadow: none
}

.styles_listItemText____eyN {
    font-size: 14px
}

.styles_listItemDescription__CpKfi {
    font-size: 12px
}

.styles_wordWrap__lOqPc {
    white-space: normal
}

.styles_cardRight__GJ_Mt {
    text-align: right
}

.styles_dealUsdt__ju05N {
    color: var(--text-base-color)
}

.styles_comment__9zEh7 {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: var(--text-muted-color)
}

.styles_comment__9zEh7 b {
    color: var(--accent-color)
}

.styles_instruction__fvG5Q {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.styles_instruction__fvG5Q svg {
    width: 24px;
    height: 24px
}

.styles_notification__Fqat0 {
    border-radius: 12px;
    padding: 16px 20px
}

.styles_notificationTitle__HLjBi {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.styles_notificationText__GTP7y {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-muted-color)
}

.styles_notificationText__GTP7y b {
    color: var(--accent-color)
}

.styles_controls__KI43S {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    gap: 10px
}

.styles_controls__KI43S button {
    width: calc(50% - 5px);
    min-width: 200px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    height: 44px
}

.styles_separator__jkUv1 {
    content: "";
    width: 100%;
    height: 2px;
    background: radial-gradient(50% 2419999.4% at 50% 49.91%, #eef2f9 0, #eef2f900)
}

.styles_fileIcon__d4Z5H svg {
    width: 40px;
    height: 40px
}

.styles_fileIcon__d4Z5H.styles_pdfIcon__oZK2y path {
    stroke: none
}

.styles_fileName__TZPu3 b {
    color: var(--accent-color)
}

.styles_fileSize__Z07Ps {
    margin-right: 15px
}

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

.styles_grid__lf7hR {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:calc(50% - 5px) calc(50% - 5px)
}

.styles_amountBlock__gO1s2.styles_allowEdit__htqN7:hover .styles_edit__v_bWt {
    opacity: 1
}

.styles_amountRow__Anujt {
    width: 100%
}

.styles_amountRow__Anujt.styles_allowEdit__htqN7 {
    padding-right: 33px;
    position: relative
}

.styles_edit__v_bWt {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.styles_edit__v_bWt svg {
    width: 16px
}

.styles_edit__v_bWt path {
    transition: .3s
}

.styles_edit__v_bWt:hover {
    background-color: var(--accent-bg-color)
}

.styles_edit__v_bWt:hover path {
    stroke: var(--accent-color)
}

.styles_ddSelected__zzRcW {
    font-size: 14px
}

.styles_mobile___3k3T {
    display: none
}

@media (max-width: 480px) {
    .styles_desktop__AB0bj {
        display: none
    }

    .styles_mobile___3k3T {
        display: block
    }
}

.styles_mobileCardContainer__g0UyY {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 5px
}

.styles_shortCardName__v06hd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px
}

.styles_shortCardNumber__7gJqy {
    flex-shrink: 1;
    color: var(--accent-color)
}

.styles_tabs__IeWUS {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    overflow: auto
}

@media (max-width: 1200px) {
    .styles_tabs__IeWUS {
        padding-bottom: 5px
    }
}

.styles_tabs__IeWUS::-webkit-scrollbar {
    height: 4px;
    display: block
}

.styles_tabs__IeWUS::-webkit-scrollbar-track {
    background: #eef2f9
}

.styles_tabs__IeWUS::-webkit-scrollbar-thumb {
    background-color: #c2cde2;
    border-radius: 20px
}

.styles_tab__LpsNQ {
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--Light-Stroke, #eef2f9);
    background: var(--Block-BG, #f9fafb);
    transition: .3s;
    color: var(--New-Text, #acb7d0);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    flex-shrink: 0
}

.styles_tab__LpsNQ svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0
}

.styles_tab__LpsNQ svg path {
    stroke: var(--New-Text, #acb7d0);
    transition: stroke .3s
}

.styles_tab__LpsNQ.styles_active__xvarg {
    color: var(--accent-color, #0052ff);
    border-radius: 8px;
    border: 1px solid var(--Accent, #0052ff);
    background: var(--Accent---BG, #e6eeff)
}

.styles_tab__LpsNQ.styles_active__xvarg path {
    stroke: var(--accent-color, #0052ff)
}

.styles_divider__w_4GG {
    height: 2px;
    width: 100%;
    align-self: stretch;
    background: var(--Block-BG, #f9fafb)
}

.styles_popover__tIQqd {
    position: absolute;
    right: 0;
    top: calc(100% + 5px);
    color: var(--text-base-color);
    padding: 5px 14px;
    font-size: 12px;
    border-radius: 8px;
    width: auto;
    white-space: nowrap
}

.styles_overlay__gD853 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 3000;
    background-color: #0000004d;
    overflow: auto;
    display: grid;
    align-items: center;
    padding: 60px 0
}

@media (max-width: 480px) {
    .styles_overlay__gD853 {
        padding: 0;
        overflow: auto;
        height: 100%
    }
}

.styles_contentModal__mkqvD {
    position: static;
    width: 480px;
    margin: 0 auto;
    left: 0;
    top: 0;
    border: 0;
    padding: 0;
    border-radius: 32px;
    overflow: visible;
    transition: width .3s
}

@media (max-width: 480px) {
    .styles_contentModal__mkqvD {
        width: 100%;
        height: 100%;
        border-radius: 0;
        overflow: auto
    }
}

.styles_content__a_DxI {
    background-color: #fff;
    border-radius: 32px
}

@media (max-width: 480px) {
    .styles_content__a_DxI {
        border-radius: 0;
        overflow: scroll;
        min-height: 100%;
        width: 100%;
        padding: 15px 15px 95px
    }
}

.styles_mobileHead___C31p {
    display: none;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px
}

@media (max-width: 480px) {
    .styles_mobileHead___C31p {
        display: flex
    }
}

.styles_mobileHead___C31p .styles_back__2CwGN, .styles_mobileHead___C31p .styles_share__0wQag {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--accent-color);
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_mobileHead___C31p .styles_back__2CwGN svg, .styles_mobileHead___C31p .styles_share__0wQag svg {
    width: 20px;
    height: 20px
}

.styles_mobileHead___C31p .styles_share__0wQag {
    gap: 8px;
    font-size: 14px;
    line-height: 18px;
    position: relative
}

.styles_mobileHead___C31p .styles_share__0wQag svg {
    width: 18px;
    height: 18px
}

.styles_button__ZRrge {
    height: var(--controls-height);
    border-radius: 8px;
    border: none;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: box-shadow .2s
}

.styles_button__ZRrge.styles_sm___GODZ {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    border-radius: 8px;
    height: var(--controls-height)
}

.styles_button__ZRrge.styles_lg__IIAcP {
    height: var(--controls-height-lg);
    border-radius: 12px;
    font-weight: 500;
    font-size: 18px;
    line-height: 16px
}

@media (max-width: 480px) {
    .styles_button__ZRrge.styles_lg__IIAcP {
        border-radius: 8px
    }
}

.styles_button__ZRrge.styles_muted__RjOBX {
    background-color: var(--primary-transparent-color);
    color: var(--text-muted-color)
}

.styles_button__ZRrge.styles_muted__RjOBX path {
    stroke: var(--text-muted-color)
}

.styles_button__ZRrge:hover {
    box-shadow: var(--shadow-sm)
}

.styles_button__ZRrge.styles_loading__kchL_ {
    pointer-events: none
}

.styles_disabled__j80IZ {
    opacity: .5
}

.styles_container__HmlQB {
    display: flex;
    align-items: center;
    gap: 16px
}

.styles_messageBox__ESVTs {
    color: var(--text-base-color);
    font-family: Inter, sans-serif
}

.styles_value__4QEvS {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.styles_description__jC1He {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color)
}

.styles_buttonClose__AKLn9 {
    width: 100%
}

.styles_buttonClose__AKLn9 button {
    height: 48px;
    background-color: var(--bg-color);
    color: var(--text-base-color)
}

@media (max-width: 480px) {
    .styles_buttonClose__AKLn9 {
        display: none
    }
}

.styles_container__vUq5v {
    background-color: var(--input-bg-color);
    border: var(--border);
    border-radius: 16px;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    min-width: 120px;
    transition: .3s;
    position: relative
}

@media (max-width: 480px) {
    .styles_container__vUq5v {
        border-radius: 8px
    }
}

.styles_sm__lc6cs {
    height: 40px;
    border-radius: 8px
}

.styles_sm__lc6cs .styles_input__O9iav {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.styles_light__64pVe {
    background-color: #fff
}

.styles_search__Y3int {
    height: 100%;
    border: var(--border);
    background-color: var(--block-bg-color);
    border-radius: 16px
}

.styles_empty__LF7Uo {
    opacity: .5
}

.styles_active__PXQqv {
    opacity: 1;
    border-color: var(--accent-color)
}

.styles_active__PXQqv .styles_input__O9iav, .styles_active__PXQqv .styles_leftElement__ORbf0, .styles_active__PXQqv .styles_rightElement__ysQFx {
    color: var(--accent-color)
}

.styles_active__PXQqv .styles_leftElement__ORbf0 path, .styles_active__PXQqv .styles_rightElement__ysQFx path {
    stroke: var(--accent-color)
}

.styles_borderMd__CG_I9 {
    border-radius: 8px
}

.styles_input__O9iav {
    background-color: transparent;
    color: var(--text-base-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    flex: 1 1;
    width: 100%;
    font-family: Inter, sans-serif;
    outline: none
}

.styles_input__O9iav::placeholder {
    color: #c1ccda;
    font-weight: 500
}

.styles_error__S1k6i {
    border: 1px solid hsla(0, 93%, 70%, .5)
}

.styles_error__S1k6i .styles_input__O9iav {
    color: var(--failed-color)
}

.styles_error__S1k6i .styles_input__O9iav::placeholder {
    color: var(--failed-color);
    opacity: .5
}

.styles_error__S1k6i .styles_leftElement__ORbf0, .styles_error__S1k6i .styles_rightElement__ysQFx {
    color: var(--failed-color)
}

.styles_error__S1k6i .styles_leftElement__ORbf0 path, .styles_error__S1k6i .styles_rightElement__ysQFx path {
    stroke: var(--failed-color);
    stroke-opacity: .75
}

.styles_leftElement__ORbf0 {
    margin-right: 14px
}

.styles_leftElement__ORbf0 path {
    transition: .3s
}

.styles_rightElement__ysQFx {
    transition: color .3s ease;
    margin-left: 14px;
    color: #899fb880
}

.styles_rightElement__ysQFx.styles_date__e2eqo {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 14px;
    pointer-events: none
}

.styles_container__vUq5v input[type=date]::-webkit-calendar-picker-indicator {
    color: transparent;
    opacity: 0
}

.styles_wrapper__5N7oZ {
    position: relative;
    height: var(--controls-height-lg)
}

.styles_wrapper__5N7oZ div {
    background-color: #fff
}

.styles_wrapper__5N7oZ input {
    padding-right: 60px;
    padding-left: 34px
}

.styles_wrapper__5N7oZ svg {
    height: 24px
}

.styles_sm__V70Fh {
    height: 48px
}

.styles_sm__V70Fh input {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.styles_sm__V70Fh div:first-child {
    border-radius: 12px
}

.styles_sm__V70Fh svg {
    height: 20px
}

.styles_left__QHvA7 {
    left: 14px;
    z-index: 1
}

.styles_inputControls__pvxpV, .styles_left__QHvA7 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.styles_inputControls__pvxpV {
    right: 14px
}

.styles_inputControls__pvxpV .styles_cancel__uMAAG, .styles_inputControls__pvxpV .styles_searchButton__AExM3 {
    width: 24px;
    height: 24px
}

.styles_inputControls__pvxpV .styles_cancel__uMAAG path, .styles_inputControls__pvxpV .styles_searchButton__AExM3 path {
    transition: stroke .3s;
    stroke: #c4cfdb
}

.styles_inputControls__pvxpV .styles_cancel__uMAAG {
    margin-left: 6px
}

.styles_inputControls__pvxpV .styles_cancel__uMAAG:hover path, .styles_inputControls__pvxpV .styles_searchButton__AExM3:hover path {
    stroke: var(--accent-color)
}

.styles_title__AoczW {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-muted-color);
    margin-bottom: 10px
}

.styles_wrapper__e0v7z {
    display: grid;
    grid-template-columns:100%;
    grid-gap: 10px;
    gap: 10px
}

.styles_title__L7o_b {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-muted-color)
}

@media (max-width: 480px) {
    .styles_title__L7o_b {
        display: none
    }
}

.styles_container__Q8hFo {
    position: relative
}

.styles_button__osqe7 {
    background: var(--block-bg-color);
    border: var(--border);
    border-radius: 12px;
    height: 48px;
    width: 100%;
    max-width: 100%;
    align-items: center;
    text-align: left;
    padding: 0 16px 0 20px;
    grid-gap: 12px;
    gap: 12px;
    display: grid;
    grid-template-columns:20px 1fr 10px;
    transition: .3s
}

.styles_button__osqe7:hover {
    background: var(--accent-bg-color)
}

.styles_button__osqe7:hover .styles_icon__pj6kj path {
    stroke: var(--accent-color)
}

@media (max-width: 480px) {
    .styles_button__osqe7 {
        padding-left: 15px
    }

    .styles_button__osqe7 .styles_selected__z8X6a {
        font-size: 12px
    }
}

.styles_iconLeft__nPCI9 {
    width: 20px;
    height: 20px;
    flex: 20px 1
}

.styles_selected__z8X6a {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--accent-color)
}

.styles_placeholder__dWEBt {
    color: var(--text-base-color)
}

.styles_icon__pj6kj {
    width: 10px;
    transform: rotateX(0);
    transition: .3s ease-in-out
}

.styles_icon__pj6kj path {
    transition: .3s ease-in-out;
    stroke: var(--text-muted-color)
}

.styles_icon__pj6kj.styles_active__IsMBp {
    transform: rotateX(180deg)
}

.styles_icon__pj6kj.styles_active__IsMBp path {
    stroke-opacity: 1;
    stroke: var(--accent-color)
}

.styles_content___148k {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    opacity: 0;
    background: #fff;
    border: var(--borderBase);
    box-shadow: var(--shadow);
    border-radius: 12px;
    padding: 20px;
    z-index: 1;
    min-width: 100%;
    width: 480px;
    transition: .3s ease
}

@media (max-width: 480px) {
    .styles_content___148k {
        width: 100%
    }
}

.styles_content___148k.styles_in__C01x6.styles_active__IsMBp {
    opacity: 1
}

.styles_fields__SiqEQ {
    margin-bottom: 20px;
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_fieldsHead__F85d0 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.styles_fieldsTitle__uKicg {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px
}

.styles_fieldsClose__ZI3Ch svg {
    height: 24px
}

.styles_fieldsClose__ZI3Ch svg path {
    transition: .3s
}

.styles_fieldsClose__ZI3Ch:hover path {
    stroke: var(--accent-color)
}

.styles_controls__r_EIk {
    display: grid;
    grid-template-columns:165px 1fr;
    grid-gap: 10px;
    gap: 10px
}

@media (max-width: 480px) {
    .styles_controls__r_EIk {
        grid-template-columns:100%
    }

    .styles_controls__r_EIk button:last-child {
        grid-row-start: 1
    }
}

.styles_item__BIx4f {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    width: 100%;
    grid-template-columns:100%;
    opacity: 1;
    transition: opacity .3s
}

.styles_item__BIx4f.styles_hidden__Pqz_I {
    opacity: .4
}

.styles_itemHead__7f_k_ {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%
}

.styles_itemHead__7f_k_ svg {
    width: 18px;
    height: 18px
}

.styles_wrapper__CQSxU {
    display: grid;
    grid-template-columns:auto 1fr;
    padding-left: 20px;
    height: var(--controls-height-lg);
    transition: .3s
}

.styles_wrapper__CQSxU.styles_white__ixbXO {
    background-color: #fff
}

.styles_wrapper__CQSxU:hover {
    background-color: var(--accent-bg-color)
}

.styles_wrapper__CQSxU.styles_withoutTitle__CuxDh {
    padding-left: 0;
    grid-template-columns:100%
}

.styles_wrapper__CQSxU.styles_withoutTitle__CuxDh .styles_button__NBU_R {
    padding-left: 20px
}

.styles_wrapper__CQSxU.styles_sm__lYARy {
    height: 28px;
    border-radius: 6px;
    padding-left: 12px
}

.styles_wrapper__CQSxU.styles_sm__lYARy .styles_button__NBU_R {
    padding-left: 5px;
    padding-right: 12px
}

.styles_wrapper__CQSxU.styles_sm__lYARy .styles_selectedItem__fEoxz, .styles_wrapper__CQSxU.styles_sm__lYARy .styles_title__b_s3P {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.styles_wrapper__CQSxU.styles_md__QTDxB {
    height: var(--controls-height);
    border-radius: 8px
}

.styles_wrapper__CQSxU.styles_base__VpwWJ {
    height: 48px;
    border-radius: 12px
}

@media (max-width: 480px) {
    .styles_wrapper__CQSxU, .styles_wrapper__CQSxU.styles_withoutTitle__CuxDh .styles_button__NBU_R {
        padding-left: 15px
    }
}

.styles_title__b_s3P {
    align-self: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--text-muted-color)
}

.styles_container__1349U {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.styles_button__NBU_R {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:calc(100% - 20px) 10px;
    width: 100%;
    height: 100%;
    padding-right: 16px;
    padding-left: 10px
}

.styles_button__NBU_R:hover .styles_chevron__mSo_N path {
    stroke: var(--accent-color)
}

@media (max-width: 480px) {
    .styles_button__NBU_R {
        gap: 8px
    }
}

.styles_icon__EqlgE svg {
    width: 20px;
    height: 20px
}

.styles_selectedItem__fEoxz {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--accent-color);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_selectedItem__fEoxz.styles_baseSelected__iarUe {
    color: var(--text-base-color);
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 480px) {
    .styles_selectedItem__fEoxz.styles_baseSelected__iarUe {
        font-size: 12px
    }
}

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

.styles_placeholderSelected__jNkiQ {
    color: var(--text-muted-color)
}

.styles_chevron__mSo_N {
    transition: .3s ease-in;
    transform: rotateX(0);
    width: 10px;
    flex-shrink: 0
}

.styles_chevron__mSo_N path {
    transition: .3s
}

.styles_chevron__mSo_N.styles_active__S94UW {
    transform: rotateX(180deg)
}

.styles_chevron__mSo_N.styles_active__S94UW path {
    stroke-opacity: 1;
    stroke: var(--accent-color)
}

.styles_dropDown__0nTD1 {
    transition: max-height .3s;
    overflow: auto;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 2;
    width: 100%;
    min-width: 160px;
    max-height: 0;
    padding: 10px 0;
    background: var(--block-bg-color);
    box-shadow: var(--shadow);
    border-radius: 8px;
    transition: visibility 0s ease-in .15s, max-height .3s
}

.styles_dropDown__0nTD1.styles_visible__QzHBv {
    visibility: visible;
    transition: visibility 0s ease-in 0s, max-height .3s;
    max-height: 150px
}

.styles_dropDown__0nTD1:hover::-webkit-scrollbar {
    width: 3px;
    display: block
}

.styles_dropDown__0nTD1::-webkit-scrollbar {
    width: 3px;
    display: none
}

.styles_dropDown__0nTD1::-webkit-scrollbar-track {
    background: #f1f1f1
}

.styles_dropDown__0nTD1::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 20px
}

.styles_item__SeOwr {
    font-size: 14px;
    line-height: 16px;
    padding: 6px 16px;
    color: var(--text-muted-color);
    font-weight: 500;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    cursor: pointer
}

.styles_item__SeOwr.styles_active__S94UW {
    color: var(--accent-color)
}

.styles_item__SeOwr:hover {
    background-color: var(--light-stroke-color)
}

.styles_container__TVJdi {
    overflow: hidden
}

.styles_description__JA9F_, .styles_text__reXS1 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.styles_description__JA9F_ {
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
    color: var(--text-muted-color)
}

.styles_wrapper__Rc5ln {
    display: flex;
    gap: 10px;
    align-items: center
}

.styles_wrapper__Rc5ln :first-child {
    flex-shrink: 0
}

@media (max-width: 480px) {
    .styles_text__reXS1 {
        font-size: 12px;
        line-height: 16px
    }

    .styles_description__JA9F_ {
        font-size: 10px;
        line-height: 12px
    }
}

.styles_container__7R5zL {
    width: 24px;
    height: 24px;
    border: var(--border);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #ecf2ff 0, var(--block-bg-color) 100%)
}

.styles_container__7R5zL svg {
    width: 12px;
    height: 12px
}

.styles_container__7R5zL path {
    stroke: var(--accent-color)
}

.styles_accent__rgINE {
    background: linear-gradient(180deg, #ecf2ff 0, var(--block-bg-color) 100%)
}

.styles_accent__rgINE path {
    stroke: var(--accent-color)
}

.styles_primary__o01fS {
    background: linear-gradient(180deg, var(--not-available-bg-color) 0, #fff 100%);
    border: 1px solid var(--not-available-bg-color);
    color: var(--text-muted-color)
}

.styles_primary__o01fS path {
    stroke: var(--text-muted-color)
}

.styles_danger__rJOWb {
    background: linear-gradient(180deg, var(--failed-bg-color) 0, #fff 100%);
    border: 1px solid var(--failed-bg-color);
    color: var(--failed-color)
}

.styles_danger__rJOWb path {
    stroke: var(--failed-color)
}

.styles_warning__qVDit {
    background: linear-gradient(180deg, var(--processing-bg-color) 0, #fff 100%);
    border: 1px solid var(--processing-bg-color);
    color: var(--processing-color)
}

.styles_warning__qVDit path {
    stroke: var(--processing-color)
}

.styles_container__dQjMx {
    position: relative;
    width: 100%
}

.styles_button__zwXxv {
    width: 100%;
    background: #fafbfc;
    border: 1px solid #eef2f9;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    height: var(--controls-height);
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    gap: 44px;
    align-items: center;
    transition: .3s;
    color: var(--text-muted-color)
}

.styles_button__zwXxv:hover {
    background-color: var(--accent-bg-color)
}

.styles_button__zwXxv:hover .styles_chevron__J9gt_ path {
    stroke: var(--accent-color)
}

.styles_selected__uUr_c {
    width: calc(100% - 60px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.styles_chevron__J9gt_ {
    transition: .3s ease-in;
    transform: rotateX(0);
    width: 10px
}

.styles_chevron__J9gt_ path {
    transition: .3s
}

.styles_chevron__J9gt_.styles_active__iM5Kz {
    transform: rotateX(180deg)
}

.styles_chevron__J9gt_.styles_active__iM5Kz path {
    stroke-opacity: 1;
    stroke: var(--accent-color)
}

.styles_ddContainer__YP0tU {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 2;
    height: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 10px 40px #0022690d;
    transition: .2s ease-in
}

.styles_ddContainer__YP0tU.styles_active__iM5Kz {
    height: 292px
}

.styles_dd__HG64J {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #eef2f9;
    padding: 16px
}

.styles_dd__HG64J input {
    font-size: 14px;
    line-height: 20px
}

.styles_dd__HG64J input::placeholder {
    font-size: 14px;
    line-height: 20px
}

.styles_list__WPskN {
    height: calc(100% - 50px);
    margin-top: 10px;
    overflow: auto
}

.styles_list__WPskN::-webkit-scrollbar {
    width: 4px;
    display: block
}

.styles_list__WPskN::-webkit-scrollbar-track {
    background: #eef2f9
}

.styles_list__WPskN::-webkit-scrollbar-thumb {
    background-color: #c2cde2;
    border-radius: 20px
}

.styles_listScroll__SHG_G {
    padding-right: 16px
}

.styles_listItem__7rBBV {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 12px;
    transition: .3s;
    cursor: pointer
}

.styles_listItem__7rBBV:hover {
    background: #fafbff
}

.styles_listEmpty__jHGBq {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px
}

.styles_listEmpty__jHGBq p {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.styles_listEmpty__jHGBq button {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: var(--accent-color)
}

.styles_label__zetd_ {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-muted-color);
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.styles_mobile__YEdKZ {
    display: none
}

@media (max-width: 480px) {
    .styles_mobile__YEdKZ {
        display: block
    }

    .styles_desktop__yKb5O {
        display: none
    }
}

.styles_container__smcTk {
    height: 130px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--block-bg-color);
    border: var(--border);
    border-radius: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: var(--text-muted-color)
}

.styles_sm__5wGBL {
    height: 100px
}

.styles_md__KaDke {
    height: 348px
}

.styles_card__qrwq1 {
    border: var(--border);
    border-radius: 12px;
    background-color: var(--block-bg-color);
    padding: 16px 20px;
    width: 100%
}

@media (max-width: 480px) {
    .styles_card__qrwq1 {
        border-radius: 8px
    }
}

.styles_withLink__jAerW {
    position: relative;
    cursor: pointer;
    transition: box-shadow .2s
}

.styles_withLink__jAerW.styles_disabled__u6G3_ {
    cursor: not-allowed
}

.styles_withLink__jAerW:hover {
    box-shadow: var(--shadow-sm)
}

.styles_withLink__jAerW:hover .styles_arrow__RZrW2 {
    right: 10px
}

.styles_withLink__jAerW:hover .styles_arrow__RZrW2 path {
    stroke: var(--accent-color)
}

.styles_icon__5GQXS {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    transition: .1s ease-in
}

.styles_icon__5GQXS path {
    transition: stroke .1s
}

@media (max-width: 480px) {
    .styles_icon__5GQXS {
        display: none
    }
}

.styles_head__rZIuA {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--text-muted-color);
    margin-bottom: 8px
}

.styles_body__VhoRF {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.styles_general__MYO1q {
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_general__MYO1q > div:nth-child(2) {
    width: calc(100% - 50px)
}

.styles_container__Qh4uz {
    display: flex;
    align-items: center;
    gap: 20px
}

@media (max-width: 480px) {
    .styles_container__Qh4uz {
        gap: 12px
    }
}

.styles_container__Qh4uz > div:nth-child(2) {
    width: calc(100% - 90px)
}

@media (max-width: 480px) {
    .styles_container__Qh4uz > div:nth-child(2) {
        width: calc(100% - 70px)
    }
}

.styles_bgWhite__zhtxI {
    background-color: #fff !important
}

.styles_info__ICaID {
    overflow: hidden
}

.styles_description__uBRGJ, .styles_text__qPMel {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.styles_description__uBRGJ {
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
    color: var(--text-muted-color)
}

.styles_overlay__f0y_y {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3000;
    background-color: #00000080;
    overflow: auto;
    padding-right: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh
}

@media (max-width: 480px) {
    .styles_overlay__f0y_y {
        padding: 60px 15px 15px;
        align-items: flex-start
    }
}

.styles_modal__mr_m8 {
    position: static;
    width: 400px;
    margin: 60px auto;
    left: 0;
    top: 0;
    border: 0;
    padding: 0;
    border-radius: 32px;
    overflow: visible;
    transition: width .3s;
    background-color: #fff
}

@media (max-width: 480px) {
    .styles_modal__mr_m8 {
        margin: 0
    }
}

.styles_container__To9eD {
    padding: 30px;
    display: grid;
    grid-gap: 20px;
    gap: 20px;
    grid-template-columns:100%
}

.styles_title__w7fBs {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-align: center
}

.styles_subTitle__dw3NQ {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-muted-color)
}

.styles_subTitle__dw3NQ b {
    font-weight: 600;
    color: var(--accent-color)
}

@media (max-width: 480px) {
    .styles_subTitle__dw3NQ br {
        display: none
    }
}

.styles_controls__iHP3z {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns:calc(50% - 5px) calc(50% - 5px)
}

.styles_controls__iHP3z button {
    height: 48px;
    font-weight: 600
}

.styles_wrapper__4JVvM {
    position: relative
}

.styles_title__bLllQ {
    font-weight: 400;
    font-size: 32px;
    line-height: 32px
}

@media (max-width: 480px) {
    .styles_title__bLllQ {
        font-size: 24px;
        line-height: 24px
    }
}

.styles_rightElement__pGQc4 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.styles_tag__7_66K {
    border-radius: 8px;
    padding: 10px 10px 10px 16px;
    display: flex;
    align-items: center;
    background-color: var(--block-bg-color);
    font-weight: 500;
    font-size: 14px;
    gap: 8px
}

.styles_tag__7_66K svg {
    width: 16px;
    height: 16px
}

.styles_tag__7_66K path {
    transition: .3s;
    stroke: var(--text-muted-color)
}

.styles_tag__7_66K button:hover path {
    stroke: var(--accent-color)
}

@media (max-width: 480px) {
    .styles_tag__7_66K {
        justify-content: space-between;
        font-size: 12px
    }

    .styles_tag__7_66K svg {
        width: 20px;
        height: 20px
    }
}

.styles_container__61yBm {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

@media (max-width: 480px) {
    .styles_container__61yBm {
        display: grid;
        grid-template-columns:100%
    }
}

.styles_container__tFEZD {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    min-width: 120px;
    height: 32px
}

.styles_linkWrapper__rqMsE {
    cursor: pointer;
    position: relative
}

.styles_linkWrapper__rqMsE .styles_container__tFEZD {
    padding-left: 28px
}

.styles_linkWrapper__rqMsE:visited {
    color: var(--accent-color)
}

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

.styles_linkIcon__vtf1B path {
    stroke: var(--accent-color)
}

.styles_currency__QHD6B, .styles_state__A6Fh3 {
    padding: 1px 2px 0;
    height: 18px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
    border-radius: 4px
}

.styles_currency__QHD6B {
    background-color: var(--primary-transparent-color);
    font-size: 12px;
    height: 20px
}

.styles_currency__QHD6B, .styles_title__PfMYt {
    color: var(--text-muted-color);
    line-height: 16px
}

.styles_title__PfMYt {
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px
}

.styles_chevron__NuQIR {
    width: 10px;
    height: 10px
}

.styles_body__NMvyt .styles_bodyContainer__XLcEV {
    padding-top: 20px
}