@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";

:root {
    --color-title: #ffffff;
    --color-text: #ffffff;
    --color-text-sub: #ffffffbc;
    --color-text-black: #ffffff;
    --color-background-app: #18191b;
    --color-background: #000000;
    --color-section: #232528;
    --color-hover--background: #0000003a;
    --color-secondary: #8f8f8f;
    --color-border: #3c3c3c3a;
    --color-border-light: #5d5d6134;
    --color-white: #1c1c1c;
    --color-black: #000000;
    --color-shadow: #000000;
    --color-shadow-trans: #c3c3c331;
    --color-sheet-background: #0000005d;
    --color-top-btn: #444549;
    --color-bottom-btn: #444549;
    --color-nav: #262729;
    --color-modal-actions: #121215;
    --color-modal-actions-btn: #050506;
    --color-modal-content: #262729;
    --сolor-recent-app: #1e1e1e;
    --color-tile-background: #2c2c2c;
    --color-tile-border: #f5f5f508;
    --color-active-background: #444444;
    --color-file-exist-title: #2c2c2c;
    --color-file-title: #999999;
    --color-order-border: #f5f5f52b;
    --color-tabs-shadow: rgba(0, 0, 0, 0.32);
    --color-placeholder-background: #ffffff0f;
    --color-order-shadow: rgba(255, 255, 255, 0.053)
}

body.light--mode {
    --color-title: #121212;
    --color-text: #222222;
    --color-text-sub: #222222;
    --color-text-black: #222222;
    --color-text-light: #999999;
    --color-background-app: #ececec;
    --color-background: #ececec;
    --color-section: #ffffff;
    --color-hover--background: #ececec63;
    --color-secondary: #666666;
    --color-border: #3c3c3c3a;
    --color-border-light: #3c3c4321;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-secondary-trans: #a4a4a440;
    --color-shadow: #00000066;
    --color-shadow-trans: #00000000;
    --color-none: #00000000;
    --color-bottom-btn: #ffffff;
    --color-top-btn: #ffffffb2;
    --color-sheet-background: #0000005d;
    --color-nav: #ffffff;
    --color-border-btn: #0000002d;
    --color-modal-actions: #c0c0c0;
    --color-modal-actions-btn: #c0c0c0;
    --color-modal-content: #ffffff;
    --сolor-recent-app: #ececec;
    --color-tile-background: #f8f8f8;
    --color-active-background: #ececec;
    --color-tile-border: #3c3c3c1d;
    --color-file-exist-title: #2c2c2c;
    --color-file-title: #2c2c2c;
    --color-tabs-shadow: #00000040;
    --color-placeholder-background: #00000003;
    --color-order-border: #adadad;
    --color-order-shadow: #00000020
}

body:not(.light--mode) .orders__item-info-icon,
body:not(.light--mode) .app__time-item-title::before,
body:not(.light--mode) .tabs__header-item img {
    filter: invert(1) brightness(100)
}

* {
    font-family: "Noto Sans", sans-serif;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, .6156862745);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    overscroll-behavior: none !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
}

*::-moz-selection {
    background-color: rgba(0, 0, 0, .062745098)
}

*::selection {
    background-color: rgba(0, 0, 0, .062745098)
}

@media(prefers-color-scheme: dark) {
    *::-moz-selection {
        background-color: #000;
        color: rgba(255, 255, 255, .7882352941) !important
    }

    *::selection {
        background-color: #000;
        color: rgba(255, 255, 255, .7882352941) !important
    }
}

@media(prefers-color-scheme: dark) {
    * h1::-moz-selection {
        color: #fff !important
    }

    * h1::selection {
        color: #fff !important
    }
}

html,
body {
    -webkit-overflow-scrolling: touch;
    background-color: var(--сolor-recent-app);
    padding: 0 !important;
    margin: 0 !important
}

body {
    color: var(--color-text)
}

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

.o-hidden {
    overflow: hidden !important;
    touch-action: none;
    -ms-touch-action: none
}

.out {
    display: none !important
}

.text--out::-moz-placeholder {
    opacity: .8 !important
}

.text--out::placeholder {
    opacity: .8 !important
}

.tabs {
    overflow: hidden
}

.swiper.swiper--trans-off .swiper-wrapper {
    transition-duration: 200ms !important
}

textarea {
    resize: vertical
}

html,
body,
.main--swiper {
    position: relative;
    height: 100%
}

.swiper:not(.swiper-settings-dis),
.main--swiper-slide,
.slick-list,
.slick-track {
    height: 100% !important
}

.swiper-slide:not(.swiper-settings-dis) {
    height: auto;
    box-sizing: border-box
}

.main--swiper-slide {
    padding-bottom: 20px
}

.footer {
    z-index: 999
}

* {
    padding: 0;
    margin: 0;
    transition: 0;
    box-sizing: border-box
}

input,
textarea,
button {
    outline: none;
    border: 0
}

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

button,
select,
input[type=checkbox],
input[type=radio] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

h1,
h2,
h3,
h4 {
    display: block;
    font-weight: 400;
    font-style: normal;
    line-height: 130%
}

strong {
    font-weight: 500
}

a {
    cursor: pointer;
    text-decoration: none;
    width: 100%
}

button {
    width: 100%
}

ul {
    padding-left: 9px
}

ul li {
    display: flex;
    gap: 9px;
    list-style-type: none
}

ul li::before {
    content: "•"
}

.swiper-button-disabled {
    opacity: .5 !important;
    pointer-events: none;
    cursor: default !important
}

.swiper-button-disabled.btn--prev {
    opacity: 0 !important
}

h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    color: var(--color-text)
}

h1::-moz-selection {
    background-color: var(--color-black);
    color: var(--color-white)
}

h1::selection {
    background-color: var(--color-black);
    color: var(--color-white)
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 16px;
    height: 42px;
    border-radius: 16px;
    background-color: var(--color-white);
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    color: var(--color-text);
    border: 1px solid var(--color-shadow-trans);
    overflow: hidden
}

@media(prefers-color-scheme: dark) {
    .btn-icon {
        filter: brightness(100)
    }
}

.btn-icon.icon--plus {
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.83948 10.33C4.2872 10.33 3.83948 9.88229 3.83948 9.33V1.33C3.83948 0.777717 4.28719 0.330002 4.83948 0.330002H5.16052C5.7128 0.330002 6.16052 0.777717 6.16052 1.33V9.33C6.16052 9.88229 5.7128 10.33 5.16052 10.33H4.83948ZM1 6.44111C0.447715 6.44111 0 5.9934 0 5.44111V5.21889C0 4.66661 0.447715 4.21889 1 4.21889H9C9.55228 4.21889 10 4.66661 10 5.21889V5.44111C10 5.9934 9.55228 6.44111 9 6.44111H1Z' fill='%232C2C2C'/%3e%3c/svg%3e ")
}

.btn-icon.icon--success {
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.02415 11.0476L12.0545 2.8679C12.3184 2.50987 12.3142 2.02052 12.044 1.66715L11.5586 1.03225C11.16 0.510838 10.3756 0.508318 9.97368 1.02716L5.67827 6.57153C5.30889 7.04831 4.60467 7.09206 4.17912 6.66465L3.10419 5.58504C2.6882 5.16724 2.00291 5.19816 1.62624 5.65172L1.07239 6.31864C0.746607 6.71093 0.768172 7.28551 1.12244 7.65227L4.49999 11.149C4.92995 11.5941 5.65691 11.5458 6.02415 11.0476Z' fill='%232C2C2C'/%3e%3c/svg%3e ")
}

.btn .rippleWave {
    background: rgba(0, 0, 0, .286)
}

.btn span {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3);
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    animation: ripple 1s;
    opacity: 0
}

.ripple {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: inherit;
    pointer-events: none
}

.rippleWave {
    backface-visibility: hidden;
    position: absolute;
    border-radius: 50%;
    transform: scale(0.7);
    background: rgba(0, 0, 0, .12);
    opacity: .45;
    animation: ripple .9s forwards
}

@media(prefers-color-scheme: dark) {
    .rippleWave {
        background: rgba(255, 255, 255, .071)
    }
}

@keyframes ripple {
    to {
        transform: scale(24);
        opacity: 0
    }
}

@keyframes ripple-shadow {
    0% {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0)
    }

    20% {
        box-shadow: 0 4px 16px rgba(0, 0, 0, .139)
    }

    100% {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0)
    }
}

.text {
    display: flex;
    flex-direction: column;
    gap: 21px
}

.text * {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.07px;
    color: var(--color-secondary)
}

.text b {
    font-weight: 600
}

.text ol {
    padding-left: 22px
}

.text:has(.text__sub) {
    gap: 10px
}

.text__sub {
    font-weight: 600 !important;
    color: var(--color-text-light) !important
}

.text__content {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn;
    animation-duration: .6s;
    animation-fill-mode: both
}

.js-to-form {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.js-to-form.btn--show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important
}

.loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh;
    background-color: var(--color-white);
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: .1s
}

.loader.loader--active {
    pointer-events: all;
    opacity: 1;
    visibility: visible
}

.lds-spinner {
    transform: scale(0.42)
}

.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
    box-sizing: border-box
}

.lds-spinner {
    color: currentColor;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3.2px;
    left: 36.8px;
    width: 6.4px;
    height: 17.6px;
    border-radius: 20%;
    background: currentColor
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.js-save-data-summ-buffer {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px
}

@keyframes tilt-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(5px)
    }

    50% {
        transform: translateX(-5px)
    }

    75% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}

.shake {
    animation: tilt-shaking .5s infinite
}

.orders {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.orders__row {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.orders__item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.orders__item.item--gap-large {
    gap: 16px
}

.orders__item-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-bottom: 1px solid var(--color-border)
}

.orders__item-info.item--active .orders__item-info-icon {
    transform: rotate(180deg)
}

.orders__item-info * {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    color: var(--color-secondary)
}

.orders__item-info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 0 4px 8px
}

.orders__item-info-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.orders__item-info-title b {
    font-weight: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.orders__item-info-icon {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.34326 6L6.93946 10.5962C7.52524 11.182 8.47499 11.182 9.06078 10.5962L13.657 6' stroke='%23666666' stroke-linecap='round'/%3e%3c/svg%3e ");
    transition: .3s
}

.orders__item-info-content {
    padding: 0 4px 8px;
    display: none
}

.orders__history {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.orders__history-item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.orders__history-item.item--modern .orders__history-item-header {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px
}

.orders__history-item.item--modern .orders__history-item-body {
    border-radius: 16px
}

.orders__history-item-header {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: left;
    color: var(--color-text-sub)
}

.orders__history-item-body {
    border-radius: 10px;
    background-color: var(--color-white);
    overflow: hidden;
    box-shadow: 0px 0px 0px 1px var(--color-shadow-trans)
}

.orders__history-item-body.form--active .orders__history-item-body-pan-input input {
    pointer-events: all;
    color: var(--color-text)
}

.orders__history-item-body.form--active .orders__history-item-body-pan-remove {
    opacity: 1;
    pointer-events: all
}

.orders__history-item-body-item {
    padding-left: 16px
}

.orders__history-item-body-item:nth-last-child(1) .orders__history-item-body-pan,
.orders__history-item-body-item:nth-last-child(1) .orders__history-item-body-pan-container {
    border: 0
}

.orders__history-item-body-item .orders__history-item-body-pan {
    border-bottom: 1px solid var(--color-border-light)
}

.orders__history-item-body-item:has(.orders__history-item-body-pan-container) .orders__history-item-body-pan-icon {
    position: relative
}

.orders__history-item-body-item:has(.orders__history-item-body-pan-container) .orders__history-item-body-pan-icon.icon--rev::after {
    bottom: auto;
    top: -10px;
    transform: translateX(-9px)
}

.orders__history-item-body-item:has(.orders__history-item-body-pan-container) .orders__history-item-body-pan-icon::after {
    position: absolute;
    bottom: -6px;
    left: 0;
    display: block;
    content: "";
    width: calc(100% + 9px);
    height: 1px;
    background-color: var(--color-white)
}

.orders__history-item-body [data-ripple] .rippleWave {
    background: rgba(246, 0, 0, .066)
}

.orders__history-item-body [data-ripple]:has(.orders__history-item-body-pan-icon.icon--rev) .rippleWave {
    background: rgba(0, 0, 0, .066)
}

.orders__history-item-body-pan {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6.5px;
    padding: 12px 16px 12px 0
}

.orders__history-item-body-pan:has(.orders__history-item-body-pan-panel) {
    padding: 9px 16px 5px 0
}

.orders__history-item-body-pan:has(span):has(.orders__history-item-body-pan-arrow) {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    gap: 5px
}

.orders__history-item-body-pan:active .orders__history-item-body-pan-icon {
    transform: scale(0.9)
}

.orders__history-item-body-pan:active .orders__history-item-body-pan-icon.icon--rev {
    transform: rotateX(180deg) rotateY(180deg) translateY(4px) scale(0.9)
}

.orders__history-item-body-pan-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

.orders__history-item-body-pan-container {
    display: flex;
    align-items: center;
    gap: 8px
}

.orders__history-item-body-pan-input {
    position: relative;
    display: flex;
    justify-content: space-between
}

.orders__history-item-body-pan-input.input--error label {
    color: #cecece
}

.orders__history-item-body-pan-input.input--error input::-moz-placeholder {
    color: #cecece
}

.orders__history-item-body-pan-input.input--error input::placeholder {
    color: #cecece
}

.orders__history-item-body-pan-input:has(textarea) label {
    position: static !important
}

.orders__history-item-body-pan-input:has(label) {
    flex-direction: column;
    padding: 10px 0 0
}

.orders__history-item-body-pan-input:has(label) label {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px
}

.orders__history-item-body-pan-input:has(label) input {
    color: var(--color-none) !important
}

.orders__history-item-body-pan-input:has(label).input--focus input {
    color: var(--color-text-sub) !important
}

.orders__history-item-body-pan-input:has(label).input--focus label {
    font-size: 10px;
    margin-top: -11.5px
}

.orders__history-item-body-pan-input label {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    color: var(--color-text-light);
    transition: .3s
}

.orders__history-item-body-pan-input input,
.orders__history-item-body-pan-input textarea {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    text-align: left;
    width: 100%;
    background-color: var(--color-none);
    pointer-events: none;
    color: var(--color-text-sub);
    transition: .3s;
    margin-right: 15px
}

.orders__history-item-body-pan-input input.input--error::-moz-placeholder,
.orders__history-item-body-pan-input textarea.input--error::-moz-placeholder {
    color: #cecece
}

.orders__history-item-body-pan-input input.input--error::placeholder,
.orders__history-item-body-pan-input textarea.input--error::placeholder {
    color: #cecece
}

.orders__history-item-body-pan-input input::-moz-placeholder,
.orders__history-item-body-pan-input textarea::-moz-placeholder {
    color: var(--color-secondary);
    -moz-transition: .15s;
    transition: .15s
}

.orders__history-item-body-pan-input input::placeholder,
.orders__history-item-body-pan-input textarea::placeholder {
    color: var(--color-secondary);
    transition: .15s
}

.orders__history-item-body-pan:has(label) .orders__history-item-body-pan-remove {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.orders__history-item-body-pan-remove {
    opacity: 0;
    pointer-events: none;
    width: 16px;
    min-width: 16px;
    height: 19px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16.5C12.4183 16.5 16 12.9182 16 8.5C16 4.0818 12.4183 0.5 8 0.5C3.58172 0.5 0 4.0818 0 8.5C0 12.9182 3.58172 16.5 8 16.5ZM11.5442 4.95588C11.8382 5.24977 11.8382 5.72656 11.5442 6.02068L9.06483 8.5L11.5442 10.9793C11.8382 11.2734 11.8382 11.7502 11.5442 12.0441C11.2501 12.3382 10.7734 12.3382 10.4793 12.0441L8 9.5648L5.52065 12.0441C5.22662 12.3382 4.74989 12.3382 4.45582 12.0441C4.16179 11.7502 4.16179 11.2734 4.45582 10.9793L6.93517 8.5L4.45582 6.02068C4.16179 5.72656 4.16179 5.24977 4.45582 4.95588C4.74986 4.66176 5.22659 4.66176 5.52065 4.95588L8 7.4352L10.4793 4.95588C10.7734 4.66176 11.2501 4.66176 11.5442 4.95588Z' fill='%238E8E93'/%3e%3c/svg%3e ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    transition: .3s
}

.orders__history-item-body-pan-icon {
    transition: .1s
}

@media(prefers-color-scheme: dark) {

    .orders__history-item-body-pan-icon,
    .orders__history-item-body-pan-icon::after {
        filter: invert(1)
    }
}

.orders__history-item-body-pan-icon.icon--rev {
    transform: rotateX(180deg) rotateY(180deg) translateY(4px)
}

.orders__history-item-body-pan * {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    color: var(--color-text-sub)
}

@media(prefers-color-scheme: dark) {
    .orders__history-item-body-pan * {
        font-weight: 400
    }
}

.orders__history-item-body-pan-arrow {
    width: 12.3px;
    height: 12.3px;
    background-size: 7.16px 12.3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 6.99658C8 6.71603 7.89736 6.48337 7.67839 6.26441L2.40949 1.11183C2.23158 0.933919 2.01946 0.851807 1.76627 0.851807C1.25307 0.851807 0.835663 1.25553 0.835663 1.76873C0.835663 2.02191 0.945147 2.25457 1.1299 2.43932L5.81033 6.98974L1.1299 11.5538C0.945147 11.7386 0.835663 11.9644 0.835663 12.2244C0.835663 12.7376 1.25307 13.1482 1.76627 13.1482C2.01946 13.1482 2.23158 13.0592 2.40949 12.8813L7.67839 7.72875C7.9042 7.50978 8 7.27713 8 6.99658Z' fill='%23999999'/%3e%3c/svg%3e ")
}

.orders__history-item-body-pan-price {
    width: 100%;
    text-align: right;
    color: var(--color-text)
}

@media(prefers-color-scheme: dark) {
    .orders__history-item-body-pan-price {
        font-weight: 500
    }
}

.tabs {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.tabs__header {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 9px;
    background-color: var(--color-white);
    border-radius: 16px
}

.tabs__header-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 3px;
    border-radius: 8px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    color: var(--color-text-sub);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .2s;
    cursor: pointer;
    box-shadow: 0px 0px 48px 0px var(--color-none)
}

.tabs__header-item:hover {
    background-color: var(--color-hover--background)
}

.tabs__header-item:active:not(.item--active) {
    opacity: .9
}

.tabs__header-item.item--active {
    background-color: var(--color-background);
    box-shadow: 0px 0px 48px 0px var(--color-shadow-trans);
    cursor: auto
}

.tabs__content-item {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.input {
    padding: 0 16px;
    border-radius: 16px;
    background-color: var(--color-tile-background)
}

.input__row {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-border-light)
}

.input__row:not(:has(label)) {
    padding: 12px 0
}

.input__row:nth-last-child(1) {
    border: 0
}

.input__row:has(.input__text) {
    flex-direction: row;
    align-items: center
}

.input__row:has(.input__text) input {
    overflow: visible !important
}

.input__row.text--hide .input__text {
    opacity: 0
}

.input__row.text--hide input {
    color: var(--color-none) !important
}

.input__row label {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    color: var(--color-text-light)
}

.input__row input,
.input__row textarea {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    color: var(--color-text);
    height: 23px;
    background-color: var(--color-tile-background)
}

.input__row input::-moz-placeholder,
.input__row textarea::-moz-placeholder {
    color: var(--color-secondary)
}

.input__row input::placeholder,
.input__row textarea::placeholder {
    color: var(--color-secondary)
}

.input__text {
    font-size: 14px;
    font-weight: 500;
    opacity: .8;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.contact {
    display: flex;
    flex-direction: column;
    gap: 16px
}

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

.contact__item-icon {
    width: 24px;
    height: 24px
}

@media(prefers-color-scheme: dark) {
    .contact__item-icon {
        filter: invert(1)
    }
}

.contact__item-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.contact__item-title {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 16.94px;
    color: var(--color-title)
}

.contact__item a {
    transition: .1s
}

.contact__item a:hover {
    color: var(--color-primary)
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100dvh;
    z-index: 900;
    visibility: hidden;
    opacity: 0;
    transition: .6s;
    overflow: auto;
    background-color: rgba(0, 0, 0, .8588235294);
    padding: 1rem
}

.modal.modal--active {
    visibility: visible;
    opacity: 1;
    transform: none
}

.modal__title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem;
    letter-spacing: -0.0269rem;
    text-align: center;
    color: var(--color-text-black);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.modal__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1rem;
    background-color: var(--color-modal-content);
    border-radius: .9375rem;
    width: 100%;
    max-width: 25rem;
    transform: translateY(-100px)
}

.modal__content-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_53_600)'%3e%3cmask id='mask0_53_600' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H16V16H0V0Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_53_600)'%3e%3cpath d='M2.6665 2.66673L13.3332 13.3334' stroke='%236A6A6A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M2.6665 13.3334L13.3332 2.66675' stroke='%236A6A6A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_53_600'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: .3s;
    cursor: pointer;
    z-index: 200
}

.modal__content button {
    border: 1px solid var(--color-border-btn);
    background-color: var(--color-modal-actions-btn) !important
}

.modal__content .input,
.modal__content .input input,
.modal__content .input textarea {
    background-color: var(--color-modal-actions-btn) !important
}

.modal input::-moz-placeholder {
    -moz-transition: .1s;
    transition: .1s
}

.modal input::placeholder {
    transition: .1s
}

.modal input.text--out::-moz-placeholder {
    color: var(--color-text-black);
    opacity: 1
}

.modal input.text--out::placeholder {
    color: var(--color-text-black);
    opacity: 1
}

.error-block {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--color-background);
    cursor: default
}

.error-block * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.error-block__title {
    font-size: 20px;
    font-weight: 600
}

.error-block__text {
    font-size: 14px;
    width: 100%;
    max-width: 350px;
    text-align: center
}

.error-block__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px
}

.error-block .btn {
    border: 1px solid var(--color-tile-border);
    color: var(--color-text-sub) !important;
    width: -moz-max-content;
    width: max-content;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 15px
}

.app {
    height: 100%;
    min-height: 100vh;
    animation-name: fadeIn;
    animation-duration: .4s;
    animation-fill-mode: both
}

.app.app--fulscreen {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-background-app)
}

.app:not(:has(.container)),
.app:not(:has(.container)) .app__section,
.app .container,
.app .container .app__section {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.app:not(:has(.app)) {
    padding: 2rem 0
}

.app:not(:has(.app)):has(.footer) {
    padding: 2rem 0 5rem
}

.app:has(.app) .app {
    padding: 2rem 0
}

.app:has(.app) .app:has(.footer) {
    padding: 2rem 0
}

.app .main--swiper {
    overflow: hidden !important
}

.app .main--swiper .main--swiper-slide {
    background-color: var(--сolor-recent-app);
    transition: .4s
}

.app .scroll--swiper {
    height: 100vh !important;
    overflow: scroll
}

.app .swiper {
    overflow: visible
}

@media(min-width: 48.5rem) {
    .app .container:has(.app__container) {
        padding: 0
    }
}

.app__container {
    display: flex;
    align-items: stretch;
    gap: 1rem
}

@media(min-width: 48.5rem) {
    .app__container .app__btn {
        margin-bottom: 1rem;
        box-shadow: none
    }
}

.app__back {
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: .4s
}

.app__back:hover {
    opacity: .6
}

.app__col {
    position: relative
}

.app__pane {
    display: flex;
    flex-direction: column;
    gap: 1.375rem;
    border-radius: 1.25rem;
    background-color: var(--color-section);
    padding: 2.5rem
}

@media(max-width: 48.5rem) {
    .app__pane {
        padding: 1.25rem;
        gap: .9375rem
    }
}

.app__pane .app__title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: auto
}

@media(max-width: 48.5rem) {
    .app__pane .app__title {
        font-size: 1.125rem
    }
}

@media(max-width: 48.5rem) {
    .app__pane .text {
        gap: .9375rem
    }
}

.app__pane .text * {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.0669rem
}

.app__pane .text h2 {
    font-weight: 600;
    color: var(--color-text)
}

.app__pane .text ol,
.app__pane .text ul {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.app__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 700;
    transition: .1s;
    border-radius: 6.25rem;
    -webkit-backdrop-filter: blur(0.0625rem);
    backdrop-filter: blur(0.0625rem);
    box-shadow: 0rem 0rem 3rem 0rem var(--color-shadow);
    border: .0625rem solid var(--color-shadow-trans);
    cursor: pointer
}

.app__btn.btn--static {
    position: sticky !important;
    top: calc(100vh - 3.125rem - 1rem)
}

.app__btn.btn--hide {
    transform: translateX(calc(100% + 1.125rem))
}

.app__btn.btn--bottom {
    position: fixed;
    bottom: 114px;
    right: 1rem;
    background-color: var(--color-bottom-btn)
}

.app__btn.btn--top {
    position: fixed;
    top: .75rem;
    right: 1.125rem;
    background-color: var(--color-top-btn)
}

.app__btn.icon--monitor .btn-icon {
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.5455 0H1.45455C0.654545 0 0 0.72 0 1.6V11.2C0 12.08 0.654545 12.8 1.45455 12.8H6.54545L5.09091 15.2V16H10.9091V15.2L9.45455 12.8H14.5455C15.3455 12.8 16 12.08 16 11.2V1.6C16 0.72 15.3455 0 14.5455 0ZM14.3333 9.2H1.66667V2H14.3333V9.2Z' fill='%232C2C2C'/%3e%3c/svg%3e ")
}

.app__btn.icon--chat {
    display: flex;
    align-items: center;
    padding: 0 .9375rem;
    gap: .4375rem;
    width: -moz-max-content;
    width: max-content;
    height: 3.2813rem;
    background-size: 1.3125rem;
    color: var(--color-secondary);
    font-size: .975rem;
    font-weight: 600
}

.app__btn.icon--chat:active span {
    color: var(--color-text)
}

.app__btn.icon--chat .btn-icon {
    width: 1.3125rem;
    height: 1.3125rem;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.08084 0H17.9192C19.6207 0 21 1.38177 21 3.08627V16.817V19.9271C21 20.8818 19.8472 21.3592 19.1743 20.6832L15.3256 16.817H3.08084C1.37934 16.817 0 15.4353 0 13.7308V3.08627C0 1.38177 1.37934 0 3.08084 0Z' fill='%23666666'/%3e%3cpath d='M3.9375 5.0983C3.9375 4.45721 4.42229 3.9375 5.02031 3.9375H15.9797C16.5777 3.9375 17.0625 4.45721 17.0625 5.0983C17.0625 5.7394 16.5777 6.25911 15.9797 6.25911H5.02031C4.42229 6.25911 3.9375 5.7394 3.9375 5.0983Z' fill='%23ECECEC'/%3e%3cpath d='M3.9375 9.7767C3.9375 9.1356 4.42229 8.61589 5.02031 8.61589H11.6156C12.2136 8.61589 12.6984 9.1356 12.6984 9.7767C12.6984 10.4178 12.2136 10.9375 11.6156 10.9375H5.02031C4.42229 10.9375 3.9375 10.4178 3.9375 9.7767Z' fill='%23ECECEC'/%3e%3cpath d='M3.9375 5.0983C3.9375 4.45721 4.42229 3.9375 5.02031 3.9375H15.9797C16.5777 3.9375 17.0625 4.45721 17.0625 5.0983C17.0625 5.7394 16.5777 6.25911 15.9797 6.25911H5.02031C4.42229 6.25911 3.9375 5.7394 3.9375 5.0983Z' fill='%23ECECEC'/%3e%3c/svg%3e ")
}

@media(prefers-color-scheme: dark) {
    .app__btn.icon--chat .btn-icon {
        filter: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.08084 0H17.9192C19.6207 0 21 1.38177 21 3.08627V16.817V19.9271C21 20.8818 19.8472 21.3592 19.1743 20.6832L15.3256 16.817H3.08084C1.37934 16.817 0 15.4353 0 13.7308V3.08627C0 1.38177 1.37934 0 3.08084 0Z' fill='white'/%3e%3cpath d='M3.9375 5.0983C3.9375 4.45721 4.42229 3.9375 5.02031 3.9375H15.9797C16.5777 3.9375 17.0625 4.45721 17.0625 5.0983C17.0625 5.7394 16.5777 6.25911 15.9797 6.25911H5.02031C4.42229 6.25911 3.9375 5.7394 3.9375 5.0983Z' fill='%23232528'/%3e%3cpath d='M3.9375 9.7767C3.9375 9.1356 4.42229 8.61589 5.02031 8.61589H11.6156C12.2136 8.61589 12.6984 9.1356 12.6984 9.7767C12.6984 10.4178 12.2136 10.9375 11.6156 10.9375H5.02031C4.42229 10.9375 3.9375 10.4178 3.9375 9.7767Z' fill='%23232528'/%3e%3cpath d='M3.9375 5.0983C3.9375 4.45721 4.42229 3.9375 5.02031 3.9375H15.9797C16.5777 3.9375 17.0625 4.45721 17.0625 5.0983C17.0625 5.7394 16.5777 6.25911 15.9797 6.25911H5.02031C4.42229 6.25911 3.9375 5.7394 3.9375 5.0983Z' fill='%23232528'/%3e%3c/svg%3e ") !important
    }
}

.app__btn.icon--chat span {
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    transition: .4s
}

@media(prefers-color-scheme: dark) {
    .app__btn.icon--chat span {
        color: var(--color-text)
    }
}

.app__details {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    margin-top: -1.25rem
}

.app__details-image {
    display: flex;
    justify-content: center;
    overflow: hidden
}

.app__details-image dotlottie-player {
    width: 19.4375rem;
    height: 10.6463rem;
    pointer-events: none;
    transform: scale(1.7)
}

.app__details-content {
    padding: .75rem 1rem;
    border-radius: 1rem;
    background-color: var(--color-white)
}

.app__details-title {
    font-family: "Inter";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4625rem;
    text-align: left;
    padding-bottom: .75rem;
    border-bottom: .0625rem solid var(--color-border-light)
}

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

.app__details-info-item {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border-bottom: .0625rem solid var(--color-border-light);
    padding: .75rem 0
}

.app__details-info-item:nth-last-child(1) {
    border: 0;
    padding-bottom: 0 !important
}

.app__details-info-item:has(.contact) {
    padding: .625rem 0
}

.app__details-info-item-title {
    font-size: .75rem;
    font-weight: 500;
    line-height: .9144rem;
    color: var(--color-text-light)
}

.app__details-info-item-text {
    font-family: "Inter";
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.225rem;
    color: var(--color-secondary)
}

.app__panels {
    display: flex;
    align-items: center;
    gap: .5rem
}

.app__panels-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .625rem;
    min-height: 6.4375rem;
    width: 100%;
    border-radius: 1rem;
    height: 100%;
    padding: .75rem 1rem;
    background-color: var(--color-white);
    box-shadow: 0rem 0rem 0rem .0625rem var(--color-shadow-trans)
}

.app__panels-item .rippleWave {
    background: rgba(81, 81, 81, .343);
    animation-duration: .9s
}

.app__panels-item .ripple {
    animation: ripple-shadow .4s forwards
}

.app__panels-item-title {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.0669rem;
    color: var(--color-text-sub)
}

.app__panels-item-price {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3713rem;
    text-align: right;
    width: 100%;
    color: var(--color-text)
}

.app__title {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--color-title)
}

.app__title span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem;
    height: 1.25rem;
    background-color: var(--color-secondary-trans);
    border-radius: 1rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: .9144rem;
    text-align: left
}

.app__galery {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.app__galery.galery--max .app__galery-item {
    width: 9.5125rem;
    height: 5.625rem
}

.app__galery-item {
    border-radius: 1rem;
    overflow: hidden;
    width: 5.2188rem;
    height: 5.625rem
}

.app__galery-item-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.app__galery-item-dots span {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background-color: var(--color-title)
}

@media(prefers-color-scheme: dark) {
    .app__galery-item.item--empty-content {
        filter: invert(1)
    }
}

.app__galery-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.app__galery-item.item--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0px;
    opacity: .5;
    border: 1px solid var(--color-tile-border);
    background-color: var(--color-placeholder-background)
}

.app__content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.app__content-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .75rem 1rem;
    border-radius: 1rem;
    background-color: var(--color-white);
    transition: .2s !important;
    cursor: pointer
}

.app__content-item:has(.app__content-item-subtitle) {
    border-radius: .625rem
}

.app__content-item[data-ripple] .rippleWave {
    background: rgba(0, 0, 0, .159)
}

.app__content-item[data-ripple]:active {
    opacity: .8
}

.app__content-item-header {
    display: flex;
    justify-content: space-between;
    gap: .625rem
}

.app__content-item-header .app__content-item-subtitle {
    white-space: nowrap
}

@media(prefers-color-scheme: dark) {
    .app__content-item-icon {
        opacity: .9
    }
}

.app__content-item .chat-link {
    position: absolute;
    right: .75rem;
    top: 1rem;
    background-color: var(--color-background-app);
    border: 1px solid var(--color-tile-border);
    color: var(--color-text-sub);
    font-size: 13px !important;
    padding: 3px 4px;
    border-radius: 4px;
    font-weight: 500;
    width: -moz-max-content;
    width: max-content;
    transition: .1s
}

@media(max-width: 768px) {
    .app__content-item .chat-link {
        top: 10px;
        font-size: 11px !important
    }
}

.app__content-item .chat-link:hover {
    color: #000
}

.app__profile {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.app__profile-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .375rem
}

.app__profile-field-group {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.app__profile-field {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 10px 16px;
    border-radius: 16px;
    background-color: var(--color-tile-background);
    padding-right: 42px
}

.app__profile-field:has(textarea:focus) .orders__history-item-body-pan-remove,
.app__profile-field:has(input:focus) .orders__history-item-body-pan-remove {
    opacity: 1;
    pointer-events: all
}

.app__profile-field:has(textarea:-moz-placeholder-shown) .orders__history-item-body-pan-remove,
.app__profile-field:has(input:-moz-placeholder-shown) .orders__history-item-body-pan-remove {
    opacity: 0;
    pointer-events: none
}

.app__profile-field:has(textarea:placeholder-shown) .orders__history-item-body-pan-remove,
.app__profile-field:has(input:placeholder-shown) .orders__history-item-body-pan-remove {
    opacity: 0;
    pointer-events: none
}

.app__profile-field label {
    font-size: 12px;
    color: #999;
    font-weight: 500
}

.app__profile-field textarea,
.app__profile-field input {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-title);
    background-color: var(--color-tile-background)
}

.app__profile-field .orders__history-item-body-pan-remove {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    z-index: 100
}

.app__profile-avatar {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 6.25rem;
    background-color: var(--color-white);
    overflow: hidden
}

.app__profile-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.app__profile-name {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.0669rem;
    color: var(--color-text-light);
    border-radius: .25rem;
    padding: .125rem .0625rem
}

.app__copyright {
    font-size: .75rem;
    font-weight: 500;
    line-height: .9144rem;
    text-align: center;
    width: 100%;
    color: var(--color-text-light);
    margin-top: .5rem
}

.app__files {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.app__files a {
    width: calc(33.3333333333% - 4px)
}

.app__files a .app__files-item {
    width: 100%
}

.app__files-item {
    position: relative;
    height: 80px;
    border-radius: 16px;
    border: 1px solid var(--color-tile-border);
    overflow: hidden;
    background-color: var(--color-tile-background);
    transition: .1s
}

.app__files-item:hover {
    border-color: var(--color-border)
}

.app__files-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(236, 236, 236, 0) 50%, #ffffff 100%);
    pointer-events: none;
    border-radius: 16px
}

.app__files-item:has(.icon-ext)::after {
    display: none
}

.app__files-item:has(.icon-ext) * {
    color: var(--color-file-title) !important
}

.app__files-item-src {
    width: 100%;
    height: 100%
}

.app__files-item-src.icon-ext {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-6px)
}

.app__files-item-src.icon-ext img {
    width: 21px;
    height: 32px
}

.app__files-item-src img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.app__files-item-name {
    position: absolute;
    bottom: 6px;
    left: 8px;
    width: calc(100% - 16px);
    font-size: 12px;
    color: var(--color-file-exist-title);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 20
}

.app .tabs__content {
    padding-bottom: 50px
}

.app__tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    position: fixed;
    z-index: 999
}

.app__tabs.footer {
    bottom: 36px;
    left: 50%;
    width: -moz-max-content;
    width: max-content;
    padding: 0;
    background: none;
    border: 0;
    transform: translateX(-50%)
}

@media(min-width: 550px) {
    .app__tabs.footer {
        bottom: 51px
    }
}

.app__tabs-group {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px;
    border-radius: 12px;
    border: .33px solid var(--color-tile-border);
    box-shadow: 0px 4px 34.9px 0px var(--color-tabs-shadow);
    background-color: var(--color-tile-background)
}

.app__tabs .tabs__header-item {
    align-items: center;
    gap: 6px;
    padding: 6px
}

.app__tabs .tabs__header-item.item--active {
    background-color: var(--color-active-background) !important;
    box-shadow: none !important
}

.app__tabs .tabs__header-item img {
    width: 17px;
    height: 17px
}

.app__time {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px
}

.app__time-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 14px;
    background-color: var(--color-tile-background);
    padding: 12px 14px;
    border: .33px solid var(--color-tile-border);
    transition: .3s;
    cursor: auto
}

.app__time-item * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.app__time-item:active {
    transform: scale(0.98)
}

.app__time-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.app__time-item-title {
    color: var(--color-title)
}

.app__time-item-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 14.5C9.31373 14.5 12 11.7814 12 8.42771C12 5.07408 9.31373 2.35542 6 2.35542C2.68629 2.35542 0 5.07408 0 8.42771C0 11.7814 2.68629 14.5 6 14.5ZM6 5.22289C6.27613 5.22289 6.5 5.44945 6.5 5.72892V8.42771C6.5 8.70717 6.27613 8.93373 6 8.93373C5.72387 8.93373 5.5 8.70717 5.5 8.42771V5.72892C5.5 5.44945 5.72387 5.22289 6 5.22289Z' fill='%232F2F2F'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.16667 1.00602C4.16667 0.726557 4.39053 0.5 4.66667 0.5H7.33333C7.60947 0.5 7.83333 0.726557 7.83333 1.00602C7.83333 1.28549 7.60947 1.51205 7.33333 1.51205H4.66667C4.39053 1.51205 4.16667 1.28549 4.16667 1.00602Z' fill='%232F2F2F'/%3e%3c/svg%3e ")
}

.app__time-item-date::before {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.7375 0.944444C3.7375 0.698987 3.51924 0.5 3.25 0.5C2.98076 0.5 2.7625 0.698987 2.7625 0.944444V1.8803C1.82694 1.9486 1.21275 2.11622 0.761521 2.5276C0.310291 2.93897 0.126432 3.49892 0.0515191 4.35185H12.9485C12.8736 3.49892 12.6897 2.93897 12.2385 2.5276C11.7872 2.11622 11.173 1.9486 10.2375 1.8803V0.944444C10.2375 0.698987 10.0192 0.5 9.75 0.5C9.48077 0.5 9.2625 0.698987 9.2625 0.944444V1.84098C8.83006 1.83333 8.34535 1.83333 7.8 1.83333H5.2C4.65463 1.83333 4.16993 1.83333 3.7375 1.84098V0.944444Z' fill='%23999999'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.57407C0 6.07689 7.39884e-08 5.63499 0.00838508 5.24074H12.9916C13 5.63499 13 6.07689 13 6.57407V7.75926C13 9.99404 13 11.1115 12.2385 11.8057C11.477 12.5 10.2513 12.5 7.8 12.5H5.2C2.74869 12.5 1.52305 12.5 0.761521 11.8057C8.60956e-08 11.1115 0 9.99404 0 7.75926V6.57407ZM9.75 7.75926C10.109 7.75926 10.4 7.49396 10.4 7.16667C10.4 6.83938 10.109 6.57407 9.75 6.57407C9.391 6.57407 9.1 6.83938 9.1 7.16667C9.1 7.49396 9.391 7.75926 9.75 7.75926ZM9.75 10.1296C10.109 10.1296 10.4 9.86433 10.4 9.53704C10.4 9.20975 10.109 8.94444 9.75 8.94444C9.391 8.94444 9.1 9.20975 9.1 9.53704C9.1 9.86433 9.391 10.1296 9.75 10.1296ZM7.15 7.16667C7.15 7.49396 6.85899 7.75926 6.5 7.75926C6.14101 7.75926 5.85 7.49396 5.85 7.16667C5.85 6.83938 6.14101 6.57407 6.5 6.57407C6.85899 6.57407 7.15 6.83938 7.15 7.16667ZM7.15 9.53704C7.15 9.86433 6.85899 10.1296 6.5 10.1296C6.14101 10.1296 5.85 9.86433 5.85 9.53704C5.85 9.20975 6.14101 8.94444 6.5 8.94444C6.85899 8.94444 7.15 9.20975 7.15 9.53704ZM3.25 7.75926C3.60898 7.75926 3.9 7.49396 3.9 7.16667C3.9 6.83938 3.60898 6.57407 3.25 6.57407C2.89102 6.57407 2.6 6.83938 2.6 7.16667C2.6 7.49396 2.89102 7.75926 3.25 7.75926ZM3.25 10.1296C3.60898 10.1296 3.9 9.86433 3.9 9.53704C3.9 9.20975 3.60898 8.94444 3.25 8.94444C2.89102 8.94444 2.6 9.20975 2.6 9.53704C2.6 9.86433 2.89102 10.1296 3.25 10.1296Z' fill='%23999999'/%3e%3c/svg%3e ")
}

.app__time-item-title,
.app__time-item-date {
    display: flex;
    align-items: center;
    gap: 6px
}

.app__time-item-title::before,
.app__time-item-date::before {
    content: "";
    display: block;
    width: 12px;
    height: 14px;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat
}

.app__time-item-text {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #8c8c8c
}

.app__time-item-text.text-title {
    color: var(--color-title)
}

.app__time-item * {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px
}

@media(min-width: 550px) {
    .catalog .container {
        max-width: 1200px
    }
}

@media(min-width: 550px)and (max-width: 1250px) {
    .catalog .container {
        max-width: 600px
    }
}

@media(min-width: 550px) {
    .catalog__group {
        display: grid;
        grid-template-columns: repeat(2, 50%)
    }
}

@media(min-width: 550px)and (max-width: 1250px) {
    .catalog__group {
        display: flex;
        flex-direction: column
    }
}

@media(min-width: 550px) {
    .catalog .app__content-item {
        transition: .3s all, .7s box-shadow
    }

    .catalog .app__content-item:hover {
        box-shadow: 0px 0px 0px 2px var(--color-order-shadow)
    }

    .catalog .app__content-item .text * {
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0px
    }

    .catalog .app__content-item .text p {
        -webkit-line-clamp: 9 !important;
        line-clamp: 9 !important
    }

    .catalog .app__galery {
        grid-template-columns: repeat(4, calc(25% - 6px))
    }
}

.catalog .app__content-item {
    padding: 16px !important
}

.catalog .app__content-item,
.catalog .app__content-item-body {
    gap: 16px !important
}

.catalog .app__galery {
    display: grid;
    height: -moz-max-content !important;
    height: max-content !important;
    gap: 8px !important
}

@media(max-width: 550px) {
    .catalog .app__galery {
        grid-template-columns: repeat(3, calc(33.3333333333% - 6px))
    }
}

.catalog .app__galery .app__galery-item {
    height: 80px
}

@media(max-width: 550px) {
    .catalog .app__content-item {
        padding-top: 12px !important
    }

    .catalog .app__content-item-title {
        font-size: 17px !important;
        line-height: normal
    }

    .catalog .app__content-item-body .text * {
        font-size: 14px !important;
        line-height: normal
    }
}

@media(min-width: 550px) {
    .order__lurker {
        flex-grow: 1
    }
}

@media(min-width: 550px) {
    .order__wrapper {
        flex-direction: row
    }

    .order__wrapper .app__files {
        flex-direction: column;
        width: 150px;
        min-width: 150px;
        max-width: 150px
    }

    .order__wrapper .app__files-item {
        height: 100px;
        opacity: 0;
        transform: translateY(-50px);
        transition: transform .6s ease, opacity .6s ease
    }

    .order__wrapper .app__files-item.visible {
        opacity: 1;
        transform: translateY(0)
    }

    .order__wrapper .app__files-item:hover {
        transform: scale(0.99)
    }

    .order__wrapper .app__files-item:active {
        transform: scale(0.97)
    }

    .order__wrapper .app__files-item-name {
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0px
    }

    .order__wrapper .app__files a {
        width: 100%
    }

    .order__wrapper .text {
        padding-right: 16px;
        border-right: 1px solid var(--color-order-border);
        width: 100%
    }

    .order__wrapper .text * {
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0px
    }
}

@media(min-width: 890px) {

    .profile .app__profile-flex,
    .profile .app__profile-header {
        flex-direction: column !important
    }

    .profile .app__profile-header {
        gap: 8px
    }

    .profile .app__profile-header:has(.app__profile-avatar:hover) .app__profile-avatar {
        transform: scale(1.1) translateY(15px)
    }

    .profile .app__profile-header:has(.app__profile-avatar:hover) .app__profile-group {
        filter: blur(2px);
        transform: scale(0.97)
    }

    .profile .app__profile-header:has(.app__profile-group:hover) .app__profile-avatar {
        filter: blur(1px)
    }

    .profile .app__profile-header:has(.app__profile-group:hover) .app__profile-group {
        filter: blur(0)
    }

    .profile .app__profile-avatar {
        width: 128px !important;
        height: 128px !important;
        z-index: 10;
        transition: .3s all
    }

    .profile .app__profile-avatar img {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .profile .app__profile-group {
        align-items: center;
        transition: .3s all;
        cursor: default
    }

    .profile .app__profile-group *::-moz-selection {
        background-color: rgba(143, 175, 255, .558);
        color: #000
    }

    .profile .app__profile-group *::selection {
        background-color: rgba(143, 175, 255, .558);
        color: #000
    }

    .profile .app__profile-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0px
    }

    .profile .app__profile-name {
        width: -moz-max-content;
        width: max-content;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0px
    }

    .profile textarea {
        height: 17px;
        resize: none
    }

    .profile .profile__upfront {
        background-color: var(--color-tile-background);
        width: 100%;
        border-radius: 16px;
        padding: 10px 16px;
        align-items: flex-start;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .profile .profile__upfront b {
        -webkit-user-select: text;
        -moz-user-select: text;
        user-select: text
    }

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

.app-recent {
    padding-top: 16px !important;
    background-color: var(--сolor-recent-app)
}

@media(min-width: 550px) {
    .app-recent {
        padding-top: 32px !important
    }
}

.app-recent .app__title {
    font-weight: 600
}

@media(min-width: 550px) {
    .app-recent .app__title {
        font-size: 26px;
        line-height: 120%;
        letter-spacing: 0px
    }
}

.app-recent .app__content {
    gap: 16px
}

.app-recent .app__content-item {
    padding: 12px
}

@media(max-width: 550px) {

    .app-recent .app__content-item,
    .app-recent .app__content-item-body {
        gap: 8px !important
    }

    .app-recent .app__content-item .app__galery,
    .app-recent .app__content-item-body .app__galery {
        height: 50px !important
    }
}

.app-recent .app__content-item-title {
    font-size: 18px;
    font-weight: 700
}

.app-recent .app__content-item .text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden
}

.app-recent .text * {
    color: #999
}

.app-recent .app__content-item {
    background-color: var(--color-tile-background)
}

.app-recent .app__content-item-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 4px;
    overflow: hidden
}

.app-recent .app__galery.galery-spoiler {
    flex-wrap: nowrap;
    gap: 4px;
    height: 52px;
    overflow: hidden
}

.app-recent .app__galery.galery-spoiler .app__galery-item {
    width: 100%
}

.app-recent .orders__item-info-content .btn {
    background-color: var(--color-tile-background);
    color: var(--color-title);
    font-weight: 500
}

.app-recent .tabs {
    overflow: visible
}

.app-recent .tabs__header {
    position: fixed;
    bottom: 36px
}

.app-recent .tabs .orders__item-info {
    border: 0
}

.app-recent .tabs .orders__item-info-header {
    justify-content: flex-start;
    gap: 4px
}

.app-recent .tabs .orders__item-info-header .orders__item-info-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-title)
}

.app-recent .tabs .orders__item-info-header .orders__item-info-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.9697 14.5303C11.2626 14.8232 11.7374 14.8232 12.0303 14.5303L16.8033 9.75736C17.0962 9.46447 17.0962 8.98959 16.8033 8.6967C16.5104 8.40381 16.0355 8.40381 15.7426 8.6967L11.5 12.9393L7.25736 8.6967C6.96447 8.40381 6.48959 8.40381 6.1967 8.6967C5.90381 8.98959 5.90381 9.46447 6.1967 9.75736L10.9697 14.5303ZM11.5 13H10.75V14H11.5H12.25V13H11.5Z' fill='%23121212'/%3e%3c/svg%3e ");
    background-size: 100%;
    width: 23px;
    height: 23px
}

.app-recent .tabs .orders__item-info-content p {
    padding-left: 27px
}

.app-recent .btn {
    color: #121212;
    height: 40px
}

.app-recent .app__profile-header {
    flex-direction: row
}

.app-recent .app__profile-avatar {
    width: 38px;
    height: 38px
}

.app-recent .app__profile-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-title)
}

.app-recent .app__profile-group {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #999
}

.app-recent .app__profile-group b {
    font-size: 16px;
    color: var(--color-title)
}

.app-recent .app__profile-flex {
    display: flex;
    align-items: center;
    gap: 43px
}

.app-recent .orders__history-item-body-pan:has(textarea) {
    padding-top: 0;
    padding-bottom: 10px
}

.app-recent .orders__history-item-body-pan:has(textarea) .orders__history-item-body-pan-input {
    display: block
}

.app-recent .orders__history-item-body-pan label {
    font-size: 12px
}

@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,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.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: translate3d(0px, 0, 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);
    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: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

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

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.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 {
    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 {
    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: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0)
}

.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 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(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification,
swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

.bottom-sheet {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    opacity: 0;
    pointer-events: none;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    transition: .2s linear;
    z-index: 999
}

.bottom-sheet.show {
    opacity: 1;
    pointer-events: all !important
}

.bottom-sheet.show .bottom-sheet__content {
    transform: translateY(0%)
}

.bottom-sheet.fullscreen .bottom-sheet__content {
    border-radius: 0;
    overflow-y: hidden
}

.bottom-sheet.fullscreen .bottom-sheet__body {
    overflow-y: auto !important
}

.bottom-sheet.dragging .bottom-sheet__content {
    transition: none
}

.bottom-sheet__header {
    display: flex;
    justify-content: center;
    padding: 4px
}

.bottom-sheet__header-dragarea {
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bottom-sheet__header-dragarea span {
    display: block;
    background-color: var(--color-border);
    border-radius: 100px;
    width: 35.73px;
    height: 5px
}

.bottom-sheet__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: var(--color-sheet-background)
}

.bottom-sheet__content {
    width: 100%;
    position: relative;
    background: var(--color-white);
    height: auto;
    max-width: 776px;
    padding: 0 16px 16px;
    transform: translateY(100%);
    border-radius: 10px 10px 0 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .03);
    transition: .4s ease
}

.bottom-sheet__content input::-moz-placeholder {
    -moz-transition: .1s;
    transition: .1s
}

.bottom-sheet__content input::placeholder {
    transition: .1s
}

.bottom-sheet__content input.text--out::-moz-placeholder {
    color: var(--color-text-black);
    opacity: 1
}

.bottom-sheet__content input.text--out::placeholder {
    color: var(--color-text-black);
    opacity: 1
}

.bottom-sheet__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    overflow-y: hidden;
    scrollbar-width: none;
    padding: 8px 0
}

.bottom-sheet__body::-webkit-scrollbar {
    width: 0
}

.bottom-sheet__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -.4300000072px;
    text-align: center;
    color: var(--color-text-black);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bottom-sheet__subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: var(--color-secondary);
    margin-top: 2px
}

.bottom-sheet input,
.bottom-sheet textarea {
    font-weight: 500
}

.bottom-sheet .btn {
    background-color: var(--color-tile-background);
    border-color: var(--color-tile-border);
    margin-top: 8px
}

.bottom-sheet .input__row input:focus::-moz-placeholder {
    opacity: .8
}

.bottom-sheet .input__row input:focus::placeholder {
    opacity: .8
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 11px 16px 25px;
    border-top: 1px solid var(--color-border);
    background-color: var(--color-nav);
    transform: translateY(2px);
    z-index: 900;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px
}

.footer .container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 0;
    width: 100%
}

.footer:has(.footer__controls):not(:has(.footer__item)) {
    background-color: var(--color-none);
    border: 0;
    padding: 32px;
    background: linear-gradient(360deg, rgba(46, 46, 46, 0.7725490196) 0%, rgba(236, 236, 236, 0) 100%)
}

.footer:has(.footer__controls):not(:has(.footer__item)) .btn {
    width: 100%
}

.footer__controls {
    width: 100%
}

.footer__controls-group {
    display: flex;
    gap: 10px
}

.footer__controls-group .ripple {
    display: none
}

.footer__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 108.67px;
    cursor: pointer
}

.footer__item-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px;
    width: -moz-max-content;
    width: max-content;
    min-width: 70%;
    border-radius: 5px
}

.footer__item.item--active .footer__item-icon {
    opacity: 1
}

@media(prefers-color-scheme: dark) {
    .footer__item.item--active .footer__item-icon {
        filter: brightness(100)
    }
}

.footer__item.item--active .footer__item-title {
    color: var(--color-text)
}

.footer__item-icon {
    width: 24px;
    height: 24px;
    opacity: .5;
    transition: .2s
}

@media(prefers-color-scheme: dark) {
    .footer__item-icon {
        filter: brightness(5)
    }
}

.footer__item-icon img {
    width: 100%;
    height: 100%
}

.footer__item-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 14.63px;
    color: var(--color-secondary);
    transition: .2s
}

.footer .js-profile-btn-group .btn {
    transition: .2s
}

.footer .js-profile-btn-group .btn:active {
    transform: scale(0.95)
}