@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');


@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Azeret+Mono&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

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

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

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

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

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

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, 0.2s -webkit-transform;
    transition: .2s left, 0.2s -webkit-transform;
    -o-transition: .2s transform, 0.2s left;
    transition: .2s transform, 0.2s left;
    transition: .2s transform, 0.2s left, 0.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, 0.2s -webkit-transform;
    transition: .2s right, 0.2s -webkit-transform;
    -o-transition: .2s transform, 0.2s right;
    transition: .2s transform, 0.2s right;
    transition: .2s transform, 0.2s right, 0.2s -webkit-transform
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

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

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

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

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

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: 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
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

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

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

:root {
    --primary: #fff;
    --border: #9FA4AE7D;
    --secondary: #9FA4AE7D;
    --ck-color-toolbar-background: rgba(255, 255, 255, 0.025) !important;
    --ck-color-base-background: rgba(255, 255, 255, 0) !important;
    --ck-color-base-text: #e0e0e0 !important;
    --ck-color-focus-border: rgba(255, 255, 255, 0) !important;
    --ck-color-base-border: rgba(255, 255, 255, 0) !important;
    --ck-color-button-default-hover-background: #808080 !important;
    --ck-color-tooltip-background: #909090 !important;
    --ck-color-tooltip-text: white !important
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Lato", sans-serif
}

body {
    position: relative;
    color: var(--primary) !important;
    min-height: 100vh;
    background: #070d1b;
}

a {
    color: white
}

a:hover {
    color: white
}

.visually-hidden {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

input,
textarea {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

@media(max-width:800px) {

    html,
    body {
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important
    }

    body {
        background-color: #171717
    }

    body.fixed {
        height: 100vh;
        overflow: hidden
    }

    .header {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 99;
        padding: 20px 12px 0;
        height: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top 0 center
    }

    .header__row {
        position: relative
    }

    .header__user-info {
        display: none
    }

    .header__nav-icons {
        margin: 0 -8px
    }

    .header__logo {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100px;
        height: 0;
        padding-top: 22.2972972973px;
        background: url("static/assets/images/logo.png") center no-repeat;
        background-size: 100% 100%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .header__menu {
        position: relative;
        z-index: 1;
        margin: 25px 0 0;
        padding: 0 0 12px;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5);
        height: 31px;
        overflow: hidden;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .header_search .header__menu,
    .header_search_news .header__menu {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .header__search {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 12px;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .header_search_news .header__search {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .header_search .header__search {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .input {
        position: relative;
        height: 30px;
        line-height: 30px
    }

    .input__input {
        display: block;
        height: 30px;
        line-height: 30px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        border-radius: 0;
        color: white;
        border-bottom: 1px solid #54575f;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .input__input:focus~.input__input__placeholder {
        opacity: 0 !important
    }

    .input__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        opacity: 0;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        pointer-events: none
    }

    .input__placeholder_label {
        color: #54575f
    }

    .input__placeholder_error {
        color: #d30a0a
    }

    .input__eye-toggler {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        cursor: pointer
    }

    .input__eye-toggler:hover {
        opacity: .9
    }

    .input__eye-toggler::before,
    .input__eye-toggler::after {
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        background-position: center;
        background-repeat: no-repeat
    }

    .input__eye-toggler::before {
        opacity: 0;
        background-image: url("..static/assets/images/eye-cross.svg")
    }

    .input__eye-toggler::after {
        opacity: 1;
        background-image: url("..static/assets/images/eye.svg")
    }

    .input__eye-toggler_shown::before {
        opacity: 1
    }

    .input__eye-toggler_shown::after {
        opacity: 0
    }

    .input_smaller {
        height: 30px;
        line-height: 30px
    }

    .input_smaller .input__input {
        height: 30px;
        line-height: 30px
    }

    .input_smaller .input__placeholder {
        height: 30px;
        line-height: 30px
    }

    .input_empty .input__placeholder_label {
        opacity: 1
    }

    .input_empty .input__placeholder_error {
        opacity: 0
    }

    .input_invalid .input__input {
        border-color: #d30a0a
    }

    .input_invalid .input__placeholder {
        opacity: 0
    }

    .input_empty.input_invalid .input__placeholder_label {
        opacity: 0
    }

    .input_empty.input_invalid .input__placeholder_error {
        opacity: 1
    }

    .checkbox-row {
        display: block;
        width: 100%;
        cursor: pointer
    }

    .checkbox-row_disabled {
        opacity: .7;
        pointer-events: none
    }

    .checkbox-row__input {
        display: none
    }

    .checkbox-row__title {
        position: relative;
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 500;
        height: 19px;
        line-height: 19px
    }

    .checkbox-row__title::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 22px;
        height: 22px;
        opacity: .2;
        background: url(..static/assets/images/checked.svg) center no-repeat;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .checkbox-row__input:checked+.checkbox-row__title {
        color: white
    }

    .checkbox-row__input:checked+.checkbox-row__title::after {
        opacity: 1
    }

    .form__fieldset+.form__fieldset {
        margin-top: 25px
    }

    .form__footer {
        margin-top: 44px;
        padding: 0 20px
    }

    .form__button {
        width: 100%
    }

    .fieldset__label {
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 15px;
        font-weight: 500;
        line-height: 17px;
        margin-bottom: 10px
    }

    .button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 42px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .button:hover {
        color: white
    }

    .button_disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .load-more__button {
        height: auto;
        width: auto;
        padding: 8px 22px;
        font-size: 12px;
        line-height: 20px;
        border-radius: 15px;
        margin: 15px auto 0
    }

    .load-more__button.hidden {
        display: none
    }

    .popup {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        color: white;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: -100000;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: visibility 0s ease .2s, z-index 0s ease .2s;
        -o-transition: visibility 0s ease .2s, z-index 0s ease .2s;
        transition: visibility 0s ease .2s, z-index 0s ease .2s
    }

    .popup_active {
        z-index: 100000;
        visibility: visible;
        pointer-events: all;
        -webkit-transition: visibility 0s ease, z-index 0s ease;
        -o-transition: visibility 0s ease, z-index 0s ease;
        transition: visibility 0s ease, z-index 0s ease
    }

    .popup__underlay {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0);
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .popup_active .popup__underlay {
        opacity: 1
    }

    .popup__modal {
        position: absolute;
        z-index: 2000;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .popup__modal_active {
        pointer-events: all
    }

    .popup__modal_centred {
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
        transform: translate3d(-50%, -50%, 0) scale(1.2)
    }

    .popup__modal_centred.popup__modal_active {
        opacity: 1;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1)
    }

    .popup__modal_box {
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px
    }

    .popup__modal-success_box {
        min-width: 300px
    }

    .popup__modal-success_box.popup__modal_active {
        opacity: .9
    }

    .popup.popup_confirm-modal .popup__modal {
        width: 90%
    }

    .popup.popup_download-files {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_download-files .popup__modal {
        width: 90%
    }

    .popup.popup_cart {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_cart .popup__modal {
        height: 100%;
        width: 100%
    }

    .popup.popup_menu {
        top: 0;
        background: -o-linear-gradient(0.21deg, #171716 20%, rgba(47, 47, 48, 0.1) 150.53%);
        background: linear-gradient(89.79deg, #171716 20%, rgba(47, 47, 48, 0.1) 150.53%);
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        -o-transition: transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease, -webkit-transform .2s ease
    }

    .popup.popup_menu.popup_active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .popup.popup_menu .popup__modal {
        width: 236px;
        height: 100%;
        background: -o-linear-gradient(10.21deg, #171717 38.86%, rgba(47, 47, 48, 0.8) 140.53%);
        background: linear-gradient(79.79deg, #171717 38.86%, rgba(47, 47, 48, 0.8) 140.53%);
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .popup.popup_menu.popup_active .popup__modal {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .popup.popup_mobile-product-description {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_mobile-product-description .popup__modal {
        width: 100%;
        height: 100%
    }

    .popup.popup_refund-request {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_refund-request .popup__modal {
        width: 100%;
        height: 100%;
        background: transparent;
        border-width: 0;
        border-radius: 0
    }

    .popup.popup_send-review {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_send-review .popup__modal {
        width: 100%;
        height: 100%;
        background: transparent;
        border-width: 0;
        border-radius: 0
    }

    .popup.popup_invite-support .confirm-modal {
        max-width: 460px
    }

    .popup.popup_captcha {
        top: 0;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top center
    }

    .popup.popup_captcha .popup__modal {
        width: 100%;
        height: 100%;
        border-width: 0
    }

    .container__header {
        height: 118px
    }

    .container__aside_right {
        margin-top: 40px
    }

    .container__aside_menu {
        display: none
    }

    .container__aside_advert {
        display: none
    }

    .container__box {
        position: relative
    }

    .tabs {
        position: relative;
        height: 45px
    }

    .tabs__row {
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs__tab {
        position: relative;
        height: 45px;
        line-height: 43px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .tabs__tab+.tabs__tab {
        margin-left: 8px
    }

    .tabs__tab_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -4px
    }

    .tabs__tab_faq {
        max-width: 45px
    }

    .tabs__tab_search {
        max-width: 45px
    }

    .tabs_closely .tabs__tab+.tabs__tab {
        margin-left: 16px
    }

    .tabs__link {
        display: block;
        height: 45px;
        line-height: 43px;
        border: 1px solid var(--border);
        text-align: center;
        font-size: 12px;
        border-radius: 10px;
        color: white;
        text-decoration: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs__link:hover {
        color: white;
        border-color: white
    }

    .tabs__link_faq {
        font-size: 24px
    }

    .tabs__link_search {
        position: relative
    }

    .tabs__link_search::before {
        content: "";
        display: block;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(..static/assets/images/search.svg) center no-repeat;
        background-size: 17px 17px;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .tabs__tab_active>.tabs__link {
        height: 43px;
        line-height: 41px;
        border: 1px solid white;
        -webkit-box-shadow: inset 0 0 0 1px white;
        box-shadow: inset 0 0 0 1px white
    }

    .tabs__search {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs_search-mode .tabs__row {
        opacity: 0;
        pointer-events: none
    }

    .tabs_search-mode .tabs__row .tabs__tab_search {
        pointer-events: all
    }

    .tabs_search-mode .tabs__search {
        opacity: 1;
        pointer-events: all
    }

    .tabs.tabs_escrow .tabs__row {
        display: block
    }

    .ads {
        padding: 0 23px
    }

    .ads__item {
        display: block;
        width: 100%;
        text-align: center;
        margin: 15px 25px
    }

    .ads__item img {
        border-radius: 20px;
        width: 100%;
        height: 100%;
        max-width: 500px;
        max-height: 125px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .select {
        display: block;
        position: relative;
        text-align: left
    }

    .select__row {
        position: relative;
        z-index: 4;
        background: inherit;
        border-radius: inherit;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__row {
        height: 52px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__row {
        height: 42px
    }
}

@media(max-width:800px) {
    .select_active {
        z-index: 15
    }
}

@media(max-width:800px) {
    .select__handler {
        position: relative;
        z-index: 4;
        border-radius: 10px;
        color: white;
        border: 1px solid var(--border);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer
    }

    .select__handler:hover {
        opacity: .8
    }

    .select__handler::after {
        content: "";
        display: block;
        position: absolute;
        pointer-events: none;
        width: 0;
        height: 0;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        border-width: 5px 3px;
        border-style: solid;
        border-top-color: inherit;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__handler::after {
        top: 45%;
        right: 12px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__handler::after {
        top: 50%;
        right: 11px
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__handler {
        line-height: 52px;
        height: 52px;
        padding: 0 24px 0 16px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__handler {
        line-height: 44px;
        height: 44px;
        padding: 0 24px 0 16px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select_active .select__handler::after {
        -webkit-transform: translateY(-7px) rotate(180deg);
        -ms-transform: translateY(-7px) rotate(180deg);
        transform: translateY(-7px) rotate(180deg)
    }
}

@media(max-width:800px) {
    .select__value {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__value {
        line-height: 52px;
        height: 52px;
        font-size: 18px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__value {
        line-height: 42px;
        height: 42px;
        font-size: 16px
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__select {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: 5;
        width: 100%;
        height: 100%
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__select {
        display: none
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__dropdown {
        display: none
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__dropdown {
        color: white;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        max-height: 0;
        padding-top: 44px;
        opacity: 0;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: black;
        -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select_active .select__dropdown {
        pointer-events: all;
        opacity: 1;
        max-height: 100vh;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__item {
        position: relative;
        white-space: nowrap;
        cursor: pointer;
        line-height: 44px;
        height: 44px;
        padding: 0 30px 0 16px;
        font-size: 16px
    }

    .select__item:hover {
        background: rgba(255, 255, 255, 0.05)
    }

    .select__item::after {
        content: "";
        display: block;
        position: absolute;
        right: 5px;
        top: 50%;
        width: 10px;
        height: 5px;
        border-bottom: 2px solid white;
        border-left: 2px solid white;
        -webkit-transform: rotate(-45deg) translateY(-6px);
        -ms-transform: rotate(-45deg) translateY(-6px);
        transform: rotate(-45deg) translateY(-6px);
        opacity: 0
    }

    .select__item_active {
        color: white
    }

    .select__item_active::after {
        opacity: 1
    }
}

@media(max-width:800px) {
    .frame {
        position: relative;
        border-radius: 50%
    }

    .frame::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .frame.bronze {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3)
    }

    .frame.bronze::after {
        background: url("/media/avatars/bronze.svg") center center/100% 100% no-repeat
    }

    .frame.silver {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3)
    }

    .frame.silver::after {
        background: url("/media/avatars/silver.svg") center center/100% 100% no-repeat
    }

    .frame.gold {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3)
    }

    .frame.gold::after {
        background: url("/media/avatars/gold.svg") center center/100% 100% no-repeat
    }
}

@media(max-width:800px) {
    .attached-files-widget__list {
        width: 100%
    }

    .attached-files-widget__item+.attached-files-widget__item {
        margin-top: 15px
    }

    .attached-files-widget__item_hidden {
        display: none
    }

    .attached-files-widget__item_visible {
        display: block
    }

    .attached-files-widget__footer {
        text-align: center;
        margin-top: 15px
    }

    .attached-files-widget__add-button {
        width: 90px;
        font-size: 14px;
        line-height: 36px;
        height: 38px;
        margin: auto
    }

    .attached-files-widget__add-button:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .attached-files-widget .attached-file-item__button.attached-file-item__button_download {
        display: none
    }
}

@media(max-width:800px) {

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button-wrapper.attached-file-item__button-wrapper_change,
    .attached-files-widget.attached-files-widget_mini .attached-file-item__button.attached-file-item__button_download {
        display: none !important
    }
}

@media(max-width:800px) {
    .confirm-modal {
        padding: 17px 16px 21px;
        text-align: center;
        width: calc(100vw - 72px)
    }

    .confirm-modal__text {
        margin-bottom: 18px
    }

    .confirm-modal__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .confirm-modal__button {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: 30px;
        line-height: 27px
    }

    .confirm-modal__button+.confirm-modal__button {
        margin-left: 12px
    }
}

@media(max-width:800px) {
    .refund-modal {
        padding: 17px 16px 21px;
        text-align: center;
        width: calc(100vw - 72px)
    }

    .refund-modal__text {
        margin-bottom: 18px
    }

    .refund-modal__input-wrapper {
        margin-bottom: 18px
    }

    .refund-modal__input {
        font-size: 12px;
        text-align: center;
        width: 150px;
        margin: 0 auto;
        height: 38px;
        border-radius: 13px;
        border: 1px solid var(--border);
        background-color: transparent;
        color: #9fa4ae;
        outline: 0
    }

    .refund-modal__input::-webkit-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::-moz-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input:-ms-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::-ms-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::placeholder {
        color: #9fa4ae
    }

    .refund-modal__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .refund-modal__button {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: 30px;
        line-height: 27px
    }

    .refund-modal__button+.refund-modal__button {
        margin-left: 12px
    }
}

@media(max-width:800px) {
    .success-modal {
        padding: 20px;
        text-align: center
    }

    .success-modal__text {
        font-size: 15px;
        line-height: 18px;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .success-modal__text p:not(:last-child) {
        margin: 0 0 10px 0
    }

    .success-modal__title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 25px 0;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@media(max-width:800px) {
    .captcha-modal {
        padding: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        text-align: center
    }

    .captcha-modal__row {
        margin: auto
    }

    .captcha-modal__clock {
        width: 70%;
        margin: auto;
        height: auto;
        font-size: 0
    }

    .captcha-modal__clock>img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 50%
    }

    .captcha-modal__error {
        display: none;
        color: #d30a0a;
        font-size: 18px;
        line-height: 22px;
        margin-top: 8px
    }

    .captcha-modal__content {
        width: auto;
        margin-top: 20px
    }

    .captcha-modal__title {
        text-align: center;
        margin: 20px 0
    }

    .captcha-modal__fieldset {
        margin-top: 20px
    }

    .captcha-modal__input-wrapper {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px;
        width: 210px;
        margin: auto
    }

    .captcha-modal__input-wrapper::before,
    .captcha-modal__input-wrapper::after {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 20px;
        height: 70px;
        line-height: 70px;
        font-size: 52px;
        font-family: "Azeret Mono", monospace;
        padding: 0 20px;
        background: transparent;
        text-align: left;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .captcha-modal__input-wrapper::before {
        content: "  :  ";
        color: white
    }

    .captcha-modal__input-wrapper::after {
        content: "00:00";
        color: rgba(255, 255, 255, 0.2)
    }

    .captcha-modal__input-wrapper_placeholder::after {
        opacity: 1
    }

    .captcha-modal__input-wrapper_two-dots::before {
        opacity: 1
    }

    .captcha-modal__input {
        display: block;
        width: 210px;
        height: 70px;
        line-height: 70px;
        font-size: 52px;
        font-family: "Azeret Mono", monospace;
        padding: 0 20px;
        color: white;
        background: transparent;
        text-align: left;
        text-decoration: none;
        border-width: 0;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(max-width:800px) {
    .dialogs-list {
        margin-top: -16px
    }

    .dialogs-list__item {
        border-bottom: 1px solid rgba(159, 164, 174, 0.5)
    }

    .dialogs-list__empty {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: auto;
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: white;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

@media(max-width:800px) {
    .dialog-row {
        position: relative;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .dialog-row_unread {
        color: #fff
    }

    .dialog-row__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 18px 0
    }

    .dialog-row__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .dialog-row__col_avatar {
        width: 40px;
        max-width: 40px;
        margin-right: 16px
    }

    .dialog-row__col_description {
        width: 100%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .dialog-row__col_status {
        display: none
    }

    .dialog-row__col_date {
        position: absolute;
        right: 0;
        top: 18px;
        width: auto
    }

    .dialog-row__avatar {
        width: 40px;
        height: 40px;
        font-size: 0;
        overflow: hidden;
        border-radius: 50%;
        position: relative
    }

    .dialog-row__avatar::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .dialog-row__avatar.bronze::after {
        background: url("/media/avatars/bronze.svg") center center/40px 40px no-repeat;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3)
    }

    .dialog-row__avatar.silver::after {
        background: url("/media/avatars/silver.svg") center center/40px 40px no-repeat;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3)
    }

    .dialog-row__avatar.gold::after {
        background: url("/media/avatars/gold.svg") center center/40px 40px no-repeat;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3)
    }

    .dialog-row__avatar>img {
        display: block;
        width: 40px;
        height: 40px
    }

    .dialog-row__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 9px
    }

    .dialog-row__title {
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        font-weight: 500
    }

    .dialog-row__text {
        font-size: 14px;
        line-height: 17px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        color: rgba(159, 164, 174, 0.4901960784);
        word-break: break-word
    }

    .dialog-row__status {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-left: 12px
    }

    .dialog-row__status_read {
        background-color: #54575f
    }

    .dialog-row__status_unread {
        background-color: #fff
    }

    .dialog-row__date {
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .dialog-row__link {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        opacity: 0;
        font-size: 0;
        text-decoration: none;
        border-radius: 30px
    }
}

@media(max-width:800px) {
    .nav-user-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-self: flex-start
    }

    .nav-user-info__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        border-radius: 50%;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .nav-user-info__img>img {
        margin: auto;
        width: 28px;
        height: 28px;
        border-radius: 50%
    }

    .nav-user-info__img_silver {
        background: -o-radial-gradient(64.84% 40.63%, 462.29% 1655.76%, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: radial-gradient(462.29% 1655.76% at 64.84% 40.63%, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%)
    }

    .nav-user-info__name {
        font-size: 18px;
        line-height: 21px;
        color: var(--primary);
        cursor: pointer;
        margin-bottom: 0 !important;
        opacity: .8
    }

    .nav-user-info__balance {
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin-bottom: 0 !important
    }
}

@media(max-width:800px) {
    .nav-icons {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nav-icons__item {
        position: relative;
        margin: 0 12px
    }

    .nav-icons__item_phone {
        display: none
    }

    .nav-icons__item_search,
    .nav-icons__item_search_news {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .nav-icons__item_message {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .nav-icons__item_cart {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin-left: auto
    }

    .nav-icons__item_menu {
        position: relative;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .nav-icons__item_menu>img {
        width: 16px;
        height: 16px
    }

    .nav-icons__item_menu::before {
        content: "";
        display: block;
        position: absolute;
        top: -16px;
        right: -16px;
        left: -16px;
        bottom: -16px
    }

    .nav-icons__item_hidden {
        display: none
    }

    .nav-icons__icon {
        cursor: pointer
    }

    .nav-icons__counter {
        position: absolute;
        right: -7px;
        top: 17px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #fff;
        color: black;
        text-align: center;
        font-size: 10px;
        line-height: 15px;
        pointer-events: none
    }

    .nav-icons__counter_hidden {
        opacity: 0
    }
}

@media(max-width:800px) {
    .main-menu {
        position: relative;
        padding: 0 10px
    }

    .main-menu__item {
        text-align: center
    }

    .main-menu__link {
        display: inline-block;
        position: relative;
        text-align: center;
        height: 18px;
        line-height: 18px;
        font-size: 13px;
        text-decoration: none;
        color: rgba(159, 164, 174, 0.3);
        -webkit-transform: scale(0.6428571429);
        -ms-transform: scale(0.6428571429);
        transform: scale(0.6428571429);
        white-space: nowrap
    }

    .main-menu__link:hover {
        color: white
    }

    .main-menu__link.main-menu__item_notification {
        padding: 0 12px 0 0
    }

    .main-menu__link.main-menu__item_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -4px
    }

    .main-menu__item.swiper-slide-active .main-menu__link {
        color: rgba(159, 164, 174, 0.4901960784);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .main-menu__hand {
        display: block;
        position: absolute;
        top: 50%;
        width: 9px;
        height: 18px;
        margin: 0;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-size: contain
    }

    .main-menu__hand_backward {
        left: 0;
        background-image: url("..static/assets/images/main-menu-mobile-chevron-left.svg")
    }

    .main-menu__hand_forward {
        right: 0;
        background-image: url("..static/assets/images/main-menu-mobile-chevron-right.svg")
    }
}

@media(max-width:800px) {
    .filtration-panel .filtration_search_wrapper {
        position: relative;
        width: 100%
    }

    .filtration-panel .filtration_search_wrapper img {
        position: absolute;
        left: 0;
        top: 4px
    }

    .filtration-panel .filtration_search_wrapper input {
        width: 100%;
        background-color: transparent;
        outline: 0;
        border: 0;
        padding-bottom: 11px;
        font-size: 18px;
        padding-left: 30px;
        color: var(--primary);
        border-bottom: 1px solid var(--secondary)
    }

    .filtration-panel .filtration_search_wrapper input:focus {
        border-bottom: 2px solid var(--primary)
    }

    .filtration-panel .filtration-panel_label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 25px;
        cursor: pointer;
        margin-bottom: 15px
    }

    .filtration-panel .filtration-panel_label:hover p {
        color: var(--primary)
    }

    .filtration-panel .filtration-panel_label:hover svg path {
        fill: var(--primary)
    }

    .filtration-panel .filtration-panel_label svg path {
        -webkit-transition: fill 300ms;
        -o-transition: fill 300ms;
        transition: fill 300ms
    }

    .filtration-panel .filtration-panel_label p {
        font-size: 18px;
        color: #54575f;
        margin-bottom: 0;
        margin-left: 10px;
        -webkit-transition: color 300ms;
        -o-transition: color 300ms;
        transition: color 300ms
    }

    .filtration-panel .filtration_config {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .filtration-panel .filtration_config h3 {
        font-size: 18px;
        color: var(--primary)
    }

    .filtration-panel .filtration_config .filtration_price_inputs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 18px
    }

    .filtration-panel .filtration_config .filtration_price_inputs input {
        width: 104px;
        height: 31px;
        padding: 6px 8px;
        color: #fff;
        font-size: 16px;
        background-color: transparent;
        outline: 0;
        border-radius: 5px;
        border: 1px solid rgba(159, 164, 174, 0.4901960784)
    }

    .filtration-panel .filtration_config .filtration_price_inputs input:first-child {
        margin-right: 21px
    }

    .filtration-panel .filtration_config .filtration_price_inputs input:focus {
        border: 1px solid var(--border)
    }

    .filtration-panel .filtration_config .filtration_option {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer
    }

    .filtration-panel .filtration_config .filtration_option svg path {
        fill: #4c5159
    }

    .filtration-panel .filtration_config .filtration_option p {
        margin-bottom: 7px;
        font-size: 16px;
        color: var(--secondary)
    }

    .filtration-panel .filtration_categories {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 10px
    }

    .filtration-panel .filtration_categories .filtration_category {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
        cursor: pointer
    }

    .filtration-panel .filtration_categories .filtration_category:hover svg path {
        fill: var(--primary)
    }

    .filtration-panel .filtration_categories .filtration_category svg {
        margin-bottom: 5px
    }

    .filtration-panel .filtration_categories .filtration_category svg path {
        fill: #4c5159
    }

    .filtration-panel .filtration_categories .filtration_category p {
        color: var(--primary);
        font-size: 18px;
        margin-bottom: 0
    }

    .filtration-panel button {
        width: 135px;
        height: 35px;
        margin: 30px auto 0;
        border-radius: 10px;
        background-color: transparent;
        font-size: 16px;
        color: var(--primary);
        border: 1px solid var(--border);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .filtration-panel button:hover {
        border: 2px solid var(--primary)
    }
}

@media(max-width:800px) {
    .aside-menu {
        padding: 5px 0
    }

    .aside-menu__item {
        height: 25px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0 4px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .aside-menu__item+.aside-menu__item {
        margin-top: 24px
    }

    .aside-menu__icon {
        width: 16px;
        height: 16px
    }

    .aside-menu__link {
        margin-bottom: 0;
        font-size: 18px;
        color: var(--secondary) !important;
        margin-left: 14px;
        text-decoration: none
    }

    .aside-menu__link:hover {
        color: var(--primary) !important
    }

    .aside-menu__item_active .aside-menu__icon path {
        fill: var(--primary)
    }

    .aside-menu__item_active .aside-menu__link {
        color: #fff !important
    }
}

@media(max-width:800px) {
    .store-filter {
        height: 24px;
        margin-bottom: 20px
    }

    .store-filter__form {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10;
        margin: -16px 0 -20px;
        width: 100%;
        padding: 16px 12px 20px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -123px center;
        background-position-y: -123px;
        background-position-x: 0;
        background-repeat: no-repeat;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .store-filter__form_filter {
        height: auto;
        top: 118px;
        bottom: 0
    }

    .store-filter__section_query {
        display: none
    }

    .store-filter__section_filters {
        height: 24px
    }

    .store-filter__section_prices {
        width: 200px;
        position: absolute;
        right: 12px;
        top: 16px
    }

    .store-filter__section_submit {
        display: none;
        position: absolute;
        padding: 6px 0 40px;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%
    }

    .store-filter__form_filter .store-filter__section_submit {
        display: block
    }

    .store-filter__row+.store-filter__row {
        margin-top: 16px
    }

    .store-filter__filter-toggler {
        position: relative;
        padding-left: 24px;
        color: #d8dde7;
        font-weight: 400;
        font-size: 16px;
        height: 24px;
        line-height: 24px;
        margin-bottom: 14px;
        cursor: pointer;
        opacity: .2
    }

    .store-filter__filter-toggler::before {
        content: "";
        display: block;
        background: url(..static/assets/images/market-filter.svg) center no-repeat;
        background-size: 16px auto;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -8px
    }

    .store-filter__filter-toggler:hover {
        opacity: .6
    }

    .store-filter__mode-sections {
        display: none;
        position: absolute;
        top: 54px;
        left: 0;
        right: 0;
        padding: 0 12px;
        margin: 0;
        bottom: 90px;
        overflow-y: scroll
    }

    .store-filter__mode_submit {
        display: none
    }

    .store-filter__mode+.store-filter__mode {
        margin-top: 16px
    }

    .store-filter__togglable-mode_filter .store-filter__mode-sections {
        display: block
    }

    .store-filter__togglable-mode_filter .store-filter__filter-toggler {
        opacity: 1
    }

    .store-filter__subtitle {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 2px
    }

    .store-filter__query-input {
        margin-bottom: 8px
    }

    .store-filter__checkbox-row {
        margin: 8px 0
    }

    .store-filter__price-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .store-filter__price-field {
        margin: 0;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .store-filter__price-field+.store-filter__price-field {
        margin-left: 14px
    }

    .store-filter__price-input {
        display: block;
        height: 24px;
        line-height: 24px;
        width: 0;
        outline: 0;
        font-size: 14px;
        width: 100%;
        padding: 0 8px;
        border-width: 0;
        color: white;
        border-radius: 5px;
        border: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-appearance: textfield
    }

    .store-filter__price-input::-webkit-outer-spin-button,
    .store-filter__price-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        display: none;
        margin: 0
    }

    .store-filter__footer {
        display: none
    }

    .store-filter__submit {
        display: block;
        width: calc(100% - 40px);
        margin: 0 20px
    }
}

@media(max-width:800px) {
    .store-filter-mobile-query__row {
        position: relative;
        height: 30px
    }

    .store-filter-mobile-query__query-wrapper {
        position: relative;
        z-index: 1;
        height: 30px
    }

    .store-filter-mobile-query__submit-wrapper {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        bottom: 0;
        width: 30px;
        height: 30px
    }

    .store-filter-mobile-query__submit {
        border-width: 0;
        outline: 0;
        width: 30px;
        height: 30px;
        background: transparent url(..static/assets/images/search-mobile.svg) center no-repeat;
        font-size: 0
    }
}

@media(max-width:800px) {
    .download-files-popup {
        padding: 51px 16px 24px
    }

    .download-files-popup__header {
        margin-bottom: 20px;
        text-align: center
    }

    .download-files-popup__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
        color: white
    }

    .download-files-popup__subtitle {
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .download-files-popup__body {
        padding: 19px 12px;
        height: 248px;
        overflow-y: auto;
        border: 1px solid var(--border);
        border-radius: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .download-files-popup__file-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 25px;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 5px 6px
    }

    .download-files-popup__file-row+.download-files-popup__file-row {
        margin-top: 16px
    }

    .download-files-popup__file-row:hover {
        opacity: .9
    }

    .download-files-popup__link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        display: block
    }

    .download-files-popup__file-col {
        line-height: 18px
    }

    .download-files-popup__file-col_title {
        width: 35.8695652174%;
        min-width: 35.8695652174%;
        max-width: 35.8695652174%;
        text-align: left
    }

    .download-files-popup__file-col_amount {
        width: 8.6956521739%;
        min-width: 8.6956521739%;
        max-width: 8.6956521739%;
        text-align: center
    }

    .download-files-popup__file-col_date {
        width: 55.4347826087%;
        min-width: 55.4347826087%;
        max-width: 55.4347826087%;
        text-align: right
    }

    .download-files-popup__file-title {
        font-size: 12px;
        font-weight: 500;
        color: white
    }

    .download-files-popup__amount {
        font-weight: 600;
        font-size: 14px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .download-files-popup__date {
        color: white;
        font-weight: 500;
        font-size: 12px
    }

    .download-files-popup__footer {
        margin-top: 28px
    }

    .download-files-popup__foot-column+.download-files-popup__foot-column {
        margin-top: 8px
    }

    .download-files-popup__button {
        width: 100%
    }
}

@media(max-width:800px) {
    .product-row-mini {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 8px;
        padding-bottom: 28px;
        height: 100%
    }

    .product-row-mini__body {
        width: 100%
    }

    .product-row-mini__edit {
        display: none
    }

    .product-row-mini_editing .product-row-mini__body {
        display: none
    }

    .product-row-mini_editing .product-row-mini__edit {
        display: block
    }

    .product-row-mini__row::after {
        content: "";
        display: block;
        clear: both
    }

    .product-row-mini__col_description {
        float: left;
        padding-right: 22px
    }

    .product-row-mini__col_amount {
        display: inline-block;
        width: 0;
        vertical-align: top;
        float: right
    }

    .product-row-mini__col_actions {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .product-row-mini__col_price {
        position: absolute;
        left: 8px;
        bottom: 8px
    }

    .product-row-mini__col_seller {
        display: none
    }

    .product-row-mini__col_order-info {
        display: none
    }

    .product-row-mini__col_status {
        display: none
    }

    .product-row-mini_preorder .product-row-mini__button_cart {
        display: none
    }

    .product-row-mini_available .product-row-mini__button_contact {
        display: none
    }

    .product-row-mini__button {
        padding: 0;
        margin: 0;
        border-width: 0;
        font-size: 0;
        width: 32px;
        height: 32px
    }

    .product-row-mini__button_cart {
        background: url("..static/assets/images/mobile-product-cart.svg") center no-repeat
    }

    .product-row-mini__button_contact {
        background: url("..static/assets/images/mobile-product-contact.svg") center no-repeat
    }

    .product-row-mini__thumbnail {
        position: relative;
        width: 100%;
        padding-top: 50%;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 6px
    }

    .product-row-mini__thumbnail>img {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .product-row-mini__description .product-row-mini__text {
        display: none
    }

    .product-row-mini__title {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        height: 34px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word
    }

    .product-row-mini__amount {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        float: right
    }

    .product-row-mini__price {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .product-row-mini__seller-link {
        display: block;
        color: inherit;
        text-decoration: none
    }

    .product-row-mini__refund-button {
        width: 120px;
        margin: 16px auto 5px
    }

    .product-row-mini__mobile-status {
        display: block;
        color: #979797;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        margin: 12px 0
    }

    .product-row-mini__footer {
        display: none
    }

    .product-row-mini__footer.product-row-mini__footer_visible {
        display: block
    }

    .product-row-mini__status {
        color: #979797;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px
    }
}

@media(max-width:800px) {
    .personal-store__item--sales .product-row-mini {
        padding: 10px
    }

    .personal-store__item--sales .product-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .personal-store__item--sales .product-row-mini__thumbnail {
        padding: 0;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        margin: 0 10px 0 0
    }

    .personal-store__item--sales .product-row-mini__thumbnail img {
        height: 100%
    }

    .personal-store__item--sales .product-row-mini__title {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        height: auto;
        margin: 0 15px 0 0;
        -webkit-line-clamp: 1
    }

    .personal-store__item--sales .product-row-mini__title span {
        display: block
    }

    .personal-store__item--sales .product-row-mini__price {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        margin: 0 10px 0 0;
        white-space: nowrap
    }

    .personal-store__item--sales .product-row-mini__col_comment-counter {
        display: none
    }

    .personal-store__item--sales .product-row-mini__col_rating {
        width: 100px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100px;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px
    }

    .personal-store__item--sales .product-row-mini__button {
        position: absolute;
        opacity: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: calc(100% - 64px);
        height: 100%
    }

    .personal-store__item--sales .product-row-mini__comment {
        padding: 15px 0;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784);
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(max-width:800px) {
    .personal-store__item_offers {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 calc(50% - 10px);
        -ms-flex: 0 1 calc(50% - 10px);
        flex: 0 1 calc(50% - 10px)
    }

    .personal-store__item_offers .product-row-mini {
        padding: 8px
    }

    .personal-store__item_offers .product-row-mini__edit {
        height: 100%
    }

    .personal-store__item_offers .product-form {
        height: 100%
    }

    .personal-store__item_offers .product-form__inner {
        height: 100%
    }

    .personal-store__item_offers .product-form__form {
        height: 100%
    }

    .personal-store__item_offers .product-row-mini__row {
        position: relative
    }

    .personal-store__item_offers .product-row-mini__description {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 10px 0
    }

    .personal-store__item_offers .product-row-mini__title {
        margin: 0 5px 0 0
    }

    .personal-store__item_offers .product-row-mini__col_amount {
        display: none
    }

    .personal-store__item_offers .product-row-mini__price {
        padding: 0 60px 0 0
    }

    .personal-store__item_offers .product-row-mini__button-wrapper {
        display: none
    }

    .personal-store__item_offers .product-row-mini__button-edit {
        display: block
    }

    .personal-store__item_offers .product-row-mini__button-edit .product-row-mini__button {
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        opacity: 0;
        z-index: 1
    }

    .personal-store__item_offers .product-row-mini__button-upload {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2
    }

    .personal-store__item_offers .product-row-mini__button-upload .product-row-mini__button {
        position: relative;
        font-size: 10px;
        line-height: 1.2;
        width: auto;
        height: auto;
        border-radius: 5px;
        padding: 4px 12px;
        border: 1px solid var(--border)
    }

    .personal-store__item_offers .product-row-mini__button-upload .product-row-mini__button::before {
        content: "";
        display: block;
        position: absolute;
        top: -8px;
        left: -8px;
        right: -8px;
        bottom: -8px
    }
}

@media(max-width:800px) {

    .personal-store__new-item-form .popup,
    .product-row-mini .popup {
        height: calc(100% - 100px);
        top: auto;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -108px center;
        background-position-y: -108px;
        background-position-x: 0
    }

    .personal-store__new-item-form .popup__modal,
    .product-row-mini .popup__modal {
        height: 100%;
        width: 100%;
        padding: 0 15px
    }
}

@media(max-width:800px) {

    .product-row-mini_editing .popup,
    .personal-store__new-item-form_visible .popup {
        z-index: 100;
        visibility: visible;
        pointer-events: all;
        -webkit-transition: visibility 0s ease, z-index 0s ease;
        -o-transition: visibility 0s ease, z-index 0s ease;
        transition: visibility 0s ease, z-index 0s ease
    }

    .product-row-mini_editing .popup__modal,
    .personal-store__new-item-form_visible .popup__modal {
        opacity: 1;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        pointer-events: all
    }
}

@media(max-width:800px) {
    .mobile-product-description {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding: 0 16px
    }

    .mobile-product-description__header {
        position: relative;
        padding: 11px 0 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .mobile-product-description__header::after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 2;
        margin-top: 1px;
        height: 14px;
        background-image: url("../static/assets/images/cart-popup-shadow-top-mobile.png");
        background-size: 100% 100%
    }

    .mobile-product-description__title {
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .mobile-product-description__amount {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin-left: 10px
    }

    .mobile-product-description__amount:empty {
        display: none
    }

    .mobile-product-description__body {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        overflow-y: scroll;
        padding: 14px 0
    }

    .mobile-product-description__thumbnail {
        position: relative;
        width: 100%;
        padding-top: 50%;
        border-radius: 6px;
        overflow: hidden
    }

    .mobile-product-description__thumbnail>img {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .mobile-product-description__description {
        padding: 18px 0 24px
    }

    .mobile-product-description__text {
        margin: 18px 0 24px;
        font-size: 16px;
        line-height: 19px;
        color: rgba(159, 164, 174, 0.4901960784);
        word-break: break-word
    }

    .mobile-product-description__info-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mobile-product-description__seller-link {
        display: block;
        color: inherit;
        text-decoration: none
    }

    .mobile-product-description__seller {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-product-description__seller-avatar {
        width: 45px;
        height: 45px;
        font-size: 0;
        margin-right: 9px;
        border-radius: 50%;
        overflow: hidden
    }

    .mobile-product-description__seller-avatar>img {
        display: block;
        width: 45px;
        height: 45px
    }

    .mobile-product-description__seller-name {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .mobile-product-description__price {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .mobile-product-description__footer {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 3px 0 33px;
        position: relative
    }

    .mobile-product-description__button {
        width: 100%
    }

    .mobile-product-description__button+.mobile-product-description__button {
        margin-top: 11px
    }
}

@media(max-width:800px) {
    .mobile-heading {
        position: relative;
        padding: 11px 0 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .mobile-heading__title {
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .mobile-heading__value {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin-left: 10px
    }

    .mobile-heading__value:empty {
        display: none
    }
}

@media(max-width:800px) {
    .products-store__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -8px
    }

    .products-store__item {
        width: 50%;
        padding: 8px 8px
    }
}

@media(max-width:800px) {
    .provide-account-modal {
        text-align: center;
        width: 95vw
    }

    .provide-account-modal__container {
        padding: 24px 19px 32px
    }

    .provide-account-modal__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        color: white
    }

    .provide-account-modal__description {
        font-size: 12px;
        color: #9fa4ae
    }

    .provide-account-modal__button {
        max-width: 100px;
        margin: 18px auto 0
    }

    .provide-account-modal__input {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 16px;
        display: block;
        height: 45px;
        line-height: 45px;
        outline: 0;
        color: white;
        border: 1px solid rgba(159, 164, 174, 0.5);
        border-radius: 10px;
        padding: 0 10px;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(max-width:800px) {
    .product-form {
        padding: 15px 0 90px
    }

    .product-form__inner {
        overflow-y: scroll
    }

    .product-form .error {
        border-color: #d30a0a
    }

    .product-form .error::-webkit-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::-moz-placeholder {
        color: #d30a0a
    }

    .product-form .error:-ms-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::-ms-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::placeholder {
        color: #d30a0a
    }

    .product-form__thumbnail {
        display: block;
        height: 125px;
        width: 100%;
        margin: 0 0 20px 0;
        border-radius: 10px;
        overflow: hidden;
        font-size: 0;
        background: #eaeaea url(../static/assets/images/plus-mobile.png) center no-repeat;
        background-size: contain
    }

    .product-form__thumbnail--disabled {
        pointer-events: none
    }

    .product-form__thumbnail>img {
        display: block;
        width: 100%;
        height: 100%
    }

    .product-form__thumbnail>img.hide {
        display: none
    }

    .product-form__body {
        overflow: hidden;
        overflow-y: scroll
    }

    .product-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .product-form__row-header {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 0 18px 0;
        border-bottom: 1px solid rgba(159, 164, 174, 0.5);
        margin: 0 0 13px 0
    }

    .product-form__row_description {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-form__col_name {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 0 15px 0 0
    }

    .product-form__col_price {
        display: none
    }

    .product-form__col_availability {
        display: none
    }

    .product-form__col_count {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .product-form__col_save-button {
        position: fixed;
        bottom: 30px;
        left: 15px;
        width: calc(50% - 30px)
    }

    .product-form__col_slide-up-form {
        position: fixed;
        bottom: 30px;
        width: calc(50% - 30px);
        right: 15px
    }

    .product-form__col_description {
        width: 100%;
        margin: 0 0 12px 0
    }

    .product-form__col_mobile-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 10px 0;
        gap: 20px
    }

    .product-form__col_mobile-info .product-form__input {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 90px;
        width: auto
    }

    .product-form__col_categories {
        display: block;
        color: white;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: transparent;
        height: 95px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__slide-up-form {
        display: none
    }

    .product-form__slide-up-form--mobile {
        display: block
    }

    .product-form__thumbnail-image {
        display: none
    }

    .product-form__input {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        height: 38px;
        line-height: 38px;
        color: rgba(159, 164, 174, 0.4901960784);
        padding: 0 13px;
        border: 1px solid var(--border);
        border-radius: 13px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__input_center {
        text-align: center
    }

    .product-form__textarea {
        display: block;
        width: 100%;
        min-height: 200px;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        padding: 14px 13px;
        border: 1px solid var(--border);
        border-radius: 15px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__categories {
        padding: 9px 14px;
        max-height: 100%;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__categories::-webkit-scrollbar {
        width: 16px
    }

    .product-form__categories::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .product-form__categories::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .product-form__categories::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .product-form__categories .checkbox-row__title {
        color: #fff
    }

    .product-form__category-row+.product-form__category-row {
        margin-top: 8px
    }

    .product-form__button {
        max-width: 100%
    }

    .product-form__attached-files {
        margin: 13px 0 0 0;
        width: 100%
    }
}

@media(max-width:800px) {
    .attached-file-item__input {
        display: none
    }

    .attached-file-item__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .attached-file-item__col_description {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-right: 10px
    }

    .attached-file-item__description-line {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 25px;
        line-height: 23px;
        font-size: 12px;
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 0 12px
    }

    .attached-file-item__title {
        display: inline-block
    }

    .attached-file-item__date {
        display: inline-block;
        vertical-align: baseline;
        margin-left: 10px
    }

    .attached-file-item__title>span,
    .attached-file-item__date>span {
        display: block;
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .attached-file-item__buttons-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .attached-file-item__button_change {
        width: 70px;
        height: 25px;
        line-height: 25px;
        font-size: 12px
    }

    .attached-file-item__button_delete {
        font-size: 0;
        border: 0;
        width: 25px;
        height: 25px;
        position: relative
    }

    .attached-file-item__button_delete::after {
        content: "x";
        position: absolute;
        left: 0;
        top: -14px;
        width: 25px;
        height: 25px;
        font-weight: 800;
        font-size: 36px;
        line-height: 43px;
        color: #b5b2b2;
        opacity: .75
    }
}

@media(max-width:800px) {
    .product-form-availability {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .product-form-availability__title {
        font-weight: 400;
        color: white;
        font-size: 14px
    }

    .product-form-availability__radio-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

    .product-form-availability__label {
        display: block;
        width: 110px
    }

    .product-form-availability__input {
        display: none
    }

    .product-form-availability__handler {
        text-align: center;
        color: white;
        border: 1px solid var(--border);
        font-size: 12px;
        font-weight: 500;
        border-radius: 8px;
        height: 25px;
        line-height: 23px
    }

    .product-form-availability__input:checked+.product-form-availability__handler {
        border: 2px solid white
    }
}

@media(max-width:800px) {
    .personal-store_empty {
        position: relative;
        min-height: 90vh
    }

    .personal-store__navigation {
        margin-bottom: 13px
    }

    .personal-store__navigation .tabs__tab+.tabs__tab {
        margin: 0 0 0 8px
    }

    .personal-store__search {
        display: none;
        margin-bottom: 13px
    }

    .personal-store__list_offers {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }

    .personal-store__item {
        margin: 0 0 12px 0
    }

    .personal-store__item:last-child {
        margin: 0
    }

    .personal-store__footer {
        margin-top: 15px;
        text-align: center
    }

    .personal-store_empty .personal-store__footer {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .personal-store_empty.personal-store__new-item-form-visible .personal-store__footer {
        visibility: hidden
    }

    .personal-store__empty-subtitle {
        color: #9fa4ae;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 8px
    }

    .personal-store__add-item {
        width: 150px;
        height: 45px;
        line-height: 43px;
        text-align: center;
        border-radius: 15px;
        background: 0;
        border: 1px solid var(--border);
        color: white;
        font-size: 12px
    }

    .personal-store__add-item:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .personal-store__add-item:hover {
        border-color: white
    }

    .personal-store__new-item-form {
        height: 100%
    }

    .personal-store__new-item-form .product-form {
        height: 100%
    }

    .personal-store__new-item-form .product-form__inner {
        height: 100%
    }

    .personal-store__new-item-form .product-form__form {
        height: 100%
    }
}

@media(max-width:800px) {
    .pagination {
        padding: 17px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pagination__button+.pagination__button {
        margin-left: 15px
    }
}

@media(max-width:800px) {
    .popup-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 40px 19px
    }

    .popup-menu__user {
        border-bottom: 1px solid rgba(159, 164, 174, 0.5);
        padding-bottom: 26px;
        margin-bottom: 26px
    }

    .popup-menu__menu {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .popup-menu__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .popup-menu__footer-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        line-height: 19px;
        font-size: 16px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-decoration: none;
        margin-right: 18px
    }

    .popup-menu__footer-link:last-child {
        margin-right: 0
    }

    .popup-menu__footer-link.popup-menu__faq>svg {
        width: 17px;
        height: 17px;
        margin-top: 0
    }

    .popup-menu__footer-link>svg {
        width: 17px;
        height: 17px;
        margin-top: 4px;
        margin-right: 6px
    }

    .popup-menu__footer-link:hover {
        text-decoration: none;
        color: white
    }

    .popup-menu__footer-link:hover>svg path {
        fill: white !important
    }
}

@media(max-width:800px) {
    .cart-popup {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cart-popup__header {
        padding: 13px 0;
        margin: 0 15px 1px;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .cart-popup__title {
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: #9fa4ae
    }

    .cart-popup__icon {
        display: none
    }

    .cart-popup__body {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .cart-popup__body::before,
    .cart-popup__body::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
        height: 20px;
        background-size: 100% 100%
    }

    .cart-popup__body::before {
        top: -1px
    }

    .cart-popup__body::after {
        bottom: 0
    }

    .cart-popup__list {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 15px;
        overflow-y: auto
    }

    .cart-popup__item {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .cart-popup__item_sold-out {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .cart-popup__item_not-enough {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .cart-popup__footer {
        padding: 0 20px 0 12px
    }

    .cart-popup__error {
        display: none;
        color: #d30a0a;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 22px
    }

    .cart-popup__error_visible {
        display: block
    }

    .cart-popup__total-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        color: #fff
    }

    .cart-popup__total-subtitle {
        text-align: left;
        text-transform: uppercase
    }

    .cart-popup__total-value {
        text-align: right
    }

    .cart-popup__button-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 0 40px
    }

    .cart-popup__button {
        width: 100%;
        margin: auto
    }

    .cart-popup__button_disabled {
        pointer-events: none;
        opacity: .5
    }

    .cart-popup__button+.cart-popup__button {
        margin-left: 16px
    }
}

@media(max-width:800px) {
    .cart-item {
        position: relative;
        padding: 12px 15px 14px
    }

    .cart-item_sold-out {
        opacity: .3
    }

    .cart-item_not-enough {
        border-color: #d30a0a
    }

    .cart-item__inner {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .cart-item__row {
        display: table-row
    }

    .cart-item__col {
        display: table-cell;
        vertical-align: top;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .cart-item__col_thumbnail {
        width: 56px;
        padding-right: 12px
    }

    .cart-item__col_description {
        width: 100%
    }

    .cart-item__thumbnail {
        width: 56px;
        height: 56px;
        border-radius: 10px;
        overflow: hidden
    }

    .cart-item__thumbnail>img {
        display: block;
        width: 56px;
        height: 56px
    }

    .cart-item__title {
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
        color: white;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .cart-item__amount {
        position: absolute;
        top: 12px;
        left: 15px;
        color: #d4d4d4;
        font-size: 24px;
        font-weight: 600;
        width: 56px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        border-radius: 10px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(149, 149, 149, 0.6)), to(rgba(76, 81, 89, 0.6)));
        background: -o-linear-gradient(top, rgba(149, 149, 149, 0.6) 0, rgba(76, 81, 89, 0.6) 100%);
        background: linear-gradient(180deg, rgba(149, 149, 149, 0.6) 0, rgba(76, 81, 89, 0.6) 100%)
    }

    .cart-item_not-enough .cart-item__amount {
        color: #d30a0a
    }

    .cart-item__price {
        position: absolute;
        bottom: 14px;
        left: 83px;
        font-weight: 600;
        font-size: 18px;
        height: 32px;
        line-height: 32px
    }

    .cart-item__inc {
        position: absolute;
        bottom: 14px;
        right: 160px;
        border-width: 0;
        margin: 0;
        width: 32px;
        height: 32px;
        background: url("..static/assets/images/mobile-product-cart.svg") center no-repeat
    }

    .cart-item__remove {
        position: absolute;
        right: 9px;
        bottom: 14px;
        border-width: 0;
        outline: 0;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        border: 1px solid var(--border);
        border-radius: 8px;
        width: 135px;
        height: 32px;
        line-height: 32px;
        text-align: center
    }

    .cart-item__remove_hide {
        display: none
    }
}

@media(max-width:800px) {
    .security-container {
        width: 100%;
        padding-bottom: 30px;
        margin: auto
    }

    .security-container__heading {
        display: none
    }

    .security-container__form+.security-container__form {
        margin-top: 44px
    }
}

@media(max-width:800px) {
    .order-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-left: 40px;
        padding-right: 70px
    }
}

@media(max-width:800px) and (max-width:576px) {
    .order-info {
        margin-top: 50px
    }
}

@media(max-width:800px) and (max-width:992px) {
    .order-info {
        padding: 0
    }
}

@media(max-width:800px) {
    .order-info p {
        color: var(--secondary);
        font-size: 18px;
        font-weight: 300
    }
}

@media(max-width:800px) {
    .purchases-info {
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 20px;
        position: relative
    }
}

@media(max-width:800px) {
    .purchases-list {
        padding-bottom: 16px
    }

    .purchases-list__item {
        margin: 0 0 15px 0;
        border-bottom: 1px solid rgba(159, 164, 174, 0.5)
    }

    .purchases-list__item:last-child {
        margin: 0
    }

    .purchases-list__empty {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: auto;
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: white;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

@media(max-width:800px) {
    .purchase-btns {
        margin-top: 40px;
        -ms-flex-item-align: start;
        -webkit-align-self: flex-start;
        align-self: flex-start;
        max-width: 135px
    }
}

@media(max-width:800px) {
    .purchase {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .purchase button {
        width: 135px;
        height: 35px;
        font-size: 16px;
        background-color: transparent;
        cursor: pointer;
        overflow: hidden;
        outline: 0;
        border: 1px solid var(--border);
        border-radius: 10px;
        color: var(--primary);
        margin-bottom: 6px
    }

    .purchase button:hover {
        border: 2px solid #fff
    }
}

@media(max-width:800px) {
    .purchase-box__header {
        padding: 0;
        margin-bottom: 12px
    }

    .purchase-box__header-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .purchase-box_details .purchase-box__header-row {
        padding-right: 30px
    }

    .purchase-box__header-col {
        font-size: 10px;
        height: 12px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .purchase-box__header-col_close {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: -7px;
        display: none
    }

    .purchase-box_details .purchase-box__header-col_close {
        display: block
    }

    .purchase-box__date {
        text-align: left
    }

    .purchase-box__number {
        text-align: right
    }

    .purchase-box_single-product .purchase-box__body {
        padding: 8px 0
    }

    .purchase-box_multiple-products .purchase-box__body {
        padding-bottom: 16px
    }

    .purchase-box__order-details {
        display: none
    }

    .purchase-box_details .purchase-box__order-preview {
        display: none
    }

    .purchase-box_details .purchase-box__order-details {
        display: block
    }

    .purchase-box__list {
        margin: 0
    }

    .purchase-box__item {
        width: 100%
    }

    .purchase-box_single-product .purchase-box__item+.purchase-box__item {
        border-top: 1px solid rgba(159, 164, 174, 0.5)
    }

    .purchase-box_multiple-products .purchase-box__item {
        padding: 0
    }

    .purchase-box_multiple-products .purchase-box__item .purchase-row__col.purchase-row__col_thumbnail,
    .purchase-box_multiple-products .purchase-box__item .purchase-row__col.purchase-row__col_mobile-description {
        margin-top: 16px
    }

    .purchase-box_multiple-products .purchase-box__item+.purchase-box__item {
        border-top: 1px solid var(--border)
    }

    .purchase-box__close {
        width: 24px;
        height: 24px;
        text-align: center;
        color: #b5b2b2;
        font-size: 22px;
        font-style: normal;
        font-weight: 800;
        opacity: .75
    }

    .purchase-box__close::before {
        content: "×";
        display: block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center
    }
}

@media(max-width:800px) {
    .purchase-info {
        width: 596px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border: 1px solid var(--border);
        border-radius: 30px;
        padding: 14px 9px 15px 18px;
        margin-right: 5px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: center;
        align-items: center
    }

    .purchase-info .purchase_img {
        width: 80px;
        height: 80px;
        margin-right: 5px
    }

    .purchase-info .seller_img {
        width: 30px;
        height: 30px;
        border-radius: 50%
    }

    .purchase-info .purchase-info__price {
        font-size: 24px;
        color: var(--primary);
        margin-bottom: 0
    }

    .purchase-info p {
        font-size: 14px;
        color: var(--secondary)
    }

    .purchase-info .purchase_desc_text {
        max-height: 63px;
        overflow: hidden;
        -webkit-transition: max-height .5s cubic-bezier(0, 1, 0, 1);
        -o-transition: max-height .5s cubic-bezier(0, 1, 0, 1);
        transition: max-height .5s cubic-bezier(0, 1, 0, 1)
    }

    .purchase-info .purchase_desc_full_text {
        max-height: 1000px;
        -webkit-transition: max-height 250ms ease-in-out;
        -o-transition: max-height 250ms ease-in-out;
        transition: max-height 250ms ease-in-out
    }

    .purchase-info .purchase-info__desc {
        max-width: 282px
    }

    .purchase-info .purchase-info__desc h3 {
        font-size: 18px;
        color: var(--primary)
    }

    .purchase-info .purchase-info__desc p {
        margin-bottom: 0
    }
}

@media(max-width:800px) {
    .purchase-total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 25px;
        width: 100%;
        max-width: 596px
    }

    .purchase-total p {
        margin-bottom: 0;
        color: var(--primary)
    }

    .purchase-total p:first-child {
        font-size: 24px
    }

    .purchase-total a {
        color: var(--primary) !important;
        text-decoration: underline !important;
        font-size: 14px;
        cursor: pointer
    }
}

@media(max-width:800px) {
    .purchase-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 44px
    }

    .purchase-row__col {
        min-width: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .purchase-row__col_price {
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: left;
        width: 72px
    }

    .purchase-row__col_mobile-description {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: calc(100% - 72px - 10px);
        margin-left: 10px;
        padding-bottom: 44px;
        margin-bottom: -44px
    }

    .purchase-row__col_mobile-description .purchase-row__price {
        display: none
    }

    .purchase-row__col_mobile-description .purchase-row__user-avatar {
        width: 60px;
        height: 60px
    }

    .purchase-row__col_mobile-description .purchase-row__user-avatar>img {
        width: 60px;
        height: 60px
    }

    .purchase-row__col_details-button {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 80px;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .purchase-row__col_thumbnail {
        margin-bottom: auto
    }

    .purchase-row__col_buttons {
        pointer-events: none
    }

    .purchase-row_three-buttons-mode .purchase-row__col_buttons {
        pointer-events: all
    }

    .purchase-row__images {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 248px
    }

    .purchase-row__images .purchase-row__image+.purchase-row__image {
        margin-left: 16px
    }

    .purchase-row__image {
        position: relative;
        width: 72px;
        max-width: 72px;
        height: 72px;
        border-radius: 14px;
        background: #eaeaea;
        overflow: hidden;
        font-size: 0
    }

    .purchase-row__image>img {
        display: block;
        width: 72px;
        height: 72px
    }

    .purchase-row__image[data-quantity]::before {
        content: attr(data-quantity);
        display: block;
        position: absolute;
        top: 0;
        z-index: 2;
        border-radius: 14px;
        width: 72px;
        height: 72px;
        line-height: 72px;
        text-align: center;
        font-weight: 600;
        font-size: 24px;
        color: #d4d4d4;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(149, 149, 149, 0.6)), to(rgba(76, 81, 89, 0.6)));
        background: -o-linear-gradient(top, rgba(149, 149, 149, 0.6) 0, rgba(76, 81, 89, 0.6) 100%);
        background: linear-gradient(180deg, rgba(149, 149, 149, 0.6) 0, rgba(76, 81, 89, 0.6) 100%)
    }

    .purchase-row__description {
        cursor: pointer
    }

    .purchase-row__title {
        position: relative;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .purchase-row__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .purchase-row__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(9, 9, 10, 0.9);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .purchase-row__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .purchase-row__text {
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        -o-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical
    }

    .purchase-row__description_expanded .purchase-row__text {
        white-space: normal;
        overflow: visible;
        -webkit-line-clamp: initial;
        -moz-line-clamp: initial;
        -ms-line-clamp: initial;
        -o-line-clamp: initial;
        line-clamp: initial
    }

    .purchase-row__price {
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-weight: 400;
        color: white
    }

    .purchase-row__three-buttons {
        position: absolute;
        right: 0;
        width: 48px;
        height: 54px;
        margin: 0 0 0 -20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: all
    }

    .purchase-row__three-buttons>span {
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: white;
        position: absolute;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .purchase-row__three-buttons>span:nth-child(1) {
        top: 25%
    }

    .purchase-row__three-buttons>span:nth-child(2) {
        top: 50%
    }

    .purchase-row__three-buttons>span:nth-child(3) {
        top: 75%
    }

    .purchase-row__buttons {
        width: 100%;
        opacity: 0;
        margin: auto;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row_three-buttons-mode .purchase-row__buttons {
        opacity: 1;
        pointer-events: all
    }

    .purchase-row__button {
        width: 100%
    }

    .purchase-row__button+.purchase-row__button {
        margin-top: 12px
    }

    .purchase-row__user-avatar {
        width: 60px;
        height: 60px;
        font-size: 0;
        border-radius: 50%;
        overflow: hidden;
        margin: auto
    }

    .purchase-row__user-avatar>img {
        display: block;
        width: 60px;
        height: 60px
    }
}

@media(max-width:800px) {
    .purchase-row.purchase-row_single-product {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .purchase-row.purchase-row_single-product .purchase-row__col_thumbnails {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 8px;
        margin-right: 10px
    }

    .purchase-row.purchase-row_single-product .purchase-row__col_buttons {
        position: absolute;
        top: 0;
        right: 80px;
        left: 0;
        bottom: 0;
        padding-right: 55px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .purchase-row.purchase-row_single-product .purchase-row__col_description,
    .purchase-row.purchase-row_single-product .purchase-row__col_user-avatar,
    .purchase-row.purchase-row_single-product .purchase-row__col_quantity {
        display: none
    }

    .purchase-row.purchase-row_single-product .purchase-row__button {
        font-size: 12px;
        height: 30px;
        line-height: 28px;
        white-space: nowrap
    }

    .purchase-row.purchase-row_single-product .purchase-row__button+.purchase-row.purchase-row_single-product .purchase-row__button {
        margin-top: 11px
    }
}

@media(max-width:800px) {
    .purchase-row.purchase-row_multiple-products {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .purchase-row.purchase-row_multiple-products .purchase-row__col_thumbnails {
        width: 100%;
        margin-bottom: 8px
    }

    .purchase-row.purchase-row_multiple-products .purchase-row__col_buttons {
        width: 80px;
        margin-left: auto
    }

    .purchase-row.purchase-row_multiple-products .purchase-row__buttons {
        margin: 0
    }

    .purchase-row.purchase-row_multiple-products .purchase-row__button {
        font-size: 14px
    }
}

@media(max-width:800px) {
    .purchase-row.purchase-row_single-of-multiple-products {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_thumbnails {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 8px;
        margin-right: 10px
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_buttons {
        position: absolute;
        top: 0;
        right: 80px;
        left: 0;
        bottom: 0;
        padding-right: 55px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_description,
    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_user-avatar,
    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_quantity {
        display: none
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__button {
        font-size: 12px;
        height: 30px;
        line-height: 28px;
        white-space: nowrap
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__button+.purchase-row.purchase-row_single-of-multiple-products .purchase-row__button {
        margin-top: 11px
    }
}

@media(max-width:800px) {

    .purchase-row_three-buttons-mode .purchase-row__col.purchase-row__col_price,
    .purchase-row_three-buttons-mode .purchase-row__col.purchase-row__col_thumbnail,
    .purchase-row_three-buttons-mode .purchase-mini-row__col.purchase-mini-row__col_description {
        opacity: 0;
        pointer-events: none
    }
}

@media(max-width:800px) {
    .purchase-mini-row__col_description {
        padding-right: 140px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .purchase-mini-row__col_aside {
        width: 60px;
        text-align: center;
        padding: 6px 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }
}

@media(max-width:800px) {
    .mini-search__input {
        display: block;
        width: 100%;
        height: 45px;
        line-height: 43px;
        color: white;
        font-size: 14px;
        border-radius: 0;
        border-width: 0;
        outline-width: 0;
        border-bottom: 1px solid var(--border);
        background: transparent url("..static/assets/images/filter-query.svg") right 3px center no-repeat;
        background-size: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .mini-search__input:focus::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0)
    }

    .mini-search__input:focus::-moz-placeholder {
        color: rgba(0, 0, 0, 0)
    }

    .mini-search__input:focus:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0)
    }

    .mini-search__input:focus::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0)
    }

    .mini-search__input:focus::placeholder {
        color: rgba(0, 0, 0, 0)
    }
}

@media(max-width:800px) {
    .ads-book {
        margin-top: 20px;
        text-align: center
    }

    .ads-book__link {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-decoration: none
    }

    .ads-book__link:hover {
        color: white
    }
}

@media(max-width:800px) {
    .seller-img {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: cover;
        position: relative
    }

    .seller-img-bronze {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: cover;
        position: relative
    }

    .seller-img-bronze::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #c28d6f 17.71%, #e9c58f 47.92%, #94561d 69.27%, #9f7249 89.58%, #c1976f 100%);
        background: linear-gradient(45deg, #c28d6f 17.71%, #e9c58f 47.92%, #94561d 69.27%, #9f7249 89.58%, #c1976f 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }

    .seller-img-silver {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: contain;
        position: relative
    }

    .seller-img-silver::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }

    .seller-img-gold {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: contain;
        position: relative
    }

    .seller-img-gold::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #fff9ef 3.65%, #f3ce70 17.71%, #fdf4d6 65.39%, #e3cc54 100%);
        background: linear-gradient(45deg, #fff9ef 3.65%, #f3ce70 17.71%, #fdf4d6 65.39%, #e3cc54 100%);
        -webkit-box-shadow: 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }
}

@media(max-width:800px) {
    .send-review-popup {
        padding: 53px 35px 34px;
        overflow-y: scroll;
        max-height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .send-review-popup__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .send-review-popup__user {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .send-review-popup__thumbnail {
        width: 72px;
        height: 72px;
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 18px
    }

    .send-review-popup__thumbnail>img {
        width: 72px;
        height: 72px
    }

    .send-review-popup__name {
        font-weight: 600;
        font-size: 19px;
        color: #fff;
        margin-bottom: 15px
    }

    .send-review-popup__order-info {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: right;
        position: relative;
        top: -35px;
        margin: 0 -20px
    }

    .send-review-popup__order-info-line {
        font-weight: 600px;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .send-review-popup__order-info-line+.send-review-popup__order-info-line {
        margin-top: 4px
    }

    .send-review-popup__stars {
        text-align: center;
        margin-bottom: 15px
    }

    .send-review-popup__textarea {
        display: block;
        width: 100%;
        height: calc(100vh - 494px);
        color: white;
        padding: 20px 30px;
        font-size: 14px;
        border: 1px solid var(--border);
        border-radius: 16px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .send-review-popup__footer {
        padding: 25px 0 0;
        text-align: center
    }

    .send-review-popup__button {
        display: block;
        width: 100%
    }

    .send-review-popup__button+.send-review-popup__button {
        margin-top: 8px
    }

    .send-review-popup__foot-disclaimer {
        margin: -10px 0 20px;
        color: #d30a0a;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .send-review-popup__foot-disclaimer:first-child {
        margin-top: 10px
    }

    .send-review-popup__product-preview {
        margin: 14px 0 17px
    }

    .send-review-popup__product-preview-title {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 8px
    }

    .send-review-popup__product-preview-description {
        color: #9fa4ae;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .send-review-popup__file-wrapper {
        margin-top: 16px
    }
}

@media(max-width:800px) {
    .nav-user-img {
        min-width: 28px;
        height: 28px;
        border-radius: 50%;
        background-size: contain;
        position: relative;
        margin-right: 7px;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(max-width:800px) {
    .nav-seller-img {
        min-width: 28px;
        height: 28px;
        border-radius: 50%;
        background-size: contain;
        position: relative;
        margin-right: 7px;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35)
    }

    .nav-seller-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 2px;
        background: -o-linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }
}

@media(max-width:800px) {
    .message-editor {
        top: 12px;
        padding: 23px 37px;
        left: 14px;
        border: 1px solid var(--border);
        width: 520px;
        height: 470px;
        position: absolute;
        border-radius: 15px;
        background: -o-linear-gradient(315deg, #2f2f30, #111214, #000);
        background: linear-gradient(135deg, #2f2f30, #111214, #000)
    }

    .message-editor button {
        width: 135px;
        height: 35px;
        display: block;
        margin: 18px auto 0;
        background-color: transparent;
        border: 1px solid var(--border);
        border-radius: 10px;
        color: #fff
    }

    .message-editor button:hover {
        border: 2px solid #fff
    }

    .message-editor textarea {
        border-radius: 30px;
        margin-top: 15px;
        width: 100%;
        background-color: transparent;
        color: #fff;
        height: 248px;
        resize: none;
        padding: 20px;
        overflow: auto
    }

    .message-editor textarea:focus {
        outline: 0
    }
}

@media(max-width:800px) {
    .message-top-info {
        height: 84px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .message-top-info .message-receiver {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 48px;
        width: 106px
    }

    .message-top-info .message-receiver img {
        width: 48px;
        height: 48px;
        border-radius: 50%
    }

    .message-top-info .message-receiver p {
        margin-left: 13px;
        color: var(--secondary);
        margin-bottom: 0;
        font-size: 18px
    }

    .message-top-info .message-rate {
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

    .message-top-info .message-rate img {
        opacity: .6;
        width: 27px;
        height: 27px;
        cursor: pointer
    }

    .message-top-info .message-date p {
        margin-bottom: 0;
        color: var(--secondary);
        font-size: 10px;
        text-align: right
    }
}

@media(max-width:800px) {
    .message-status {
        height: 33px;
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width:800px) {
    .wallet-form {
        position: absolute;
        top: 102px;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0;
        padding: 0 16px;
        background-color: transparent
    }

    .wallet-form::before {
        content: "$";
        -webkit-box-ordinal-group: 999;
        -webkit-order: 998;
        -ms-flex-order: 998;
        order: 998;
        font-weight: 600;
        text-align: center;
        width: 100%;
        height: 0;
        line-height: 0;
        font-size: 144px;
        color: rgba(159, 164, 174, 0.3);
        pointer-events: none;
        margin: auto
    }

    .wallet-form_success {
        height: 580px
    }

    .wallet-form_success::before {
        display: none
    }

    .wallet-form__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 10px;
        text-align: left;
        padding: 11px 0 12px;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5);
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 10px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .wallet-form__header-value {
        font-size: 16px;
        line-height: 19px
    }

    .wallet-form__title {
        font-size: 14px;
        color: #fff;
        margin: 0;
        margin-bottom: 14px
    }

    .wallet-form__subtitle {
        font-size: 10px;
        color: var(--secondary)
    }

    .wallet-form__label {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 10px;
        color: var(--secondary)
    }

    .wallet-form__qr-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 24px
    }

    .wallet-form__qr-row .wallet-form__fieldset {
        margin: 0
    }

    .wallet-form__qr-row .wallet-form__label {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 5px 0
    }

    .wallet-form__qr-row .wallet-form__value {
        word-break: break-word;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #d8dde7
    }

    .wallet-form__qr-code {
        width: 125px;
        height: 115px;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .wallet-form__qr-code>img {
        width: 115px;
        height: 115px
    }

    .wallet-form__qr-aside {
        position: relative;
        margin-left: 5px
    }

    .wallet-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .wallet-form__row_space-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wallet-form__row+.wallet-form__row {
        margin-top: 6px
    }

    .wallet-form__column_nano {
        width: auto
    }

    .wallet-form__column_full {
        width: 100%
    }

    .wallet-form__fieldset {
        margin-bottom: 15px
    }

    .wallet-form__field {
        margin: 15px 0
    }

    .wallet-form__input {
        width: 100%;
        height: 40px;
        color: #fff;
        font-size: 18px;
        outline: 0;
        border: 0;
        background-color: transparent;
        border-radius: 0;
        border-bottom: 2px solid var(--secondary)
    }

    .wallet-form__input:focus {
        border-bottom: 2px solid var(--primary)
    }

    .wallet-form__notification {
        color: #d30a0a;
        margin: 22px 0 16px 0;
        text-align: center;
        font-size: 12px
    }

    .wallet-form__balance-row {
        display: none
    }

    .wallet-form__buttons-pad {
        -webkit-box-ordinal-group: 1000;
        -webkit-order: 999;
        -ms-flex-order: 999;
        order: 999;
        padding: 0 20px;
        padding-bottom: 44px
    }

    .wallet-form__button-row+.wallet-form__button-row {
        margin-top: 15px
    }

    .wallet-form__created {
        display: none;
        margin-top: 10px
    }

    .wallet-form__created--mobile {
        display: block
    }

    .wallet-form__submit-wrapper {
        -webkit-box-ordinal-group: 1000;
        -webkit-order: 999;
        -ms-flex-order: 999;
        order: 999;
        padding: 0 20px;
        padding-bottom: 44px
    }

    .wallet-form__button {
        display: block;
        width: 100%;
        border: 1px solid var(--border);
        border-radius: 10px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        background: transparent;
        font-size: 16px;
        color: white;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .wallet-form__button:hover {
        color: white;
        opacity: .8
    }

    .wallet-form__success {
        margin: auto 20px
    }
}

@media(max-width:800px) {
    .wallet-success {
        text-align: center;
        padding: 80px 0 100px;
        border: 1px solid var(--border);
        border-radius: 20px
    }

    .wallet-success__icon {
        width: 36px;
        height: 36px;
        margin: 0 auto 24px;
        background: url(..static/assets/images/payment-successful.svg) center no-repeat;
        background-size: 36px
    }

    .wallet-success__title {
        font-size: 18px;
        line-height: 22px;
        color: white;
        margin-bottom: 24px
    }

    .wallet-success__subtitle {
        font-size: 16px;
        line-height: 19px;
        color: #d8dde7
    }
}

@media(max-width:800px) {
    .wallet-currency-toggler {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px
    }

    .wallet-currency-toggler__label {
        display: block;
        -webkit-flex-basis: calc(33.3333333333% - 6px);
        -ms-flex-preferred-size: calc(33.3333333333% - 6px);
        flex-basis: calc(33.3333333333% - 6px);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .wallet-currency-toggler__input {
        display: none
    }

    .wallet-currency-toggler__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        font-size: 12px;
        height: 35px;
        line-height: 12px;
        color: white;
        text-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .wallet-currency-toggler__title::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.7)
    }

    .wallet-currency-toggler__input:checked+.wallet-currency-toggler__title::before {
        border: 2px solid white
    }
}

@media(max-width:800px) {
    .wallet-transactions-list {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .wallet-transactions-list__row {
        position: relative;
        margin-bottom: 12px;
        border: 1px solid var(--border);
        border-radius: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 5px;
        padding: 14px 9px
    }

    .wallet-transactions-list__title {
        font-weight: 600;
        font-size: 15px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 100px;
        width: 100%
    }

    .wallet-transactions-list__status {
        font-size: 15px;
        line-height: 18px;
        color: rgba(159, 164, 174, 0.4901960784);
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .wallet-transactions-list__date {
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784);
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 60px;
        -ms-flex: 0 1 60px;
        flex: 0 1 60px;
        text-align: center;
        white-space: nowrap
    }

    .wallet-transactions-list__value {
        font-weight: 600;
        font-size: 15px;
        line-height: 18px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 75px;
        -ms-flex: 0 1 75px;
        flex: 0 1 75px;
        text-align: right
    }

    .wallet-transactions-list__value_red {
        color: #b80a0a
    }

    .wallet-transactions-list__value_green {
        color: #078f04
    }

    .wallet-transactions-list__helper {
        top: 3px;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        vertical-align: baseline;
        display: inline-block
    }

    .wallet-transactions-list__helper::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: url("..static/assets/images/profile-info.svg") center center/14px 14px no-repeat
    }

    .wallet-transactions-list__helper::after {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border-top: 1px solid var(--border);
        border-left: 1px solid var(--border);
        margin: 3px 0 0 3px;
        z-index: 1000;
        -webkit-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        opacity: 0
    }

    .wallet-transactions-list__helper:hover::after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg)
    }

    .wallet-transactions-list__helper:hover>.wallet-transactions-list__tooltip {
        opacity: .9;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .wallet-transactions-list__tooltip {
        position: absolute;
        top: 70%;
        left: 20%;
        right: 20%;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        padding: 6px 12px;
        min-width: 200px;
        z-index: 999;
        margin: 0;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        white-space: normal
    }

    .wallet-transactions-list__transaction-loading {
        font-size: 8px;
        line-height: 18px;
        color: #9fa4ae;
        height: 20px;
        border: 1px solid #4c5159;
        white-space: nowrap;
        width: 200px;
        text-align: center;
        border-radius: 5px
    }
}

@media(max-width:800px) {
    .wallet-transactions {
        position: absolute;
        top: 102px;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0;
        padding: 0 16px;
        background-color: transparent
    }
}

@media(max-width:800px) {
    .refund-info__title {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        margin-bottom: 14px
    }

    .refund-info__content {
        color: #9fa4ae;
        font-size: 16px
    }

    .refund-info__box+.refund-info__box {
        margin-top: 28px
    }

    .refund-info__line {
        margin-bottom: 10px
    }

    .refund-info__subtitle {
        color: #fff
    }

    .refund-info__files-list {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .refund-info__file-item+.refund-info__file-item {
        margin-top: 10px
    }

    .refund-info__file-item>a {
        color: #9fa4ae;
        text-decoration: none;
        border-bottom: 1px solid #9fa4ae
    }

    .refund-info__notification {
        text-align: center;
        color: #d30a0a;
        max-width: 535px;
        margin: 40px auto
    }
}

@media(max-width:800px) {

    .sign-up::before,
    .sign-up-terms::before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: #171717;
        background-size: cover;
        background-attachment: fixed;
        background-position: top 0 center;
        background-position-y: 0;
        background-position-x: 0;
        pointer-events: none
    }
}

@media(max-width:800px) {
    .sign-up {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .sign-up__inner {
        width: 100%;
        padding: 0 50px;
        margin: auto
    }

    .sign-up__logo {
        width: 100%;
        height: 0;
        padding-top: 37.6623376623%;
        margin: auto;
        background: url(../static/assets/images/sign-up-large-logo.png) center no-repeat;
        background-size: 100% 100%;
        margin-bottom: 49px
    }

    .sign-up__form {
        margin: auto
    }
}

@media(max-width:800px) {
    .sign-up-form__body {
        margin-bottom: 48px
    }

    .sign-up-form__fieldset+.sign-up-form__fieldset {
        margin-top: 15px
    }

    .sign-up-form__terms {
        margin-top: 25px;
        text-align: center;
        font-size: 9.5px;
        line-height: 11px;
        letter-spacing: .03em;
        color: #54575f
    }

    .sign-up-form__terms>a {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid #54575f
    }

    .sign-up-form__terms>a:hover {
        opacity: .8;
        border-bottom-color: transparent
    }

    .sign-up-form__button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-form__button:hover {
        color: white
    }

    .sign-up-form__button+.sign-up-form__button {
        margin-top: 16px
    }

    .sign-up-form__button_disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }
}

@media(max-width:800px) {
    .sign-up-input {
        position: relative;
        height: 42px;
        line-height: 42px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .sign-up-input__input {
        display: block;
        height: 42px;
        line-height: 42px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        border-radius: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-input__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 42px;
        line-height: 42px;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .sign-up-input__placeholder_label {
        color: #54575f;
        opacity: 1
    }

    .sign-up-input__placeholder_error {
        color: #d30a0a;
        opacity: 0
    }

    .sign-up-input__input:focus~.sign-up-input__placeholder,
    .sign-up-input__input:valid~.sign-up-input__placeholder {
        opacity: 0
    }

    .sign-up-input_invalid .sign-up-input__input {
        border-color: #d30a0a
    }

    .sign-up-input_invalid .sign-up-input__placeholder_label {
        opacity: 0
    }

    .sign-up-input_invalid .sign-up-input__placeholder_error {
        opacity: 1
    }
}

@media(max-width:800px) {
    .sign-up-terms {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100vh;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 34px
    }

    .sign-up-terms__logo {
        width: 297px;
        height: 66px;
        margin: 0 auto 45px;
        background: url(../static/assets/images/sign-up-terms-logo.png) center no-repeat;
        background-size: 100% 100%
    }

    .sign-up-terms__content {
        position: relative;
        padding: 28px 13px;
        overflow-y: auto;
        border: 1px solid var(--border);
        max-height: calc(100vh - 100px - 66px - 45px - 44px - 40px - 120px)
    }

    .sign-up-terms__title {
        font-size: 24px;
        text-align: center
    }

    .sign-up-terms__text {
        font-size: 12px
    }

    .sign-up-terms__text p {
        margin: 1em 0
    }

    .sign-up-terms__footer {
        padding: 20px 0
    }

    .sign-up-terms__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 0;
        outline: 0;
        margin: auto;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-terms__button:hover {
        color: white
    }
}

@media(max-width:800px) {
    .stars {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 18.0722891566%;
        background: #54575f;
        -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        -webkit-mask: url("../static/assets/images/stars-mask.svg");
        mask: url("../static/assets/images/stars-mask.svg");
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%
    }

    .stars__handler {
        position: absolute;
        top: 0;
        bottom: 0;
        background: #fff;
        -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .stars_ltr .stars__handler {
        left: 0
    }

    .stars_rtl .stars__handler {
        right: 0
    }
}

@media(max-width:800px) {
    .stars-checker__radio {
        display: none
    }

    .stars-checker__row {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .stars-checker__star {
        width: 38px;
        height: 30px;
        position: relative;
        padding: 0 4px
    }

    .stars-checker__star::before,
    .stars-checker__star::after {
        content: "";
        display: block;
        position: absolute;
        left: 4px;
        top: 0;
        right: 4px;
        bottom: 0
    }

    .stars-checker__star::before {
        background-image: url("..static/assets/images/star-empty.svg");
        z-index: 1
    }

    .stars-checker__star::after {
        background-image: url("..static/assets/images/star-filled.svg");
        opacity: 0;
        z-index: 2
    }

    .stars-checker__star:hover::after {
        opacity: .5
    }

    .stars-checker__star:hover~.stars-checker__star::after {
        opacity: .5
    }

    .stars-checker__radio:checked~.stars-checker__star::after {
        opacity: 1
    }
}

@media(max-width:800px) {
    .personal-account {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .personal-account_narrow {
        min-height: calc(100vh - 102px - 20px)
    }

    .personal-account__back-link {
        width: 28px;
        height: 28px;
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        background: url("..static/assets/images/profile-eye.svg") center center/28px 28px no-repeat
    }

    .personal-account--own .personal-account__alerts-row {
        margin: 0 0 0 15px
    }

    .personal-account__heading {
        display: none
    }

    .personal-account__title {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .personal-account__header .personal-account__title {
        margin-bottom: 8px
    }

    .personal-account__title-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 35px 0 0;
        position: relative
    }

    .personal-account__info {
        margin: 0 0 0 8px
    }

    .personal-account__info-button {
        position: relative;
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        border: 0;
        margin: 10px 0 0 0;
        border-radius: 50%;
        background: url("..static/assets/images/profile-info.svg") center center/14px 14px no-repeat
    }

    .personal-account__info-list {
        position: absolute;
        bottom: -75px;
        left: 0;
        z-index: 2;
        padding: 6px 12px;
        min-width: 200px;
        margin: 0;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .personal-account__info-list.active {
        opacity: .9;
        visibility: visible
    }

    .personal-account__info-item {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 3px 0
    }

    .personal-account__subtitle-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__subtitle-row .personal-account__alerts-row {
        margin: 0 0 0 10px
    }

    .personal-account__subtitle-row_in-card {
        margin: 5px 0 12px;
        color: #54575f
    }

    .personal-account__rating-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__rating {
        width: 83px
    }

    .personal-account__contact-seller-wrapper {
        margin-left: 20px
    }

    .personal-account__contact-seller {
        font-weight: 500;
        font-size: 10px;
        line-height: 120%;
        text-align: center;
        color: #fff;
        padding: 7px 15px;
        height: auto
    }

    .personal-account__contact-admin {
        font-size: 12px;
        line-height: 120%;
        width: auto;
        height: auto;
        display: inline-block;
        border-radius: 5px;
        padding: 7px 15px
    }

    .personal-account__balance {
        font-size: 16px;
        line-height: 19px;
        font-weight: 600;
        white-space: nowrap
    }

    .personal-account__balance_light {
        color: #d8dde7
    }

    .personal-account__date {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #54575f
    }

    .personal-account__alerts-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 8px;
        margin: 15px 0 0 0;
        width: 100%
    }

    .personal-account__alert {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        display: inline-block;
        white-space: nowrap;
        width: auto;
        height: 19px;
        line-height: 17px;
        border-radius: 5px;
        color: white;
        border: 1px solid red;
        -webkit-box-shadow: 0 0 5px #a81e1f;
        box-shadow: 0 0 5px #a81e1f;
        padding: 0 12px;
        font-size: 8px
    }

    .personal-account__card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0 25px 0
    }

    .personal-account__avatar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 80px;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0;
        margin-right: 15px
    }

    .personal-account__avatar--disabled {
        pointer-events: none
    }

    .personal-account__avatar>img {
        display: block;
        width: 80px;
        height: 80px
    }

    .personal-account__account-type {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: #54575f
    }

    .personal-account__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account__button:hover {
        color: white
    }

    .personal-account__contact-button-wrapper {
        width: 165px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .personal-account__form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%
    }

    .personal-account__form form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media(max-width:800px) {
    .personal-account-form__body {
        margin-bottom: 30px
    }

    .personal-account-form__fieldset p {
        margin: 0 0 5px 0
    }

    .personal-account-form__fieldset+.personal-account-form__fieldset {
        margin-top: 26px
    }

    .personal-account-form__fieldset:first-child {
        margin: 15px 0 0 0
    }

    .personal-account-form__label {
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 600
    }

    .personal-account-form__textarea {
        display: block;
        width: 100%;
        height: 80px;
        color: white;
        padding: 14px 18px;
        font-size: 14px;
        line-height: 16px;
        border: 1px solid var(--border);
        border-radius: 15px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .personal-account-form__footer {
        margin-top: auto;
        padding: 38px 24px
    }

    .personal-account-form__button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account-form__button:hover {
        color: white
    }

    .personal-account-form__button+.personal-account-form__button {
        margin-top: 14px
    }
}

@media(max-width:800px) {
    .personal-account-email {
        position: relative;
        height: 42px;
        line-height: 42px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-email__input {
        display: block;
        height: 42px;
        line-height: 42px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        border-radius: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account-email__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 42px;
        line-height: 42px;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-email__placeholder_label {
        color: #54575f;
        opacity: 1
    }

    .personal-account-email__placeholder_error {
        color: #d30a0a;
        opacity: 0
    }

    .personal-account-email__input:focus~.personal-account-email__placeholder,
    .personal-account-email__input:valid~.personal-account-email__placeholder {
        opacity: 0
    }

    .personal-account-email_invalid .personal-account-email__input {
        border-color: #d30a0a
    }

    .personal-account-email_invalid .personal-account-email__placeholder_label {
        opacity: 0
    }

    .personal-account-email_invalid .personal-account-email__placeholder_error {
        opacity: 1
    }

    .personal-account-email_confirmed::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 42px;
        background: url(..static/assets/images/checked.svg);
        background-position: center;
        background-repeat: no-repeat
    }
}

@media(max-width:800px) {
    .personal-account-checkbox {
        display: block;
        width: 100%;
        cursor: pointer
    }

    .personal-account-checkbox_disabled {
        opacity: .7;
        pointer-events: none
    }

    .personal-account-checkbox__input {
        display: none
    }

    .personal-account-checkbox__title {
        position: relative;
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 600;
        height: 24px;
        line-height: 24px
    }

    .personal-account-checkbox__title::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 24px;
        opacity: .2;
        background: url(..static/assets/images/checked.svg) center no-repeat;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-checkbox__input:checked+.personal-account-checkbox__title::after {
        opacity: 1
    }
}

@media(max-width:800px) {
    .personal-nano-card__link {
        color: white;
        text-decoration: none
    }

    .personal-nano-card__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .personal-nano-card__col_avatar {
        width: 38px;
        height: 38px;
        margin-right: 8px
    }

    .personal-nano-card__avatar {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0
    }

    .personal-nano-card__avatar>img {
        width: 38px;
        height: 38px
    }

    .personal-nano-card__name {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 3px
    }

    .personal-nano-card__balance {
        font-size: 10px;
        line-height: 12px;
        color: #54575f
    }
}

@media(max-width:800px) {
    .choose-image-popup {
        width: 185px;
        padding: 18px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .choose-image-popup__error {
        color: red;
        text-align: center;
        font-size: 14px;
        margin-bottom: 16px
    }

    .choose-image-popup__button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .choose-image-popup__button+.choose-image-popup__button {
        margin-top: 4px
    }

    .choose-image-popup__button:hover {
        color: white
    }

    .choose-image-popup__hidden-fields {
        display: none
    }

    .choose-image-popup__file {
        display: none
    }
}

@media(max-width:800px) {
    .user-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 124px);
        padding: 0 5px 20px
    }

    .user-box_middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user-box--regular .personal-account__subtitle-row {
        display: none
    }

    .user-box--regular .personal-account__title-row {
        margin: 0 0 10px 0
    }

    .user-box--regular .user-box__header {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }

    .user-box--regular .personal-account__description {
        margin: 0 10px 0 0
    }

    .user-box--regular .personal-account__contact-seller {
        font-size: 12px;
        width: auto;
        display: inline-block;
        border-radius: 5px
    }

    .user-box--regular .personal-account__title-row .personal-account__alerts-row {
        display: none
    }

    .user-box--regular .personal-account__alerts-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        margin: 10px 0 0 0;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: auto
    }

    .user-box--regular .personal-account__alert {
        height: auto;
        line-height: 120%;
        padding: 4px 12px;
        min-width: 80px;
        text-align: center
    }

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

    .user-box__card {
        margin-top: -4px
    }

    .user-box__navigation .tabs__tab_active>.tabs__link {
        border: 3px solid #fff
    }

    .user-box__terms {
        padding: 25px 10px;
        border: 1px solid var(--border);
        border-radius: 25px;
        text-align: center
    }

    .user-box__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }

    .user-box__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 calc(50% - 10px);
        -ms-flex: 0 1 calc(50% - 10px);
        flex: 0 1 calc(50% - 10px)
    }

    .user-box__comment {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .user-box__comment .product-row-mini {
        padding: 10px
    }

    .user-box__comment .product-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .user-box__comment .product-row-mini__thumbnail {
        position: static;
        margin: 0;
        padding: 0
    }

    .user-box__comment .product-row-mini__thumbnail>img {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 44px;
        height: 44px;
        border-radius: 50%
    }

    .user-box__comment .product-row-mini__col_narrow-description {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .user-box__comment .product-row-mini__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        height: auto
    }

    .user-box__comment .product-row-mini__stars {
        width: 95px
    }

    .user-box__comment .product-row-mini__footer {
        margin: 10px 0 0 0
    }

    .user-box__comment .product-row-mini__comment {
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784);
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        word-break: break-word
    }

    .user-box__subtitle {
        font-weight: 500;
        font-size: 24px;
        line-height: 120%;
        text-align: center;
        color: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#fff));
        background: -o-linear-gradient(top, #404040, #fff);
        background: linear-gradient(to bottom, #404040, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0 0 30px 0
    }

    .user-box__text {
        font-weight: 500;
        font-size: 12px;
        line-height: 24px;
        text-align: initial;
        color: #fff
    }

    .user-box__text p {
        margin: 0
    }

    .user-box__text img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .user-box__text ul,
    .user-box__text ol {
        list-style: inside
    }

    .user-box__text table {
        margin: 1em auto;
        border-collapse: collapse
    }

    .user-box__text table td,
    .user-box__text table th {
        padding: 12px;
        border: 1px solid var(--border)
    }

    .user-box__body {
        width: 100%
    }
}

@media(max-width:800px) {
    .product-mini-attach-file__label {
        display: block
    }

    .product-mini-attach-file__input {
        display: none
    }
}

@media(max-width:800px) {
    .product-promotional-modal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 95vw
    }

    .product-promotional-modal__container {
        text-align: center;
        width: 50%;
        padding: 24px 8px 32px
    }

    .product-promotional-modal__container_wide {
        width: 100%
    }

    .product-promotional-modal__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        color: white
    }

    .product-promotional-modal__description {
        font-size: 12px;
        color: #9fa4ae
    }

    .product-promotional-modal__button {
        max-width: 100px;
        margin: 18px auto 0
    }
}

@media(max-width:800px) {
    .terms-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }

    .terms-box__header {
        text-align: center
    }

    .terms-box__content {
        position: relative;
        padding: 28px 13px;
        text-align: center;
        overflow-y: auto;
        border: 1px solid var(--border);
        border-radius: 20px;
        max-height: calc(100vh - 132px - 120px)
    }

    .terms-box__title {
        display: none;
        margin-bottom: 30px;
        font-size: 20px;
        font-weight: 500;
        text-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25)
    }

    .terms-box__title.active {
        display: block
    }

    .terms-box__lang {
        position: absolute;
        top: 10px;
        right: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        font-size: 10px
    }

    .terms-box__lang-button {
        border: 0;
        background-color: transparent;
        outline: 0;
        font-weight: 500;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .terms-box__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .terms-box__lang-button.active {
        font-weight: 700
    }

    .terms-box__lang-button.active:hover {
        color: #fff
    }

    .terms-box__text {
        display: none;
        font-size: 12px;
        line-height: 24px
    }

    .terms-box__text p {
        margin: .5em 0
    }

    .terms-box__text img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .terms-box__text ul,
    .terms-box__text ol {
        list-style: inside
    }

    .terms-box__text table {
        margin: 1em auto;
        border-collapse: collapse
    }

    .terms-box__text table td,
    .terms-box__text table th {
        padding: 12px;
        border: 1px solid var(--border)
    }

    .terms-box__text.active {
        display: block
    }

    .terms-box__footer {
        padding: 16px 0
    }

    .terms-box__button {
        display: block;
        max-width: 220px;
        font-size: 14px;
        padding: 8px 10px;
        font-weight: 500;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 15px;
        outline: 0;
        margin: auto;
        cursor: pointer
    }

    .terms-box__button:hover {
        color: white
    }
}

@media(max-width:800px) {
    .shop-form .ck-editor__editable {
        min-height: calc(100vh - 370px) !important
    }
}

@media(max-width:800px) {
    .chat {
        position: fixed;
        top: 102px;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden
    }

    .chat.auto-escrow__chat .chat-form__input {
        width: calc(100% - 52px)
    }

    .chat.auto-escrow__chat .chat-form__col_submit {
        right: 56px
    }

    .chat.auto-escrow__chat .chat-form__col_export {
        right: 0
    }

    .chat:not(.auto-escrow__chat) .message__col_avatar {
        margin-top: 8px
    }

    .chat__section_header {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .chat__section_body {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .chat__section_footer {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .chat__mobile-heading {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        right: 0;
        top: 0;
        z-index: 2;
        padding: 0 16px;
        opacity: .93
    }

    .chat__body {
        padding: 0 16px;
        position: absolute;
        top: 52px;
        bottom: 60px;
        left: 0;
        right: 0;
        padding-bottom: 10px;
        overflow-y: scroll;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s linear, visibility .3s linear;
        -o-transition: opacity .3s linear, visibility .3s linear;
        transition: opacity .3s linear, visibility .3s linear
    }

    .chat__body.hidden {
        opacity: 0;
        visibility: hidden
    }

    .chat__placeholder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%
    }

    .chat__footer {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 5px 16px 16px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2;
        opacity: 1;
        visibility: visible;
        background: transparent;
        -webkit-transition: opacity .3s linear, visibility .3s linear;
        -o-transition: opacity .3s linear, visibility .3s linear;
        transition: opacity .3s linear, visibility .3s linear
    }

    .chat__footer.hidden {
        opacity: 0;
        visibility: hidden
    }

    .chat__closed {
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-align: center;
        padding: 10px 0
    }
}

@media(max-width:800px) {
    .chat-form__row {
        position: relative
    }

    .chat-form__col_message {
        width: 100%
    }

    .chat-form__col_submit {
        position: absolute;
        right: 6px;
        top: 0
    }

    .chat-form__col_export-button {
        display: none
    }

    .chat-form__col_export {
        right: 0
    }

    .chat-form__col_export .chat-form__submit {
        position: relative;
        border-radius: 10px;
        border: 1px solid var(--border);
        background: 0
    }

    .chat-form__col_export .chat-form__submit::after {
        content: "+";
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 24px;
        line-height: 24px;
        font-weight: 500;
        color: #fff;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .chat-form__fieldset {
        display: block;
        width: 100%
    }

    .chat-form__input {
        width: 100%;
        display: block;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: left;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 8px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 9px 52px 9px 12px;
        resize: none
    }

    .chat-form__submit {
        width: 44px;
        height: 44px;
        z-index: 2;
        background: url("..static/assets/images/send.svg") center no-repeat;
        border-width: 0;
        font-size: 0
    }
}

@media(max-width:800px) {
    .chat-header {
        padding: 23px 25px
    }

    .chat-header__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-header__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-header__avatar {
        width: 28px;
        height: 28px;
        font-size: 0;
        margin-right: 9px;
        border-radius: 50%;
        overflow: hidden
    }

    .chat-header__avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .chat-header__name {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-right: 8px
    }

    .chat-header__link {
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        text-decoration: none
    }

    .chat-header__link_close::before {
        content: "× "
    }
}

@media(max-width:800px) {
    .chat-mobile-heading {
        position: relative;
        padding: 11px 0 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .chat-mobile-heading__actions {
        margin: 0 0 10px 0
    }

    .chat-mobile-heading__name {
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-decoration: none
    }

    .chat-mobile-heading__status {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-left: 12px;
        margin-right: 10px;
        margin-top: 4px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .chat-mobile-heading__status_online {
        background: white
    }

    .chat-mobile-heading__status_offline {
        background: #54575f
    }

    .chat-mobile-heading__button {
        margin-left: auto;
        width: 16px;
        height: 16px;
        outline: 0;
        border: 0;
        background: rgba(0, 0, 0, 0) url("..static/assets/images/menu.svg") center center/16px 16px no-repeat
    }

    .chat-mobile-heading__menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        overflow-y: auto;
        position: fixed;
        left: 0;
        right: 0;
        top: 155px;
        bottom: 0;
        padding: 20px 15px 40px;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s linear, visibility .3s linear, -webkit-transform .3s linear;
        transition: opacity .3s linear, visibility .3s linear, -webkit-transform .3s linear;
        -o-transition: transform .3s linear, opacity .3s linear, visibility .3s linear;
        transition: transform .3s linear, opacity .3s linear, visibility .3s linear;
        transition: transform .3s linear, opacity .3s linear, visibility .3s linear, -webkit-transform .3s linear
    }

    .chat-mobile-heading__menu.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

    .chat-mobile-heading__menu-button {
        border: 1px solid var(--border);
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        padding: 6px 12px;
        border-radius: 8px;
        width: 100%;
        background-color: transparent;
        outline: 0;
        margin: 0 0 20px 0
    }

    .chat-mobile-heading__menu-button:last-child {
        margin: 0
    }

    .chat-mobile-heading__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
        text-align: center;
        font-size: 16px;
        line-height: 24px
    }

    .chat-mobile-heading__menu-text {
        text-align: center;
        max-width: 400px;
        margin: 0 auto
    }
}

@media(max-width:800px) {
    .file-mini-row {
        position: relative
    }

    .file-mini-row__download-link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        font-size: 0;
        display: block;
        z-index: 1
    }

    .file-mini-row__download-link:hover+.file-mini-row__row {
        opacity: .8
    }

    .file-mini-row__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .file-mini-row__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 7px 9px;
        border: 1px solid var(--border);
        border-radius: 13px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 80%
    }

    .file-mini-row__icon {
        width: 26px;
        height: 26px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 26px;
        -ms-flex: 0 0 26px;
        flex: 0 0 26px;
        border-radius: 50%;
        background: white;
        margin-right: 10px;
        background-image: url("..static/assets/images/attachment-icon-file.jpg");
        background-size: 52px;
        background-position: center
    }

    .file-mini-row__icon_zip {
        background-image: url("..static/assets/images/attachment-icon-zip.jpg")
    }

    .file-mini-row__icon_doc {
        background-image: url("..static/assets/images/attachment-icon-doc.jpg")
    }

    .file-mini-row__icon_docx {
        background-image: url("..static/assets/images/attachment-icon-docx.jpg")
    }

    .file-mini-row__icon_exe {
        background-image: url("..static/assets/images/attachment-icon-exe.jpg")
    }

    .file-mini-row__icon_jpeg {
        background-image: url("..static/assets/images/attachment-icon-jpeg.jpg")
    }

    .file-mini-row__icon_jpg {
        background-image: url("..static/assets/images/attachment-icon-jpg.jpg")
    }

    .file-mini-row__icon_pdf {
        background-image: url("..static/assets/images/attachment-icon-pdf.jpg")
    }

    .file-mini-row__icon_png {
        background-image: url("..static/assets/images/attachment-icon-png.jpg")
    }

    .file-mini-row__icon_rar {
        background-image: url("..static/assets/images/attachment-icon-rar.jpg")
    }

    .file-mini-row__name {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        width: 150px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .file-mini-row__size {
        font-size: 16px;
        line-height: 19px;
        color: rgba(159, 164, 174, 0.4901960784);
        white-space: nowrap
    }
}

@media(max-width:800px) {
    .chat-placeholder {
        text-align: center;
        margin: auto
    }

    .chat-placeholder__avatar {
        display: block;
        width: 64px;
        height: 64px;
        font-size: 0;
        margin: 0 auto 12px;
        border-radius: 50%;
        overflow: hidden
    }

    .chat-placeholder__avatar>img {
        display: block;
        width: 64px;
        height: 64px
    }

    .chat-placeholder__name {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 12px
    }

    .chat-placeholder__subtitle {
        width: 200px;
        margin: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .chat-placeholder__subtitle_white {
        color: white
    }
}

@media(max-width:800px) {
    .messages-group__date {
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        padding: 14px 0;
        text-align: center
    }

    .messages-group__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .messages-group__item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 80%
    }

    .messages-group__item+.messages-group__item {
        margin-top: 14px
    }

    .messages-group__item_received {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .messages-group__item_outgoing {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .messages-group__item_outgoing .message__col_status {
        right: 60px
    }

    .messages-group__item_outgoing .message__col_avatar {
        margin-right: 0;
        margin-left: 5px
    }

    .messages-group__item_outgoing .message__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .messages-group__item_file .message__col_status {
        display: none
    }

    .messages-group__item_file .message__col_message {
        padding: 0;
        border-radius: 0;
        border: 0
    }
}

@media(max-width:800px) {
    .message {
        color: #fff;
        position: relative
    }

    .message__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .message__col_avatar {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 45px;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
        width: 100%;
        text-decoration: none;
        margin-right: 5px
    }

    .message__col_message {
        border: 1px solid var(--border);
        border-radius: 15px;
        padding: 12px 28px 12px 12px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .message__col_status {
        white-space: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        position: absolute;
        right: 12px;
        bottom: 14px
    }

    .message__avatar {
        width: 28px;
        height: 28px;
        margin: 0 auto
    }

    .message__avatar img {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .message__name--mobile {
        font-size: 10px;
        line-height: 12px;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784);
        margin: -8px 0 5px 0;
        white-space: nowrap;
        overflow-x: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 45px
    }

    .message__header {
        display: none
    }

    .message__time {
        font-size: 12px;
        line-height: 15px;
        height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .message__message {
        width: 100%;
        max-width: 500px
    }

    .message__text {
        font-size: 14px;
        line-height: 17px;
        padding: 0 35px 0 0;
        font-weight: normal;
        color: white;
        word-break: break-word
    }

    .message__status {
        width: 12px;
        height: 8px;
        background-size: 14px auto;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 6px
    }

    .message__status_read {
        background-image: url("..static/assets/images/message-read.svg")
    }

    .message__status_unread {
        background-image: url("..static/assets/images/message-unread.svg")
    }

    .message__reply {
        position: relative;
        padding: 0 0 0 5px;
        margin: 3px 0 0 0;
        font-size: 10px;
        line-height: 12px;
        color: #fff;
        margin-bottom: 7px
    }

    .message__reply::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background-color: rgba(255, 255, 255, 0.75)
    }

    .message__reply-name {
        font-weight: 600
    }

    .message__reply-text {
        font-weight: 500;
        opacity: .75;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 300px
    }

    .message__name {
        font-size: 6px;
        color: #9fa4ae;
        text-align: center;
        margin-top: 4px;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 44px
    }
}

@media(max-width:800px) {
    .auto-escrow-box {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 122px);
        padding: 0 5px
    }

    .auto-escrow-box_middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .auto-escrow-box__header {
        width: 100%;
        text-align: center
    }

    .auto-escrow-box__title {
        color: white;
        font-weight: 500;
        font-size: 36px;
        line-height: 24px;
        margin-bottom: 18px
    }

    .auto-escrow-box__subtitle {
        display: block;
        margin: auto;
        font-size: 0;
        width: 174px;
        height: 24px;
        background: url("../static/assets/images/make-your-work-easily.png") center no-repeat;
        background-size: 174px auto
    }

    .auto-escrow-box__navigation {
        margin-top: 87px
    }

    .auto-escrow-box__terms {
        padding: 28px 28px 50px;
        border: 1px solid var(--border);
        border-radius: 25px;
        text-align: center
    }

    .auto-escrow-box__item+.auto-escrow-box__item {
        margin-top: 12px
    }

    .auto-escrow-box__text {
        font-weight: 500;
        font-size: 12px;
        line-height: 24px
    }

    .auto-escrow-box__text p {
        margin: 0
    }

    .auto-escrow-box__tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 240px;
        margin: 0 auto;
        height: auto
    }

    .auto-escrow-box__tabs .tabs__tab+.tabs__tab {
        margin-left: 0
    }

    .auto-escrow-box__tabs .tabs__tab {
        width: 100%;
        margin: 0 0 20px 0
    }

    .auto-escrow-box__tabs .tabs__tab.tabs__tab_notification {
        position: relative
    }

    .auto-escrow-box__tabs .tabs__tab.tabs__tab_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -4px
    }

    .auto-escrow-box__tabs .tabs__link {
        height: auto;
        line-height: 24px;
        font-size: 14px;
        border-radius: 8px;
        padding: 8px 10px 8px 10px
    }

    .auto-escrow-box__body {
        width: 100%
    }

    .auto-escrow-box__terms-link-wrapper {
        display: block;
        text-align: center
    }

    .auto-escrow-box__terms-link {
        padding: 8px 10px;
        display: inline-block;
        color: white;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        max-width: 240px;
        border: 1px solid var(--border);
        font-size: 14px;
        border-radius: 8px;
        text-decoration: none
    }

    .auto-escrow-box__terms-link:hover {
        color: white;
        border-color: white
    }
}

@media(max-width:800px) {
    .deal-row-mini {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px
    }

    .deal-row-mini__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 16px 8px 16px 0;
        text-decoration: none
    }

    .deal-row-mini__body {
        width: 100%;
        padding-left: 8px
    }

    .deal-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 10px
    }

    .deal-row-mini__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        text-align: center;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .deal-row-mini__col_title {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: left;
        max-width: 100px
    }

    .deal-row-mini__col_info {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-size: 11px
    }

    .deal-row-mini__col_dot {
        width: 10px;
        min-width: 10px;
        padding: 0 10px
    }

    .deal-row-mini__description {
        cursor: pointer
    }

    .deal-row-mini__title {
        position: relative;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400
    }

    .deal-row-mini__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .deal-row-mini__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(9, 9, 10, 0.9);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .deal-row-mini__title_bold {
        font-weight: 600
    }

    .deal-row-mini__title_bold::after {
        font-weight: 600
    }

    .deal-row-mini__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .deal-row-mini__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .deal-row-mini__text {
        font-size: 11px;
        line-height: 14px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .deal-row-mini__description .deal-row-mini__text {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .deal-row-mini__title+.deal-row-mini__text {
        margin-top: 7px
    }

    .deal-row-mini_opened .deal-row-mini__description .deal-row-mini__text {
        display: none
    }

    .deal-row-mini__price {
        font-weight: 600;
        color: white;
        margin: 0 0 7px 0
    }

    .deal-row-mini__status {
        font-weight: 400;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .deal-row-mini__date {
        font-weight: 400;
        font-size: 11px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .deal-row-mini__dot {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: white
    }

    .deal-row-mini__footer {
        display: none;
        padding: 0 8px 20px
    }

    .deal-row-mini_opened .deal-row-mini__footer {
        display: block
    }
}

@media(max-width:800px) {
    .deals-list {
        overflow: hidden
    }

    .deals-list__empty {
        display: block;
        text-align: center;
        margin: 30px 0 0 0
    }

    .deals-list__item+.deals-list__item {
        margin-top: 19px
    }
}

@media(max-width:800px) {
    .deal-confirmation {
        padding: 15px 0 0 0
    }

    .deal-confirmation__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .deal-confirmation__col_price {
        margin: 0 0 18px 0
    }

    .deal-confirmation__col_title,
    .deal-confirmation__col_price {
        font-size: 14px;
        line-height: 17px;
        padding: 8px 15px;
        border: 1px solid var(--border);
        color: white;
        border-radius: 8px;
        text-align: center;
        width: 100%;
        height: auto
    }

    .deal-confirmation__col_user {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        margin: 0 0 35px 0
    }

    .deal-confirmation__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .deal-confirmation__user-link {
        text-decoration: none
    }

    .deal-confirmation__avatar {
        width: 28px;
        height: 28px;
        font-size: 0;
        margin-right: 12px;
        border-radius: 50%;
        overflow: hidden
    }

    .deal-confirmation__avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .deal-confirmation__name {
        color: #fff;
        font-size: 18px;
        line-height: 22px
    }

    .deal-confirmation__body {
        margin: 18px 0
    }

    .deal-confirmation__description {
        display: block;
        width: 100%;
        min-height: 40vh;
        color: white;
        padding: 12px;
        font-size: 14px;
        line-height: 17px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto
    }

    .deal-confirmation__description::-webkit-scrollbar {
        width: 16px
    }

    .deal-confirmation__description::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .deal-confirmation__description::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .deal-confirmation__description::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .deal-confirmation__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px
    }

    .deal-confirmation__button {
        display: block;
        font-size: 14px;
        padding: 13px 15px;
        border-radius: 8px;
        height: auto;
        width: 100%;
        line-height: 17px
    }
}

@media(max-width:800px) {
    .create-deal {
        position: relative;
        padding: 0 0 20px 0
    }

    .create-deal__success {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: calc(100vh - 122px);
        text-align: center
    }

    .create-deal__title {
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: #fff;
        margin-bottom: 15px
    }

    .create-deal__subtitle {
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .create-deal__body {
        margin: 16px 0
    }

    .create-deal__textarea {
        display: block;
        width: 100%;
        color: white;
        padding: 12px;
        font-size: 14px;
        border: 1px solid var(--border);
        min-height: 40vh;
        border-radius: 8px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .create-deal__textarea:focus::-webkit-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::-moz-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus:-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::placeholder {
        font-size: 0
    }

    .create-deal__input {
        display: inline-block;
        width: 100%;
        padding: 8px 12px;
        font-size: 14px;
        border: 1px solid var(--border);
        background: transparent;
        color: white;
        border-radius: 8px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .create-deal__input:focus::-webkit-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::-moz-placeholder {
        font-size: 0
    }

    .create-deal__input:focus:-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::placeholder {
        font-size: 0
    }

    .create-deal__footer-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .create-deal__footer-col {
        margin: 0 0 16px 0;
        width: 100%
    }

    .create-deal__footer-col--create {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .create-deal__footer-col--price {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .create-deal__submit-wrapper {
        text-align: center;
        margin-top: 7px
    }

    .create-deal__submit {
        font-size: 12px;
        font-weight: 500;
        border-radius: 8px
    }
}

@media(max-width:800px) {
    .create-deal__respondent-dropdown {
        padding-top: 10px;
        border: 1px solid var(--border);
        background: #1b1c1e;
        color: white;
        border-radius: 13px;
        list-style-type: none;
        padding-left: 9px;
        max-height: 130px;
        overflow-y: auto
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar {
        width: 16px
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .create-deal__respondent-dropdown li {
        line-height: 28px;
        height: 28px;
        cursor: pointer
    }

    .create-deal__respondent-dropdown li:hover {
        opacity: .8
    }
}

@media(max-width:800px) {
    .create-deal-payer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .create-deal-payer__title {
        text-align: center;
        font-weight: 400;
        color: white;
        font-size: 14px;
        margin: 0 0 16px 0
    }

    .create-deal-payer__radio-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px;
        width: 100%
    }

    .create-deal-payer__label {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 calc(50% - 10px);
        -ms-flex: 0 1 calc(50% - 10px);
        flex: 0 1 calc(50% - 10px)
    }

    .create-deal-payer__input {
        display: none
    }

    .create-deal-payer__handler {
        text-align: center;
        color: white;
        border: 1px solid var(--border);
        border-radius: 8px;
        font-size: 14px;
        padding: 8px 12px
    }

    .create-deal-payer__input:checked+.create-deal-payer__handler {
        border: 2px solid white
    }
}

@media(max-width:800px) {
    .aside-subcategory {
        height: 0;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        -webkit-transition: visibility .3s linear, opacity .3s linear, height .3s linear, padding .3s linear;
        -o-transition: visibility .3s linear, opacity .3s linear, height .3s linear, padding .3s linear;
        transition: visibility .3s linear, opacity .3s linear, height .3s linear, padding .3s linear
    }

    .aside-subcategory.active {
        opacity: 1;
        visibility: visible;
        padding: 15px 10px;
        height: 100%
    }

    .aside-subcategory__box {
        margin: 0 0 15px;
        border: 1px solid var(--border);
        border-radius: 10px
    }

    .aside-subcategory__mobile {
        border-radius: 10px;
        padding: 7px 10px;
        -webkit-transition: border-bottom .3s linear;
        -o-transition: border-bottom .3s linear;
        transition: border-bottom .3s linear
    }

    .aside-subcategory__mobile.active {
        border-bottom: 1px solid var(--border)
    }

    .aside-subcategory__mobile-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .aside-subcategory__mobile-button {
        width: 16px;
        height: 16px;
        outline: 0;
        border: 0;
        background: transparent url("..static/assets/images/menu.svg") center center/16px 16px no-repeat
    }

    .aside-subcategory__mobile-text {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center
    }

    .aside-subcategory__item {
        margin: 0 0 15px 0
    }

    .aside-subcategory__item_dot {
        position: relative
    }

    .aside-subcategory__item_dot::before {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        left: 9px;
        top: 50%;
        margin-top: -4px;
        border-radius: 50%;
        background: white
    }

    .aside-subcategory__item:last-child {
        margin: 0
    }

    .aside-subcategory__link {
        display: block;
        padding: 6px 10px 6px 25px;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        border: 1px solid var(--border);
        border-radius: 10px;
        text-align: center;
        color: white;
        text-decoration: none
    }

    .aside-subcategory__link:hover {
        color: white;
        opacity: .9
    }
}

@media(max-width:800px) {
    .trusted-sellers.hidden {
        display: none
    }

    .trusted-sellers__menu {
        display: block
    }

    .trusted-sellers__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        margin: 0 0 20px 0
    }

    .trusted-sellers__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 12px
    }

    .trusted-sellers__footer {
        text-align: center;
        padding-bottom: 30px
    }

    .trusted-sellers__foot-subtitle {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .trusted-sellers__foot-subtitle a {
        color: inherit;
        text-decoration: none
    }

    .trusted-sellers__foot-subtitle a:hover {
        text-decoration: underline
    }

    .trusted-sellers__foot-subtitle span {
        display: block
    }
}

@media(max-width:800px) {
    .trusted-seller-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        position: relative;
        padding-bottom: 54px
    }

    .trusted-seller-box__image {
        text-align: center;
        border-radius: 20px;
        margin-bottom: 10px;
        width: 100%;
        height: 100%;
        max-width: 320px;
        max-height: 180px
    }

    .trusted-seller-box__image img {
        border-radius: 20px;
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .trusted-seller-box__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
        color: #fff
    }

    .trusted-seller-box__description {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin: 0 0 10px 0
    }

    .trusted-seller-box__footer {
        position: absolute;
        bottom: -12px;
        left: -12px;
        right: -12px;
        padding: 0;
        height: 39px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .trusted-seller-box__button {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 12px;
        color: #9fa4ae;
        height: 39px;
        line-height: 39px;
        width: 120px;
        margin: auto;
        text-align: center;
        text-decoration: none;
        border-top: 1px solid var(--border)
    }

    .trusted-seller-box__button+.trusted-seller-box__button {
        border-left: 1px solid var(--border)
    }
}

@media(max-width:800px) {
    .news-list__list .ads__item {
        margin: 0 0 12px
    }

    .news-list__item {
        margin: 0 0 12px 0;
        border: 1px solid var(--border);
        border-radius: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-list__item:last-child {
        margin: 0
    }

    .news-list__footer {
        margin: 15px 0 35px;
        text-align: center
    }

    .news-list__button {
        margin: auto;
        width: 100px;
        font-size: 12px
    }
}

@media(max-width:800px) {
    .news-preview {
        position: relative;
        height: 100%;
        padding: 12px;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-preview__image {
        border-radius: 20px;
        margin-bottom: 10px;
        overflow: hidden
    }

    .news-preview__image img {
        width: 100%;
        max-width: 100%;
        max-height: 800px;
        border-radius: 20px
    }

    .news-preview__image>a {
        display: block;
        text-decoration: none;
        color: inherit
    }

    .news-preview__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 7px;
        color: #fff;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .news-preview__title>a {
        color: inherit;
        text-decoration: none
    }

    .news-preview__title>a:hover {
        color: white;
        text-decoration: none
    }

    .news-preview__description {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media(max-width:800px) {
    .news-sticky-header .container__aside_right {
        display: none
    }

    .news-sticky-header__search {
        position: fixed;
        z-index: 99;
        top: 60px;
        left: 0;
        right: 0;
        padding: 8px 12px;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .news-sticky-header__search.active {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .news-sticky-header__form {
        position: relative
    }

    .news-sticky-header__input {
        display: block;
        height: 30px;
        line-height: 30px;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        border-radius: 0;
        color: white;
        border-bottom: 1px solid #54575f;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .news-sticky-header__input::-webkit-input-placeholder {
        font-size: 12px
    }

    .news-sticky-header__input::-moz-placeholder {
        font-size: 12px
    }

    .news-sticky-header__input:-ms-input-placeholder {
        font-size: 12px
    }

    .news-sticky-header__input::-ms-input-placeholder {
        font-size: 12px
    }

    .news-sticky-header__input::placeholder {
        font-size: 12px
    }

    .news-sticky-header__submit {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        bottom: 0;
        border-width: 0;
        outline: 0;
        width: 30px;
        height: 30px;
        background: transparent url(..static/assets/images/search-mobile.svg) center no-repeat
    }

    .news-sticky-header__main {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        margin: 0 0 12px 0
    }

    .news-sticky-header__button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: block;
        border-radius: 15px;
        border: 1px solid var(--border);
        font-weight: 500;
        font-size: 12px;
        line-height: 24px;
        padding: 10px 15px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        letter-spacing: .1em;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-sticky-header__button:hover {
        opacity: .8;
        text-decoration: none;
        color: #fff
    }

    .news-sticky-header__add {
        display: block;
        line-height: 42px;
        font-weight: 800;
        font-size: 36px;
        background: transparent;
        border: 0;
        color: #b5b2b2;
        text-align: right;
        cursor: pointer;
        text-decoration: none;
        opacity: .75
    }

    .news-sticky-header__add:hover {
        color: white;
        text-decoration: none;
        opacity: .9
    }
}

@media(max-width:800px) {
    .news-post {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 122px)
    }

    .news-post__body {
        position: relative;
        padding: 15px 20px 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .news-post__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 15px;
        margin-bottom: 35px
    }

    .news-post__title {
        display: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        text-decoration: none;
        color: #fff
    }

    .news-post__title.active {
        display: block
    }

    .news-post__lang {
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        font-size: 10px
    }

    .news-post__lang-button {
        background-color: transparent;
        outline: 0;
        border: 0;
        font-weight: 500;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .news-post__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .news-post__lang-button.active {
        font-weight: 700
    }

    .news-post__lang-button.active:hover {
        color: #fff
    }

    .news-post__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        margin: 0 0 0 -25px
    }

    .news-post__button {
        background-color: transparent;
        outline: 0;
        border: 0
    }

    .news-post__button:hover>svg path {
        fill: white
    }

    .news-post__subtitle {
        margin-bottom: 19px;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        position: relative
    }

    .news-post__subtitle::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 9;
        height: 30px;
        left: -15px;
        right: -15px;
        bottom: -48px;
        background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(rgba(23, 23, 23, 0)));
        background: -o-linear-gradient(top, #171717, rgba(23, 23, 23, 0));
        background: linear-gradient(to bottom, #171717, rgba(23, 23, 23, 0));
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .news-post__video {
        text-align: center;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 0 10px 0
    }

    .news-post__video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .news-post__text {
        display: none;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: justify;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .news-post__text.active {
        display: block
    }

    .news-post__text p {
        margin: 0 0 15px 0
    }

    .news-post__text img {
        display: block;
        height: 100%;
        width: 100%;
        max-height: 800px;
        margin: 0 0 15px 0;
        border-radius: 20px
    }
}

@media(max-width:800px) {
    .news-form__form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 118px - 58px)
    }

    .news-form__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        position: relative
    }

    .news-form__input {
        display: none;
        height: 39px;
        line-height: 39px;
        border: 1px solid var(--border);
        outline: 0;
        border-radius: 15px;
        background: transparent;
        width: 100%;
        padding: 0 13px;
        color: white;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-form__input--link {
        margin: 15px 0 0 0
    }

    .news-form__input.active {
        display: block
    }

    .news-form__add {
        display: block;
        width: 28px;
        height: 39px;
        line-height: 39px;
        font-weight: 800;
        font-size: 36px;
        background: transparent;
        border: 0;
        outline: 0;
        color: #b5b2b2;
        cursor: pointer;
        opacity: .75;
        text-decoration: none;
        text-align: center
    }

    .news-form__add::before {
        content: "+";
        display: inline;
        background-color: transparent;
        border: 0;
        outline: 0
    }

    .news-form__add:hover {
        color: white;
        text-decoration: none;
        opacity: .9
    }

    .news-form__add>input {
        display: none
    }

    .news-form__lang {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

    .news-form__lang-button {
        border: 0;
        background-color: transparent;
        outline: 0;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .news-form__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .news-form__lang-button.active {
        font-weight: 700
    }

    .news-form__lang-button.active:hover {
        color: #fff
    }

    .news-form__body {
        display: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-top: 20px;
        border: 1px solid var(--border);
        border-radius: 20px;
        overflow: hidden
    }

    .news-form__body.active {
        display: block
    }

    .news-form__body .ck.ck-content.ck-editor__editable {
        min-height: 250px;
        padding: 10px
    }

    .news-form__body .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
        position: static
    }

    .news-form__textarea {
        width: 100%;
        outline: 0;
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: white
    }

    .news-form__footer {
        margin-top: 14px;
        padding: 0 0 30px 0;
        text-align: center
    }

    .news-form__submit {
        margin: auto;
        width: 115px
    }
}

@media(max-width:800px) {
    .private-news {
        padding-top: 60px
    }

    .private-news__sticky-header {
        position: fixed;
        top: 114px;
        left: 0;
        right: 0;
        padding: 0 14px;
        z-index: 1
    }

    .private-news__sticky-header .container__aside_right {
        display: none
    }

    .private-news__sticky-header .news-sticky-header__button {
        background-color: #171717
    }

    .private-news__sticky-header .news-sticky-header__button.hide {
        display: none
    }

    .private-news__list.hide {
        display: none
    }

    .private-news__chat {
        top: 120px
    }

    .private-news__chat.hide {
        display: none
    }

    .private-news__chat .message {
        width: 100%
    }

    .private-news__chat .message__row {
        width: 100%
    }

    .private-news__chat .message_received .message__status {
        display: none
    }

    .private-news__chat .messages-group__item_file .message__col_message {
        padding-left: 0
    }

    .private-news__chat .messages-group__item_file .message__header {
        top: 0
    }

    .private-news__chat .message__col.message__col_avatar {
        margin-top: 0
    }

    .private-news__chat .message__col_message {
        position: relative;
        width: calc(100% - 50px);
        padding: 16px 28px 12px 12px
    }

    .private-news__chat .message__header {
        display: block;
        position: absolute;
        top: 5px;
        right: 10px
    }

    .private-news__chat .message__header-info {
        display: none
    }

    .private-news__chat .message__header-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

    .private-news__chat .message__header-button {
        width: 14px;
        height: 14px;
        background: transparent;
        border: 0;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .private-news__chat .message__header-button--remove {
        background-image: url("..static/assets/images/comment-remove.svg");
        background-size: 11px
    }

    .private-news__chat .message__header-button--remove.hide {
        display: none
    }

    .private-news__chat .message__header-button--reply {
        background-image: url("..static/assets/images/comment-reply.png");
        background-size: 15px
    }

    .private-news__chat .messages-group__date {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    .private-news__chat .message__reply {
        position: relative;
        padding: 0 0 0 5px;
        margin: 0 0 3px 0;
        font-size: 10px;
        line-height: 12px;
        color: #fff
    }

    .private-news__chat .message__reply::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background-color: rgba(255, 255, 255, 0.75)
    }

    .private-news__chat .message__reply-name {
        font-weight: 600
    }

    .private-news__chat .message__reply-text {
        font-weight: 500;
        opacity: .75;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .private-news__chat .chat-form__input {
        padding-right: 30px
    }

    .private-news__chat .comment-form__counter {
        right: 90px
    }

    .private-news__chat .chat-form__col_submit {
        right: 62px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .private-news__chat .chat-form__submit {
        width: 21px;
        height: 21px
    }

    .private-news__chat .chat-form__col_export {
        right: 0
    }

    .private-news__chat .chat-form__col_export .chat-form__submit {
        width: 44px;
        height: 44px
    }

    .private-news__chat .chat-form__fieldset {
        width: calc(100% - 52px)
    }
}

@media(max-width:800px) {
    .comments-box__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 200px;
        overflow: hidden;
        overflow-y: auto
    }

    .comments-box__item {
        margin: 10px 0 0 0
    }

    .comments-box__footer {
        margin-top: 20px
    }
}

@media(max-width:800px) {
    .comment-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 56px
    }

    .comment-row__avatar {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 45px;
        max-width: 45px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0;
        margin-right: 9px
    }

    .comment-row__avatar>a {
        color: inherit;
        text-decoration: none
    }

    .comment-row__avatar>a:hover {
        color: white;
        text-decoration: none
    }

    .comment-row__avatar>a>img {
        display: block;
        width: 45px;
        height: 45px
    }

    .comment-row__name {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 4px
    }

    .comment-row__name>a {
        color: inherit;
        text-decoration: none
    }

    .comment-row__name>a:hover {
        opacity: .8;
        color: white;
        text-decoration: none
    }

    .comment-row__text {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        opacity: .75
    }

    .comment-row__text>span {
        color: #04be0b;
        font-weight: 800
    }

    .comment-row__aside {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .comment-row__button {
        width: 23px;
        height: 26px;
        background: transparent;
        border: 0;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .comment-row__button_remove {
        background-image: url("..static/assets/images/comment-remove.svg");
        background-size: 17px
    }

    .comment-row__button_reply {
        background-image: url("..static/assets/images/comment-reply.png");
        background-size: 23px
    }

    .comment-row__button:hover {
        opacity: .8
    }
}

@media(max-width:800px) {
    .comment-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .comment-form__field {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .comment-form__mention-label {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        padding-left: 10px;
        padding-right: 5px;
        font-weight: bold;
        font-weight: 800;
        font-size: 14px;
        line-height: 19px;
        color: #74e3c9
    }

    .comment-form__input {
        display: block;
        width: 100%;
        background: transparent;
        padding: 7px 110px 7px 10px;
        color: white;
        outline: 0;
        border-radius: 10px;
        border: 1px solid var(--border);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .comment-form__counter {
        position: absolute;
        right: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: 800;
        font-size: 14px;
        line-height: 27px;
        color: #de0a0a;
        opacity: .75;
        display: none
    }

    .comment-form__button {
        position: absolute;
        right: 10px;
        top: 50%;
        width: 21px;
        height: 21px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url("static/assets/icons/send.svg") center center/21px 21px no-repeat
    }

    .comment-form__submit {
        width: 15px;
        height: 15px;
        font-size: 0;
        border: 0;
        outline: 0;
        line-height: 1
    }
}

@media(max-width:800px) {
    .error-page {
        height: 100%;
        background: url("static/assets/images/bg.jpg") center center/100% 100% no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .error-page__body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .error-page .header {
        position: static;
        height: auto;
        background: 0;
        padding-top: 30px
    }

    .error-page__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        color: rgba(255, 255, 255, 0.45);
        line-height: 1.2;
        font-weight: 500
    }

    .error-page__code {
        font-size: 70px;
        margin: 0 0 10px 0;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .error-page__text {
        font-size: 30px;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(max-width:800px) {
    .hide_on-mobile {
        display: none
    }
}

@media(min-width:800px) and (max-width:1200px) {
    .container__aside_profile {
        display: none
    }
}

@media(min-width:800px) {
    body {
        background-image: -o-linear-gradient(315deg, #2f2f30, #111214, #000);
        background-image: linear-gradient(135deg, #2f2f30, #111214, #000);
        background-attachment: fixed
    }

    .container {
        max-width: 100% !important
    }

    .header {
        padding-top: 46px;
        margin: auto
    }

    .header__row {
        position: relative;
        height: 66px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__logo {
        position: absolute;
        left: 50%;
        top: 0;
        width: 296px;
        height: 66px;
        margin-left: -148px;
        background: url("../static/assets/images/logo.png") center no-repeat;
        background-size: 100% 100%
    }

    .header__menu {
        margin: 25px 0 16px;
        padding: 25px 0 16px;
        border-bottom: 1px solid var(--border)
    }

    .header__search {
        display: none
    }

    .input {
        position: relative;
        height: 40px;
        line-height: 40px
    }

    .input__input {
        display: block;
        height: 40px;
        line-height: 40px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .input__input:focus~.input__input__placeholder {
        opacity: 0 !important
    }

    .input__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        opacity: 0;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        pointer-events: none
    }

    .input__placeholder_label {
        color: #54575f
    }

    .input__placeholder_error {
        color: #d30a0a
    }

    .input__eye-toggler {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        cursor: pointer
    }

    .input__eye-toggler:hover {
        opacity: .9
    }

    .input__eye-toggler::before,
    .input__eye-toggler::after {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        background-position: center;
        background-repeat: no-repeat
    }

    .input__eye-toggler::before {
        opacity: 0;
        background-image: url("..static/assets/images/eye-cross.svg")
    }

    .input__eye-toggler::after {
        opacity: 1;
        background-image: url("..static/assets/images/eye.svg")
    }

    .input__eye-toggler_shown::before {
        opacity: 1
    }

    .input__eye-toggler_shown::after {
        opacity: 0
    }

    .input_filter-query::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        background: url(..static/assets/images/filter-query.svg) center no-repeat
    }

    .input_filter-query .input__input {
        padding-left: 30px
    }

    .input_filter-query .input__placeholder {
        left: 30px
    }

    .input_empty .input__placeholder_label {
        opacity: 1
    }

    .input_empty .input__placeholder_error {
        opacity: 0
    }

    .input_invalid .input__input {
        border-color: #d30a0a
    }

    .input_invalid .input__placeholder {
        opacity: 0
    }

    .input_empty.input_invalid .input__placeholder_label {
        opacity: 0
    }

    .input_empty.input_invalid .input__placeholder_error {
        opacity: 1
    }

    .checkbox-row {
        display: block;
        width: 100%;
        cursor: pointer
    }

    .checkbox-row_disabled {
        opacity: .7;
        pointer-events: none
    }

    .checkbox-row__input {
        display: none
    }

    .checkbox-row__title {
        position: relative;
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 500;
        line-height: 19px
    }

    .checkbox-row__title::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 22px;
        height: 22px;
        opacity: .2;
        background: url(..static/assets/images/checked.svg) center no-repeat;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .checkbox-row__input:checked+.checkbox-row__title::after {
        opacity: 1
    }

    .checkbox-row_white .checkbox-row__title {
        color: white
    }

    .checkbox-row_larger .checkbox-row__title {
        font-size: 18px;
        line-height: 22px
    }

    .form__fieldset+.form__fieldset {
        margin-top: 17px
    }

    .form__footer {
        margin-top: 30px
    }

    .form__buttons-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .form__buttons-row_left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .form__buttons-row_right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .fieldset__label {
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }

    .button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 42px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .button_s {
        height: 35px;
        line-height: 33px
    }

    .button_xs {
        height: 30px;
        line-height: 28px;
        font-size: 14px
    }

    .button_xxs {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        border-radius: 10px
    }

    .button_xxxs {
        height: 20px;
        line-height: 18px;
        font-size: 8px;
        border-radius: 5px
    }

    .button:hover {
        color: white
    }

    .button_disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .load-more__button {
        height: auto;
        width: auto;
        padding: 8px 22px;
        font-size: 12px;
        line-height: 20px;
        border-radius: 15px;
        margin: 15px auto 0
    }

    .load-more__button.hidden {
        display: none
    }

    .popup {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        color: white;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: -100000;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: visibility 0s ease .2s, z-index 0s ease .2s;
        -o-transition: visibility 0s ease .2s, z-index 0s ease .2s;
        transition: visibility 0s ease .2s, z-index 0s ease .2s
    }

    .popup_active {
        z-index: 100000;
        visibility: visible;
        pointer-events: all;
        -webkit-transition: visibility 0s ease, z-index 0s ease;
        -o-transition: visibility 0s ease, z-index 0s ease;
        transition: visibility 0s ease, z-index 0s ease
    }

    .popup__underlay {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0);
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .popup_active .popup__underlay {
        opacity: 1
    }

    .popup__modal {
        position: absolute;
        z-index: 2000;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .popup__modal_active {
        pointer-events: all
    }

    .popup__modal_centred {
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
        transform: translate3d(-50%, -50%, 0) scale(1.2)
    }

    .popup__modal_centred.popup__modal_active {
        opacity: .93;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1)
    }

    .popup__modal_aside-right {
        top: 0;
        bottom: 0;
        right: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .popup__modal_aside-right.popup__modal_active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .popup__modal_box {
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 25px
    }

    .popup__modal-success_box {
        border-radius: 15px;
        max-width: 550px;
        width: 100%
    }

    .popup__modal-success_box.popup__modal_active {
        opacity: .9
    }

    .popup__modal_gradient {
        mix-blend-mode: darken;
        background: -o-linear-gradient(140deg, #060607 0, rgba(9, 10, 11, 0.98) 50%, rgba(19, 19, 20, 0.8) 100%);
        background: linear-gradient(310deg, #060607 0, rgba(9, 10, 11, 0.98) 50%, rgba(19, 19, 20, 0.8) 100%)
    }

    .popup.popup_confirm-modal .popup__modal {
        max-width: 400px
    }

    .popup.popup_download-files .popup__modal {
        width: 100%;
        max-width: 600px
    }

    .popup.popup_cart .popup__modal {
        width: 335px
    }

    .popup.popup_menu .popup__modal {
        width: 335px
    }

    .popup.popup_invite-support .confirm-modal {
        max-width: 460px
    }

    .container__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto 50px
    }

    .container__aside {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: 20.6373292868%;
        -webkit-flex-basis: 20.6373292868%;
        -ms-flex-preferred-size: 20.6373292868%;
        flex-basis: 20.6373292868%;
        max-width: 20.6373292868%;
        min-width: 20.6373292868%
    }

    .container__aside_sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 224px;
        -webkit-transition: top .3s linear;
        -o-transition: top .3s linear;
        transition: top .3s linear
    }

    .container__aside_sticky_top {
        top: 0
    }

    .container__aside_sticky_top_news {
        top: 60px
    }

    .container__content {
        min-width: 0;
        width: 100%
    }

    .container__aside+.container__content,
    .container__content+.container__aside {
        margin-left: 25px
    }

    .container__box {
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 27px 20px;
        position: relative
    }

    .container_fixed {
        position: relative
    }

    .container_fixed .container__header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 10;
        height: 224px;
        background: -o-linear-gradient(315deg, #2e2e2f, #060607);
        background: linear-gradient(135deg, #2e2e2f, #060607);
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .container_fixed .container__header.hide {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    .container_fixed .container__aside {
        padding-top: 16px
    }

    .container_fixed .container__content {
        margin-top: 16px
    }

    .tabs {
        position: relative;
        height: 45px
    }

    .tabs__row {
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs__tab {
        position: relative;
        height: 45px;
        line-height: 43px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .tabs__tab+.tabs__tab {
        margin-left: 32px
    }

    .tabs__tab_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -4px
    }

    .tabs__tab_faq {
        max-width: 45px
    }

    .tabs__tab_search {
        max-width: 45px
    }

    .tabs_closely .tabs__tab+.tabs__tab {
        margin-left: 16px
    }

    .tabs__link {
        display: block;
        height: 45px;
        line-height: 43px;
        border: 1px solid var(--border);
        text-align: center;
        font-size: 12px;
        border-radius: 16px;
        color: white;
        text-decoration: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs__link:hover {
        color: white;
        border-color: white
    }

    .tabs__link_faq {
        font-size: 24px
    }

    .tabs__link_search {
        position: relative
    }

    .tabs__link_search::before {
        content: "";
        display: block;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(..static/assets/images/search.svg) center no-repeat;
        background-size: 17px 17px;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .tabs__tab_active>.tabs__link {
        height: 43px;
        line-height: 41px;
        border: 1px solid white
    }

    .tabs__search {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs_search-mode .tabs__row {
        opacity: 0;
        pointer-events: none
    }

    .tabs_search-mode .tabs__row .tabs__tab_search {
        pointer-events: all
    }

    .tabs_search-mode .tabs__search {
        opacity: 1;
        pointer-events: all
    }

    .ads__item {
        display: block;
        text-align: center;
        margin: 0 0 25px 0
    }

    .ads__item:last-child {
        margin: 0
    }

    .ads__item img {
        border-radius: 20px;
        width: 100%;
        height: 100%;
        max-width: 240px;
        max-height: 100px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .ads__link {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        text-align: center;
        margin-top: 20px;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        height: 22px;
        color: #9fa4ae;
        text-decoration: none
    }

    .ads__link:hover {
        color: white
    }

    .select {
        display: block;
        position: relative;
        text-align: left
    }

    .select__row {
        position: relative;
        z-index: 4;
        background: inherit;
        border-radius: inherit;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__row {
        height: 52px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__row {
        height: 42px
    }
}

@media(min-width:800px) {
    .select_active {
        z-index: 15
    }
}

@media(min-width:800px) {
    .select__handler {
        position: relative;
        z-index: 4;
        border-radius: 10px;
        color: white;
        border: 1px solid var(--border);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer
    }

    .select__handler:hover {
        opacity: .8
    }

    .select__handler::after {
        content: "";
        display: block;
        position: absolute;
        pointer-events: none;
        width: 0;
        height: 0;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        border-width: 5px 3px;
        border-style: solid;
        border-top-color: inherit;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__handler::after {
        top: 45%;
        right: 12px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__handler::after {
        top: 50%;
        right: 11px
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__handler {
        line-height: 52px;
        height: 52px;
        padding: 0 24px 0 16px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__handler {
        line-height: 44px;
        height: 44px;
        padding: 0 24px 0 16px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select_active .select__handler::after {
        -webkit-transform: translateY(-7px) rotate(180deg);
        -ms-transform: translateY(-7px) rotate(180deg);
        transform: translateY(-7px) rotate(180deg)
    }
}

@media(min-width:800px) {
    .select__value {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__value {
        line-height: 52px;
        height: 52px;
        font-size: 18px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__value {
        line-height: 42px;
        height: 42px;
        font-size: 16px
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__select {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: 5;
        width: 100%;
        height: 100%
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__select {
        display: none
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__dropdown {
        display: none
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__dropdown {
        color: white;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        max-height: 0;
        padding-top: 44px;
        opacity: 0;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: black;
        -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select_active .select__dropdown {
        pointer-events: all;
        opacity: 1;
        max-height: 100vh;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__item {
        position: relative;
        white-space: nowrap;
        cursor: pointer;
        line-height: 44px;
        height: 44px;
        padding: 0 30px 0 16px;
        font-size: 16px
    }

    .select__item:hover {
        background: rgba(255, 255, 255, 0.05)
    }

    .select__item::after {
        content: "";
        display: block;
        position: absolute;
        right: 5px;
        top: 50%;
        width: 10px;
        height: 5px;
        border-bottom: 2px solid white;
        border-left: 2px solid white;
        -webkit-transform: rotate(-45deg) translateY(-6px);
        -ms-transform: rotate(-45deg) translateY(-6px);
        transform: rotate(-45deg) translateY(-6px);
        opacity: 0
    }

    .select__item_active {
        color: white
    }

    .select__item_active::after {
        opacity: 1
    }
}

@media(min-width:800px) {
    .frame {
        position: relative;
        border-radius: 50%
    }

    .frame::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .frame.bronze {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3)
    }

    .frame.bronze::after {
        background: url("/media/avatars/bronze.svg") center center/100% 100% no-repeat
    }

    .frame.silver {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3)
    }

    .frame.silver::after {
        background: url("/media/avatars/silver.svg") center center/100% 100% no-repeat
    }

    .frame.gold {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3)
    }

    .frame.gold::after {
        background: url("/media/avatars/gold.svg") center center/100% 100% no-repeat
    }
}

@media(min-width:800px) {
    .attached-files-widget__list {
        width: 100%
    }

    .attached-files-widget__item+.attached-files-widget__item {
        margin-top: 15px
    }

    .attached-files-widget__item_hidden {
        display: none
    }

    .attached-files-widget__item_visible {
        display: block
    }

    .attached-files-widget__footer {
        text-align: center;
        margin-top: 15px
    }

    .attached-files-widget__add-button {
        width: 110px;
        margin: auto
    }

    .attached-files-widget__add-button:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }
}

@media(min-width:800px) {
    .confirm-modal {
        padding: 30px 38px 20px;
        text-align: center
    }

    .confirm-modal__text {
        margin-bottom: 30px
    }

    .confirm-modal__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .confirm-modal__button {
        width: 150px
    }

    .confirm-modal__button+.confirm-modal__button {
        margin-left: 16px
    }
}

@media(min-width:800px) {
    .refund-modal {
        padding: 30px 38px 20px;
        text-align: center
    }

    .refund-modal__text {
        margin-bottom: 30px;
        font-size: 18px
    }

    .refund-modal__input-wrapper {
        margin-bottom: 18px
    }

    .refund-modal__input {
        font-size: 12px;
        text-align: center;
        width: 150px;
        margin: 0 auto;
        height: 38px;
        border-radius: 13px;
        border: 1px solid var(--border);
        background-color: transparent;
        color: #9fa4ae;
        outline: 0
    }

    .refund-modal__input::-webkit-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::-moz-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input:-ms-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::-ms-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::placeholder {
        color: #9fa4ae
    }

    .refund-modal__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .refund-modal__button {
        width: 150px
    }

    .refund-modal__button+.refund-modal__button {
        margin-left: 16px
    }
}

@media(min-width:800px) {
    .success-modal {
        padding: 20px;
        text-align: center
    }

    .success-modal__text {
        font-size: 18px;
        line-height: 20px;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .success-modal__text p:not(:last-child) {
        margin: 0 0 15px 0
    }

    .success-modal__title {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 20px 0;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@media(min-width:800px) {
    .captcha-modal {
        padding: 40px
    }

    .captcha-modal__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .captcha-modal__clock {
        width: 256px;
        min-width: 256px;
        font-size: 0
    }

    .captcha-modal__clock>img {
        display: block;
        width: 256px;
        height: 256px;
        border-radius: 50%
    }

    .captcha-modal__error {
        display: none;
        color: #d30a0a;
        font-size: 18px;
        line-height: 22px;
        margin-top: 8px
    }

    .captcha-modal__content {
        width: auto;
        padding-left: 40px
    }

    .captcha-modal__fieldset {
        margin-top: 20px
    }

    .captcha-modal__input-wrapper {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px;
        width: 230px
    }

    .captcha-modal__input-wrapper::before,
    .captcha-modal__input-wrapper::after {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 30px;
        height: 70px;
        line-height: 70px;
        font-size: 52px;
        font-family: "Azeret Mono", monospace;
        background: transparent;
        text-align: left;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .captcha-modal__input-wrapper::before {
        content: "  :  ";
        color: white
    }

    .captcha-modal__input-wrapper::after {
        content: "00:00";
        color: rgba(255, 255, 255, 0.2)
    }

    .captcha-modal__input-wrapper_placeholder::after {
        opacity: 1
    }

    .captcha-modal__input-wrapper_two-dots::before {
        opacity: 1
    }

    .captcha-modal__input {
        display: block;
        width: 230px;
        height: 70px;
        line-height: 70px;
        font-size: 52px;
        font-family: "Azeret Mono", monospace;
        padding: 0 30px;
        color: white;
        background: transparent;
        text-align: left;
        text-decoration: none;
        border-width: 0;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(min-width:800px) {
    .dialogs-list {
        position: relative;
        min-height: 310px
    }

    .dialogs-list__search {
        margin-bottom: 15px
    }

    .dialogs-list__list {
        margin-bottom: 15px
    }

    .dialogs-list__item+.dialogs-list__item {
        margin-top: 16px
    }

    .dialogs-list__empty {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: auto;
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: white;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

@media(min-width:800px) {
    .dialog-row {
        position: relative;
        color: #9fa4ae
    }

    .dialog-row_unread {
        color: #fff
    }

    .dialog-row__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 13px 19px;
        border: 1px solid var(--border);
        border-radius: 30px
    }

    .dialog-row__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .dialog-row__col_avatar {
        width: 64px;
        max-width: 64px;
        margin-right: 11px
    }

    .dialog-row__col_description {
        width: 100%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .dialog-row__col_status {
        width: 10px;
        margin: 0 12px;
        padding: 27px 0
    }

    .dialog-row__col_date {
        width: 150px;
        padding: 21px 0
    }

    .dialog-row__avatar {
        width: 64px;
        height: 64px;
        font-size: 0;
        overflow: hidden;
        border-radius: 50%
    }

    .dialog-row__avatar>img {
        display: block;
        width: 64px;
        height: 64px
    }

    .dialog-row__header {
        margin-bottom: 7px
    }

    .dialog-row__title {
        color: #fff;
        font-size: 18px;
        font-weight: 500
    }

    .dialog-row__text {
        font-size: 14px;
        line-height: 17px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .dialog-row__status {
        width: 10px;
        height: 10px;
        border-radius: 50%
    }

    .dialog-row__status_read {
        background-color: #54575f
    }

    .dialog-row__status_unread {
        background-color: #fff
    }

    .dialog-row__date {
        font-size: 18px;
        line-height: 22px;
        color: #9fa4ae;
        white-space: nowrap
    }

    .dialog-row__link {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        opacity: 0;
        font-size: 0;
        text-decoration: none;
        border-radius: 30px
    }
}

@media(min-width:800px) {
    .nav-user-info__link {
        display: block;
        color: white;
        text-decoration: none
    }

    .nav-user-info__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-self: flex-start
    }

    .nav-user-info__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        border-radius: 50%
    }

    .nav-user-info__img>img {
        margin: auto;
        width: 28px;
        height: 28px;
        border-radius: 50%
    }

    .nav-user-info__name {
        font-size: 18px;
        line-height: 21px;
        color: var(--primary);
        cursor: pointer;
        margin-bottom: 0 !important;
        opacity: .8
    }

    .nav-user-info:hover .nav-user-info__name {
        opacity: 1
    }

    .nav-user-info__balance {
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin-bottom: 0 !important
    }
}

@media(min-width:800px) {
    .nav-icons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nav-icons__item {
        position: relative;
        margin: 0 12px
    }

    .nav-icons__icon {
        cursor: pointer
    }

    .nav-icons__counter {
        position: absolute;
        right: -7px;
        top: 17px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #fff;
        color: black;
        text-align: center;
        font-size: 10px;
        line-height: 15px;
        pointer-events: none
    }

    .nav-icons__counter_hidden {
        opacity: 0
    }
}

@media(min-width:800px) {
    .main-menu__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-menu__item {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .main-menu__item+.main-menu__item {
        margin-left: 56px
    }

    .main-menu__item_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -4px
    }

    .main-menu__link {
        display: block;
        text-align: center;
        height: 45px;
        line-height: 45px;
        font-size: 12px;
        border-radius: 20px;
        border: 1px solid var(--border);
        text-decoration: none;
        color: white
    }

    .main-menu__link:hover {
        color: white;
        opacity: .8
    }

    .main-menu__link_active {
        border-color: white !important;
        opacity: 1 !important;
        font-weight: 600
    }
}

@media(min-width:800px) {
    .filtration-panel .filtration_search_wrapper {
        position: relative;
        width: 100%
    }

    .filtration-panel .filtration_search_wrapper img {
        position: absolute;
        left: 0;
        top: 4px
    }

    .filtration-panel .filtration_search_wrapper input {
        width: 100%;
        background-color: transparent;
        outline: 0;
        border: 0;
        padding-bottom: 11px;
        font-size: 18px;
        padding-left: 30px;
        color: var(--primary);
        border-bottom: 1px solid var(--secondary)
    }

    .filtration-panel .filtration_search_wrapper input:focus {
        border-bottom: 2px solid var(--primary)
    }

    .filtration-panel .filtration-panel_label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 25px;
        cursor: pointer;
        margin-bottom: 15px
    }

    .filtration-panel .filtration-panel_label:hover p {
        color: var(--primary)
    }

    .filtration-panel .filtration-panel_label:hover svg path {
        fill: var(--primary)
    }

    .filtration-panel .filtration-panel_label svg path {
        -webkit-transition: fill 300ms;
        -o-transition: fill 300ms;
        transition: fill 300ms
    }

    .filtration-panel .filtration-panel_label p {
        font-size: 18px;
        color: #54575f;
        margin-bottom: 0;
        margin-left: 10px;
        -webkit-transition: color 300ms;
        -o-transition: color 300ms;
        transition: color 300ms
    }

    .filtration-panel .filtration_config {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .filtration-panel .filtration_config h3 {
        font-size: 18px;
        color: var(--primary)
    }

    .filtration-panel .filtration_config .filtration_price_inputs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 18px
    }

    .filtration-panel .filtration_config .filtration_price_inputs input {
        width: 104px;
        height: 31px;
        padding: 6px 8px;
        color: #fff;
        font-size: 16px;
        background-color: transparent;
        outline: 0;
        border-radius: 5px;
        border: 1px solid rgba(159, 164, 174, 0.4901960784)
    }

    .filtration-panel .filtration_config .filtration_price_inputs input:first-child {
        margin-right: 21px
    }

    .filtration-panel .filtration_config .filtration_price_inputs input:focus {
        border: 1px solid var(--border)
    }

    .filtration-panel .filtration_config .filtration_option {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer
    }

    .filtration-panel .filtration_config .filtration_option svg path {
        fill: #4c5159
    }

    .filtration-panel .filtration_config .filtration_option p {
        margin-bottom: 7px;
        font-size: 16px;
        color: var(--secondary)
    }

    .filtration-panel .filtration_categories {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 10px
    }

    .filtration-panel .filtration_categories .filtration_category {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
        cursor: pointer
    }

    .filtration-panel .filtration_categories .filtration_category:hover svg path {
        fill: var(--primary)
    }

    .filtration-panel .filtration_categories .filtration_category svg {
        margin-bottom: 5px
    }

    .filtration-panel .filtration_categories .filtration_category svg path {
        fill: #4c5159
    }

    .filtration-panel .filtration_categories .filtration_category p {
        color: var(--primary);
        font-size: 18px;
        margin-bottom: 0
    }

    .filtration-panel button {
        width: 135px;
        height: 35px;
        margin: 30px auto 0;
        border-radius: 10px;
        background-color: transparent;
        font-size: 16px;
        color: var(--primary);
        border: 1px solid var(--border);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .filtration-panel button:hover {
        border: 2px solid var(--primary)
    }
}

@media(min-width:800px) {
    .aside-menu {
        padding: 5px 0
    }

    .aside-menu__item {
        height: 25px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .aside-menu__item+.aside-menu__item {
        margin-top: 25px
    }

    .aside-menu_large .aside-menu__item {
        height: 32px
    }

    .aside-menu_large .aside-menu__item+.aside-menu_large .aside-menu__item {
        margin-top: 28px
    }

    .aside-menu__icon {
        width: 20px;
        height: 20px
    }

    .aside-menu_large .aside-menu__icon {
        width: auto;
        height: auto;
        min-width: 26px;
        min-height: 26px
    }

    .aside-menu__link {
        margin-bottom: 0;
        color: var(--secondary) !important;
        margin-left: 14px;
        text-decoration: none
    }

    .aside-menu__link:hover {
        color: var(--primary) !important
    }

    .aside-menu_large .aside-menu__link {
        font-size: 18px;
        margin-left: 22px
    }

    .aside-menu__item_active .aside-menu__icon path {
        fill: var(--primary)
    }

    .aside-menu__item_active .aside-menu__link {
        color: #fff !important
    }
}

@media(min-width:800px) {
    .store-filter__section_prices {
        display: none
    }

    .store-filter__section+.store-filter__section {
        margin-top: 16px
    }

    .store-filter__row+.store-filter__row {
        margin-top: 16px
    }

    .store-filter__filter-toggler {
        position: relative;
        padding-left: 30px;
        color: #d8dde7;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 14px;
        cursor: pointer;
        opacity: .2
    }

    .store-filter__filter-toggler::before {
        content: "";
        display: block;
        background: url(..static/assets/images/market-filter.svg) center no-repeat;
        width: 22px;
        height: 22px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px
    }

    .store-filter__filter-toggler:hover {
        opacity: .6
    }

    .store-filter__mode_categories {
        display: block
    }

    .store-filter__mode_filter {
        display: none
    }

    .store-filter__mode_submit {
        display: none
    }

    .store-filter__togglable-mode_filter .store-filter__filter-toggler {
        opacity: 1
    }

    .store-filter__togglable-mode_filter .store-filter__mode_categories {
        display: none
    }

    .store-filter__togglable-mode_filter .store-filter__mode_filter {
        display: block
    }

    .store-filter__subtitle {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 2px
    }

    .store-filter__query-input {
        margin-bottom: 8px
    }

    .store-filter__checkbox-row {
        margin: 8px 0
    }

    .store-filter__price-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .store-filter__price-field {
        margin: 8px 0;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .store-filter__price-field+.store-filter__price-field {
        margin-left: 21px
    }

    .store-filter__price-input {
        display: block;
        height: 31px;
        line-height: 31px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0 8px;
        border-width: 0;
        color: white;
        border-radius: 5px;
        border: 1px solid #9fa4ae;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-appearance: textfield
    }

    .store-filter__price-input::-webkit-outer-spin-button,
    .store-filter__price-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .store-filter__footer {
        padding-top: 16px;
        padding-bottom: 11px;
        text-align: center
    }

    .store-filter__submit {
        margin: auto
    }
}

@media(min-width:800px) {
    .download-files-popup {
        padding: 51px 47px 24px
    }

    .download-files-popup__header {
        margin-bottom: 20px;
        text-align: center
    }

    .download-files-popup__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
        color: white
    }

    .download-files-popup__subtitle {
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae
    }

    .download-files-popup__body {
        padding: 19px 12px;
        height: 248px;
        overflow-y: auto;
        border: 1px solid var(--border);
        border-radius: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .download-files-popup__file-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 25px;
        line-height: 25px;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 0 6px
    }

    .download-files-popup__file-row+.download-files-popup__file-row {
        margin-top: 16px
    }

    .download-files-popup__file-row:hover {
        opacity: .9
    }

    .download-files-popup__link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        display: block
    }

    .download-files-popup__file-col {
        height: 23px;
        line-height: 23px
    }

    .download-files-popup__file-col_title {
        width: 46.7391304348%;
        min-width: 46.7391304348%;
        max-width: 46.7391304348%;
        text-align: left
    }

    .download-files-popup__file-col_amount {
        width: 8.6956521739%;
        min-width: 8.6956521739%;
        max-width: 8.6956521739%;
        text-align: center
    }

    .download-files-popup__file-col_date {
        width: 44.5652173913%;
        min-width: 44.5652173913%;
        max-width: 44.5652173913%;
        text-align: right
    }

    .download-files-popup__file-title {
        font-size: 12px;
        font-weight: 500;
        color: white
    }

    .download-files-popup__amount {
        font-weight: 600;
        font-size: 14px;
        color: #9fa4ae
    }

    .download-files-popup__date {
        color: white;
        font-weight: 500;
        font-size: 12px
    }

    .download-files-popup__footer {
        margin-top: 28px
    }

    .download-files-popup__foot-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .download-files-popup__foot-column {
        width: 150px;
        margin-right: 36px
    }

    .download-files-popup__foot-column:last-child {
        margin: 0
    }

    .download-files-popup__foot-column.hide {
        display: none
    }

    .download-files-popup__button {
        width: 100%
    }
}

@media(min-width:800px) {
    .product-row-mini {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 9px 12px;
        min-height: 60px
    }

    .product-row-mini_dot::before {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        top: 25px;
        left: -16px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.7)
    }

    .product-row-mini__body {
        width: 100%
    }

    .product-row-mini__edit {
        display: none
    }

    .product-row-mini_editing .product-row-mini__body {
        display: none
    }

    .product-row-mini_editing .product-row-mini__edit {
        display: block
    }

    .product-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .product-row-mini__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .product-row-mini__col_thumbnail {
        width: 40px;
        min-width: 40px;
        max-width: 40px;
        padding-right: 12px
    }

    .product-row-mini__col_description {
        padding-right: 12px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        min-width: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .product-row-mini__col_narrow-description {
        width: 282px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        min-width: 0;
        margin-right: auto
    }

    .product-row-mini__col_order-info {
        width: 30%;
        margin-right: 16px;
        white-space: nowrap
    }

    .product-row-mini__col_amount {
        width: 40px;
        padding: 5px 0;
        padding-right: 12px
    }

    .product-row-mini__col_actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px
    }

    .product-row-mini__col_actions .product-row-mini__button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        height: auto;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 9px;
        line-height: 1.2;
        border-radius: 8px;
        padding: 4px 12px;
        border-color: rgba(159, 164, 174, 0.5)
    }

    .product-row-mini__col_price {
        width: 100px;
        text-align: center;
        padding-right: 12px
    }

    .product-row-mini__col_wide-price {
        text-align: center;
        white-space: nowrap;
        width: 20%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .product-row-mini__col_seller {
        width: 42px
    }

    .product-row-mini__col_comment-counter {
        width: 60px
    }

    .product-row-mini__col_rating {
        width: 100px;
        padding: 10px 0;
        padding-right: 16px
    }

    .product-row-mini__col_check-comment {
        width: 115px;
        padding: 8px 0
    }

    .product-row-mini__col_status {
        width: 115px;
        padding: 5px 0
    }

    .product-row-mini__button {
        max-width: 100%
    }

    .product-row-mini__button_red {
        color: #d30a0a
    }

    .product-row-mini__button_narrow {
        width: 110px
    }

    .product-row-mini__thumbnail {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        overflow: hidden
    }

    .product-row-mini__thumbnail>img {
        display: block;
        width: 40px;
        height: 40px
    }

    .product-row-mini__description {
        cursor: pointer
    }

    .product-row-mini__description .product-row-mini__amount {
        display: none
    }

    .product-row-mini__title {
        position: relative;
        font-size: 18px;
        line-height: 22px;
        font-weight: 400
    }

    .product-row-mini__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .product-row-mini__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(28, 28, 34, 0.9019607843);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .product-row-mini__title_bold {
        font-weight: 600
    }

    .product-row-mini__title_bold::after {
        font-weight: 600
    }

    .product-row-mini__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .product-row-mini__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .product-row-mini__text {
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .product-row-mini__description_expanded .product-row-mini__text {
        white-space: pre-wrap;
        overflow: visible
    }

    .product-row-mini__order-number {
        color: #9fa4ae;
        font-size: 16px
    }

    .product-row-mini__buyer {
        color: #9fa4ae;
        text-decoration: none
    }

    .product-row-mini__buyer:hover {
        color: white
    }

    .product-row-mini__amount {
        color: #9fa4ae;
        font-size: 14px;
        font-weight: 600;
        height: 30px;
        line-height: 30px
    }

    .product-row-mini__price {
        font-weight: 500;
        font-size: 18px;
        height: 40px;
        line-height: 40px
    }

    .product-row-mini__price_green {
        color: #078f04
    }

    .product-row-mini__price_red {
        color: #d30a0a
    }

    .product-row-mini__seller {
        position: relative;
        height: 40px;
        text-align: center;
        text-decoration: none
    }

    .product-row-mini__seller-link {
        cursor: pointer
    }

    .product-row-mini__seller-avatar {
        margin: 0 auto;
        width: 28px;
        height: 28px;
        overflow: hidden;
        border-radius: 50%;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .product-row-mini__seller-avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .product-row-mini__seller-name {
        position: relative;
        margin-top: 3px;
        font-size: 9px;
        line-height: 12px;
        color: #9fa4ae
    }

    .product-row-mini__seller-name>span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .product-row-mini__seller-name::after {
        content: attr(data-title);
        position: absolute;
        left: 50%;
        top: -2px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 9px;
        line-height: 12px;
        color: #e2e2e2;
        background: rgba(9, 9, 10, 0.9);
        padding: 2px 4px;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .product-row-mini__seller-link:hover .product-row-mini__seller-avatar {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .product-row-mini__seller-link:hover .product-row-mini__seller-name::after {
        opacity: 1
    }

    .product-row-mini__buttons-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 0
    }

    .product-row-mini__button-wrapper+.product-row-mini__button-wrapper {
        margin-left: 8px
    }

    .product-row-mini__comment-counter {
        color: white;
        font-weight: 600;
        font-size: 18px;
        text-align: center;
        line-height: 40px
    }

    .product-row-mini__stars {
        width: 100px;
        padding: 10px 0
    }

    .product-row-mini__comment {
        padding: 20px 0;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        color: #9fa4ae
    }

    .product-row-mini__footer {
        display: none
    }

    .product-row-mini__footer_visible {
        display: block
    }

    .product-row-mini__seller-link {
        display: block;
        color: inherit;
        text-decoration: none
    }

    .product-row-mini__mobile-status {
        display: none
    }

    .product-row-mini__refund-button {
        padding: 4px 0;
        text-align: center
    }

    .product-row-mini__refund-button>* {
        margin: auto
    }
}

@media(min-width:800px) {

    .product-row-mini .popup,
    .personal-store__new-item-form .popup {
        position: static;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        color: white;
        overflow: auto;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 0;
        visibility: visible;
        pointer-events: auto;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .product-row-mini .popup__underlay,
    .personal-store__new-item-form .popup__underlay {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -10;
        background: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .product-row-mini .popup__modal,
    .personal-store__new-item-form .popup__modal {
        position: static;
        z-index: 0;
        pointer-events: auto;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .product-row-mini .popup__modal_centred,
    .personal-store__new-item-form .popup__modal_centred {
        top: auto;
        left: auto;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .product-row-mini__status,
    .personal-store__new-item-form__status {
        color: #979797;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px
    }
}

@media(min-width:800px) {
    .products-store__list .ads__item {
        display: none
    }

    .products-store__item+.products-store__item {
        margin-top: 12px
    }
}

@media(min-width:800px) {
    .provide-account-modal {
        max-width: 490px;
        text-align: center
    }

    .provide-account-modal__container {
        padding: 24px 8px 32px
    }

    .provide-account-modal__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        color: white
    }

    .provide-account-modal__description {
        font-size: 14px;
        color: #9fa4ae
    }

    .provide-account-modal__button {
        max-width: 100px;
        margin: 18px auto 0
    }

    .provide-account-modal__input {
        width: 440px;
        margin-top: 16px;
        display: block;
        height: 45px;
        line-height: 45px;
        outline: 0;
        color: white;
        border: 1px solid rgba(159, 164, 174, 0.5);
        border-radius: 10px;
        padding: 0 10px;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(min-width:800px) {
    .product-form {
        padding: 11px 12px 20px;
        border: 1px solid var(--border);
        border-radius: 20px
    }

    .product-form .error {
        border-color: #d30a0a
    }

    .product-form .error::-webkit-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::-moz-placeholder {
        color: #d30a0a
    }

    .product-form .error:-ms-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::-ms-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::placeholder {
        color: #d30a0a
    }

    .product-form__thumbnail {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        margin-right: 16px;
        border-radius: 16px;
        overflow: hidden;
        font-size: 0;
        background: #eaeaea url(../static/assets/images/plus-desktop.png) center no-repeat;
        background-size: contain
    }

    .product-form__thumbnail--disabled {
        pointer-events: none
    }

    .product-form__image {
        display: block;
        width: 40px;
        height: 40px
    }

    .product-form__image.hide {
        display: none
    }

    .product-form__body {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .product-form__form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .product-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .product-form__row+.product-form__row {
        margin-top: 15px
    }

    .product-form__col_name {
        width: 240px;
        margin-right: 12px
    }

    .product-form__col_count {
        display: none
    }

    .product-form__col_price {
        width: 90px;
        margin-right: 25px
    }

    .product-form__col_availability {
        padding: 5px 0
    }

    .product-form__col_save-button {
        width: 110px;
        margin-left: auto;
        padding: 5px 0
    }

    .product-form__col_mobile-info {
        display: none
    }

    .product-form__col_description {
        width: 100%
    }

    .product-form__col_categories {
        display: block;
        width: 230px;
        min-width: 230px;
        margin-left: 9px;
        color: white;
        border: 1px solid var(--border);
        border-radius: 20px;
        background: transparent;
        height: 115px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__slide-up-form {
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-left: 4px;
        width: 26px;
        color: var(--border);
        cursor: pointer
    }

    .product-form__slide-up-form--mobile {
        display: none
    }

    .product-form__slide-up-form:hover {
        color: white
    }

    .product-form__thumbnail-image {
        display: none
    }

    .product-form__input {
        display: block;
        width: 100%;
        height: 38px;
        line-height: 38px;
        color: white;
        padding: 0 13px;
        border: 1px solid var(--border);
        border-radius: 13px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__input:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .product-form__input_center {
        text-align: center
    }

    .product-form__textarea {
        display: block;
        width: 100%;
        height: 115px;
        color: white;
        padding: 14px 13px;
        border: 1px solid var(--border);
        border-radius: 20px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__categories {
        max-height: 100%;
        padding: 13px 17px;
        max-height: 100%;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__categories::-webkit-scrollbar {
        width: 16px
    }

    .product-form__categories::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .product-form__categories::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .product-form__categories::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .product-form__category-row+.product-form__category-row {
        margin-top: 8px
    }

    .product-form__button {
        max-width: 100%
    }

    .product-form__attached-files {
        width: 100%
    }
}

@media(min-width:800px) {
    .product-row-mini__edit .product-form {
        padding: 0 !important;
        border-width: 0 !important
    }
}

@media(min-width:800px) {
    .attached-file-item__input {
        display: none
    }

    .attached-file-item__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .attached-file-item__col_description {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-right: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .attached-file-item__description-line {
        text-align: left;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 10px
    }

    .attached-file-item__title {
        display: inline-block;
        vertical-align: baseline;
        width: 45%
    }

    .attached-file-item__date {
        display: inline-block;
        vertical-align: baseline;
        width: 50%;
        margin-left: 10px
    }

    .attached-file-item__title>span,
    .attached-file-item__date>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .attached-file-item__buttons-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .attached-file-item__button-wrapper {
        width: 110px
    }

    .attached-file-item__button-wrapper+.attached-file-item__button-wrapper {
        margin-left: 10px
    }

    .attached-file-item__button {
        max-width: 100%
    }
}

@media(min-width:800px) {

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button_download,
    .attached-files-widget.attached-files-widget_mini .attached-file-item__button-wrapper_change {
        display: none
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__description-line {
        margin-right: 0
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__col_description {
        padding-right: 0
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button-wrapper {
        width: 30px
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button_delete {
        font-size: 0;
        border-width: 0;
        width: 30px;
        height: 30px
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button_delete::before {
        content: "×";
        opacity: .75;
        color: #b5b2b2;
        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: 26px;
        width: 30px;
        height: 30px
    }
}

@media(min-width:800px) {
    .product-form-availability {
        height: 25px;
        line-height: 25px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .product-form-availability__title {
        font-weight: 400;
        color: white;
        font-size: 14px
    }

    .product-form-availability__radio-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 16px
    }

    .product-form-availability__label {
        display: block;
        width: 110px
    }

    .product-form-availability__label+.product-form-availability__label {
        margin-left: 18px
    }

    .product-form-availability__input {
        display: none
    }

    .product-form-availability__handler {
        text-align: center;
        color: white;
        border: 1px solid var(--border);
        border-radius: 10px;
        height: 30px;
        line-height: 28px
    }

    .product-form-availability__input:checked+.product-form-availability__handler {
        border: 2px solid white
    }
}

@media(min-width:800px) {
    .personal-store_empty {
        position: relative;
        min-height: 410px
    }

    .personal-store__navigation {
        margin-bottom: 13px
    }

    .personal-store__search {
        margin-bottom: 13px
    }

    .personal-store__item {
        margin: 0 0 12px 0
    }

    .personal-store__item:last-child {
        margin: 0
    }

    .personal-store__footer {
        margin-top: 15px;
        text-align: center
    }

    .personal-store_empty .personal-store__footer {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .personal-store_empty.personal-store__new-item-form-visible .personal-store__footer {
        visibility: hidden
    }

    .personal-store__empty-subtitle {
        color: #9fa4ae;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 8px
    }

    .personal-store__add-item {
        width: 150px;
        height: 45px;
        line-height: 43px;
        text-align: center;
        border-radius: 15px;
        background: 0;
        border: 1px solid var(--border);
        color: white;
        font-size: 12px
    }

    .personal-store__add-item:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .personal-store__add-item:hover {
        border-color: white
    }

    .personal-store__new-item-form {
        margin-top: 15px;
        display: none
    }

    .personal-store__new-item-form_visible {
        display: block
    }
}

@media(min-width:800px) {
    .pagination {
        padding: 17px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pagination__button+.pagination__button {
        margin-left: 15px
    }
}

@media(min-width:800px) {
    .popup-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 73px 35px 73px 68px
    }

    .popup-menu__user {
        display: none
    }

    .popup-menu__menu {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .popup-menu__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .popup-menu__footer-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        line-height: 19px;
        font-size: 16px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-decoration: none;
        margin-right: 36px
    }

    .popup-menu__footer-link:last-child {
        margin-right: 0
    }

    .popup-menu__footer-link>svg {
        width: 17px;
        height: 17px;
        margin-top: 4px;
        margin-right: 6px
    }

    .popup-menu__footer-link:hover {
        text-decoration: none;
        color: white
    }

    .popup-menu__footer-link:hover>svg path {
        fill: white !important
    }

    .popup-menu__footer-link:hover.popup-menu__advertising>svg>path {
        fill: none !important;
        stroke: white
    }
}

@media(min-width:800px) {
    .cart-popup {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cart-popup__header {
        padding: 69px 0 45px
    }

    .cart-popup__title {
        display: none
    }

    .cart-popup__icon {
        width: 32px;
        height: 32px;
        margin: auto;
        background: url(..static/assets/images/cart-popup-header.svg) center no-repeat
    }

    .cart-popup__body {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .cart-popup__body::before,
    .cart-popup__body::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
        height: 20px;
        background-size: 100% 100%
    }

    .cart-popup__body::before {
        top: -1px;
        background-image: url("../static/assets/images/cart-popup-shadow-top.png")
    }

    .cart-popup__body::after {
        bottom: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 9, 10, 0)), to(#09090a));
        background: -o-linear-gradient(top, rgba(9, 9, 10, 0), #09090a);
        background: linear-gradient(to bottom, rgba(9, 9, 10, 0), #09090a)
    }

    .cart-popup__list {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 20px 20px 20px 12px;
        overflow-y: auto
    }

    .cart-popup__item {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 18px
    }

    .cart-popup__item_sold-out {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .cart-popup__item_not-enough {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .cart-popup__footer {
        padding: 0 20px 0 12px
    }

    .cart-popup__error {
        display: none;
        color: #d30a0a;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 22px
    }

    .cart-popup__error_visible {
        display: block
    }

    .cart-popup__total-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        border-bottom: 1px solid #9fa4ae;
        padding: 7px 0
    }

    .cart-popup__total-subtitle {
        text-align: left;
        text-transform: uppercase
    }

    .cart-popup__total-value {
        text-align: right
    }

    .cart-popup__button-row {
        padding: 30px 0 20px
    }

    .cart-popup__button {
        width: 160px;
        margin: auto
    }

    .cart-popup__button_back {
        display: none
    }

    .cart-popup__button_disabled {
        pointer-events: none;
        opacity: .5
    }
}

@media(min-width:800px) {
    .cart-item {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 10px 12px
    }

    .cart-item_sold-out {
        opacity: .3
    }

    .cart-item_not-enough {
        border-color: #d30a0a
    }

    .cart-item__inner {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .cart-item__row {
        display: table-row
    }

    .cart-item__col {
        display: table-cell;
        vertical-align: top;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .cart-item__col_thumbnail {
        width: 40px;
        padding-right: 12px
    }

    .cart-item__col_description {
        padding-right: 12px
    }

    .cart-item__col_price {
        width: auto;
        text-align: right
    }

    .cart-item__thumbnail {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        overflow: hidden
    }

    .cart-item__thumbnail>img {
        display: block;
        width: 40px;
        height: 40px
    }

    .cart-item__title {
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
        color: white;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .cart-item__amount {
        color: #9fa4ae;
        font-size: 14px;
        font-weight: 600;
        line-height: 17px
    }

    .cart-item_not-enough .cart-item__amount {
        color: #d30a0a
    }

    .cart-item__price {
        font-weight: 600;
        font-size: 18px;
        height: 40px;
        line-height: 40px
    }

    .cart-item__inc {
        display: none
    }

    .cart-item__remove {
        position: absolute;
        right: 4px;
        top: 2px;
        border-width: 0;
        outline: 0;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        color: #9fa4ae;
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        font-size: 0
    }

    .cart-item__remove::before {
        content: "×";
        font-size: 14px
    }
}

@media(min-width:800px) {
    .security-container {
        width: 100%;
        max-width: 392px;
        margin: auto;
        padding: 16px 0 17px
    }

    .security-container__heading {
        display: none
    }
}

@media(min-width:800px) {
    .order-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-left: 40px;
        padding-right: 70px
    }
}

@media(min-width:800px) and (max-width:576px) {
    .order-info {
        margin-top: 50px
    }
}

@media(min-width:800px) and (max-width:992px) {
    .order-info {
        padding: 0
    }
}

@media(min-width:800px) {
    .order-info p {
        color: var(--secondary);
        font-size: 18px;
        font-weight: 300
    }
}

@media(min-width:800px) {
    .purchases-info {
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 20px;
        position: relative
    }
}

@media(min-width:800px) {
    .purchases-list {
        position: relative;
        min-height: 310px
    }

    .purchases-list__item {
        margin: 0 0 15px 0
    }

    .purchases-list__item:last-child {
        margin: 0
    }

    .purchases-list__empty {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: auto;
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: white;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

@media(min-width:800px) {
    .purchase-btns {
        margin-top: 40px;
        -ms-flex-item-align: start;
        -webkit-align-self: flex-start;
        align-self: flex-start;
        max-width: 135px
    }
}

@media(min-width:800px) {
    .purchase {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .purchase button {
        width: 135px;
        height: 35px;
        font-size: 16px;
        background-color: transparent;
        cursor: pointer;
        overflow: hidden;
        outline: 0;
        border: 1px solid var(--border);
        border-radius: 10px;
        color: var(--primary);
        margin-bottom: 6px
    }

    .purchase button:hover {
        border: 2px solid #fff
    }
}

@media(min-width:800px) {
    .purchase-box__header {
        padding: 0 30px;
        margin-bottom: 6px
    }

    .purchase-box__header-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .purchase-box__header-col {
        font-size: 18px;
        height: 22px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .purchase-box__header-col_close {
        display: none
    }

    .purchase-box__date {
        text-align: left
    }

    .purchase-box__number {
        text-align: right
    }

    .purchase-box__body {
        border: 1px solid var(--border);
        border-radius: 25px;
        padding: 20px 28px 21px
    }

    .purchase-box__order-details {
        display: none
    }

    .purchase-box_details .purchase-box__order-preview {
        display: none
    }

    .purchase-box_details .purchase-box__order-details {
        display: block
    }

    .purchase-box__list {
        margin: -25px 0
    }

    .purchase-box__item {
        width: 100%;
        padding: 25px 0
    }

    .purchase-box__item+.purchase-box__item {
        border-top: 1px solid var(--border)
    }
}

@media(min-width:800px) {
    .purchase-info {
        width: 596px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border: 1px solid var(--border);
        border-radius: 30px;
        padding: 14px 9px 15px 18px;
        margin-right: 5px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: center;
        align-items: center
    }

    .purchase-info .purchase_img {
        width: 80px;
        height: 80px;
        margin-right: 5px
    }

    .purchase-info .seller_img {
        width: 30px;
        height: 30px;
        border-radius: 50%
    }

    .purchase-info .purchase-info__price {
        font-size: 24px;
        color: var(--primary);
        margin-bottom: 0
    }

    .purchase-info p {
        font-size: 14px;
        color: var(--secondary)
    }

    .purchase-info .purchase_desc_text {
        max-height: 63px;
        overflow: hidden;
        -webkit-transition: max-height .5s cubic-bezier(0, 1, 0, 1);
        -o-transition: max-height .5s cubic-bezier(0, 1, 0, 1);
        transition: max-height .5s cubic-bezier(0, 1, 0, 1)
    }

    .purchase-info .purchase_desc_full_text {
        max-height: 1000px;
        -webkit-transition: max-height 250ms ease-in-out;
        -o-transition: max-height 250ms ease-in-out;
        transition: max-height 250ms ease-in-out
    }

    .purchase-info .purchase-info__desc {
        max-width: 282px
    }

    .purchase-info .purchase-info__desc h3 {
        font-size: 18px;
        color: var(--primary)
    }

    .purchase-info .purchase-info__desc p {
        margin-bottom: 0
    }
}

@media(min-width:800px) {
    .purchase-total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 25px;
        width: 100%;
        max-width: 596px
    }

    .purchase-total p {
        margin-bottom: 0;
        color: var(--primary)
    }

    .purchase-total p:first-child {
        font-size: 24px
    }

    .purchase-total a {
        color: var(--primary) !important;
        text-decoration: underline !important;
        font-size: 14px;
        cursor: pointer
    }
}

@media(min-width:800px) {
    .purchase-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .purchase-row__col {
        min-width: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .purchase-row__col_thumbnail {
        min-width: 80px;
        width: 80px
    }

    .purchase-row__col_thumbnails {
        margin-right: auto
    }

    .purchase-row__col_description {
        width: auto;
        margin-right: auto;
        vertical-align: middle;
        margin-left: 15px;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .purchase-row__col_mobile-description {
        display: none
    }

    .purchase-row__col_quantity {
        min-width: 45px;
        width: 45px;
        height: 80px;
        line-height: 80px;
        margin: 0 10px
    }

    .purchase-row__col_price {
        min-width: 90px;
        height: 80px;
        line-height: 80px;
        margin: 0;
        text-align: right;
        margin: 0 8px 0 10px
    }

    .purchase-row__col_details-button {
        min-width: 135px;
        width: 135px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-left: 20px
    }

    .purchase-row__col_buttons {
        width: 8px;
        position: relative;
        height: 80px;
        margin: 0 34px 0 35px
    }

    .purchase-row__col_user-avatar {
        min-width: 64px;
        width: 64px;
        height: 64px;
        padding: 8px 0;
        margin-left: 16px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row__images {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 272px;
        min-width: 272px
    }

    .purchase-row__images .purchase-row__image+.purchase-row__image {
        margin-left: 16px
    }

    .purchase-row__image {
        width: 80px;
        min-width: 80px;
        max-width: 80px;
        height: 80px;
        border-radius: 20px;
        background: #eaeaea;
        overflow: hidden;
        font-size: 0
    }

    .purchase-row__image>img {
        display: block;
        width: 80px;
        height: 80px
    }

    .purchase-row__description {
        cursor: pointer
    }

    .purchase-row__title {
        position: relative;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .purchase-row__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .purchase-row__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(9, 9, 10, 0.9);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .purchase-row__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .purchase-row__text {
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        -o-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical
    }

    .purchase-row__description_expanded .purchase-row__text {
        white-space: normal;
        overflow: visible;
        -webkit-line-clamp: initial;
        -moz-line-clamp: initial;
        -ms-line-clamp: initial;
        -o-line-clamp: initial;
        line-clamp: initial
    }

    .purchase-row__quantity {
        font-size: 14px;
        font-weight: 600;
        color: #9fa4ae
    }

    .purchase-row__price {
        font-size: 20px;
        font-weight: 600;
        color: white
    }

    .purchase-row__three-buttons {
        position: relative;
        width: 8px;
        height: 54px;
        margin: 13px 0;
        cursor: pointer
    }

    .purchase-row__three-buttons:hover {
        opacity: .8
    }

    .purchase-row__three-buttons::before {
        content: "";
        display: block;
        width: 32px;
        height: 140%;
        position: absolute;
        top: -20%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .purchase-row__three-buttons>span {
        display: block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: white;
        position: absolute;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .purchase-row__three-buttons>span:nth-child(1) {
        top: 25%
    }

    .purchase-row__three-buttons>span:nth-child(2) {
        top: 50%
    }

    .purchase-row__three-buttons>span:nth-child(3) {
        top: 75%
    }

    .purchase-row__buttons {
        position: absolute;
        left: 100%;
        top: 50%;
        width: 100px;
        margin-left: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        pointer-events: none
    }

    .purchase-row_three-buttons-mode .purchase-row__buttons {
        opacity: 1;
        pointer-events: all
    }

    .purchase-row__button {
        max-width: 100%
    }

    .purchase-row__button+.purchase-row__button {
        margin-top: 7px
    }

    .purchase-row__user-avatar {
        width: 64px;
        height: 64px;
        font-size: 0;
        border-radius: 50%;
        overflow: hidden;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row__user-avatar>img {
        display: block;
        width: 64px;
        height: 64px
    }

    .purchase-row_three-buttons-mode .purchase-row__col_user-avatar {
        opacity: 0;
        pointer-events: none
    }
}

@media(min-width:800px) {
    .mini-search__input {
        display: block;
        width: 100%;
        height: 45px;
        line-height: 43px;
        border-radius: 15px;
        color: white;
        font-size: 18px;
        border: 1px solid var(--border);
        padding-left: 46px;
        background: transparent url("..static/assets/images/filter-query.svg") left 18px center no-repeat;
        background-size: 17px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(min-width:800px) {
    .ads-book {
        margin-top: 20px;
        text-align: center
    }

    .ads-book__link {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        height: 22px;
        color: #9fa4ae;
        text-decoration: none
    }

    .ads-book__link:hover {
        color: white
    }
}

@media(min-width:800px) {
    .seller-img {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: cover;
        position: relative
    }

    .seller-img-bronze {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: cover;
        position: relative
    }

    .seller-img-bronze::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #c28d6f 17.71%, #e9c58f 47.92%, #94561d 69.27%, #9f7249 89.58%, #c1976f 100%);
        background: linear-gradient(45deg, #c28d6f 17.71%, #e9c58f 47.92%, #94561d 69.27%, #9f7249 89.58%, #c1976f 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }

    .seller-img-silver {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: contain;
        position: relative
    }

    .seller-img-silver::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }

    .seller-img-gold {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: contain;
        position: relative
    }

    .seller-img-gold::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #fff9ef 3.65%, #f3ce70 17.71%, #fdf4d6 65.39%, #e3cc54 100%);
        background: linear-gradient(45deg, #fff9ef 3.65%, #f3ce70 17.71%, #fdf4d6 65.39%, #e3cc54 100%);
        -webkit-box-shadow: 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }
}

@media(min-width:800px) {
    .send-review-popup {
        max-height: 95vh;
        overflow: scroll;
        width: 600px
    }

    .send-review-popup_empty {
        position: relative;
        min-height: 310px
    }

    .send-review-popup__inner {
        padding: 23px 47px
    }

    .send-review-popup__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .send-review-popup__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .send-review-popup__thumbnail {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        overflow: hidden
    }

    .send-review-popup__thumbnail>img {
        width: 48px;
        height: 48px
    }

    .send-review-popup__name {
        font-weight: 600;
        margin-left: 12px;
        font-size: 18px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .send-review-popup__order-info {
        text-align: right
    }

    .send-review-popup__order-info-line {
        font-weight: 600px;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .send-review-popup__order-info-line+.send-review-popup__order-info-line {
        margin-top: 4px
    }

    .send-review-popup__stars {
        text-align: center;
        margin-bottom: 15px
    }

    .send-review-popup__textarea {
        display: block;
        width: 100%;
        height: 248px;
        color: white;
        padding: 20px 30px;
        font-size: 18px;
        border: 1px solid var(--border);
        border-radius: 30px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .send-review-popup__footer {
        padding: 25px 0 0;
        text-align: center
    }

    .send-review-popup__button {
        display: inline-block
    }

    .send-review-popup__foot-disclaimer {
        margin: -10px 0 20px;
        color: #d30a0a;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .send-review-popup__foot-disclaimer:first-child {
        margin-top: 10px
    }

    .send-review-popup__product-preview {
        margin: 14px 0 17px
    }

    .send-review-popup__product-preview-title {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 8px
    }

    .send-review-popup__product-preview-description {
        color: #9fa4ae;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .send-review-popup__file-wrapper {
        margin-top: 16px
    }
}

@media(min-width:800px) {
    .nav-user-img {
        min-width: 28px;
        height: 28px;
        border-radius: 50%;
        background-size: contain;
        position: relative;
        margin-right: 7px;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(min-width:800px) {
    .nav-seller-img {
        min-width: 28px;
        height: 28px;
        border-radius: 50%;
        background-size: contain;
        position: relative;
        margin-right: 7px;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35)
    }

    .nav-seller-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 2px;
        background: -o-linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }
}

@media(min-width:800px) {
    .message-editor {
        top: 12px;
        padding: 23px 37px;
        left: 14px;
        border: 1px solid var(--border);
        width: 520px;
        height: 470px;
        position: absolute;
        border-radius: 15px;
        background: -o-linear-gradient(315deg, #2f2f30, #111214, #000);
        background: linear-gradient(135deg, #2f2f30, #111214, #000)
    }

    .message-editor button {
        width: 135px;
        height: 35px;
        display: block;
        margin: 18px auto 0;
        background-color: transparent;
        border: 1px solid var(--border);
        border-radius: 10px;
        color: #fff
    }

    .message-editor button:hover {
        border: 2px solid #fff
    }

    .message-editor textarea {
        border-radius: 30px;
        margin-top: 15px;
        width: 100%;
        background-color: transparent;
        color: #fff;
        height: 248px;
        resize: none;
        padding: 20px;
        overflow: auto
    }

    .message-editor textarea:focus {
        outline: 0
    }
}

@media(min-width:800px) {
    .message-top-info {
        height: 84px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .message-top-info .message-receiver {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 48px;
        width: 106px
    }

    .message-top-info .message-receiver img {
        width: 48px;
        height: 48px;
        border-radius: 50%
    }

    .message-top-info .message-receiver p {
        margin-left: 13px;
        color: var(--secondary);
        margin-bottom: 0;
        font-size: 18px
    }

    .message-top-info .message-rate {
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

    .message-top-info .message-rate img {
        opacity: .6;
        width: 27px;
        height: 27px;
        cursor: pointer
    }

    .message-top-info .message-date p {
        margin-bottom: 0;
        color: var(--secondary);
        font-size: 10px;
        text-align: right
    }
}

@media(min-width:800px) {
    .message-status {
        height: 33px;
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width:800px) {
    .wallet-form {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 535px;
        padding: 60px;
        margin: 0 auto;
        width: 90%;
        background-color: transparent;
        border: 1px solid var(--border);
        border-radius: 30px
    }

    .wallet-form_success {
        height: 580px
    }

    .wallet-form__header {
        text-align: center;
        margin: -20px 0 22px;
        text-align: center;
        font-size: 24px
    }

    .wallet-form__title {
        font-size: 14px;
        color: #fff;
        margin: 0;
        margin-bottom: 14px
    }

    .wallet-form__subtitle {
        font-size: 10px;
        color: var(--secondary)
    }

    .wallet-form__created--mobile {
        display: none
    }

    .wallet-form__label {
        font-size: 14px;
        margin-bottom: 5px;
        color: var(--secondary)
    }

    .wallet-form__qr-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px
    }

    .wallet-form__qr-code {
        width: 140px;
        height: 140px;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .wallet-form__qr-code>img {
        width: 140px;
        height: 140px
    }

    .wallet-form__qr-aside {
        margin-left: 46px
    }

    .wallet-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .wallet-form__row_space-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wallet-form__row+.wallet-form__row {
        margin-top: 22px
    }

    .wallet-form__column_nano {
        width: auto
    }

    .wallet-form__column_full {
        width: 100%
    }

    .wallet-form__input {
        width: 100%;
        height: 40px;
        color: #fff;
        font-size: 18px;
        outline: 0;
        border: 0;
        background-color: transparent;
        border-bottom: 2px solid var(--secondary)
    }

    .wallet-form__input:focus {
        border-bottom: 2px solid var(--primary)
    }

    .wallet-form__notification {
        color: #d30a0a;
        margin: 0 0 16px 0;
        text-align: center;
        font-size: 12px
    }

    .wallet-form__balance-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wallet-form__balance-value {
        color: #d8dde7;
        font-size: 18px
    }

    .wallet-form__buttons-pad {
        margin-top: 95px
    }

    .wallet-form__button-row+.wallet-form__button-row {
        margin-top: 15px
    }

    .wallet-form__submit-wrapper {
        margin-top: 30px
    }

    .wallet-form__button {
        display: block;
        width: 100%;
        border: 1px solid var(--border);
        border-radius: 10px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        background: transparent;
        font-size: 16px;
        color: white;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .wallet-form__button:hover {
        color: white;
        opacity: .8
    }
}

@media(min-width:800px) {
    .wallet-success {
        text-align: center
    }

    .wallet-success__content {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .wallet-success__icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 43px;
        background: url(..static/assets/images/payment-successful.svg) center no-repeat
    }

    .wallet-success__title {
        font-size: 36px;
        color: white;
        margin-bottom: 52px
    }

    .wallet-success__subtitle {
        font-size: 24px;
        color: white
    }
}

@media(min-width:800px) {
    .wallet-currency-toggler {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px
    }

    .wallet-currency-toggler__label {
        display: block;
        -webkit-flex-basis: calc(33.3333333333% - 6px);
        -ms-flex-preferred-size: calc(33.3333333333% - 6px);
        flex-basis: calc(33.3333333333% - 6px);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .wallet-currency-toggler__input {
        display: none
    }

    .wallet-currency-toggler__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        font-size: 12px;
        height: 35px;
        line-height: 12px;
        color: white;
        text-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .wallet-currency-toggler__title::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.7)
    }

    .wallet-currency-toggler__input:checked+.wallet-currency-toggler__title::before {
        border: 2px solid white
    }
}

@media(min-width:800px) {
    .wallet-transactions .wallet-form__header {
        display: none
    }
}

@media(min-width:800px) {
    .wallet-transactions-list {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .wallet-transactions-list__row {
        margin-bottom: 12px;
        border: 1px solid var(--border);
        border-radius: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 15px;
        padding: 18px 25px
    }

    .wallet-transactions-list__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 200px;
        width: 100%
    }

    .wallet-transactions-list__status {
        font-size: 18px;
        line-height: 22px;
        color: #9fa4ae;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .wallet-transactions-list__date {
        font-size: 14px;
        line-height: 18px;
        color: #9fa4ae;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 160px;
        -ms-flex: 0 1 160px;
        flex: 0 1 160px;
        text-align: center;
        white-space: nowrap
    }

    .wallet-transactions-list__value {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 90px;
        -ms-flex: 0 1 90px;
        flex: 0 1 90px;
        text-align: right
    }

    .wallet-transactions-list__value_red {
        color: #b80a0a
    }

    .wallet-transactions-list__value_green {
        color: #078f04
    }

    .wallet-transactions-list__helper {
        position: relative;
        top: 3px;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        vertical-align: baseline;
        display: inline-block
    }

    .wallet-transactions-list__helper::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: url("..static/assets/images/profile-info.svg") center center/14px 14px no-repeat
    }

    .wallet-transactions-list__helper:hover>.wallet-transactions-list__tooltip {
        opacity: .9;
        visibility: visible;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .wallet-transactions-list__tooltip {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(calc(-50% + 10px));
        -ms-transform: translateY(calc(-50% + 10px));
        transform: translateY(calc(-50% + 10px));
        padding: 6px 12px;
        min-width: 200px;
        z-index: 999;
        margin: 0;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px;
        left: 25px;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        white-space: normal
    }

    .wallet-transactions-list__transaction-loading {
        font-size: 8px;
        line-height: 18px;
        color: #9fa4ae;
        height: 20px;
        border: 1px solid #4c5159;
        white-space: nowrap;
        width: 200px;
        text-align: center;
        border-radius: 5px
    }
}

@media(min-width:800px) {
    .refund-info__title {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        margin-bottom: 14px
    }

    .refund-info__content {
        color: #9fa4ae;
        font-size: 16px
    }

    .refund-info__box+.refund-info__box {
        margin-top: 28px
    }

    .refund-info__line {
        margin-bottom: 10px
    }

    .refund-info__subtitle {
        color: #fff
    }

    .refund-info__files-list {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .refund-info__file-item+.refund-info__file-item {
        margin-top: 10px
    }

    .refund-info__file-item>a {
        color: #9fa4ae;
        text-decoration: none;
        border-bottom: 1px solid #9fa4ae
    }

    .refund-info__notification {
        text-align: center;
        color: #d30a0a;
        max-width: 535px;
        margin: 40px auto
    }
}

@media(min-width:800px) {
    .sign-up {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sign-up__logo {
        width: 616px;
        height: 232px;
        margin: auto;
        background: url(../static/assets/images/sign-up-large-logo.png) center no-repeat;
        background-size: 100% 100%;
        margin-bottom: 49px
    }

    .sign-up__form {
        width: 407px;
        margin: auto
    }
}

@media(min-width:800px) {
    .sign-up-form__body {
        margin-bottom: 48px
    }

    .sign-up-form__fieldset+.sign-up-form__fieldset {
        margin-top: 15px
    }

    .sign-up-form__terms {
        margin-top: 25px;
        text-align: center;
        font-size: 9.5px;
        line-height: 11px;
        letter-spacing: .03em;
        color: #54575f
    }

    .sign-up-form__terms>a {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid #54575f
    }

    .sign-up-form__terms>a:hover {
        opacity: .8;
        border-bottom-color: transparent
    }

    .sign-up-form__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sign-up-form__footer_centred {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sign-up-form__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 0;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-form__button:hover {
        color: white
    }

    .sign-up-form__button_disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }
}

@media(min-width:800px) {
    .sign-up-input {
        position: relative;
        height: 42px;
        line-height: 42px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .sign-up-input__input {
        display: block;
        height: 42px;
        line-height: 42px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-input__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 42px;
        line-height: 42px;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .sign-up-input__placeholder_label {
        color: #54575f;
        opacity: 1
    }

    .sign-up-input__placeholder_error {
        color: #d30a0a;
        opacity: 0
    }

    .sign-up-input__input:focus~.sign-up-input__placeholder,
    .sign-up-input__input:valid~.sign-up-input__placeholder {
        opacity: 0
    }

    .sign-up-input_invalid .sign-up-input__input {
        border-color: #d30a0a
    }

    .sign-up-input_invalid .sign-up-input__placeholder_label {
        opacity: 0
    }

    .sign-up-input_invalid .sign-up-input__placeholder_error {
        opacity: 1
    }
}

@media(min-width:800px) {
    .sign-up-terms {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 34px
    }

    .sign-up-terms__inner {
        max-width: 1440px
    }

    .sign-up-terms__logo {
        width: 297px;
        height: 66px;
        margin: 0 auto 45px;
        background: url(../static/assets/images/sign-up-terms-logo.png) center no-repeat;
        background-size: 100% 100%
    }

    .sign-up-terms__content {
        position: relative;
        padding: 28px 30px;
        overflow-y: auto;
        border: 1px solid var(--border);
        max-height: 500px;
        max-height: calc(100vh - 156px - 145px)
    }

    .sign-up-terms__footer {
        padding: 45px 0 54px
    }

    .sign-up-terms__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 0;
        outline: 0;
        margin: auto;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-terms__button:hover {
        color: white
    }
}

@media(min-width:800px) {
    .stars {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 18.0722891566%;
        background: #54575f;
        -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        -webkit-mask: url("../static/assets/images/stars-mask.svg");
        mask: url("../static/assets/images/stars-mask.svg");
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%
    }

    .stars__handler {
        position: absolute;
        top: 0;
        bottom: 0;
        background: #fff;
        -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .stars_ltr .stars__handler {
        left: 0
    }

    .stars_rtl .stars__handler {
        right: 0
    }
}

@media(min-width:800px) {
    .stars-checker__radio {
        display: none
    }

    .stars-checker__row {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .stars-checker__star {
        width: 38px;
        height: 30px;
        position: relative;
        padding: 0 4px
    }

    .stars-checker__star::before,
    .stars-checker__star::after {
        content: "";
        display: block;
        position: absolute;
        left: 4px;
        top: 0;
        right: 4px;
        bottom: 0
    }

    .stars-checker__star::before {
        background-image: url("..static/assets/images/star-empty.svg");
        z-index: 1
    }

    .stars-checker__star::after {
        background-image: url("..static/assets/images/star-filled.svg");
        opacity: 0;
        z-index: 2
    }

    .stars-checker__star:hover::after {
        opacity: .5
    }

    .stars-checker__star:hover~.stars-checker__star::after {
        opacity: .5
    }

    .stars-checker__radio:checked~.stars-checker__star::after {
        opacity: 1
    }
}

@media(min-width:800px) {
    .personal-account {
        padding: 30px 0;
        margin: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .personal-account__back-link {
        width: 28px;
        height: 28px;
        position: absolute;
        top: 20px;
        right: 20px;
        background: url("..static/assets/images/profile-eye.svg") center center/28px 28px no-repeat
    }

    .personal-account_narrow {
        max-width: 390px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .personal-account__heading {
        display: none
    }

    .personal-account__title {
        font-size: 24px;
        line-height: 24px
    }

    .personal-account__header .personal-account__title {
        margin-bottom: 8px
    }

    .personal-account__title-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__info {
        margin: 5px 0 0 8px;
        position: relative
    }

    .personal-account__info-button {
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: url("..static/assets/images/profile-info.svg") center center/14px 14px no-repeat
    }

    .personal-account__info-button:hover+.personal-account__info-list {
        opacity: .9;
        visibility: visible;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .personal-account__info-list {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(calc(-50% + 10px));
        -ms-transform: translateY(calc(-50% + 10px));
        transform: translateY(calc(-50% + 10px));
        padding: 6px 12px;
        min-width: 200px;
        z-index: 2;
        margin: 0;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px;
        left: 25px;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .personal-account__info-item {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 3px 0
    }

    .personal-account__subtitle-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__subtitle-row_in-card {
        margin: 6px 0 9px;
        color: #54575f
    }

    .personal-account__rating-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__rating {
        width: 83px
    }

    .personal-account__contact-seller-wrapper {
        margin-left: 15px;
        width: 80px
    }

    .personal-account__contact-seller {
        width: 100%
    }

    .personal-account__balance {
        white-space: nowrap;
        font-size: 16px;
        line-height: 19px;
        font-weight: 600
    }

    .personal-account__balance_light {
        color: #d8dde7
    }

    .personal-account__date {
        font-size: 12px;
        line-height: 14px
    }

    .personal-account__alerts-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        margin-left: 15px
    }

    .personal-account__alert {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        display: inline-block;
        white-space: nowrap;
        width: auto;
        height: 19px;
        line-height: 17px;
        border-radius: 5px;
        color: white;
        border: 1px solid red;
        -webkit-box-shadow: 0 0 5px #a81e1f;
        box-shadow: 0 0 5px #a81e1f;
        padding: 0 12px;
        font-size: 8px
    }

    .personal-account__card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 20px
    }

    .personal-account__avatar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 74px;
        -ms-flex: 0 0 74px;
        flex: 0 0 74px;
        width: 74px;
        height: 74px;
        overflow: hidden;
        font-size: 0;
        margin-right: 32px;
        border-radius: 50%
    }

    .personal-account__avatar--disabled {
        pointer-events: none
    }

    .personal-account__avatar>img {
        display: block;
        width: 74px;
        height: 74px
    }

    .personal-account__account-type {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: #54575f
    }

    .personal-account__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account__button:hover {
        color: white
    }

    .personal-account__contact-button-wrapper {
        width: 165px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .personal-account__form {
        width: 100%
    }
}

@media(min-width:800px) {
    .personal-account-form__fieldset p {
        margin: 0 0 5px 0
    }

    .personal-account-form__fieldset+.personal-account-form__fieldset {
        margin-top: 26px
    }

    .personal-account-form__label {
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 600
    }

    .personal-account-form__textarea {
        display: block;
        width: 100%;
        height: 80px;
        color: white;
        padding: 14px 18px;
        font-size: 14px;
        line-height: 16px;
        border: 1px solid var(--border);
        border-radius: 15px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .personal-account-form__footer {
        margin-top: 36px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .personal-account-form__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account-form__button:hover {
        color: white
    }

    .personal-account-form__button+.personal-account-form__button {
        margin-left: 12px
    }
}

@media(min-width:800px) {
    .personal-account-email {
        position: relative;
        height: 42px;
        line-height: 42px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-email__input {
        display: block;
        height: 42px;
        line-height: 42px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account-email__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 42px;
        line-height: 42px;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-email__placeholder_label {
        color: #54575f;
        opacity: 1
    }

    .personal-account-email__placeholder_error {
        color: #d30a0a;
        opacity: 0
    }

    .personal-account-email__input:focus~.personal-account-email__placeholder,
    .personal-account-email__input:valid~.personal-account-email__placeholder {
        opacity: 0
    }

    .personal-account-email_invalid .personal-account-email__input {
        border-color: #d30a0a
    }

    .personal-account-email_invalid .personal-account-email__placeholder_label {
        opacity: 0
    }

    .personal-account-email_invalid .personal-account-email__placeholder_error {
        opacity: 1
    }

    .personal-account-email_confirmed::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 42px;
        background: url(..static/assets/images/checked.svg);
        background-position: center;
        background-repeat: no-repeat
    }
}

@media(min-width:800px) {
    .personal-account-checkbox {
        display: block;
        width: 100%;
        cursor: pointer
    }

    .personal-account-checkbox_disabled {
        opacity: .7;
        pointer-events: none
    }

    .personal-account-checkbox__input {
        display: none
    }

    .personal-account-checkbox__title {
        position: relative;
        color: #9fa4ae;
        font-size: 16px;
        font-weight: 600;
        height: 24px;
        line-height: 24px
    }

    .personal-account-checkbox__title::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 24px;
        opacity: .2;
        background: url(..static/assets/images/checked.svg) center no-repeat;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-checkbox__input:checked+.personal-account-checkbox__title::after {
        opacity: 1
    }
}

@media(min-width:800px) {
    .personal-nano-card__link {
        display: block;
        color: white;
        text-decoration: none
    }

    .personal-nano-card__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .personal-nano-card__col_avatar {
        width: 38px;
        height: 38px;
        margin-right: 8px
    }

    .personal-nano-card__avatar {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0
    }

    .personal-nano-card__avatar>img {
        width: 38px;
        height: 38px
    }

    .personal-nano-card__name {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 3px
    }

    .personal-nano-card__balance {
        font-size: 10px;
        line-height: 12px;
        color: #54575f
    }
}

@media(min-width:800px) {
    .choose-image-popup {
        width: 185px;
        padding: 18px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .choose-image-popup__error {
        color: red;
        text-align: center;
        font-size: 14px;
        margin-bottom: 16px
    }

    .choose-image-popup__button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .choose-image-popup__button+.choose-image-popup__button {
        margin-top: 4px
    }

    .choose-image-popup__button:hover {
        color: white
    }

    .choose-image-popup__hidden-fields {
        display: none
    }

    .choose-image-popup__file {
        display: none
    }
}

@media(min-width:800px) {
    .user-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 224px - 16px - 16px - 27px - 27px);
        padding: 0 5px
    }

    .user-box_middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user-box__header {
        width: 100%;
        margin-bottom: 35px
    }

    .user-box__card {
        margin-top: -4px
    }

    .user-box__navigation {
        padding: 0 49px
    }

    .user-box__terms {
        padding: 28px 28px 50px;
        border: 1px solid var(--border);
        border-radius: 25px;
        text-align: center
    }

    .user-box__item {
        margin: 0 0 12px 0
    }

    .user-box__item:last-child {
        margin: 0
    }

    .user-box__subtitle {
        font-weight: 500;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 32px
    }

    .user-box__text {
        text-align: initial;
        font-size: 12px;
        line-height: 24px
    }

    .user-box__text p {
        margin: 1em 0
    }

    .user-box__text img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .user-box__text ul,
    .user-box__text ol {
        list-style: inside
    }

    .user-box__text table {
        margin: 1em auto;
        border-collapse: collapse
    }

    .user-box__text table td,
    .user-box__text table th {
        padding: 12px;
        border: 1px solid var(--border)
    }

    .user-box__body {
        width: 100%
    }
}

@media(min-width:800px) {
    .product-mini-attach-file__label {
        display: block
    }

    .product-mini-attach-file__input {
        display: none
    }
}

@media(min-width:800px) {
    .product-promotional-modal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 490px
    }

    .product-promotional-modal__container {
        text-align: center;
        width: 50%;
        padding: 24px 8px 32px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-promotional-modal__container_wide {
        width: 100%
    }

    .product-promotional-modal__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        color: white
    }

    .product-promotional-modal__description {
        font-size: 14px;
        color: #9fa4ae
    }

    .product-promotional-modal__button {
        max-width: 100px;
        margin: 18px auto 0
    }
}

@media(min-width:800px) {
    .terms-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }

    .terms-box__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
        margin-top: 10px;
        margin-bottom: 60px
    }

    .terms-box__content {
        position: relative;
        padding: 28px 30px;
        text-align: center;
        overflow-y: auto;
        border: 1px solid var(--border);
        border-radius: 30px;
        max-height: 500px;
        max-height: calc(100vh - 45px - 66px - 25px - 25px - 45px - 16px - 16px - 28px - 44px - 30px)
    }

    .terms-box__lang {
        position: absolute;
        top: 10px;
        right: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        font-size: 14px
    }

    .terms-box__lang-button {
        border: 0;
        background-color: transparent;
        outline: 0;
        font-weight: 500;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .terms-box__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .terms-box__lang-button.active {
        font-weight: 700
    }

    .terms-box__lang-button.active:hover {
        color: #fff
    }

    .terms-box__title {
        display: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
        font-size: 24px
    }

    .terms-box__title.active {
        display: block
    }

    .terms-box__text {
        display: none;
        font-size: 12px
    }

    .terms-box__text p {
        margin: 1em 0
    }

    .terms-box__text img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .terms-box__text ul,
    .terms-box__text ol {
        list-style: inside
    }

    .terms-box__text table {
        margin: 1em auto;
        border-collapse: collapse
    }

    .terms-box__text table td,
    .terms-box__text table th {
        padding: 12px;
        border: 1px solid var(--border)
    }

    .terms-box__text.active {
        display: block
    }

    .terms-box__footer {
        padding: 28px 0 0;
        margin-bottom: -20px
    }

    .terms-box__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 0;
        border-radius: 15px;
        outline: 0;
        margin: auto;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .terms-box__button:hover {
        color: white
    }
}

@media(min-width:800px) {
    .shop-form .ck-editor__editable {
        min-height: 400px !important
    }

    .shop-form__submit {
        margin: auto
    }
}

@media(min-width:800px) {
    .chat {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid var(--border);
        border-radius: 30px;
        height: calc(100vh - 224px - 16px - 16px)
    }

    .chat__section_header {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .chat__section_body {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .chat__section_footer {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .chat__header {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        -webkit-box-shadow: inset 0 4px 4px #2f3030;
        box-shadow: inset 0 4px 4px #2f3030
    }

    .chat__mobile-heading {
        display: none
    }

    .chat__body {
        padding: 0 30px 0 16px;
        height: 100%;
        overflow-y: auto
    }

    .chat__body::-webkit-scrollbar {
        width: 16px
    }

    .chat__body::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .chat__body::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .chat__body::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .chat__footer {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        opacity: .93;
        padding: 70px 40px 50px 50px;
        background: transparent
    }

    .chat__footer_compact {
        padding: 13px 25px
    }

    .chat__footer_nano {
        padding: 13px 21px 13px 25px
    }

    .chat__closed,
    .chat__completed {
        font-size: 18px;
        line-height: 22px;
        color: #9fa4ae;
        text-align: center
    }

    .chat__closed span,
    .chat__completed span {
        padding: 5px;
        background: -o-linear-gradient(335.37deg, rgba(29, 30, 33, 0.93) 5.03%, rgba(17, 18, 20, 0.93) 101.33%);
        background: linear-gradient(114.63deg, rgba(29, 30, 33, 0.93) 5.03%, rgba(17, 18, 20, 0.93) 101.33%);
        border-radius: 5px
    }
}

@media(min-width:800px) {
    .chat-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-form__col_message {
        width: 100%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .chat-form__col_submit {
        width: 135px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 24px
    }

    .chat-form__col_export-button {
        width: 135px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 24px
    }

    .chat-form__col_help {
        width: 20px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 24px;
        margin-right: 7px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .chat-form__fieldset {
        display: block;
        width: 100%;
        position: relative
    }

    .chat-form__input {
        width: 100%;
        display: block;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: left;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 0 30px;
        height: 35px;
        line-height: 33px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        resize: none
    }

    .chat-form__submit {
        width: 100%
    }
}

@media(min-width:800px) {
    .chat-header {
        padding: 16px 25px
    }

    .chat-header__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-header__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-header__avatar {
        width: 28px;
        height: 28px;
        font-size: 0;
        margin-right: 9px;
        border-radius: 50%;
        overflow: hidden
    }

    .chat-header__avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .chat-header__name {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-right: 8px
    }

    .chat-header__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .chat-header__info span {
        font-weight: 700
    }

    .chat-header__link {
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        text-decoration: none;
        cursor: pointer
    }

    .chat-header__link_close::before {
        content: "× "
    }
}

@media(min-width:800px) {
    .chat-help {
        width: 20px;
        height: 20px;
        position: relative
    }

    .chat-help__icon {
        width: 20px;
        height: 20px;
        background: url(..static/assets/images/chat-help.png) center no-repeat;
        background-size: 20px 20px;
        border-radius: 50%;
        cursor: help
    }

    .chat-help__tooltip {
        padding: 8px 20px;
        width: 194px;
        font-size: 10px;
        line-height: 12px;
        text-align: center;
        color: #fff;
        position: absolute;
        bottom: 100%;
        right: 0;
        margin-bottom: 24px;
        margin-right: -18px;
        border-radius: 11px;
        border: 1px solid var(--border);
        pointer-events: none;
        background: #09090a;
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .chat-help__icon:hover+.chat-help__tooltip {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media(min-width:800px) {
    .file-mini-row {
        position: relative
    }

    .file-mini-row__download-link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        font-size: 0;
        display: block;
        z-index: 1
    }

    .file-mini-row__download-link:hover+.file-mini-row__row {
        opacity: .8
    }

    .file-mini-row__row {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 7px 10px;
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px
    }

    .file-mini-row__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .file-mini-row__icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 26px;
        -ms-flex: 0 0 26px;
        flex: 0 0 26px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: white;
        margin-right: 10px;
        background-image: url("..static/assets/images/attachment-icon-file.jpg");
        background-size: 52px;
        background-position: center
    }

    .file-mini-row__icon_zip {
        background-image: url("..static/assets/images/attachment-icon-zip.jpg")
    }

    .file-mini-row__icon_doc {
        background-image: url("..static/assets/images/attachment-icon-doc.jpg")
    }

    .file-mini-row__icon_docx {
        background-image: url("..static/assets/images/attachment-icon-docx.jpg")
    }

    .file-mini-row__icon_exe {
        background-image: url("..static/assets/images/attachment-icon-exe.jpg")
    }

    .file-mini-row__icon_jpeg {
        background-image: url("..static/assets/images/attachment-icon-jpeg.jpg")
    }

    .file-mini-row__icon_jpg {
        background-image: url("..static/assets/images/attachment-icon-jpg.jpg")
    }

    .file-mini-row__icon_pdf {
        background-image: url("..static/assets/images/attachment-icon-pdf.jpg")
    }

    .file-mini-row__icon_png {
        background-image: url("..static/assets/images/attachment-icon-png.jpg")
    }

    .file-mini-row__icon_rar {
        background-image: url("..static/assets/images/attachment-icon-rar.jpg")
    }

    .file-mini-row__name {
        height: 26px;
        line-height: 26px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #fff
    }

    .file-mini-row__size {
        position: absolute;
        white-space: nowrap;
        top: 7px;
        left: 100%;
        padding-left: 7px;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: rgba(159, 164, 174, 0.4901960784)
    }
}

@media(min-width:800px) {
    .chat-placeholder {
        margin: 50px 0 0 0;
        text-align: center
    }

    .chat-placeholder__avatar {
        display: block;
        width: 64px;
        height: 64px;
        font-size: 0;
        margin: 0 auto 6px;
        border-radius: 50%;
        overflow: hidden
    }

    .chat-placeholder__avatar>img {
        display: block;
        width: 64px;
        height: 64px
    }

    .chat-placeholder__name {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        color: #fff;
        margin-bottom: 11px
    }

    .chat-placeholder__subtitle {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: rgba(159, 164, 174, 0.4901960784)
    }
}

@media(min-width:800px) {
    .messages-group.notifications {
        margin-bottom: 10px
    }

    .messages-group.notifications .messages-group__date {
        padding: 5px 0;
        position: static;
        top: 0
    }

    .messages-group.notifications .messages-group__date span {
        padding: 5px;
        margin: 0;
        border-radius: 5px
    }

    .messages-group__date {
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        padding: 10px 0;
        position: -webkit-sticky;
        position: sticky;
        top: 10px;
        text-align: center
    }

    .messages-group__date>span {
        display: inline-block;
        padding: 10px 16px;
        margin: -10px 0;
        border-radius: 16px
    }

    .messages-group__item {
        padding: 10px 0
    }
}

@media(min-width:800px) {
    .message {
        color: #fff
    }

    .message__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .message__row:hover .message__header-actions {
        opacity: 1;
        visibility: visible
    }

    .message__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .message__col_avatar {
        width: 40px;
        min-width: 40px;
        margin-right: 13px
    }

    .message__col_avatar .message__name {
        display: none
    }

    .message__col_message {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .message__col_status {
        width: 34px
    }

    .message__col_status .message__time {
        display: none
    }

    .message__avatar {
        width: 40px;
        height: 40px;
        font-size: 0;
        overflow: hidden;
        border-radius: 50%
    }

    .message__avatar>img {
        display: block;
        width: 40px;
        height: 40px
    }

    .message__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px;
        width: 100%
    }

    .message__header-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .message__header-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        visibility: hidden;
        opacity: 0
    }

    .message__header-button {
        width: 28px;
        height: 28px;
        background: transparent;
        border: 0;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .message__header-button--reply {
        background-image: url("..static/assets/images/comment-reply.png");
        background-size: 23px
    }

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

    .message__reply {
        position: relative;
        padding: 0 0 0 5px;
        margin: 3px 0 0 0;
        font-size: 10px;
        line-height: 12px;
        color: #fff
    }

    .message__reply::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background-color: rgba(255, 255, 255, 0.75)
    }

    .message__reply-name {
        font-weight: 600
    }

    .message__reply-text {
        font-weight: 500;
        opacity: .75;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 300px
    }

    .message__name {
        font-size: 18px;
        line-height: 21px;
        font-weight: 600;
        margin-right: 5px;
        text-decoration: none
    }

    .message__name--mobile {
        display: none
    }

    .message__user-status {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 5px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .message__user-status_online {
        background: white
    }

    .message__user-status_offline {
        background: #9fa4ae
    }

    .message__time {
        font-size: 16px;
        line-height: 19px;
        color: #9fa4ae
    }

    .message__attachments {
        margin-top: 12px
    }

    .message__file-row+.message__file-row {
        margin-top: 10px
    }

    .message__message {
        width: 100%;
        max-width: 500px
    }

    .message__text {
        font-size: 16px;
        margin: 7px 0 0 0;
        line-height: 19px;
        font-weight: 500;
        word-break: break-word
    }

    .message__status {
        width: 34px;
        height: 24px
    }

    .message__status_read {
        background-image: url("..static/assets/images/message-read.svg")
    }

    .message__status_unread {
        background-image: url("..static/assets/images/message-unread.svg")
    }
}

@media(min-width:800px) {
    .auto-escrow-box {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 224px - 16px - 16px - 27px - 27px);
        padding: 0 5px
    }

    .auto-escrow-box_middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .auto-escrow-box__header {
        width: 100%;
        text-align: center
    }

    .auto-escrow-box__title {
        color: white;
        font-weight: 500;
        font-size: 36px;
        line-height: 24px;
        margin-bottom: 13px
    }

    .auto-escrow-box__subtitle {
        display: block;
        margin: auto;
        font-size: 0;
        width: 174px;
        height: 24px;
        background: url("../static/assets/images/make-your-work-easily.png") center no-repeat;
        background-size: 174px auto
    }

    .auto-escrow-box__navigation {
        margin-top: 87px;
        padding: 0 49px
    }

    .auto-escrow-box__terms {
        padding: 28px 28px 50px;
        border: 1px solid var(--border);
        border-radius: 25px;
        text-align: center
    }

    .auto-escrow-box__item+.auto-escrow-box__item {
        margin-top: 12px
    }

    .auto-escrow-box__text {
        font-weight: 500;
        font-size: 12px;
        line-height: 24px
    }

    .auto-escrow-box__text p {
        margin: 0
    }

    .auto-escrow-box__body {
        width: 100%
    }

    .auto-escrow-box__terms-link-wrapper {
        display: block;
        text-align: center;
        margin-top: 37px
    }

    .auto-escrow-box__terms-link {
        display: inline-block;
        color: white;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        max-width: 450px;
        border: 1px solid var(--border);
        font-size: 12px;
        height: 45px;
        line-height: 45px;
        border-radius: 15px;
        text-decoration: none
    }

    .auto-escrow-box__terms-link:hover {
        color: white;
        border-color: white
    }
}

@media(min-width:800px) {
    .deal-row-mini {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 25px
    }

    .deal-row-mini__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 31px 28px 31px 0;
        width: 60%;
        text-decoration: none
    }

    .deal-row-mini__body {
        width: 100%;
        padding: 0 0 0 28px
    }

    .deal-row-mini_opened .deal-row-mini__link {
        padding-bottom: 16px
    }

    .deal-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .deal-row-mini__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        text-align: center;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .deal-row-mini__col_title {
        text-align: left;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: left;
        min-width: 0
    }

    .deal-row-mini__col_info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 55%
    }

    .deal-row-mini__col_date {
        padding: 0 27px;
        width: 30%
    }

    .deal-row-mini__col_dot {
        width: 10px;
        min-width: 10px;
        padding: 0 10px
    }

    .deal-row-mini__description {
        cursor: pointer;
        max-width: 250px
    }

    .deal-row-mini__title {
        position: relative;
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        color: white
    }

    .deal-row-mini__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .deal-row-mini__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(9, 9, 10, 0.9);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .deal-row-mini__title_bold {
        font-weight: 600
    }

    .deal-row-mini__title_bold::after {
        font-weight: 600
    }

    .deal-row-mini__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .deal-row-mini__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .deal-row-mini__text {
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae
    }

    .deal-row-mini__description .deal-row-mini__text {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .deal-row-mini__title+.deal-row-mini__text {
        margin-top: 7px
    }

    .deal-row-mini_opened .deal-row-mini__description .deal-row-mini__text {
        display: none
    }

    .deal-row-mini__price {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        color: white
    }

    .deal-row-mini__status {
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        color: #9fa4ae
    }

    .deal-row-mini__date {
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        color: #9fa4ae
    }

    .deal-row-mini__dot {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: white
    }

    .deal-row-mini__footer {
        display: none;
        padding: 0 28px 51px
    }

    .deal-row-mini_opened .deal-row-mini__footer {
        display: block
    }
}

@media(min-width:800px) {
    .deals-list {
        overflow: hidden
    }

    .deals-list__empty {
        display: block;
        text-align: center;
        margin: 30px 0 0 0
    }

    .deals-list__item+.deals-list__item {
        margin-top: 19px
    }
}

@media(min-width:800px) {
    .deal-confirmation {
        padding: 40px 55px 30px;
        border: 1px solid var(--border);
        border-radius: 30px;
        height: calc(100vh - 224px - 16px - 16px)
    }

    .deal-confirmation__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .deal-confirmation__col+.deal-confirmation__col {
        margin-left: 21px
    }

    .deal-confirmation__col_title {
        width: 51.5376458112%
    }

    .deal-confirmation__col_price {
        width: 21.2089077413%
    }

    .deal-confirmation__col_title,
    .deal-confirmation__col_price {
        font-size: 14px;
        height: 38px;
        line-height: 36px;
        border: 1px solid var(--border);
        color: white;
        border-radius: 13px;
        text-align: center
    }

    .deal-confirmation__user-link {
        display: block;
        text-decoration: none;
        color: inherit
    }

    .deal-confirmation__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .deal-confirmation__avatar {
        width: 28px;
        height: 28px;
        font-size: 0;
        margin-right: 9px;
        border-radius: 50%;
        overflow: hidden
    }

    .deal-confirmation__avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .deal-confirmation__name {
        color: #fff;
        font-size: 18px;
        line-height: 22px
    }

    .deal-confirmation__name:hover {
        opacity: .9
    }

    .deal-confirmation__title {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding: 0 20px
    }

    .deal-confirmation__body {
        margin-top: 22px;
        margin-bottom: 22px
    }

    .deal-confirmation__description {
        display: block;
        width: 100%;
        height: calc(100vh - 224px - 16px - 16px - 193px);
        color: white;
        padding: 14px 18px;
        font-size: 14px;
        line-height: 16px;
        border: 1px solid var(--border);
        border-radius: 20px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        word-break: break-word;
        overflow-y: auto
    }

    .deal-confirmation__description::-webkit-scrollbar {
        width: 16px
    }

    .deal-confirmation__description::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .deal-confirmation__description::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .deal-confirmation__description::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .deal-confirmation__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .deal-confirmation__button {
        font-size: 12px;
        width: 200px;
        height: 39px;
        line-height: 37px;
        border-radius: 15px
    }

    .deal-confirmation__button+.deal-confirmation__button {
        margin-left: 71px
    }
}

@media(min-width:800px) {
    .create-deal {
        position: relative;
        padding: 38px 55px 36px;
        border: 1px solid var(--border);
        border-radius: 30px;
        height: calc(100vh - 224px - 16px - 16px)
    }

    .create-deal__success {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .create-deal__title {
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: #fff;
        margin-bottom: 15px
    }

    .create-deal__subtitle {
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .create-deal__header {
        text-align: center
    }

    .create-deal__body {
        margin-top: 22px;
        margin-bottom: 22px
    }

    .create-deal__textarea {
        display: block;
        width: 100%;
        height: calc(100vh - 224px - 16px - 16px - 267px);
        color: white;
        padding: 20px 30px;
        font-size: 18px;
        border: 1px solid var(--border);
        border-radius: 30px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        resize: none
    }

    .create-deal__textarea:focus::-webkit-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::-moz-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus:-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::placeholder {
        font-size: 0
    }

    .create-deal__input {
        display: inline-block;
        width: 100%;
        height: 38px;
        line-height: 36px;
        border: 1px solid var(--border);
        background: transparent;
        color: white;
        border-radius: 13px;
        text-align: center;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .create-deal__input:focus::-webkit-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::-moz-placeholder {
        font-size: 0
    }

    .create-deal__input:focus:-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::placeholder {
        font-size: 0
    }

    .create-deal__input_title {
        max-width: 400px
    }

    .create-deal__input_price {
        max-width: 200px
    }

    .create-deal__input_respondent {
        position: relative;
        z-index: 1;
        max-width: 200px;
        text-align: left;
        padding-left: 9px;
        background: #1b1c1e
    }

    .create-deal__footer-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .create-deal__submit-wrapper {
        text-align: center;
        margin-top: 23px
    }

    .create-deal__submit {
        font-size: 12px;
        margin: auto;
        width: 300px;
        height: 49px;
        line-height: 47px;
        border-radius: 15px
    }
}

@media(min-width:800px) {
    .create-deal__respondent-dropdown {
        padding-top: 38px;
        border: 1px solid var(--border);
        background: #1b1c1e;
        color: white;
        border-radius: 13px;
        list-style-type: none;
        padding-left: 9px;
        max-height: 130px;
        overflow-y: auto
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar {
        width: 16px
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .create-deal__respondent-dropdown li {
        line-height: 28px;
        height: 28px;
        cursor: pointer
    }

    .create-deal__respondent-dropdown li:hover {
        opacity: .8
    }
}

@media(min-width:800px) {
    .create-deal-payer {
        height: 38px;
        line-height: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .create-deal-payer__title {
        font-weight: 400;
        color: white;
        font-size: 14px
    }

    .create-deal-payer__radio-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 16px
    }

    .create-deal-payer__label {
        display: block;
        width: 138px
    }

    .create-deal-payer__label+.create-deal-payer__label {
        margin-left: 9px
    }

    .create-deal-payer__input {
        display: none
    }

    .create-deal-payer__handler {
        text-align: center;
        color: white;
        border: 1px solid var(--border);
        border-radius: 13px;
        height: 38px;
        line-height: 36px;
        font-size: 14px
    }

    .create-deal-payer__input:checked+.create-deal-payer__handler {
        border: 2px solid white
    }
}

@media(min-width:800px) {
    .container__aside_sticky_top .aside-subcategory {
        height: calc(100vh - 50px)
    }
}

@media(min-width:800px) {
    .aside-subcategory {
        height: calc(100vh - 270px);
        margin: -27px -20px -27px -20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 27px 24px 27px 36px;
        -webkit-transition: height .3s linear;
        -o-transition: height .3s linear;
        transition: height .3s linear;
        overflow-y: scroll
    }

    .aside-subcategory::-webkit-scrollbar {
        width: 16px;
        opacity: 0
    }

    .aside-subcategory::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .aside-subcategory::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #505050;
        background-clip: content-box
    }

    .aside-subcategory::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .aside-subcategory__mobile {
        display: none
    }

    .aside-subcategory__item+.aside-subcategory__item {
        margin-top: 18px
    }

    .aside-subcategory__item_dot {
        position: relative
    }

    .aside-subcategory__item_dot::before {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        left: -21px;
        top: 50%;
        margin-top: -4px;
        border-radius: 50%;
        background: white
    }

    .aside-subcategory__link {
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid var(--border);
        border-radius: 10px;
        font-size: 14px;
        text-align: center;
        color: white;
        text-decoration: none
    }

    .aside-subcategory__link:hover {
        color: white;
        opacity: .9
    }
}

@media(min-width:800px) {
    .trusted-sellers__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .trusted-sellers__item {
        width: 240px;
        border: 1px solid var(--border);
        border-radius: 30px;
        margin-bottom: 14px
    }

    .trusted-sellers__footer {
        margin-top: 26px;
        text-align: center
    }

    .trusted-sellers__foot-subtitle {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784)
    }
}

@media(min-width:800px) {
    .trusted-seller-box {
        position: relative;
        height: 100%;
        padding: 12px;
        padding-bottom: 54px;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .trusted-seller-box__image {
        border-radius: 20px;
        margin-bottom: 11px;
        overflow: hidden
    }

    .trusted-seller-box__image>img {
        width: 100%;
        height: auto
    }

    .trusted-seller-box__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 7px;
        color: #fff
    }

    .trusted-seller-box__description {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .trusted-seller-box__footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0;
        height: 39px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .trusted-seller-box__button {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 12px;
        color: #9fa4ae;
        height: 39px;
        line-height: 39px;
        width: 120px;
        margin: auto;
        text-align: center;
        text-decoration: none;
        border-top: 1px solid var(--border)
    }

    .trusted-seller-box__button+.trusted-seller-box__button {
        border-left: 1px solid var(--border)
    }
}

@media(min-width:800px) {
    .news-list {
        padding-right: 34px;
        margin: 0 auto
    }

    .news-list__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 20px 60px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .news-list__list .ads__item {
        display: none
    }

    .news-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(33.333% - 45px);
        -ms-flex: 0 0 calc(33.333% - 45px);
        flex: 0 0 calc(33.333% - 45px);
        width: 100%;
        border: 1px solid var(--border);
        border-radius: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-list__footer {
        margin-top: 9px;
        text-align: center
    }

    .news-list__button {
        margin: auto;
        width: 100px;
        font-size: 12px
    }
}

@media(min-width:800px) {
    .news-preview {
        position: relative;
        height: 100%;
        padding: 12px;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-preview__image {
        border-radius: 20px;
        margin-bottom: 10px;
        overflow: hidden
    }

    .news-preview__image img {
        width: 100%;
        height: 100%;
        max-width: 280px;
        max-height: 800px;
        border-radius: 20px
    }

    .news-preview__image>a {
        display: block;
        text-decoration: none;
        color: inherit
    }

    .news-preview__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 7px;
        color: #fff;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .news-preview__title>a {
        color: inherit;
        text-decoration: none
    }

    .news-preview__title>a:hover {
        color: white;
        text-decoration: none
    }

    .news-preview__description {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media(min-width:800px) {
    .news-sticky-header {
        position: -webkit-sticky;
        position: sticky;
        top: 224px;
        z-index: 10;
        background: -o-linear-gradient(315deg, #282829, #060607);
        background: linear-gradient(135deg, #282829, #060607);
        -webkit-transition: top .3s linear;
        -o-transition: top .3s linear;
        transition: top .3s linear
    }

    .news-sticky-header--top {
        top: 0;
        border-bottom-left-radius: 17px
    }

    .news-sticky-header__row {
        margin-bottom: 0
    }

    .news-sticky-header__main {
        position: relative;
        padding-right: 34px
    }

    .news-sticky-header__button {
        display: block;
        height: 45px;
        border-radius: 20px;
        border: 1px solid var(--border);
        font-weight: 500;
        font-size: 12px;
        line-height: 45px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        letter-spacing: .1em;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-sticky-header__button:hover {
        opacity: .8;
        text-decoration: none;
        color: #fff
    }

    .news-sticky-header__add {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 34px;
        height: 46px;
        line-height: 39px;
        font-weight: 800;
        font-size: 36px;
        background: transparent;
        border: 0;
        color: #b5b2b2;
        text-align: right;
        cursor: pointer;
        text-decoration: none;
        opacity: .75
    }

    .news-sticky-header__add:hover {
        color: white;
        text-decoration: none;
        opacity: .9
    }

    .news-sticky-header__input {
        display: block;
        width: 100%;
        height: 45px;
        border-radius: 20px;
        border: 1px solid var(--border);
        font-weight: 500;
        font-size: 18px;
        line-height: 45px;
        padding-left: 39px;
        color: #fff;
        background: transparent url(..static/assets/images/filter-query.svg) left 14px center no-repeat;
        background-size: 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-sticky-header__submit {
        display: none
    }
}

@media(min-width:800px) {
    .news-post__body {
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 15px 20px
    }

    .news-post__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 15px;
        margin-bottom: 19px
    }

    .news-post__title {
        display: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        text-decoration: none;
        color: #fff
    }

    .news-post__title.active {
        display: block
    }

    .news-post__lang {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

    .news-post__lang-button {
        background-color: transparent;
        outline: 0;
        border: 0;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .news-post__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .news-post__lang-button.active {
        font-weight: 700
    }

    .news-post__lang-button.active:hover {
        color: #fff
    }

    .news-post__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .news-post__button {
        background-color: transparent;
        outline: 0;
        border: 0
    }

    .news-post__button:hover>svg path {
        fill: white
    }

    .news-post__subtitle {
        margin-bottom: 19px;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        position: relative
    }

    .news-post__video {
        text-align: center;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 0 10px 0
    }

    .news-post__video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .news-post__text {
        display: none;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        text-align: justify;
        color: #9fa4ae
    }

    .news-post__text.active {
        display: block
    }

    .news-post__text img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 776px;
        margin: 16px auto
    }

    .news-post__comments {
        margin-top: 16px
    }
}

@media(min-width:800px) {
    .news-form {
        padding-right: 34px
    }

    .news-form__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
        position: relative;
        padding-right: 58px
    }

    .news-form__input {
        display: none;
        height: 39px;
        line-height: 39px;
        border: 1px solid var(--border);
        outline: 0;
        border-radius: 15px;
        background: transparent;
        width: 100%;
        padding: 0 13px;
        color: white;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-form__input--link {
        margin: 15px 0 0 0
    }

    .news-form__input.active {
        display: block
    }

    .news-form__add {
        display: block;
        width: 28px;
        height: 39px;
        line-height: 39px;
        font-weight: 800;
        font-size: 36px;
        background: transparent;
        border: 0;
        outline: 0;
        color: #b5b2b2;
        cursor: pointer;
        opacity: .75;
        text-decoration: none;
        text-align: center
    }

    .news-form__add::before {
        content: "+";
        display: inline;
        background-color: transparent;
        border: 0;
        outline: 0
    }

    .news-form__add:hover {
        color: white;
        text-decoration: none;
        opacity: .9
    }

    .news-form__add>input {
        display: none
    }

    .news-form__lang {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

    .news-form__lang-button {
        border: 0;
        background-color: transparent;
        outline: 0;
        font-weight: 500;
        font-size: 18px;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .news-form__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .news-form__lang-button.active {
        font-weight: 700
    }

    .news-form__lang-button.active:hover {
        color: #fff
    }

    .news-form__body {
        display: none;
        margin-top: 20px;
        border: 1px solid var(--border);
        border-radius: 20px;
        overflow: hidden
    }

    .news-form__body.active {
        display: block
    }

    .news-form__body .ck.ck-content.ck-editor__editable {
        min-height: 400px
    }

    .news-form__textarea {
        width: 100%;
        outline: 0;
        height: 450px;
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        color: white
    }

    .news-form__footer {
        margin-top: 14px;
        text-align: center
    }

    .news-form__submit {
        margin: auto;
        width: 115px
    }
}

@media(min-width:800px) {
    .container_fixed .container__main_private_news::before {
        background: url("../static/assets/images/private-news-blur.png") center no-repeat;
        top: 270px;
        width: 700px;
        height: 36px;
        -webkit-filter: blur(7px);
        filter: blur(7px)
    }
}

@media(min-width:800px) {
    .private-news {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 50px
    }

    .private-news__sticky-header .news-sticky-header__button--mobile {
        display: none
    }

    .private-news__container {
        margin-bottom: 20px
    }

    .private-news__list {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 660px;
        -ms-flex: 0 0 660px;
        flex: 0 0 660px;
        width: 100%;
        padding: 0
    }

    .private-news__list .news-list__list {
        gap: 15px 40px
    }

    .private-news__list .news-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - 20px);
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px)
    }

    .private-news__chat {
        position: -webkit-sticky;
        position: sticky;
        top: 305px;
        z-index: 5;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: calc(100vh - 224px - 16px - 61px - 16px);
        -webkit-transition: top .3s linear, height .3s linear;
        -o-transition: top .3s linear, height .3s linear;
        transition: top .3s linear, height .3s linear
    }

    .private-news__chat.private-news__chat--big {
        top: 75px;
        height: calc(100vh - 100px)
    }

    .private-news__chat .message__row {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .private-news__chat .message__row:hover .message__header-actions {
        opacity: 1;
        visibility: visible
    }

    .private-news__chat .message__col_avatar {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .private-news__chat .message__col_message {
        margin: 0 15px 0 0
    }

    .private-news__chat .message__col_status {
        width: auto;
        height: auto
    }

    .private-news__chat .message__message {
        max-width: none
    }

    .private-news__chat .message__header-button--remove {
        background-image: url("..static/assets/images/comment-remove.svg");
        background-size: 17px
    }

    .private-news__chat .message__header-button--remove.hide {
        display: none
    }

    .private-news__chat .message__text {
        opacity: .75
    }

    .private-news__chat .message__attachments {
        margin: 0
    }

    .private-news__chat .message__file-row {
        margin: 7px 0 0 0
    }

    .private-news__chat .file-mini-row__name {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 290px
    }

    .private-news__chat .message__time {
        display: block
    }

    .private-news__chat .message__status {
        display: none
    }

    .private-news__chat .chat__footer {
        padding: 15px
    }

    .private-news__chat .chat-form__col_submit {
        margin-left: 12px
    }

    .private-news__chat .chat-form__fieldset {
        position: relative
    }

    .private-news__chat .chat-form__input {
        padding: 0 95px 0 10px
    }
}

@media(min-width:800px) {
    .comments-box__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 360px;
        overflow: hidden;
        overflow-y: auto
    }

    .comments-box__item {
        margin: 15px 0 0 0
    }

    .comments-box__footer {
        margin-top: 23px
    }
}

@media(min-width:800px) {
    .comment-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 56px
    }

    .comment-row__avatar {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 45px;
        max-width: 45px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0;
        margin-right: 13px
    }

    .comment-row__avatar>a {
        color: inherit;
        text-decoration: none
    }

    .comment-row__avatar>a:hover {
        color: white;
        text-decoration: none
    }

    .comment-row__avatar>a>img {
        display: block;
        width: 45px;
        height: 45px
    }

    .comment-row__name {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 4px
    }

    .comment-row__name>a {
        color: inherit;
        text-decoration: none
    }

    .comment-row__name>a:hover {
        opacity: .8;
        color: white;
        text-decoration: none
    }

    .comment-row__text {
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        opacity: .75
    }

    .comment-row__text>span {
        color: #04be0b;
        font-weight: 800
    }

    .comment-row__aside {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0
    }

    .comment-row:hover .comment-row__aside {
        opacity: 1
    }

    .comment-row__button {
        width: 28px;
        height: 28px;
        background: transparent;
        border: 0;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .comment-row__button_remove {
        background-image: url("..static/assets/images/comment-remove.svg");
        background-size: 17px
    }

    .comment-row__button_reply {
        background-image: url("..static/assets/images/comment-reply.png");
        background-size: 23px
    }

    .comment-row__button:hover {
        opacity: .8
    }
}

@media(min-width:800px) {
    .comment-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .comment-form__field {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .comment-form__mention-label {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        padding: 10px 5px 10px 10px;
        font-weight: bold;
        line-height: 20px;
        font-weight: 800;
        font-size: 18px;
        color: #74e3c9
    }

    .comment-form__input {
        display: block;
        width: 100%;
        line-height: 20px;
        font-size: 16px;
        background: transparent;
        padding: 10px 5px 10px 10px;
        color: white;
        outline: 0;
        border-radius: 10px;
        border: 1px solid var(--border);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .comment-form__counter {
        width: 95px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 20px;
        padding: 10px 0;
        font-weight: 800;
        font-size: 18px;
        color: #de0a0a;
        opacity: .75;
        display: none
    }

    .comment-form__button {
        margin-left: 19px
    }

    .comment-form__submit {
        width: 135px
    }
}

@media(min-width:800px) {
    .error-page {
        height: 100%;
        background: url("../static/assets/images/bg.jpg") center center/100% 100% no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .error-page__body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .error-page__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        color: rgba(255, 255, 255, 0.45);
        font-family: "Lato";
        line-height: 1.2;
        font-weight: 500
    }

    .error-page__code {
        font-size: 70px;
        margin: 0 0 10px 0;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .error-page__text {
        font-size: 30px;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(min-width:800px) {
    .hide_on-desktop {
        display: none
    }
}

=======@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Azeret+Mono&display=swap");

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

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

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

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

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

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

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, 0.2s -webkit-transform;
    transition: .2s left, 0.2s -webkit-transform;
    -o-transition: .2s transform, 0.2s left;
    transition: .2s transform, 0.2s left;
    transition: .2s transform, 0.2s left, 0.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, 0.2s -webkit-transform;
    transition: .2s right, 0.2s -webkit-transform;
    -o-transition: .2s transform, 0.2s right;
    transition: .2s transform, 0.2s right;
    transition: .2s transform, 0.2s right, 0.2s -webkit-transform
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

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

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

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

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

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: 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
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

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

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

:root {
    --primary: #fff;
    --border: #9FA4AE7D;
    --secondary: #9FA4AE7D;
    --ck-color-toolbar-background: rgba(255, 255, 255, 0.025) !important;
    --ck-color-base-background: rgba(255, 255, 255, 0) !important;
    --ck-color-base-text: #e0e0e0 !important;
    --ck-color-focus-border: rgba(255, 255, 255, 0) !important;
    --ck-color-base-border: rgba(255, 255, 255, 0) !important;
    --ck-color-button-default-hover-background: #808080 !important;
    --ck-color-tooltip-background: #909090 !important;
    --ck-color-tooltip-text: white !important
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Lato", sans-serif
}

body {
    \n position: relative;
    \n color: var(--primary) !important;
    \n min-height: 100vh;
    \n background: #070d1b;
    \n
}

a {
    color: white
}

a:hover {
    color: white
}

.visually-hidden {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

input,
textarea {
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

@media(max-width:800px) {

    html,
    body {
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important
    }

    body {
        background-color: #171717
    }

    body.fixed {
        height: 100vh;
        overflow: hidden
    }

    .header {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 99;
        padding: 20px 12px 0;
        height: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top 0 center
    }

    .header__row {
        position: relative
    }

    .header__user-info {
        display: none
    }

    .header__nav-icons {
        margin: 0 -8px
    }

    .header__logo {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100px;
        height: 0;
        padding-top: 22.2972972973px;
        background: url("../static/assets/images/logo.png") center no-repeat;
        background-size: 100% 100%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .header__menu {
        position: relative;
        z-index: 1;
        margin: 25px 0 0;
        padding: 0 0 12px;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5);
        height: 31px;
        overflow: hidden;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .header_search .header__menu,
    .header_search_news .header__menu {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .header__search {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 12px;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .header_search_news .header__search {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .header_search .header__search {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .input {
        position: relative;
        height: 30px;
        line-height: 30px
    }

    .input__input {
        display: block;
        height: 30px;
        line-height: 30px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        border-radius: 0;
        color: white;
        border-bottom: 1px solid #54575f;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .input__input:focus~.input__input__placeholder {
        opacity: 0 !important
    }

    .input__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        opacity: 0;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        pointer-events: none
    }

    .input__placeholder_label {
        color: #54575f
    }

    .input__placeholder_error {
        color: #d30a0a
    }

    .input__eye-toggler {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        cursor: pointer
    }

    .input__eye-toggler:hover {
        opacity: .9
    }

    .input__eye-toggler::before,
    .input__eye-toggler::after {
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        background-position: center;
        background-repeat: no-repeat
    }

    .input__eye-toggler::before {
        opacity: 0;
        background-image: url("..static/assets/images/eye-cross.svg")
    }

    .input__eye-toggler::after {
        opacity: 1;
        background-image: url("..static/assets/images/eye.svg")
    }

    .input__eye-toggler_shown::before {
        opacity: 1
    }

    .input__eye-toggler_shown::after {
        opacity: 0
    }

    .input_smaller {
        height: 30px;
        line-height: 30px
    }

    .input_smaller .input__input {
        height: 30px;
        line-height: 30px
    }

    .input_smaller .input__placeholder {
        height: 30px;
        line-height: 30px
    }

    .input_empty .input__placeholder_label {
        opacity: 1
    }

    .input_empty .input__placeholder_error {
        opacity: 0
    }

    .input_invalid .input__input {
        border-color: #d30a0a
    }

    .input_invalid .input__placeholder {
        opacity: 0
    }

    .input_empty.input_invalid .input__placeholder_label {
        opacity: 0
    }

    .input_empty.input_invalid .input__placeholder_error {
        opacity: 1
    }

    .checkbox-row {
        display: block;
        width: 100%;
        cursor: pointer
    }

    .checkbox-row_disabled {
        opacity: .7;
        pointer-events: none
    }

    .checkbox-row__input {
        display: none
    }

    .checkbox-row__title {
        position: relative;
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 500;
        height: 19px;
        line-height: 19px
    }

    .checkbox-row__title::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 22px;
        height: 22px;
        opacity: .2;
        background: url(..static/assets/images/checked.svg) center no-repeat;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .checkbox-row__input:checked+.checkbox-row__title {
        color: white
    }

    .checkbox-row__input:checked+.checkbox-row__title::after {
        opacity: 1
    }

    .form__fieldset+.form__fieldset {
        margin-top: 25px
    }

    .form__footer {
        margin-top: 44px;
        padding: 0 20px
    }

    .form__button {
        width: 100%
    }

    .fieldset__label {
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 15px;
        font-weight: 500;
        line-height: 17px;
        margin-bottom: 10px
    }

    .button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 42px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .button:hover {
        color: white
    }

    .button_disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .load-more__button {
        height: auto;
        width: auto;
        padding: 8px 22px;
        font-size: 12px;
        line-height: 20px;
        border-radius: 15px;
        margin: 15px auto 0
    }

    .load-more__button.hidden {
        display: none
    }

    .popup {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        color: white;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: -100000;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: visibility 0s ease .2s, z-index 0s ease .2s;
        -o-transition: visibility 0s ease .2s, z-index 0s ease .2s;
        transition: visibility 0s ease .2s, z-index 0s ease .2s
    }

    .popup_active {
        z-index: 100000;
        visibility: visible;
        pointer-events: all;
        -webkit-transition: visibility 0s ease, z-index 0s ease;
        -o-transition: visibility 0s ease, z-index 0s ease;
        transition: visibility 0s ease, z-index 0s ease
    }

    .popup__underlay {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0);
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .popup_active .popup__underlay {
        opacity: 1
    }

    .popup__modal {
        position: absolute;
        z-index: 2000;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .popup__modal_active {
        pointer-events: all
    }

    .popup__modal_centred {
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
        transform: translate3d(-50%, -50%, 0) scale(1.2)
    }

    .popup__modal_centred.popup__modal_active {
        opacity: 1;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1)
    }

    .popup__modal_box {
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px
    }

    .popup__modal-success_box {
        min-width: 300px
    }

    .popup__modal-success_box.popup__modal_active {
        opacity: .9
    }

    .popup.popup_confirm-modal .popup__modal {
        width: 90%
    }

    .popup.popup_download-files {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_download-files .popup__modal {
        width: 90%
    }

    .popup.popup_cart {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_cart .popup__modal {
        height: 100%;
        width: 100%
    }

    .popup.popup_menu {
        top: 0;
        background: -o-linear-gradient(0.21deg, #171716 20%, rgba(47, 47, 48, 0.1) 150.53%);
        background: linear-gradient(89.79deg, #171716 20%, rgba(47, 47, 48, 0.1) 150.53%);
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        -o-transition: transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease, -webkit-transform .2s ease
    }

    .popup.popup_menu.popup_active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .popup.popup_menu .popup__modal {
        width: 236px;
        height: 100%;
        background: -o-linear-gradient(10.21deg, #171717 38.86%, rgba(47, 47, 48, 0.8) 140.53%);
        background: linear-gradient(79.79deg, #171717 38.86%, rgba(47, 47, 48, 0.8) 140.53%);
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .popup.popup_menu.popup_active .popup__modal {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .popup.popup_mobile-product-description {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_mobile-product-description .popup__modal {
        width: 100%;
        height: 100%
    }

    .popup.popup_refund-request {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_refund-request .popup__modal {
        width: 100%;
        height: 100%;
        background: transparent;
        border-width: 0;
        border-radius: 0
    }

    .popup.popup_send-review {
        top: 102px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -102px center;
        background-position-y: -102px;
        background-position-x: 0
    }

    .popup.popup_send-review .popup__modal {
        width: 100%;
        height: 100%;
        background: transparent;
        border-width: 0;
        border-radius: 0
    }

    .popup.popup_invite-support .confirm-modal {
        max-width: 460px
    }

    .popup.popup_captcha {
        top: 0;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top center
    }

    .popup.popup_captcha .popup__modal {
        width: 100%;
        height: 100%;
        border-width: 0
    }

    .container__header {
        height: 118px
    }

    .container__aside_right {
        margin-top: 40px
    }

    .container__aside_menu {
        display: none
    }

    .container__aside_advert {
        display: none
    }

    .container__box {
        position: relative
    }

    .tabs {
        position: relative;
        height: 45px
    }

    .tabs__row {
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs__tab {
        position: relative;
        height: 45px;
        line-height: 43px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .tabs__tab+.tabs__tab {
        margin-left: 8px
    }

    .tabs__tab_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -4px
    }

    .tabs__tab_faq {
        max-width: 45px
    }

    .tabs__tab_search {
        max-width: 45px
    }

    .tabs_closely .tabs__tab+.tabs__tab {
        margin-left: 16px
    }

    .tabs__link {
        display: block;
        height: 45px;
        line-height: 43px;
        border: 1px solid var(--border);
        text-align: center;
        font-size: 12px;
        border-radius: 10px;
        color: white;
        text-decoration: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs__link:hover {
        color: white;
        border-color: white
    }

    .tabs__link_faq {
        font-size: 24px
    }

    .tabs__link_search {
        position: relative
    }

    .tabs__link_search::before {
        content: "";
        display: block;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(..static/assets/images/search.svg) center no-repeat;
        background-size: 17px 17px;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .tabs__tab_active>.tabs__link {
        height: 43px;
        line-height: 41px;
        border: 1px solid white;
        -webkit-box-shadow: inset 0 0 0 1px white;
        box-shadow: inset 0 0 0 1px white
    }

    .tabs__search {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs_search-mode .tabs__row {
        opacity: 0;
        pointer-events: none
    }

    .tabs_search-mode .tabs__row .tabs__tab_search {
        pointer-events: all
    }

    .tabs_search-mode .tabs__search {
        opacity: 1;
        pointer-events: all
    }

    .tabs.tabs_escrow .tabs__row {
        display: block
    }

    .ads {
        padding: 0 23px
    }

    .ads__item {
        display: block;
        width: 100%;
        text-align: center;
        margin: 15px 25px
    }

    .ads__item img {
        border-radius: 20px;
        width: 100%;
        height: 100%;
        max-width: 500px;
        max-height: 125px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .select {
        display: block;
        position: relative;
        text-align: left
    }

    .select__row {
        position: relative;
        z-index: 4;
        background: inherit;
        border-radius: inherit;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__row {
        height: 52px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__row {
        height: 42px
    }
}

@media(max-width:800px) {
    .select_active {
        z-index: 15
    }
}

@media(max-width:800px) {
    .select__handler {
        position: relative;
        z-index: 4;
        border-radius: 10px;
        color: white;
        border: 1px solid var(--border);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer
    }

    .select__handler:hover {
        opacity: .8
    }

    .select__handler::after {
        content: "";
        display: block;
        position: absolute;
        pointer-events: none;
        width: 0;
        height: 0;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        border-width: 5px 3px;
        border-style: solid;
        border-top-color: inherit;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__handler::after {
        top: 45%;
        right: 12px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__handler::after {
        top: 50%;
        right: 11px
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__handler {
        line-height: 52px;
        height: 52px;
        padding: 0 24px 0 16px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__handler {
        line-height: 44px;
        height: 44px;
        padding: 0 24px 0 16px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select_active .select__handler::after {
        -webkit-transform: translateY(-7px) rotate(180deg);
        -ms-transform: translateY(-7px) rotate(180deg);
        transform: translateY(-7px) rotate(180deg)
    }
}

@media(max-width:800px) {
    .select__value {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__value {
        line-height: 52px;
        height: 52px;
        font-size: 18px
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__value {
        line-height: 42px;
        height: 42px;
        font-size: 16px
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__select {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: 5;
        width: 100%;
        height: 100%
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__select {
        display: none
    }
}

@media(max-width:800px) and (max-width:992px) {
    .select__dropdown {
        display: none
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__dropdown {
        color: white;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        max-height: 0;
        padding-top: 44px;
        opacity: 0;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: black;
        -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select_active .select__dropdown {
        pointer-events: all;
        opacity: 1;
        max-height: 100vh;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:800px) and (min-width:992px) {
    .select__item {
        position: relative;
        white-space: nowrap;
        cursor: pointer;
        line-height: 44px;
        height: 44px;
        padding: 0 30px 0 16px;
        font-size: 16px
    }

    .select__item:hover {
        background: rgba(255, 255, 255, 0.05)
    }

    .select__item::after {
        content: "";
        display: block;
        position: absolute;
        right: 5px;
        top: 50%;
        width: 10px;
        height: 5px;
        border-bottom: 2px solid white;
        border-left: 2px solid white;
        -webkit-transform: rotate(-45deg) translateY(-6px);
        -ms-transform: rotate(-45deg) translateY(-6px);
        transform: rotate(-45deg) translateY(-6px);
        opacity: 0
    }

    .select__item_active {
        color: white
    }

    .select__item_active::after {
        opacity: 1
    }
}

@media(max-width:800px) {
    .frame {
        position: relative;
        border-radius: 50%
    }

    .frame::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .frame.bronze {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3)
    }

    .frame.bronze::after {
        background: url("/media/avatars/bronze.svg") center center/100% 100% no-repeat
    }

    .frame.silver {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3)
    }

    .frame.silver::after {
        background: url("/media/avatars/silver.svg") center center/100% 100% no-repeat
    }

    .frame.gold {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3)
    }

    .frame.gold::after {
        background: url("/media/avatars/gold.svg") center center/100% 100% no-repeat
    }
}

@media(max-width:800px) {
    .attached-files-widget__list {
        width: 100%
    }

    .attached-files-widget__item+.attached-files-widget__item {
        margin-top: 15px
    }

    .attached-files-widget__item_hidden {
        display: none
    }

    .attached-files-widget__item_visible {
        display: block
    }

    .attached-files-widget__footer {
        text-align: center;
        margin-top: 15px
    }

    .attached-files-widget__add-button {
        width: 90px;
        font-size: 14px;
        line-height: 36px;
        height: 38px;
        margin: auto
    }

    .attached-files-widget__add-button:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .attached-files-widget .attached-file-item__button.attached-file-item__button_download {
        display: none
    }
}

@media(max-width:800px) {

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button-wrapper.attached-file-item__button-wrapper_change,
    .attached-files-widget.attached-files-widget_mini .attached-file-item__button.attached-file-item__button_download {
        display: none !important
    }
}

@media(max-width:800px) {
    .confirm-modal {
        padding: 17px 16px 21px;
        text-align: center;
        width: calc(100vw - 72px)
    }

    .confirm-modal__text {
        margin-bottom: 18px
    }

    .confirm-modal__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .confirm-modal__button {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: 30px;
        line-height: 27px
    }

    .confirm-modal__button+.confirm-modal__button {
        margin-left: 12px
    }
}

@media(max-width:800px) {
    .refund-modal {
        padding: 17px 16px 21px;
        text-align: center;
        width: calc(100vw - 72px)
    }

    .refund-modal__text {
        margin-bottom: 18px
    }

    .refund-modal__input-wrapper {
        margin-bottom: 18px
    }

    .refund-modal__input {
        font-size: 12px;
        text-align: center;
        width: 150px;
        margin: 0 auto;
        height: 38px;
        border-radius: 13px;
        border: 1px solid var(--border);
        background-color: transparent;
        color: #9fa4ae;
        outline: 0
    }

    .refund-modal__input::-webkit-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::-moz-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input:-ms-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::-ms-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::placeholder {
        color: #9fa4ae
    }

    .refund-modal__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .refund-modal__button {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: 30px;
        line-height: 27px
    }

    .refund-modal__button+.refund-modal__button {
        margin-left: 12px
    }
}

@media(max-width:800px) {
    .success-modal {
        padding: 20px;
        text-align: center
    }

    .success-modal__text {
        font-size: 15px;
        line-height: 18px;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .success-modal__text p:not(:last-child) {
        margin: 0 0 10px 0
    }

    .success-modal__title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 25px 0;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@media(max-width:800px) {
    .captcha-modal {
        padding: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        text-align: center
    }

    .captcha-modal__row {
        margin: auto
    }

    .captcha-modal__clock {
        width: 70%;
        margin: auto;
        height: auto;
        font-size: 0
    }

    .captcha-modal__clock>img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 50%
    }

    .captcha-modal__error {
        display: none;
        color: #d30a0a;
        font-size: 18px;
        line-height: 22px;
        margin-top: 8px
    }

    .captcha-modal__content {
        width: auto;
        margin-top: 20px
    }

    .captcha-modal__title {
        text-align: center;
        margin: 20px 0
    }

    .captcha-modal__fieldset {
        margin-top: 20px
    }

    .captcha-modal__input-wrapper {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px;
        width: 210px;
        margin: auto
    }

    .captcha-modal__input-wrapper::before,
    .captcha-modal__input-wrapper::after {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 20px;
        height: 70px;
        line-height: 70px;
        font-size: 52px;
        font-family: "Azeret Mono", monospace;
        padding: 0 20px;
        background: transparent;
        text-align: left;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .captcha-modal__input-wrapper::before {
        content: "  :  ";
        color: white
    }

    .captcha-modal__input-wrapper::after {
        content: "00:00";
        color: rgba(255, 255, 255, 0.2)
    }

    .captcha-modal__input-wrapper_placeholder::after {
        opacity: 1
    }

    .captcha-modal__input-wrapper_two-dots::before {
        opacity: 1
    }

    .captcha-modal__input {
        display: block;
        width: 210px;
        height: 70px;
        line-height: 70px;
        font-size: 52px;
        font-family: "Azeret Mono", monospace;
        padding: 0 20px;
        color: white;
        background: transparent;
        text-align: left;
        text-decoration: none;
        border-width: 0;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(max-width:800px) {
    .dialogs-list {
        margin-top: -16px
    }

    .dialogs-list__item {
        border-bottom: 1px solid rgba(159, 164, 174, 0.5)
    }

    .dialogs-list__empty {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: auto;
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: white;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

@media(max-width:800px) {
    .dialog-row {
        position: relative;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .dialog-row_unread {
        color: #fff
    }

    .dialog-row__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 18px 0
    }

    .dialog-row__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .dialog-row__col_avatar {
        width: 40px;
        max-width: 40px;
        margin-right: 16px
    }

    .dialog-row__col_description {
        width: 100%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .dialog-row__col_status {
        display: none
    }

    .dialog-row__col_date {
        position: absolute;
        right: 0;
        top: 18px;
        width: auto
    }

    .dialog-row__avatar {
        width: 40px;
        height: 40px;
        font-size: 0;
        overflow: hidden;
        border-radius: 50%;
        position: relative
    }

    .dialog-row__avatar::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .dialog-row__avatar.bronze::after {
        background: url("/media/avatars/bronze.svg") center center/40px 40px no-repeat;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3)
    }

    .dialog-row__avatar.silver::after {
        background: url("/media/avatars/silver.svg") center center/40px 40px no-repeat;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3)
    }

    .dialog-row__avatar.gold::after {
        background: url("/media/avatars/gold.svg") center center/40px 40px no-repeat;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3)
    }

    .dialog-row__avatar>img {
        display: block;
        width: 40px;
        height: 40px
    }

    .dialog-row__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 9px
    }

    .dialog-row__title {
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        font-weight: 500
    }

    .dialog-row__text {
        font-size: 14px;
        line-height: 17px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        color: rgba(159, 164, 174, 0.4901960784);
        word-break: break-word
    }

    .dialog-row__status {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-left: 12px
    }

    .dialog-row__status_read {
        background-color: #54575f
    }

    .dialog-row__status_unread {
        background-color: #fff
    }

    .dialog-row__date {
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .dialog-row__link {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        opacity: 0;
        font-size: 0;
        text-decoration: none;
        border-radius: 30px
    }
}

@media(max-width:800px) {
    .nav-user-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-self: flex-start
    }

    .nav-user-info__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        border-radius: 50%;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .nav-user-info__img>img {
        margin: auto;
        width: 28px;
        height: 28px;
        border-radius: 50%
    }

    .nav-user-info__img_silver {
        background: -o-radial-gradient(64.84% 40.63%, 462.29% 1655.76%, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: radial-gradient(462.29% 1655.76% at 64.84% 40.63%, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%)
    }

    .nav-user-info__name {
        font-size: 18px;
        line-height: 21px;
        color: var(--primary);
        cursor: pointer;
        margin-bottom: 0 !important;
        opacity: .8
    }

    .nav-user-info__balance {
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin-bottom: 0 !important
    }
}

@media(max-width:800px) {
    .nav-icons {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nav-icons__item {
        position: relative;
        margin: 0 12px
    }

    .nav-icons__item_phone {
        display: none
    }

    .nav-icons__item_search,
    .nav-icons__item_search_news {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .nav-icons__item_message {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .nav-icons__item_cart {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin-left: auto
    }

    .nav-icons__item_menu {
        position: relative;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .nav-icons__item_menu>img {
        width: 16px;
        height: 16px
    }

    .nav-icons__item_menu::before {
        content: "";
        display: block;
        position: absolute;
        top: -16px;
        right: -16px;
        left: -16px;
        bottom: -16px
    }

    .nav-icons__item_hidden {
        display: none
    }

    .nav-icons__icon {
        cursor: pointer
    }

    .nav-icons__counter {
        position: absolute;
        right: -7px;
        top: 17px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #fff;
        color: black;
        text-align: center;
        font-size: 10px;
        line-height: 15px;
        pointer-events: none
    }

    .nav-icons__counter_hidden {
        opacity: 0
    }
}

@media(max-width:800px) {
    .main-menu {
        position: relative;
        padding: 0 10px
    }

    .main-menu__item {
        text-align: center
    }

    .main-menu__link {
        display: inline-block;
        position: relative;
        text-align: center;
        height: 18px;
        line-height: 18px;
        font-size: 13px;
        text-decoration: none;
        color: rgba(159, 164, 174, 0.3);
        -webkit-transform: scale(0.6428571429);
        -ms-transform: scale(0.6428571429);
        transform: scale(0.6428571429);
        white-space: nowrap
    }

    .main-menu__link:hover {
        color: white
    }

    .main-menu__link.main-menu__item_notification {
        padding: 0 12px 0 0
    }

    .main-menu__link.main-menu__item_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -4px
    }

    .main-menu__item.swiper-slide-active .main-menu__link {
        color: rgba(159, 164, 174, 0.4901960784);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .main-menu__hand {
        display: block;
        position: absolute;
        top: 50%;
        width: 9px;
        height: 18px;
        margin: 0;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-size: contain
    }

    .main-menu__hand_backward {
        left: 0;
        background-image: url("..static/assets/images/main-menu-mobile-chevron-left.svg")
    }

    .main-menu__hand_forward {
        right: 0;
        background-image: url("..static/assets/images/main-menu-mobile-chevron-right.svg")
    }
}

@media(max-width:800px) {
    .filtration-panel .filtration_search_wrapper {
        position: relative;
        width: 100%
    }

    .filtration-panel .filtration_search_wrapper img {
        position: absolute;
        left: 0;
        top: 4px
    }

    .filtration-panel .filtration_search_wrapper input {
        width: 100%;
        background-color: transparent;
        outline: 0;
        border: 0;
        padding-bottom: 11px;
        font-size: 18px;
        padding-left: 30px;
        color: var(--primary);
        border-bottom: 1px solid var(--secondary)
    }

    .filtration-panel .filtration_search_wrapper input:focus {
        border-bottom: 2px solid var(--primary)
    }

    .filtration-panel .filtration-panel_label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 25px;
        cursor: pointer;
        margin-bottom: 15px
    }

    .filtration-panel .filtration-panel_label:hover p {
        color: var(--primary)
    }

    .filtration-panel .filtration-panel_label:hover svg path {
        fill: var(--primary)
    }

    .filtration-panel .filtration-panel_label svg path {
        -webkit-transition: fill 300ms;
        -o-transition: fill 300ms;
        transition: fill 300ms
    }

    .filtration-panel .filtration-panel_label p {
        font-size: 18px;
        color: #54575f;
        margin-bottom: 0;
        margin-left: 10px;
        -webkit-transition: color 300ms;
        -o-transition: color 300ms;
        transition: color 300ms
    }

    .filtration-panel .filtration_config {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .filtration-panel .filtration_config h3 {
        font-size: 18px;
        color: var(--primary)
    }

    .filtration-panel .filtration_config .filtration_price_inputs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 18px
    }

    .filtration-panel .filtration_config .filtration_price_inputs input {
        width: 104px;
        height: 31px;
        padding: 6px 8px;
        color: #fff;
        font-size: 16px;
        background-color: transparent;
        outline: 0;
        border-radius: 5px;
        border: 1px solid rgba(159, 164, 174, 0.4901960784)
    }

    .filtration-panel .filtration_config .filtration_price_inputs input:first-child {
        margin-right: 21px
    }

    .filtration-panel .filtration_config .filtration_price_inputs input:focus {
        border: 1px solid var(--border)
    }

    .filtration-panel .filtration_config .filtration_option {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer
    }

    .filtration-panel .filtration_config .filtration_option svg path {
        fill: #4c5159
    }

    .filtration-panel .filtration_config .filtration_option p {
        margin-bottom: 7px;
        font-size: 16px;
        color: var(--secondary)
    }

    .filtration-panel .filtration_categories {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 10px
    }

    .filtration-panel .filtration_categories .filtration_category {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
        cursor: pointer
    }

    .filtration-panel .filtration_categories .filtration_category:hover svg path {
        fill: var(--primary)
    }

    .filtration-panel .filtration_categories .filtration_category svg {
        margin-bottom: 5px
    }

    .filtration-panel .filtration_categories .filtration_category svg path {
        fill: #4c5159
    }

    .filtration-panel .filtration_categories .filtration_category p {
        color: var(--primary);
        font-size: 18px;
        margin-bottom: 0
    }

    .filtration-panel button {
        width: 135px;
        height: 35px;
        margin: 30px auto 0;
        border-radius: 10px;
        background-color: transparent;
        font-size: 16px;
        color: var(--primary);
        border: 1px solid var(--border);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .filtration-panel button:hover {
        border: 2px solid var(--primary)
    }
}

@media(max-width:800px) {
    .aside-menu {
        padding: 5px 0
    }

    .aside-menu__item {
        height: 25px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0 4px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .aside-menu__item+.aside-menu__item {
        margin-top: 24px
    }

    .aside-menu__icon {
        width: 16px;
        height: 16px
    }

    .aside-menu__link {
        margin-bottom: 0;
        font-size: 18px;
        color: var(--secondary) !important;
        margin-left: 14px;
        text-decoration: none
    }

    .aside-menu__link:hover {
        color: var(--primary) !important
    }

    .aside-menu__item_active .aside-menu__icon path {
        fill: var(--primary)
    }

    .aside-menu__item_active .aside-menu__link {
        color: #fff !important
    }
}

@media(max-width:800px) {
    .store-filter {
        height: 24px;
        margin-bottom: 20px
    }

    .store-filter__form {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10;
        margin: -16px 0 -20px;
        width: 100%;
        padding: 16px 12px 20px;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -123px center;
        background-position-y: -123px;
        background-position-x: 0;
        background-repeat: no-repeat;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .store-filter__form_filter {
        height: auto;
        top: 118px;
        bottom: 0
    }

    .store-filter__section_query {
        display: none
    }

    .store-filter__section_filters {
        height: 24px
    }

    .store-filter__section_prices {
        width: 200px;
        position: absolute;
        right: 12px;
        top: 16px
    }

    .store-filter__section_submit {
        display: none;
        position: absolute;
        padding: 6px 0 40px;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%
    }

    .store-filter__form_filter .store-filter__section_submit {
        display: block
    }

    .store-filter__row+.store-filter__row {
        margin-top: 16px
    }

    .store-filter__filter-toggler {
        position: relative;
        padding-left: 24px;
        color: #d8dde7;
        font-weight: 400;
        font-size: 16px;
        height: 24px;
        line-height: 24px;
        margin-bottom: 14px;
        cursor: pointer;
        opacity: .2
    }

    .store-filter__filter-toggler::before {
        content: "";
        display: block;
        background: url(..static/assets/images/market-filter.svg) center no-repeat;
        background-size: 16px auto;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -8px
    }

    .store-filter__filter-toggler:hover {
        opacity: .6
    }

    .store-filter__mode-sections {
        display: none;
        position: absolute;
        top: 54px;
        left: 0;
        right: 0;
        padding: 0 12px;
        margin: 0;
        bottom: 90px;
        overflow-y: scroll
    }

    .store-filter__mode_submit {
        display: none
    }

    .store-filter__mode+.store-filter__mode {
        margin-top: 16px
    }

    .store-filter__togglable-mode_filter .store-filter__mode-sections {
        display: block
    }

    .store-filter__togglable-mode_filter .store-filter__filter-toggler {
        opacity: 1
    }

    .store-filter__subtitle {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 2px
    }

    .store-filter__query-input {
        margin-bottom: 8px
    }

    .store-filter__checkbox-row {
        margin: 8px 0
    }

    .store-filter__price-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .store-filter__price-field {
        margin: 0;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .store-filter__price-field+.store-filter__price-field {
        margin-left: 14px
    }

    .store-filter__price-input {
        display: block;
        height: 24px;
        line-height: 24px;
        width: 0;
        outline: 0;
        font-size: 14px;
        width: 100%;
        padding: 0 8px;
        border-width: 0;
        color: white;
        border-radius: 5px;
        border: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-appearance: textfield
    }

    .store-filter__price-input::-webkit-outer-spin-button,
    .store-filter__price-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        display: none;
        margin: 0
    }

    .store-filter__footer {
        display: none
    }

    .store-filter__submit {
        display: block;
        width: calc(100% - 40px);
        margin: 0 20px
    }
}

@media(max-width:800px) {
    .store-filter-mobile-query__row {
        position: relative;
        height: 30px
    }

    .store-filter-mobile-query__query-wrapper {
        position: relative;
        z-index: 1;
        height: 30px
    }

    .store-filter-mobile-query__submit-wrapper {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        bottom: 0;
        width: 30px;
        height: 30px
    }

    .store-filter-mobile-query__submit {
        border-width: 0;
        outline: 0;
        width: 30px;
        height: 30px;
        background: transparent url(..static/assets/images/search-mobile.svg) center no-repeat;
        font-size: 0
    }
}

@media(max-width:800px) {
    .download-files-popup {
        padding: 51px 16px 24px
    }

    .download-files-popup__header {
        margin-bottom: 20px;
        text-align: center
    }

    .download-files-popup__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
        color: white
    }

    .download-files-popup__subtitle {
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .download-files-popup__body {
        padding: 19px 12px;
        height: 248px;
        overflow-y: auto;
        border: 1px solid var(--border);
        border-radius: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .download-files-popup__file-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 25px;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 5px 6px
    }

    .download-files-popup__file-row+.download-files-popup__file-row {
        margin-top: 16px
    }

    .download-files-popup__file-row:hover {
        opacity: .9
    }

    .download-files-popup__link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        display: block
    }

    .download-files-popup__file-col {
        line-height: 18px
    }

    .download-files-popup__file-col_title {
        width: 35.8695652174%;
        min-width: 35.8695652174%;
        max-width: 35.8695652174%;
        text-align: left
    }

    .download-files-popup__file-col_amount {
        width: 8.6956521739%;
        min-width: 8.6956521739%;
        max-width: 8.6956521739%;
        text-align: center
    }

    .download-files-popup__file-col_date {
        width: 55.4347826087%;
        min-width: 55.4347826087%;
        max-width: 55.4347826087%;
        text-align: right
    }

    .download-files-popup__file-title {
        font-size: 12px;
        font-weight: 500;
        color: white
    }

    .download-files-popup__amount {
        font-weight: 600;
        font-size: 14px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .download-files-popup__date {
        color: white;
        font-weight: 500;
        font-size: 12px
    }

    .download-files-popup__footer {
        margin-top: 28px
    }

    .download-files-popup__foot-column+.download-files-popup__foot-column {
        margin-top: 8px
    }

    .download-files-popup__button {
        width: 100%
    }
}

@media(max-width:800px) {
    .product-row-mini {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 8px;
        padding-bottom: 28px;
        height: 100%
    }

    .product-row-mini__body {
        width: 100%
    }

    .product-row-mini__edit {
        display: none
    }

    .product-row-mini_editing .product-row-mini__body {
        display: none
    }

    .product-row-mini_editing .product-row-mini__edit {
        display: block
    }

    .product-row-mini__row::after {
        content: "";
        display: block;
        clear: both
    }

    .product-row-mini__col_description {
        float: left;
        padding-right: 22px
    }

    .product-row-mini__col_amount {
        display: inline-block;
        width: 0;
        vertical-align: top;
        float: right
    }

    .product-row-mini__col_actions {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .product-row-mini__col_price {
        position: absolute;
        left: 8px;
        bottom: 8px
    }

    .product-row-mini__col_seller {
        display: none
    }

    .product-row-mini__col_order-info {
        display: none
    }

    .product-row-mini__col_status {
        display: none
    }

    .product-row-mini_preorder .product-row-mini__button_cart {
        display: none
    }

    .product-row-mini_available .product-row-mini__button_contact {
        display: none
    }

    .product-row-mini__button {
        padding: 0;
        margin: 0;
        border-width: 0;
        font-size: 0;
        width: 32px;
        height: 32px
    }

    .product-row-mini__button_cart {
        background: url("..static/assets/images/mobile-product-cart.svg") center no-repeat
    }

    .product-row-mini__button_contact {
        background: url("..static/assets/images/mobile-product-contact.svg") center no-repeat
    }

    .product-row-mini__thumbnail {
        position: relative;
        width: 100%;
        padding-top: 50%;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 6px
    }

    .product-row-mini__thumbnail>img {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .product-row-mini__description .product-row-mini__text {
        display: none
    }

    .product-row-mini__title {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        height: 34px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word
    }

    .product-row-mini__amount {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        float: right
    }

    .product-row-mini__price {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .product-row-mini__seller-link {
        display: block;
        color: inherit;
        text-decoration: none
    }

    .product-row-mini__refund-button {
        width: 120px;
        margin: 16px auto 5px
    }

    .product-row-mini__mobile-status {
        display: block;
        color: #979797;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        margin: 12px 0
    }

    .product-row-mini__footer {
        display: none
    }

    .product-row-mini__footer.product-row-mini__footer_visible {
        display: block
    }

    .product-row-mini__status {
        color: #979797;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px
    }
}

@media(max-width:800px) {
    .personal-store__item--sales .product-row-mini {
        padding: 10px
    }

    .personal-store__item--sales .product-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .personal-store__item--sales .product-row-mini__thumbnail {
        padding: 0;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        margin: 0 10px 0 0
    }

    .personal-store__item--sales .product-row-mini__thumbnail img {
        height: 100%
    }

    .personal-store__item--sales .product-row-mini__title {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        height: auto;
        margin: 0 15px 0 0;
        -webkit-line-clamp: 1
    }

    .personal-store__item--sales .product-row-mini__title span {
        display: block
    }

    .personal-store__item--sales .product-row-mini__price {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        margin: 0 10px 0 0;
        white-space: nowrap
    }

    .personal-store__item--sales .product-row-mini__col_comment-counter {
        display: none
    }

    .personal-store__item--sales .product-row-mini__col_rating {
        width: 100px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100px;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px
    }

    .personal-store__item--sales .product-row-mini__button {
        position: absolute;
        opacity: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: calc(100% - 64px);
        height: 100%
    }

    .personal-store__item--sales .product-row-mini__comment {
        padding: 15px 0;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784);
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(max-width:800px) {
    .personal-store__item_offers {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 calc(50% - 10px);
        -ms-flex: 0 1 calc(50% - 10px);
        flex: 0 1 calc(50% - 10px)
    }

    .personal-store__item_offers .product-row-mini {
        padding: 8px
    }

    .personal-store__item_offers .product-row-mini__edit {
        height: 100%
    }

    .personal-store__item_offers .product-form {
        height: 100%
    }

    .personal-store__item_offers .product-form__inner {
        height: 100%
    }

    .personal-store__item_offers .product-form__form {
        height: 100%
    }

    .personal-store__item_offers .product-row-mini__row {
        position: relative
    }

    .personal-store__item_offers .product-row-mini__description {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 10px 0
    }

    .personal-store__item_offers .product-row-mini__title {
        margin: 0 5px 0 0
    }

    .personal-store__item_offers .product-row-mini__col_amount {
        display: none
    }

    .personal-store__item_offers .product-row-mini__price {
        padding: 0 60px 0 0
    }

    .personal-store__item_offers .product-row-mini__button-wrapper {
        display: none
    }

    .personal-store__item_offers .product-row-mini__button-edit {
        display: block
    }

    .personal-store__item_offers .product-row-mini__button-edit .product-row-mini__button {
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        opacity: 0;
        z-index: 1
    }

    .personal-store__item_offers .product-row-mini__button-upload {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2
    }

    .personal-store__item_offers .product-row-mini__button-upload .product-row-mini__button {
        position: relative;
        font-size: 10px;
        line-height: 1.2;
        width: auto;
        height: auto;
        border-radius: 5px;
        padding: 4px 12px;
        border: 1px solid var(--border)
    }

    .personal-store__item_offers .product-row-mini__button-upload .product-row-mini__button::before {
        content: "";
        display: block;
        position: absolute;
        top: -8px;
        left: -8px;
        right: -8px;
        bottom: -8px
    }
}

@media(max-width:800px) {

    .personal-store__new-item-form .popup,
    .product-row-mini .popup {
        height: calc(100% - 100px);
        top: auto;
        background-color: #171717;
        background-size: 100vw 100vh;
        background-position: top -108px center;
        background-position-y: -108px;
        background-position-x: 0
    }

    .personal-store__new-item-form .popup__modal,
    .product-row-mini .popup__modal {
        height: 100%;
        width: 100%;
        padding: 0 15px
    }
}

@media(max-width:800px) {

    .product-row-mini_editing .popup,
    .personal-store__new-item-form_visible .popup {
        z-index: 100;
        visibility: visible;
        pointer-events: all;
        -webkit-transition: visibility 0s ease, z-index 0s ease;
        -o-transition: visibility 0s ease, z-index 0s ease;
        transition: visibility 0s ease, z-index 0s ease
    }

    .product-row-mini_editing .popup__modal,
    .personal-store__new-item-form_visible .popup__modal {
        opacity: 1;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        pointer-events: all
    }
}

@media(max-width:800px) {
    .mobile-product-description {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding: 0 16px
    }

    .mobile-product-description__header {
        position: relative;
        padding: 11px 0 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .mobile-product-description__header::after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 2;
        margin-top: 1px;
        height: 14px;
        background-image: url("../static/assets/images/cart-popup-shadow-top-mobile.png");
        background-size: 100% 100%
    }

    .mobile-product-description__title {
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .mobile-product-description__amount {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin-left: 10px
    }

    .mobile-product-description__amount:empty {
        display: none
    }

    .mobile-product-description__body {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        overflow-y: scroll;
        padding: 14px 0
    }

    .mobile-product-description__thumbnail {
        position: relative;
        width: 100%;
        padding-top: 50%;
        border-radius: 6px;
        overflow: hidden
    }

    .mobile-product-description__thumbnail>img {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .mobile-product-description__description {
        padding: 18px 0 24px
    }

    .mobile-product-description__text {
        margin: 18px 0 24px;
        font-size: 16px;
        line-height: 19px;
        color: rgba(159, 164, 174, 0.4901960784);
        word-break: break-word
    }

    .mobile-product-description__info-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mobile-product-description__seller-link {
        display: block;
        color: inherit;
        text-decoration: none
    }

    .mobile-product-description__seller {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-product-description__seller-avatar {
        width: 45px;
        height: 45px;
        font-size: 0;
        margin-right: 9px;
        border-radius: 50%;
        overflow: hidden
    }

    .mobile-product-description__seller-avatar>img {
        display: block;
        width: 45px;
        height: 45px
    }

    .mobile-product-description__seller-name {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .mobile-product-description__price {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .mobile-product-description__footer {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 3px 0 33px;
        position: relative
    }

    .mobile-product-description__button {
        width: 100%
    }

    .mobile-product-description__button+.mobile-product-description__button {
        margin-top: 11px
    }
}

@media(max-width:800px) {
    .mobile-heading {
        position: relative;
        padding: 11px 0 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .mobile-heading__title {
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .mobile-heading__value {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin-left: 10px
    }

    .mobile-heading__value:empty {
        display: none
    }
}

@media(max-width:800px) {
    .products-store__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -8px
    }

    .products-store__item {
        width: 50%;
        padding: 8px 8px
    }
}

@media(max-width:800px) {
    .provide-account-modal {
        text-align: center;
        width: 95vw
    }

    .provide-account-modal__container {
        padding: 24px 19px 32px
    }

    .provide-account-modal__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        color: white
    }

    .provide-account-modal__description {
        font-size: 12px;
        color: #9fa4ae
    }

    .provide-account-modal__button {
        max-width: 100px;
        margin: 18px auto 0
    }

    .provide-account-modal__input {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 16px;
        display: block;
        height: 45px;
        line-height: 45px;
        outline: 0;
        color: white;
        border: 1px solid rgba(159, 164, 174, 0.5);
        border-radius: 10px;
        padding: 0 10px;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(max-width:800px) {
    .product-form {
        padding: 15px 0 90px
    }

    .product-form__inner {
        overflow-y: scroll
    }

    .product-form .error {
        border-color: #d30a0a
    }

    .product-form .error::-webkit-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::-moz-placeholder {
        color: #d30a0a
    }

    .product-form .error:-ms-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::-ms-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::placeholder {
        color: #d30a0a
    }

    .product-form__thumbnail {
        display: block;
        height: 125px;
        width: 100%;
        margin: 0 0 20px 0;
        border-radius: 10px;
        overflow: hidden;
        font-size: 0;
        background: #eaeaea url(../static/assets/images/plus-mobile.png) center no-repeat;
        background-size: contain
    }

    .product-form__thumbnail--disabled {
        pointer-events: none
    }

    .product-form__thumbnail>img {
        display: block;
        width: 100%;
        height: 100%
    }

    .product-form__thumbnail>img.hide {
        display: none
    }

    .product-form__body {
        overflow: hidden;
        overflow-y: scroll
    }

    .product-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .product-form__row-header {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 0 18px 0;
        border-bottom: 1px solid rgba(159, 164, 174, 0.5);
        margin: 0 0 13px 0
    }

    .product-form__row_description {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-form__col_name {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 0 15px 0 0
    }

    .product-form__col_price {
        display: none
    }

    .product-form__col_availability {
        display: none
    }

    .product-form__col_count {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .product-form__col_save-button {
        position: fixed;
        bottom: 30px;
        left: 15px;
        width: calc(50% - 30px)
    }

    .product-form__col_slide-up-form {
        position: fixed;
        bottom: 30px;
        width: calc(50% - 30px);
        right: 15px
    }

    .product-form__col_description {
        width: 100%;
        margin: 0 0 12px 0
    }

    .product-form__col_mobile-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 10px 0;
        gap: 20px
    }

    .product-form__col_mobile-info .product-form__input {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 90px;
        width: auto
    }

    .product-form__col_categories {
        display: block;
        color: white;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: transparent;
        height: 95px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__slide-up-form {
        display: none
    }

    .product-form__slide-up-form--mobile {
        display: block
    }

    .product-form__thumbnail-image {
        display: none
    }

    .product-form__input {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        height: 38px;
        line-height: 38px;
        color: rgba(159, 164, 174, 0.4901960784);
        padding: 0 13px;
        border: 1px solid var(--border);
        border-radius: 13px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__input_center {
        text-align: center
    }

    .product-form__textarea {
        display: block;
        width: 100%;
        min-height: 200px;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        padding: 14px 13px;
        border: 1px solid var(--border);
        border-radius: 15px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__categories {
        padding: 9px 14px;
        max-height: 100%;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__categories::-webkit-scrollbar {
        width: 16px
    }

    .product-form__categories::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .product-form__categories::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .product-form__categories::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .product-form__categories .checkbox-row__title {
        color: #fff
    }

    .product-form__category-row+.product-form__category-row {
        margin-top: 8px
    }

    .product-form__button {
        max-width: 100%
    }

    .product-form__attached-files {
        margin: 13px 0 0 0;
        width: 100%
    }
}

@media(max-width:800px) {
    .attached-file-item__input {
        display: none
    }

    .attached-file-item__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .attached-file-item__col_description {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-right: 10px
    }

    .attached-file-item__description-line {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 25px;
        line-height: 23px;
        font-size: 12px;
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 0 12px
    }

    .attached-file-item__title {
        display: inline-block
    }

    .attached-file-item__date {
        display: inline-block;
        vertical-align: baseline;
        margin-left: 10px
    }

    .attached-file-item__title>span,
    .attached-file-item__date>span {
        display: block;
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .attached-file-item__buttons-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .attached-file-item__button_change {
        width: 70px;
        height: 25px;
        line-height: 25px;
        font-size: 12px
    }

    .attached-file-item__button_delete {
        font-size: 0;
        border: 0;
        width: 25px;
        height: 25px;
        position: relative
    }

    .attached-file-item__button_delete::after {
        content: "x";
        position: absolute;
        left: 0;
        top: -14px;
        width: 25px;
        height: 25px;
        font-weight: 800;
        font-size: 36px;
        line-height: 43px;
        color: #b5b2b2;
        opacity: .75
    }
}

@media(max-width:800px) {
    .product-form-availability {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .product-form-availability__title {
        font-weight: 400;
        color: white;
        font-size: 14px
    }

    .product-form-availability__radio-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

    .product-form-availability__label {
        display: block;
        width: 110px
    }

    .product-form-availability__input {
        display: none
    }

    .product-form-availability__handler {
        text-align: center;
        color: white;
        border: 1px solid var(--border);
        font-size: 12px;
        font-weight: 500;
        border-radius: 8px;
        height: 25px;
        line-height: 23px
    }

    .product-form-availability__input:checked+.product-form-availability__handler {
        border: 2px solid white
    }
}

@media(max-width:800px) {
    .personal-store_empty {
        position: relative;
        min-height: 90vh
    }

    .personal-store__navigation {
        margin-bottom: 13px
    }

    .personal-store__navigation .tabs__tab+.tabs__tab {
        margin: 0 0 0 8px
    }

    .personal-store__search {
        display: none;
        margin-bottom: 13px
    }

    .personal-store__list_offers {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }

    .personal-store__item {
        margin: 0 0 12px 0
    }

    .personal-store__item:last-child {
        margin: 0
    }

    .personal-store__footer {
        margin-top: 15px;
        text-align: center
    }

    .personal-store_empty .personal-store__footer {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .personal-store_empty.personal-store__new-item-form-visible .personal-store__footer {
        visibility: hidden
    }

    .personal-store__empty-subtitle {
        color: #9fa4ae;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 8px
    }

    .personal-store__add-item {
        width: 150px;
        height: 45px;
        line-height: 43px;
        text-align: center;
        border-radius: 15px;
        background: 0;
        border: 1px solid var(--border);
        color: white;
        font-size: 12px
    }

    .personal-store__add-item:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .personal-store__add-item:hover {
        border-color: white
    }

    .personal-store__new-item-form {
        height: 100%
    }

    .personal-store__new-item-form .product-form {
        height: 100%
    }

    .personal-store__new-item-form .product-form__inner {
        height: 100%
    }

    .personal-store__new-item-form .product-form__form {
        height: 100%
    }
}

@media(max-width:800px) {
    .pagination {
        padding: 17px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pagination__button+.pagination__button {
        margin-left: 15px
    }
}

@media(max-width:800px) {
    .popup-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 40px 19px
    }

    .popup-menu__user {
        border-bottom: 1px solid rgba(159, 164, 174, 0.5);
        padding-bottom: 26px;
        margin-bottom: 26px
    }

    .popup-menu__menu {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .popup-menu__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .popup-menu__footer-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        line-height: 19px;
        font-size: 16px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-decoration: none;
        margin-right: 18px
    }

    .popup-menu__footer-link:last-child {
        margin-right: 0
    }

    .popup-menu__footer-link.popup-menu__faq>svg {
        width: 17px;
        height: 17px;
        margin-top: 0
    }

    .popup-menu__footer-link>svg {
        width: 17px;
        height: 17px;
        margin-top: 4px;
        margin-right: 6px
    }

    .popup-menu__footer-link:hover {
        text-decoration: none;
        color: white
    }

    .popup-menu__footer-link:hover>svg path {
        fill: white !important
    }
}

@media(max-width:800px) {
    .cart-popup {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cart-popup__header {
        padding: 13px 0;
        margin: 0 15px 1px;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .cart-popup__title {
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: #9fa4ae
    }

    .cart-popup__icon {
        display: none
    }

    .cart-popup__body {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .cart-popup__body::before,
    .cart-popup__body::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
        height: 20px;
        background-size: 100% 100%
    }

    .cart-popup__body::before {
        top: -1px
    }

    .cart-popup__body::after {
        bottom: 0
    }

    .cart-popup__list {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 15px;
        overflow-y: auto
    }

    .cart-popup__item {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .cart-popup__item_sold-out {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .cart-popup__item_not-enough {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .cart-popup__footer {
        padding: 0 20px 0 12px
    }

    .cart-popup__error {
        display: none;
        color: #d30a0a;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 22px
    }

    .cart-popup__error_visible {
        display: block
    }

    .cart-popup__total-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        color: #fff
    }

    .cart-popup__total-subtitle {
        text-align: left;
        text-transform: uppercase
    }

    .cart-popup__total-value {
        text-align: right
    }

    .cart-popup__button-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 0 40px
    }

    .cart-popup__button {
        width: 100%;
        margin: auto
    }

    .cart-popup__button_disabled {
        pointer-events: none;
        opacity: .5
    }

    .cart-popup__button+.cart-popup__button {
        margin-left: 16px
    }
}

@media(max-width:800px) {
    .cart-item {
        position: relative;
        padding: 12px 15px 14px
    }

    .cart-item_sold-out {
        opacity: .3
    }

    .cart-item_not-enough {
        border-color: #d30a0a
    }

    .cart-item__inner {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .cart-item__row {
        display: table-row
    }

    .cart-item__col {
        display: table-cell;
        vertical-align: top;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .cart-item__col_thumbnail {
        width: 56px;
        padding-right: 12px
    }

    .cart-item__col_description {
        width: 100%
    }

    .cart-item__thumbnail {
        width: 56px;
        height: 56px;
        border-radius: 10px;
        overflow: hidden
    }

    .cart-item__thumbnail>img {
        display: block;
        width: 56px;
        height: 56px
    }

    .cart-item__title {
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
        color: white;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .cart-item__amount {
        position: absolute;
        top: 12px;
        left: 15px;
        color: #d4d4d4;
        font-size: 24px;
        font-weight: 600;
        width: 56px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        border-radius: 10px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(149, 149, 149, 0.6)), to(rgba(76, 81, 89, 0.6)));
        background: -o-linear-gradient(top, rgba(149, 149, 149, 0.6) 0, rgba(76, 81, 89, 0.6) 100%);
        background: linear-gradient(180deg, rgba(149, 149, 149, 0.6) 0, rgba(76, 81, 89, 0.6) 100%)
    }

    .cart-item_not-enough .cart-item__amount {
        color: #d30a0a
    }

    .cart-item__price {
        position: absolute;
        bottom: 14px;
        left: 83px;
        font-weight: 600;
        font-size: 18px;
        height: 32px;
        line-height: 32px
    }

    .cart-item__inc {
        position: absolute;
        bottom: 14px;
        right: 160px;
        border-width: 0;
        margin: 0;
        width: 32px;
        height: 32px;
        background: url("..static/assets/images/mobile-product-cart.svg") center no-repeat
    }

    .cart-item__remove {
        position: absolute;
        right: 9px;
        bottom: 14px;
        border-width: 0;
        outline: 0;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        border: 1px solid var(--border);
        border-radius: 8px;
        width: 135px;
        height: 32px;
        line-height: 32px;
        text-align: center
    }

    .cart-item__remove_hide {
        display: none
    }
}

@media(max-width:800px) {
    .security-container {
        width: 100%;
        padding-bottom: 30px;
        margin: auto
    }

    .security-container__heading {
        display: none
    }

    .security-container__form+.security-container__form {
        margin-top: 44px
    }
}

@media(max-width:800px) {
    .order-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-left: 40px;
        padding-right: 70px
    }
}

@media(max-width:800px) and (max-width:576px) {
    .order-info {
        margin-top: 50px
    }
}

@media(max-width:800px) and (max-width:992px) {
    .order-info {
        padding: 0
    }
}

@media(max-width:800px) {
    .order-info p {
        color: var(--secondary);
        font-size: 18px;
        font-weight: 300
    }
}

@media(max-width:800px) {
    .purchases-info {
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 20px;
        position: relative
    }
}

@media(max-width:800px) {
    .purchases-list {
        padding-bottom: 16px
    }

    .purchases-list__item {
        margin: 0 0 15px 0;
        border-bottom: 1px solid rgba(159, 164, 174, 0.5)
    }

    .purchases-list__item:last-child {
        margin: 0
    }

    .purchases-list__empty {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: auto;
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: white;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

@media(max-width:800px) {
    .purchase-btns {
        margin-top: 40px;
        -ms-flex-item-align: start;
        -webkit-align-self: flex-start;
        align-self: flex-start;
        max-width: 135px
    }
}

@media(max-width:800px) {
    .purchase {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .purchase button {
        width: 135px;
        height: 35px;
        font-size: 16px;
        background-color: transparent;
        cursor: pointer;
        overflow: hidden;
        outline: 0;
        border: 1px solid var(--border);
        border-radius: 10px;
        color: var(--primary);
        margin-bottom: 6px
    }

    .purchase button:hover {
        border: 2px solid #fff
    }
}

@media(max-width:800px) {
    .purchase-box__header {
        padding: 0;
        margin-bottom: 12px
    }

    .purchase-box__header-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .purchase-box_details .purchase-box__header-row {
        padding-right: 30px
    }

    .purchase-box__header-col {
        font-size: 10px;
        height: 12px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .purchase-box__header-col_close {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: -7px;
        display: none
    }

    .purchase-box_details .purchase-box__header-col_close {
        display: block
    }

    .purchase-box__date {
        text-align: left
    }

    .purchase-box__number {
        text-align: right
    }

    .purchase-box_single-product .purchase-box__body {
        padding: 8px 0
    }

    .purchase-box_multiple-products .purchase-box__body {
        padding-bottom: 16px
    }

    .purchase-box__order-details {
        display: none
    }

    .purchase-box_details .purchase-box__order-preview {
        display: none
    }

    .purchase-box_details .purchase-box__order-details {
        display: block
    }

    .purchase-box__list {
        margin: 0
    }

    .purchase-box__item {
        width: 100%
    }

    .purchase-box_single-product .purchase-box__item+.purchase-box__item {
        border-top: 1px solid rgba(159, 164, 174, 0.5)
    }

    .purchase-box_multiple-products .purchase-box__item {
        padding: 0
    }

    .purchase-box_multiple-products .purchase-box__item .purchase-row__col.purchase-row__col_thumbnail,
    .purchase-box_multiple-products .purchase-box__item .purchase-row__col.purchase-row__col_mobile-description {
        margin-top: 16px
    }

    .purchase-box_multiple-products .purchase-box__item+.purchase-box__item {
        border-top: 1px solid var(--border)
    }

    .purchase-box__close {
        width: 24px;
        height: 24px;
        text-align: center;
        color: #b5b2b2;
        font-size: 22px;
        font-style: normal;
        font-weight: 800;
        opacity: .75
    }

    .purchase-box__close::before {
        content: "×";
        display: block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center
    }
}

@media(max-width:800px) {
    .purchase-info {
        width: 596px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border: 1px solid var(--border);
        border-radius: 30px;
        padding: 14px 9px 15px 18px;
        margin-right: 5px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: center;
        align-items: center
    }

    .purchase-info .purchase_img {
        width: 80px;
        height: 80px;
        margin-right: 5px
    }

    .purchase-info .seller_img {
        width: 30px;
        height: 30px;
        border-radius: 50%
    }

    .purchase-info .purchase-info__price {
        font-size: 24px;
        color: var(--primary);
        margin-bottom: 0
    }

    .purchase-info p {
        font-size: 14px;
        color: var(--secondary)
    }

    .purchase-info .purchase_desc_text {
        max-height: 63px;
        overflow: hidden;
        -webkit-transition: max-height .5s cubic-bezier(0, 1, 0, 1);
        -o-transition: max-height .5s cubic-bezier(0, 1, 0, 1);
        transition: max-height .5s cubic-bezier(0, 1, 0, 1)
    }

    .purchase-info .purchase_desc_full_text {
        max-height: 1000px;
        -webkit-transition: max-height 250ms ease-in-out;
        -o-transition: max-height 250ms ease-in-out;
        transition: max-height 250ms ease-in-out
    }

    .purchase-info .purchase-info__desc {
        max-width: 282px
    }

    .purchase-info .purchase-info__desc h3 {
        font-size: 18px;
        color: var(--primary)
    }

    .purchase-info .purchase-info__desc p {
        margin-bottom: 0
    }
}

@media(max-width:800px) {
    .purchase-total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 25px;
        width: 100%;
        max-width: 596px
    }

    .purchase-total p {
        margin-bottom: 0;
        color: var(--primary)
    }

    .purchase-total p:first-child {
        font-size: 24px
    }

    .purchase-total a {
        color: var(--primary) !important;
        text-decoration: underline !important;
        font-size: 14px;
        cursor: pointer
    }
}

@media(max-width:800px) {
    .purchase-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 44px
    }

    .purchase-row__col {
        min-width: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .purchase-row__col_price {
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: left;
        width: 72px
    }

    .purchase-row__col_mobile-description {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: calc(100% - 72px - 10px);
        margin-left: 10px;
        padding-bottom: 44px;
        margin-bottom: -44px
    }

    .purchase-row__col_mobile-description .purchase-row__price {
        display: none
    }

    .purchase-row__col_mobile-description .purchase-row__user-avatar {
        width: 60px;
        height: 60px
    }

    .purchase-row__col_mobile-description .purchase-row__user-avatar>img {
        width: 60px;
        height: 60px
    }

    .purchase-row__col_details-button {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 80px;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .purchase-row__col_thumbnail {
        margin-bottom: auto
    }

    .purchase-row__col_buttons {
        pointer-events: none
    }

    .purchase-row_three-buttons-mode .purchase-row__col_buttons {
        pointer-events: all
    }

    .purchase-row__images {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 248px
    }

    .purchase-row__images .purchase-row__image+.purchase-row__image {
        margin-left: 16px
    }

    .purchase-row__image {
        position: relative;
        width: 72px;
        max-width: 72px;
        height: 72px;
        border-radius: 14px;
        background: #eaeaea;
        overflow: hidden;
        font-size: 0
    }

    .purchase-row__image>img {
        display: block;
        width: 72px;
        height: 72px
    }

    .purchase-row__image[data-quantity]::before {
        content: attr(data-quantity);
        display: block;
        position: absolute;
        top: 0;
        z-index: 2;
        border-radius: 14px;
        width: 72px;
        height: 72px;
        line-height: 72px;
        text-align: center;
        font-weight: 600;
        font-size: 24px;
        color: #d4d4d4;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(149, 149, 149, 0.6)), to(rgba(76, 81, 89, 0.6)));
        background: -o-linear-gradient(top, rgba(149, 149, 149, 0.6) 0, rgba(76, 81, 89, 0.6) 100%);
        background: linear-gradient(180deg, rgba(149, 149, 149, 0.6) 0, rgba(76, 81, 89, 0.6) 100%)
    }

    .purchase-row__description {
        cursor: pointer
    }

    .purchase-row__title {
        position: relative;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .purchase-row__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .purchase-row__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(9, 9, 10, 0.9);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .purchase-row__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .purchase-row__text {
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        -o-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical
    }

    .purchase-row__description_expanded .purchase-row__text {
        white-space: normal;
        overflow: visible;
        -webkit-line-clamp: initial;
        -moz-line-clamp: initial;
        -ms-line-clamp: initial;
        -o-line-clamp: initial;
        line-clamp: initial
    }

    .purchase-row__price {
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-weight: 400;
        color: white
    }

    .purchase-row__three-buttons {
        position: absolute;
        right: 0;
        width: 48px;
        height: 54px;
        margin: 0 0 0 -20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: all
    }

    .purchase-row__three-buttons>span {
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: white;
        position: absolute;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .purchase-row__three-buttons>span:nth-child(1) {
        top: 25%
    }

    .purchase-row__three-buttons>span:nth-child(2) {
        top: 50%
    }

    .purchase-row__three-buttons>span:nth-child(3) {
        top: 75%
    }

    .purchase-row__buttons {
        width: 100%;
        opacity: 0;
        margin: auto;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row_three-buttons-mode .purchase-row__buttons {
        opacity: 1;
        pointer-events: all
    }

    .purchase-row__button {
        width: 100%
    }

    .purchase-row__button+.purchase-row__button {
        margin-top: 12px
    }

    .purchase-row__user-avatar {
        width: 60px;
        height: 60px;
        font-size: 0;
        border-radius: 50%;
        overflow: hidden;
        margin: auto
    }

    .purchase-row__user-avatar>img {
        display: block;
        width: 60px;
        height: 60px
    }
}

@media(max-width:800px) {
    .purchase-row.purchase-row_single-product {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .purchase-row.purchase-row_single-product .purchase-row__col_thumbnails {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 8px;
        margin-right: 10px
    }

    .purchase-row.purchase-row_single-product .purchase-row__col_buttons {
        position: absolute;
        top: 0;
        right: 80px;
        left: 0;
        bottom: 0;
        padding-right: 55px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .purchase-row.purchase-row_single-product .purchase-row__col_description,
    .purchase-row.purchase-row_single-product .purchase-row__col_user-avatar,
    .purchase-row.purchase-row_single-product .purchase-row__col_quantity {
        display: none
    }

    .purchase-row.purchase-row_single-product .purchase-row__button {
        font-size: 12px;
        height: 30px;
        line-height: 28px;
        white-space: nowrap
    }

    .purchase-row.purchase-row_single-product .purchase-row__button+.purchase-row.purchase-row_single-product .purchase-row__button {
        margin-top: 11px
    }
}

@media(max-width:800px) {
    .purchase-row.purchase-row_multiple-products {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .purchase-row.purchase-row_multiple-products .purchase-row__col_thumbnails {
        width: 100%;
        margin-bottom: 8px
    }

    .purchase-row.purchase-row_multiple-products .purchase-row__col_buttons {
        width: 80px;
        margin-left: auto
    }

    .purchase-row.purchase-row_multiple-products .purchase-row__buttons {
        margin: 0
    }

    .purchase-row.purchase-row_multiple-products .purchase-row__button {
        font-size: 14px
    }
}

@media(max-width:800px) {
    .purchase-row.purchase-row_single-of-multiple-products {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_thumbnails {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 8px;
        margin-right: 10px
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_buttons {
        position: absolute;
        top: 0;
        right: 80px;
        left: 0;
        bottom: 0;
        padding-right: 55px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_description,
    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_user-avatar,
    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__col_quantity {
        display: none
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__button {
        font-size: 12px;
        height: 30px;
        line-height: 28px;
        white-space: nowrap
    }

    .purchase-row.purchase-row_single-of-multiple-products .purchase-row__button+.purchase-row.purchase-row_single-of-multiple-products .purchase-row__button {
        margin-top: 11px
    }
}

@media(max-width:800px) {

    .purchase-row_three-buttons-mode .purchase-row__col.purchase-row__col_price,
    .purchase-row_three-buttons-mode .purchase-row__col.purchase-row__col_thumbnail,
    .purchase-row_three-buttons-mode .purchase-mini-row__col.purchase-mini-row__col_description {
        opacity: 0;
        pointer-events: none
    }
}

@media(max-width:800px) {
    .purchase-mini-row__col_description {
        padding-right: 140px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .purchase-mini-row__col_aside {
        width: 60px;
        text-align: center;
        padding: 6px 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }
}

@media(max-width:800px) {
    .mini-search__input {
        display: block;
        width: 100%;
        height: 45px;
        line-height: 43px;
        color: white;
        font-size: 14px;
        border-radius: 0;
        border-width: 0;
        outline-width: 0;
        border-bottom: 1px solid var(--border);
        background: transparent url("..static/assets/images/filter-query.svg") right 3px center no-repeat;
        background-size: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .mini-search__input:focus::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0)
    }

    .mini-search__input:focus::-moz-placeholder {
        color: rgba(0, 0, 0, 0)
    }

    .mini-search__input:focus:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0)
    }

    .mini-search__input:focus::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0)
    }

    .mini-search__input:focus::placeholder {
        color: rgba(0, 0, 0, 0)
    }
}

@media(max-width:800px) {
    .ads-book {
        margin-top: 20px;
        text-align: center
    }

    .ads-book__link {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-decoration: none
    }

    .ads-book__link:hover {
        color: white
    }
}

@media(max-width:800px) {
    .seller-img {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: cover;
        position: relative
    }

    .seller-img-bronze {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: cover;
        position: relative
    }

    .seller-img-bronze::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #c28d6f 17.71%, #e9c58f 47.92%, #94561d 69.27%, #9f7249 89.58%, #c1976f 100%);
        background: linear-gradient(45deg, #c28d6f 17.71%, #e9c58f 47.92%, #94561d 69.27%, #9f7249 89.58%, #c1976f 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }

    .seller-img-silver {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: contain;
        position: relative
    }

    .seller-img-silver::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }

    .seller-img-gold {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: contain;
        position: relative
    }

    .seller-img-gold::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #fff9ef 3.65%, #f3ce70 17.71%, #fdf4d6 65.39%, #e3cc54 100%);
        background: linear-gradient(45deg, #fff9ef 3.65%, #f3ce70 17.71%, #fdf4d6 65.39%, #e3cc54 100%);
        -webkit-box-shadow: 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }
}

@media(max-width:800px) {
    .send-review-popup {
        padding: 53px 35px 34px;
        overflow-y: scroll;
        max-height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .send-review-popup__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .send-review-popup__user {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .send-review-popup__thumbnail {
        width: 72px;
        height: 72px;
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 18px
    }

    .send-review-popup__thumbnail>img {
        width: 72px;
        height: 72px
    }

    .send-review-popup__name {
        font-weight: 600;
        font-size: 19px;
        color: #fff;
        margin-bottom: 15px
    }

    .send-review-popup__order-info {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: right;
        position: relative;
        top: -35px;
        margin: 0 -20px
    }

    .send-review-popup__order-info-line {
        font-weight: 600px;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .send-review-popup__order-info-line+.send-review-popup__order-info-line {
        margin-top: 4px
    }

    .send-review-popup__stars {
        text-align: center;
        margin-bottom: 15px
    }

    .send-review-popup__textarea {
        display: block;
        width: 100%;
        height: calc(100vh - 494px);
        color: white;
        padding: 20px 30px;
        font-size: 14px;
        border: 1px solid var(--border);
        border-radius: 16px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .send-review-popup__footer {
        padding: 25px 0 0;
        text-align: center
    }

    .send-review-popup__button {
        display: block;
        width: 100%
    }

    .send-review-popup__button+.send-review-popup__button {
        margin-top: 8px
    }

    .send-review-popup__foot-disclaimer {
        margin: -10px 0 20px;
        color: #d30a0a;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .send-review-popup__foot-disclaimer:first-child {
        margin-top: 10px
    }

    .send-review-popup__product-preview {
        margin: 14px 0 17px
    }

    .send-review-popup__product-preview-title {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 8px
    }

    .send-review-popup__product-preview-description {
        color: #9fa4ae;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .send-review-popup__file-wrapper {
        margin-top: 16px
    }
}

@media(max-width:800px) {
    .nav-user-img {
        min-width: 28px;
        height: 28px;
        border-radius: 50%;
        background-size: contain;
        position: relative;
        margin-right: 7px;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(max-width:800px) {
    .nav-seller-img {
        min-width: 28px;
        height: 28px;
        border-radius: 50%;
        background-size: contain;
        position: relative;
        margin-right: 7px;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35)
    }

    .nav-seller-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 2px;
        background: -o-linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }
}

@media(max-width:800px) {
    .message-editor {
        top: 12px;
        padding: 23px 37px;
        left: 14px;
        border: 1px solid var(--border);
        width: 520px;
        height: 470px;
        position: absolute;
        border-radius: 15px;
        background: -o-linear-gradient(315deg, #2f2f30, #111214, #000);
        background: linear-gradient(135deg, #2f2f30, #111214, #000)
    }

    .message-editor button {
        width: 135px;
        height: 35px;
        display: block;
        margin: 18px auto 0;
        background-color: transparent;
        border: 1px solid var(--border);
        border-radius: 10px;
        color: #fff
    }

    .message-editor button:hover {
        border: 2px solid #fff
    }

    .message-editor textarea {
        border-radius: 30px;
        margin-top: 15px;
        width: 100%;
        background-color: transparent;
        color: #fff;
        height: 248px;
        resize: none;
        padding: 20px;
        overflow: auto
    }

    .message-editor textarea:focus {
        outline: 0
    }
}

@media(max-width:800px) {
    .message-top-info {
        height: 84px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .message-top-info .message-receiver {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 48px;
        width: 106px
    }

    .message-top-info .message-receiver img {
        width: 48px;
        height: 48px;
        border-radius: 50%
    }

    .message-top-info .message-receiver p {
        margin-left: 13px;
        color: var(--secondary);
        margin-bottom: 0;
        font-size: 18px
    }

    .message-top-info .message-rate {
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

    .message-top-info .message-rate img {
        opacity: .6;
        width: 27px;
        height: 27px;
        cursor: pointer
    }

    .message-top-info .message-date p {
        margin-bottom: 0;
        color: var(--secondary);
        font-size: 10px;
        text-align: right
    }
}

@media(max-width:800px) {
    .message-status {
        height: 33px;
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width:800px) {
    .wallet-form {
        position: absolute;
        top: 102px;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0;
        padding: 0 16px;
        background-color: transparent
    }

    .wallet-form::before {
        content: "$";
        -webkit-box-ordinal-group: 999;
        -webkit-order: 998;
        -ms-flex-order: 998;
        order: 998;
        font-weight: 600;
        text-align: center;
        width: 100%;
        height: 0;
        line-height: 0;
        font-size: 144px;
        color: rgba(159, 164, 174, 0.3);
        pointer-events: none;
        margin: auto
    }

    .wallet-form_success {
        height: 580px
    }

    .wallet-form_success::before {
        display: none
    }

    .wallet-form__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 10px;
        text-align: left;
        padding: 11px 0 12px;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5);
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 10px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .wallet-form__header-value {
        font-size: 16px;
        line-height: 19px
    }

    .wallet-form__title {
        font-size: 14px;
        color: #fff;
        margin: 0;
        margin-bottom: 14px
    }

    .wallet-form__subtitle {
        font-size: 10px;
        color: var(--secondary)
    }

    .wallet-form__label {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 10px;
        color: var(--secondary)
    }

    .wallet-form__qr-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 24px
    }

    .wallet-form__qr-row .wallet-form__fieldset {
        margin: 0
    }

    .wallet-form__qr-row .wallet-form__label {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 5px 0
    }

    .wallet-form__qr-row .wallet-form__value {
        word-break: break-word;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #d8dde7
    }

    .wallet-form__qr-code {
        width: 125px;
        height: 115px;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .wallet-form__qr-code>img {
        width: 115px;
        height: 115px
    }

    .wallet-form__qr-aside {
        position: relative;
        margin-left: 5px
    }

    .wallet-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .wallet-form__row_space-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wallet-form__row+.wallet-form__row {
        margin-top: 6px
    }

    .wallet-form__column_nano {
        width: auto
    }

    .wallet-form__column_full {
        width: 100%
    }

    .wallet-form__fieldset {
        margin-bottom: 15px
    }

    .wallet-form__field {
        margin: 15px 0
    }

    .wallet-form__input {
        width: 100%;
        height: 40px;
        color: #fff;
        font-size: 18px;
        outline: 0;
        border: 0;
        background-color: transparent;
        border-radius: 0;
        border-bottom: 2px solid var(--secondary)
    }

    .wallet-form__input:focus {
        border-bottom: 2px solid var(--primary)
    }

    .wallet-form__notification {
        color: #d30a0a;
        margin: 22px 0 16px 0;
        text-align: center;
        font-size: 12px
    }

    .wallet-form__balance-row {
        display: none
    }

    .wallet-form__buttons-pad {
        -webkit-box-ordinal-group: 1000;
        -webkit-order: 999;
        -ms-flex-order: 999;
        order: 999;
        padding: 0 20px;
        padding-bottom: 44px
    }

    .wallet-form__button-row+.wallet-form__button-row {
        margin-top: 15px
    }

    .wallet-form__created {
        display: none;
        margin-top: 10px
    }

    .wallet-form__created--mobile {
        display: block
    }

    .wallet-form__submit-wrapper {
        -webkit-box-ordinal-group: 1000;
        -webkit-order: 999;
        -ms-flex-order: 999;
        order: 999;
        padding: 0 20px;
        padding-bottom: 44px
    }

    .wallet-form__button {
        display: block;
        width: 100%;
        border: 1px solid var(--border);
        border-radius: 10px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        background: transparent;
        font-size: 16px;
        color: white;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .wallet-form__button:hover {
        color: white;
        opacity: .8
    }

    .wallet-form__success {
        margin: auto 20px
    }
}

@media(max-width:800px) {
    .wallet-success {
        text-align: center;
        padding: 80px 0 100px;
        border: 1px solid var(--border);
        border-radius: 20px
    }

    .wallet-success__icon {
        width: 36px;
        height: 36px;
        margin: 0 auto 24px;
        background: url(..static/assets/images/payment-successful.svg) center no-repeat;
        background-size: 36px
    }

    .wallet-success__title {
        font-size: 18px;
        line-height: 22px;
        color: white;
        margin-bottom: 24px
    }

    .wallet-success__subtitle {
        font-size: 16px;
        line-height: 19px;
        color: #d8dde7
    }
}

@media(max-width:800px) {
    .wallet-currency-toggler {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px
    }

    .wallet-currency-toggler__label {
        display: block;
        -webkit-flex-basis: calc(33.3333333333% - 6px);
        -ms-flex-preferred-size: calc(33.3333333333% - 6px);
        flex-basis: calc(33.3333333333% - 6px);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .wallet-currency-toggler__input {
        display: none
    }

    .wallet-currency-toggler__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        font-size: 12px;
        height: 35px;
        line-height: 12px;
        color: white;
        text-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .wallet-currency-toggler__title::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.7)
    }

    .wallet-currency-toggler__input:checked+.wallet-currency-toggler__title::before {
        border: 2px solid white
    }
}

@media(max-width:800px) {
    .wallet-transactions-list {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .wallet-transactions-list__row {
        position: relative;
        margin-bottom: 12px;
        border: 1px solid var(--border);
        border-radius: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 5px;
        padding: 14px 9px
    }

    .wallet-transactions-list__title {
        font-weight: 600;
        font-size: 15px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 100px;
        width: 100%
    }

    .wallet-transactions-list__status {
        font-size: 15px;
        line-height: 18px;
        color: rgba(159, 164, 174, 0.4901960784);
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .wallet-transactions-list__date {
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784);
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 60px;
        -ms-flex: 0 1 60px;
        flex: 0 1 60px;
        text-align: center;
        white-space: nowrap
    }

    .wallet-transactions-list__value {
        font-weight: 600;
        font-size: 15px;
        line-height: 18px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 75px;
        -ms-flex: 0 1 75px;
        flex: 0 1 75px;
        text-align: right
    }

    .wallet-transactions-list__value_red {
        color: #b80a0a
    }

    .wallet-transactions-list__value_green {
        color: #078f04
    }

    .wallet-transactions-list__helper {
        top: 3px;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        vertical-align: baseline;
        display: inline-block
    }

    .wallet-transactions-list__helper::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: url("..static/assets/images/profile-info.svg") center center/14px 14px no-repeat
    }

    .wallet-transactions-list__helper::after {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border-top: 1px solid var(--border);
        border-left: 1px solid var(--border);
        margin: 3px 0 0 3px;
        z-index: 1000;
        -webkit-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        opacity: 0
    }

    .wallet-transactions-list__helper:hover::after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg)
    }

    .wallet-transactions-list__helper:hover>.wallet-transactions-list__tooltip {
        opacity: .9;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .wallet-transactions-list__tooltip {
        position: absolute;
        top: 70%;
        left: 20%;
        right: 20%;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        padding: 6px 12px;
        min-width: 200px;
        z-index: 999;
        margin: 0;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        white-space: normal
    }

    .wallet-transactions-list__transaction-loading {
        font-size: 8px;
        line-height: 18px;
        color: #9fa4ae;
        height: 20px;
        border: 1px solid #4c5159;
        white-space: nowrap;
        width: 200px;
        text-align: center;
        border-radius: 5px
    }
}

@media(max-width:800px) {
    .wallet-transactions {
        position: absolute;
        top: 102px;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0;
        padding: 0 16px;
        background-color: transparent
    }
}

@media(max-width:800px) {
    .refund-info__title {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        margin-bottom: 14px
    }

    .refund-info__content {
        color: #9fa4ae;
        font-size: 16px
    }

    .refund-info__box+.refund-info__box {
        margin-top: 28px
    }

    .refund-info__line {
        margin-bottom: 10px
    }

    .refund-info__subtitle {
        color: #fff
    }

    .refund-info__files-list {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .refund-info__file-item+.refund-info__file-item {
        margin-top: 10px
    }

    .refund-info__file-item>a {
        color: #9fa4ae;
        text-decoration: none;
        border-bottom: 1px solid #9fa4ae
    }

    .refund-info__notification {
        text-align: center;
        color: #d30a0a;
        max-width: 535px;
        margin: 40px auto
    }
}

@media(max-width:800px) {

    .sign-up::before,
    .sign-up-terms::before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: #171717;
        background-size: cover;
        background-attachment: fixed;
        background-position: top 0 center;
        background-position-y: 0;
        background-position-x: 0;
        pointer-events: none
    }
}

@media(max-width:800px) {
    .sign-up {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .sign-up__inner {
        width: 100%;
        padding: 0 50px;
        margin: auto
    }

    .sign-up__logo {
        width: 100%;
        height: 0;
        padding-top: 37.6623376623%;
        margin: auto;
        background: url(../static/assets/images/sign-up-large-logo.png) center no-repeat;
        background-size: 100% 100%;
        margin-bottom: 49px
    }

    .sign-up__form {
        margin: auto
    }
}

@media(max-width:800px) {
    .sign-up-form__body {
        margin-bottom: 48px
    }

    .sign-up-form__fieldset+.sign-up-form__fieldset {
        margin-top: 15px
    }

    .sign-up-form__terms {
        margin-top: 25px;
        text-align: center;
        font-size: 9.5px;
        line-height: 11px;
        letter-spacing: .03em;
        color: #54575f
    }

    .sign-up-form__terms>a {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid #54575f
    }

    .sign-up-form__terms>a:hover {
        opacity: .8;
        border-bottom-color: transparent
    }

    .sign-up-form__button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-form__button:hover {
        color: white
    }

    .sign-up-form__button+.sign-up-form__button {
        margin-top: 16px
    }

    .sign-up-form__button_disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }
}

@media(max-width:800px) {
    .sign-up-input {
        position: relative;
        height: 42px;
        line-height: 42px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .sign-up-input__input {
        display: block;
        height: 42px;
        line-height: 42px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        border-radius: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-input__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 42px;
        line-height: 42px;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .sign-up-input__placeholder_label {
        color: #54575f;
        opacity: 1
    }

    .sign-up-input__placeholder_error {
        color: #d30a0a;
        opacity: 0
    }

    .sign-up-input__input:focus~.sign-up-input__placeholder,
    .sign-up-input__input:valid~.sign-up-input__placeholder {
        opacity: 0
    }

    .sign-up-input_invalid .sign-up-input__input {
        border-color: #d30a0a
    }

    .sign-up-input_invalid .sign-up-input__placeholder_label {
        opacity: 0
    }

    .sign-up-input_invalid .sign-up-input__placeholder_error {
        opacity: 1
    }
}

@media(max-width:800px) {
    .sign-up-terms {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100vh;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 34px
    }

    .sign-up-terms__logo {
        width: 297px;
        height: 66px;
        margin: 0 auto 45px;
        background: url(../static/assets/images/sign-up-terms-logo.png) center no-repeat;
        background-size: 100% 100%
    }

    .sign-up-terms__content {
        position: relative;
        padding: 28px 13px;
        overflow-y: auto;
        border: 1px solid var(--border);
        max-height: calc(100vh - 100px - 66px - 45px - 44px - 40px - 120px)
    }

    .sign-up-terms__title {
        font-size: 24px;
        text-align: center
    }

    .sign-up-terms__text {
        font-size: 12px
    }

    .sign-up-terms__text p {
        margin: 1em 0
    }

    .sign-up-terms__footer {
        padding: 20px 0
    }

    .sign-up-terms__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 0;
        outline: 0;
        margin: auto;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-terms__button:hover {
        color: white
    }
}

@media(max-width:800px) {
    .stars {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 18.0722891566%;
        background: #54575f;
        -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        -webkit-mask: url("../static/assets/images/stars-mask.svg");
        mask: url("../static/assets/images/stars-mask.svg");
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%
    }

    .stars__handler {
        position: absolute;
        top: 0;
        bottom: 0;
        background: #fff;
        -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .stars_ltr .stars__handler {
        left: 0
    }

    .stars_rtl .stars__handler {
        right: 0
    }
}

@media(max-width:800px) {
    .stars-checker__radio {
        display: none
    }

    .stars-checker__row {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .stars-checker__star {
        width: 38px;
        height: 30px;
        position: relative;
        padding: 0 4px
    }

    .stars-checker__star::before,
    .stars-checker__star::after {
        content: "";
        display: block;
        position: absolute;
        left: 4px;
        top: 0;
        right: 4px;
        bottom: 0
    }

    .stars-checker__star::before {
        background-image: url("..static/assets/images/star-empty.svg");
        z-index: 1
    }

    .stars-checker__star::after {
        background-image: url("..static/assets/images/star-filled.svg");
        opacity: 0;
        z-index: 2
    }

    .stars-checker__star:hover::after {
        opacity: .5
    }

    .stars-checker__star:hover~.stars-checker__star::after {
        opacity: .5
    }

    .stars-checker__radio:checked~.stars-checker__star::after {
        opacity: 1
    }
}

@media(max-width:800px) {
    .personal-account {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .personal-account_narrow {
        min-height: calc(100vh - 102px - 20px)
    }

    .personal-account__back-link {
        width: 28px;
        height: 28px;
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        background: url("..static/assets/images/profile-eye.svg") center center/28px 28px no-repeat
    }

    .personal-account--own .personal-account__alerts-row {
        margin: 0 0 0 15px
    }

    .personal-account__heading {
        display: none
    }

    .personal-account__title {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .personal-account__header .personal-account__title {
        margin-bottom: 8px
    }

    .personal-account__title-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 35px 0 0;
        position: relative
    }

    .personal-account__info {
        margin: 0 0 0 8px
    }

    .personal-account__info-button {
        position: relative;
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        border: 0;
        margin: 10px 0 0 0;
        border-radius: 50%;
        background: url("..static/assets/images/profile-info.svg") center center/14px 14px no-repeat
    }

    .personal-account__info-list {
        position: absolute;
        bottom: -75px;
        left: 0;
        z-index: 2;
        padding: 6px 12px;
        min-width: 200px;
        margin: 0;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .personal-account__info-list.active {
        opacity: .9;
        visibility: visible
    }

    .personal-account__info-item {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 3px 0
    }

    .personal-account__subtitle-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__subtitle-row .personal-account__alerts-row {
        margin: 0 0 0 10px
    }

    .personal-account__subtitle-row_in-card {
        margin: 5px 0 12px;
        color: #54575f
    }

    .personal-account__rating-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__rating {
        width: 83px
    }

    .personal-account__contact-seller-wrapper {
        margin-left: 20px
    }

    .personal-account__contact-seller {
        font-weight: 500;
        font-size: 10px;
        line-height: 120%;
        text-align: center;
        color: #fff;
        padding: 7px 15px;
        height: auto
    }

    .personal-account__contact-admin {
        font-size: 12px;
        line-height: 120%;
        width: auto;
        height: auto;
        display: inline-block;
        border-radius: 5px;
        padding: 7px 15px
    }

    .personal-account__balance {
        font-size: 16px;
        line-height: 19px;
        font-weight: 600;
        white-space: nowrap
    }

    .personal-account__balance_light {
        color: #d8dde7
    }

    .personal-account__date {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #54575f
    }

    .personal-account__alerts-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 8px;
        margin: 15px 0 0 0;
        width: 100%
    }

    .personal-account__alert {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        display: inline-block;
        white-space: nowrap;
        width: auto;
        height: 19px;
        line-height: 17px;
        border-radius: 5px;
        color: white;
        border: 1px solid red;
        -webkit-box-shadow: 0 0 5px #a81e1f;
        box-shadow: 0 0 5px #a81e1f;
        padding: 0 12px;
        font-size: 8px
    }

    .personal-account__card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0 25px 0
    }

    .personal-account__avatar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 80px;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0;
        margin-right: 15px
    }

    .personal-account__avatar--disabled {
        pointer-events: none
    }

    .personal-account__avatar>img {
        display: block;
        width: 80px;
        height: 80px
    }

    .personal-account__account-type {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: #54575f
    }

    .personal-account__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account__button:hover {
        color: white
    }

    .personal-account__contact-button-wrapper {
        width: 165px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .personal-account__form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%
    }

    .personal-account__form form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media(max-width:800px) {
    .personal-account-form__body {
        margin-bottom: 30px
    }

    .personal-account-form__fieldset p {
        margin: 0 0 5px 0
    }

    .personal-account-form__fieldset+.personal-account-form__fieldset {
        margin-top: 26px
    }

    .personal-account-form__fieldset:first-child {
        margin: 15px 0 0 0
    }

    .personal-account-form__label {
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 600
    }

    .personal-account-form__textarea {
        display: block;
        width: 100%;
        height: 80px;
        color: white;
        padding: 14px 18px;
        font-size: 14px;
        line-height: 16px;
        border: 1px solid var(--border);
        border-radius: 15px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .personal-account-form__footer {
        margin-top: auto;
        padding: 38px 24px
    }

    .personal-account-form__button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account-form__button:hover {
        color: white
    }

    .personal-account-form__button+.personal-account-form__button {
        margin-top: 14px
    }
}

@media(max-width:800px) {
    .personal-account-email {
        position: relative;
        height: 42px;
        line-height: 42px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-email__input {
        display: block;
        height: 42px;
        line-height: 42px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        border-radius: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account-email__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 42px;
        line-height: 42px;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-email__placeholder_label {
        color: #54575f;
        opacity: 1
    }

    .personal-account-email__placeholder_error {
        color: #d30a0a;
        opacity: 0
    }

    .personal-account-email__input:focus~.personal-account-email__placeholder,
    .personal-account-email__input:valid~.personal-account-email__placeholder {
        opacity: 0
    }

    .personal-account-email_invalid .personal-account-email__input {
        border-color: #d30a0a
    }

    .personal-account-email_invalid .personal-account-email__placeholder_label {
        opacity: 0
    }

    .personal-account-email_invalid .personal-account-email__placeholder_error {
        opacity: 1
    }

    .personal-account-email_confirmed::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 42px;
        background: url(..static/assets/images/checked.svg);
        background-position: center;
        background-repeat: no-repeat
    }
}

@media(max-width:800px) {
    .personal-account-checkbox {
        display: block;
        width: 100%;
        cursor: pointer
    }

    .personal-account-checkbox_disabled {
        opacity: .7;
        pointer-events: none
    }

    .personal-account-checkbox__input {
        display: none
    }

    .personal-account-checkbox__title {
        position: relative;
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 600;
        height: 24px;
        line-height: 24px
    }

    .personal-account-checkbox__title::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 24px;
        opacity: .2;
        background: url(..static/assets/images/checked.svg) center no-repeat;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-checkbox__input:checked+.personal-account-checkbox__title::after {
        opacity: 1
    }
}

@media(max-width:800px) {
    .personal-nano-card__link {
        color: white;
        text-decoration: none
    }

    .personal-nano-card__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .personal-nano-card__col_avatar {
        width: 38px;
        height: 38px;
        margin-right: 8px
    }

    .personal-nano-card__avatar {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0
    }

    .personal-nano-card__avatar>img {
        width: 38px;
        height: 38px
    }

    .personal-nano-card__name {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 3px
    }

    .personal-nano-card__balance {
        font-size: 10px;
        line-height: 12px;
        color: #54575f
    }
}

@media(max-width:800px) {
    .choose-image-popup {
        width: 185px;
        padding: 18px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .choose-image-popup__error {
        color: red;
        text-align: center;
        font-size: 14px;
        margin-bottom: 16px
    }

    .choose-image-popup__button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .choose-image-popup__button+.choose-image-popup__button {
        margin-top: 4px
    }

    .choose-image-popup__button:hover {
        color: white
    }

    .choose-image-popup__hidden-fields {
        display: none
    }

    .choose-image-popup__file {
        display: none
    }
}

@media(max-width:800px) {
    .user-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 124px);
        padding: 0 5px 20px
    }

    .user-box_middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user-box--regular .personal-account__subtitle-row {
        display: none
    }

    .user-box--regular .personal-account__title-row {
        margin: 0 0 10px 0
    }

    .user-box--regular .user-box__header {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }

    .user-box--regular .personal-account__description {
        margin: 0 10px 0 0
    }

    .user-box--regular .personal-account__contact-seller {
        font-size: 12px;
        width: auto;
        display: inline-block;
        border-radius: 5px
    }

    .user-box--regular .personal-account__title-row .personal-account__alerts-row {
        display: none
    }

    .user-box--regular .personal-account__alerts-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        margin: 10px 0 0 0;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: auto
    }

    .user-box--regular .personal-account__alert {
        height: auto;
        line-height: 120%;
        padding: 4px 12px;
        min-width: 80px;
        text-align: center
    }

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

    .user-box__card {
        margin-top: -4px
    }

    .user-box__navigation .tabs__tab_active>.tabs__link {
        border: 3px solid #fff
    }

    .user-box__terms {
        padding: 25px 10px;
        border: 1px solid var(--border);
        border-radius: 25px;
        text-align: center
    }

    .user-box__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }

    .user-box__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 calc(50% - 10px);
        -ms-flex: 0 1 calc(50% - 10px);
        flex: 0 1 calc(50% - 10px)
    }

    .user-box__comment {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .user-box__comment .product-row-mini {
        padding: 10px
    }

    .user-box__comment .product-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .user-box__comment .product-row-mini__thumbnail {
        position: static;
        margin: 0;
        padding: 0
    }

    .user-box__comment .product-row-mini__thumbnail>img {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 44px;
        height: 44px;
        border-radius: 50%
    }

    .user-box__comment .product-row-mini__col_narrow-description {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .user-box__comment .product-row-mini__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        height: auto
    }

    .user-box__comment .product-row-mini__stars {
        width: 95px
    }

    .user-box__comment .product-row-mini__footer {
        margin: 10px 0 0 0
    }

    .user-box__comment .product-row-mini__comment {
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784);
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        word-break: break-word
    }

    .user-box__subtitle {
        font-weight: 500;
        font-size: 24px;
        line-height: 120%;
        text-align: center;
        color: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#fff));
        background: -o-linear-gradient(top, #404040, #fff);
        background: linear-gradient(to bottom, #404040, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0 0 30px 0
    }

    .user-box__text {
        font-weight: 500;
        font-size: 12px;
        line-height: 24px;
        text-align: initial;
        color: #fff
    }

    .user-box__text p {
        margin: 0
    }

    .user-box__text img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .user-box__text ul,
    .user-box__text ol {
        list-style: inside
    }

    .user-box__text table {
        margin: 1em auto;
        border-collapse: collapse
    }

    .user-box__text table td,
    .user-box__text table th {
        padding: 12px;
        border: 1px solid var(--border)
    }

    .user-box__body {
        width: 100%
    }
}

@media(max-width:800px) {
    .product-mini-attach-file__label {
        display: block
    }

    .product-mini-attach-file__input {
        display: none
    }
}

@media(max-width:800px) {
    .product-promotional-modal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 95vw
    }

    .product-promotional-modal__container {
        text-align: center;
        width: 50%;
        padding: 24px 8px 32px
    }

    .product-promotional-modal__container_wide {
        width: 100%
    }

    .product-promotional-modal__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        color: white
    }

    .product-promotional-modal__description {
        font-size: 12px;
        color: #9fa4ae
    }

    .product-promotional-modal__button {
        max-width: 100px;
        margin: 18px auto 0
    }
}

@media(max-width:800px) {
    .terms-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }

    .terms-box__header {
        text-align: center
    }

    .terms-box__content {
        position: relative;
        padding: 28px 13px;
        text-align: center;
        overflow-y: auto;
        border: 1px solid var(--border);
        border-radius: 20px;
        max-height: calc(100vh - 132px - 120px)
    }

    .terms-box__title {
        display: none;
        margin-bottom: 30px;
        font-size: 20px;
        font-weight: 500;
        text-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25)
    }

    .terms-box__title.active {
        display: block
    }

    .terms-box__lang {
        position: absolute;
        top: 10px;
        right: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        font-size: 10px
    }

    .terms-box__lang-button {
        border: 0;
        background-color: transparent;
        outline: 0;
        font-weight: 500;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .terms-box__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .terms-box__lang-button.active {
        font-weight: 700
    }

    .terms-box__lang-button.active:hover {
        color: #fff
    }

    .terms-box__text {
        display: none;
        font-size: 12px;
        line-height: 24px
    }

    .terms-box__text p {
        margin: .5em 0
    }

    .terms-box__text img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .terms-box__text ul,
    .terms-box__text ol {
        list-style: inside
    }

    .terms-box__text table {
        margin: 1em auto;
        border-collapse: collapse
    }

    .terms-box__text table td,
    .terms-box__text table th {
        padding: 12px;
        border: 1px solid var(--border)
    }

    .terms-box__text.active {
        display: block
    }

    .terms-box__footer {
        padding: 16px 0
    }

    .terms-box__button {
        display: block;
        max-width: 220px;
        font-size: 14px;
        padding: 8px 10px;
        font-weight: 500;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 15px;
        outline: 0;
        margin: auto;
        cursor: pointer
    }

    .terms-box__button:hover {
        color: white
    }
}

@media(max-width:800px) {
    .shop-form .ck-editor__editable {
        min-height: calc(100vh - 370px) !important
    }

    .shop-form .ck-content .image>figcaption {
        min-height: auto !important;
        background-color: rgba(255, 255, 255, 0)
    }
}

@media(max-width:800px) {
    .chat {
        position: fixed;
        top: 102px;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden
    }

    .chat.auto-escrow__chat .chat-form__input {
        width: calc(100% - 52px)
    }

    .chat.auto-escrow__chat .chat-form__col_submit {
        right: 56px
    }

    .chat.auto-escrow__chat .chat-form__col_export {
        right: 0
    }

    .chat:not(.auto-escrow__chat) .message__col_avatar {
        margin-top: 8px
    }

    .chat__section_header {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .chat__section_body {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .chat__section_footer {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .chat__mobile-heading {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        right: 0;
        top: 0;
        z-index: 2;
        padding: 0 16px;
        opacity: .93
    }

    .chat__body {
        padding: 0 16px;
        position: absolute;
        top: 52px;
        bottom: 60px;
        left: 0;
        right: 0;
        padding-bottom: 10px;
        overflow-y: scroll;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s linear, visibility .3s linear;
        -o-transition: opacity .3s linear, visibility .3s linear;
        transition: opacity .3s linear, visibility .3s linear
    }

    .chat__body.hidden {
        opacity: 0;
        visibility: hidden
    }

    .chat__placeholder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%
    }

    .chat__footer {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 5px 16px 16px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2;
        opacity: 1;
        visibility: visible;
        background: transparent;
        -webkit-transition: opacity .3s linear, visibility .3s linear;
        -o-transition: opacity .3s linear, visibility .3s linear;
        transition: opacity .3s linear, visibility .3s linear
    }

    .chat__footer.hidden {
        opacity: 0;
        visibility: hidden
    }

    .chat__closed {
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-align: center;
        padding: 10px 0
    }
}

@media(max-width:800px) {
    .chat-form__row {
        position: relative
    }

    .chat-form__col_message {
        width: 100%
    }

    .chat-form__col_submit {
        position: absolute;
        right: 6px;
        top: 0
    }

    .chat-form__col_export-button {
        display: none
    }

    .chat-form__col_export {
        right: 0
    }

    .chat-form__col_export .chat-form__submit {
        position: relative;
        border-radius: 10px;
        border: 1px solid var(--border);
        background: 0
    }

    .chat-form__col_export .chat-form__submit::after {
        content: "+";
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 24px;
        line-height: 24px;
        font-weight: 500;
        color: #fff;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .chat-form__fieldset {
        display: block;
        width: 100%
    }

    .chat-form__input {
        width: 100%;
        display: block;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: left;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 8px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 9px 52px 9px 12px;
        resize: none
    }

    .chat-form__submit {
        width: 44px;
        height: 44px;
        z-index: 2;
        background: url("..static/assets/images/send.svg") center no-repeat;
        border-width: 0;
        font-size: 0
    }
}

@media(max-width:800px) {
    .chat-header {
        padding: 23px 25px
    }

    .chat-header__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-header__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-header__avatar {
        width: 28px;
        height: 28px;
        font-size: 0;
        margin-right: 9px;
        border-radius: 50%;
        overflow: hidden
    }

    .chat-header__avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .chat-header__name {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-right: 8px
    }

    .chat-header__link {
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        text-decoration: none
    }

    .chat-header__link_close::before {
        content: "× "
    }
}

@media(max-width:800px) {
    .chat-mobile-heading {
        position: relative;
        padding: 11px 0 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-bottom: .5px solid rgba(159, 164, 174, 0.5)
    }

    .chat-mobile-heading__actions {
        margin: 0 0 10px 0
    }

    .chat-mobile-heading__name {
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-decoration: none
    }

    .chat-mobile-heading__status {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-left: 12px;
        margin-right: 10px;
        margin-top: 4px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .chat-mobile-heading__status_online {
        background: white
    }

    .chat-mobile-heading__status_offline {
        background: #54575f
    }

    .chat-mobile-heading__button {
        margin-left: auto;
        width: 16px;
        height: 16px;
        outline: 0;
        border: 0;
        background: rgba(0, 0, 0, 0) url("..static/assets/images/menu.svg") center center/16px 16px no-repeat
    }

    .chat-mobile-heading__menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        overflow-y: auto;
        position: fixed;
        left: 0;
        right: 0;
        top: 155px;
        bottom: 0;
        padding: 20px 15px 40px;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s linear, visibility .3s linear, -webkit-transform .3s linear;
        transition: opacity .3s linear, visibility .3s linear, -webkit-transform .3s linear;
        -o-transition: transform .3s linear, opacity .3s linear, visibility .3s linear;
        transition: transform .3s linear, opacity .3s linear, visibility .3s linear;
        transition: transform .3s linear, opacity .3s linear, visibility .3s linear, -webkit-transform .3s linear
    }

    .chat-mobile-heading__menu.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

    .chat-mobile-heading__menu-button {
        border: 1px solid var(--border);
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        padding: 6px 12px;
        border-radius: 8px;
        width: 100%;
        background-color: transparent;
        outline: 0;
        margin: 0 0 20px 0
    }

    .chat-mobile-heading__menu-button:last-child {
        margin: 0
    }

    .chat-mobile-heading__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
        text-align: center;
        font-size: 16px;
        line-height: 24px
    }

    .chat-mobile-heading__menu-text {
        text-align: center;
        max-width: 400px;
        margin: 0 auto
    }
}

@media(max-width:800px) {
    .file-mini-row {
        position: relative
    }

    .file-mini-row__download-link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        font-size: 0;
        display: block;
        z-index: 1
    }

    .file-mini-row__download-link:hover+.file-mini-row__row {
        opacity: .8
    }

    .file-mini-row__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .file-mini-row__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 7px 9px;
        border: 1px solid var(--border);
        border-radius: 13px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 80%
    }

    .file-mini-row__icon {
        width: 26px;
        height: 26px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 26px;
        -ms-flex: 0 0 26px;
        flex: 0 0 26px;
        border-radius: 50%;
        background: white;
        margin-right: 10px;
        background-image: url("..static/assets/images/attachment-icon-file.jpg");
        background-size: 52px;
        background-position: center
    }

    .file-mini-row__icon_zip {
        background-image: url("..static/assets/images/attachment-icon-zip.jpg")
    }

    .file-mini-row__icon_doc {
        background-image: url("..static/assets/images/attachment-icon-doc.jpg")
    }

    .file-mini-row__icon_docx {
        background-image: url("..static/assets/images/attachment-icon-docx.jpg")
    }

    .file-mini-row__icon_exe {
        background-image: url("..static/assets/images/attachment-icon-exe.jpg")
    }

    .file-mini-row__icon_jpeg {
        background-image: url("..static/assets/images/attachment-icon-jpeg.jpg")
    }

    .file-mini-row__icon_jpg {
        background-image: url("..static/assets/images/attachment-icon-jpg.jpg")
    }

    .file-mini-row__icon_pdf {
        background-image: url("..static/assets/images/attachment-icon-pdf.jpg")
    }

    .file-mini-row__icon_png {
        background-image: url("..static/assets/images/attachment-icon-png.jpg")
    }

    .file-mini-row__icon_rar {
        background-image: url("..static/assets/images/attachment-icon-rar.jpg")
    }

    .file-mini-row__name {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        width: 150px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .file-mini-row__size {
        font-size: 16px;
        line-height: 19px;
        color: rgba(159, 164, 174, 0.4901960784);
        white-space: nowrap
    }
}

@media(max-width:800px) {
    .chat-placeholder {
        text-align: center;
        margin: auto
    }

    .chat-placeholder__avatar {
        display: block;
        width: 64px;
        height: 64px;
        font-size: 0;
        margin: 0 auto 12px;
        border-radius: 50%;
        overflow: hidden
    }

    .chat-placeholder__avatar>img {
        display: block;
        width: 64px;
        height: 64px
    }

    .chat-placeholder__name {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 12px
    }

    .chat-placeholder__subtitle {
        width: 200px;
        margin: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .chat-placeholder__subtitle_white {
        color: white
    }
}

@media(max-width:800px) {
    .messages-group__date {
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        padding: 14px 0;
        text-align: center
    }

    .messages-group__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .messages-group__item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 80%
    }

    .messages-group__item+.messages-group__item {
        margin-top: 14px
    }

    .messages-group__item_received {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .messages-group__item_outgoing {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .messages-group__item_outgoing .message__col_status {
        right: 60px
    }

    .messages-group__item_outgoing .message__col_avatar {
        margin-right: 0;
        margin-left: 5px
    }

    .messages-group__item_outgoing .message__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .messages-group__item_file .message__col_status {
        display: none
    }

    .messages-group__item_file .message__col_message {
        padding: 0;
        border-radius: 0;
        border: 0
    }
}

@media(max-width:800px) {
    .message {
        color: #fff;
        position: relative
    }

    .message__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .message__col_avatar {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 45px;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
        width: 100%;
        text-decoration: none;
        margin-right: 5px
    }

    .message__col_message {
        border: 1px solid var(--border);
        border-radius: 15px;
        padding: 12px 28px 12px 12px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .message__col_status {
        white-space: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        position: absolute;
        right: 12px;
        bottom: 14px
    }

    .message__avatar {
        width: 28px;
        height: 28px;
        margin: 0 auto
    }

    .message__avatar img {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .message__name--mobile {
        font-size: 10px;
        line-height: 12px;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784);
        margin: -8px 0 5px 0;
        white-space: nowrap;
        overflow-x: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 45px
    }

    .message__header {
        display: none
    }

    .message__time {
        font-size: 12px;
        line-height: 15px;
        height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .message__message {
        width: 100%;
        max-width: 500px
    }

    .message__text {
        font-size: 14px;
        line-height: 17px;
        padding: 0 35px 0 0;
        font-weight: normal;
        color: white;
        word-break: break-word
    }

    .message__status {
        width: 12px;
        height: 8px;
        background-size: 14px auto;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 6px
    }

    .message__status_read {
        background-image: url("..static/assets/images/message-read.svg")
    }

    .message__status_unread {
        background-image: url("..static/assets/images/message-unread.svg")
    }

    .message__reply {
        position: relative;
        padding: 0 0 0 5px;
        margin: 3px 0 0 0;
        font-size: 10px;
        line-height: 12px;
        color: #fff;
        margin-bottom: 7px
    }

    .message__reply::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background-color: rgba(255, 255, 255, 0.75)
    }

    .message__reply-name {
        font-weight: 600
    }

    .message__reply-text {
        font-weight: 500;
        opacity: .75;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 300px
    }

    .message__name {
        font-size: 6px;
        color: #9fa4ae;
        text-align: center;
        margin-top: 4px;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 44px
    }
}

@media(max-width:800px) {
    .auto-escrow-box {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 122px);
        padding: 0 5px
    }

    .auto-escrow-box_middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .auto-escrow-box__header {
        width: 100%;
        text-align: center
    }

    .auto-escrow-box__title {
        color: white;
        font-weight: 500;
        font-size: 36px;
        line-height: 24px;
        margin-bottom: 18px
    }

    .auto-escrow-box__subtitle {
        display: block;
        margin: auto;
        font-size: 0;
        width: 174px;
        height: 24px;
        background: url("../static/assets/images/make-your-work-easily.png") center no-repeat;
        background-size: 174px auto
    }

    .auto-escrow-box__navigation {
        margin-top: 87px
    }

    .auto-escrow-box__terms {
        padding: 28px 28px 50px;
        border: 1px solid var(--border);
        border-radius: 25px;
        text-align: center
    }

    .auto-escrow-box__item+.auto-escrow-box__item {
        margin-top: 12px
    }

    .auto-escrow-box__text {
        font-weight: 500;
        font-size: 12px;
        line-height: 24px
    }

    .auto-escrow-box__text p {
        margin: 0
    }

    .auto-escrow-box__tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 240px;
        margin: 0 auto;
        height: auto
    }

    .auto-escrow-box__tabs .tabs__tab+.tabs__tab {
        margin-left: 0
    }

    .auto-escrow-box__tabs .tabs__tab {
        width: 100%;
        margin: 0 0 20px 0
    }

    .auto-escrow-box__tabs .tabs__tab.tabs__tab_notification {
        position: relative
    }

    .auto-escrow-box__tabs .tabs__tab.tabs__tab_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -4px
    }

    .auto-escrow-box__tabs .tabs__link {
        height: auto;
        line-height: 24px;
        font-size: 14px;
        border-radius: 8px;
        padding: 8px 10px 8px 10px
    }

    .auto-escrow-box__body {
        width: 100%
    }

    .auto-escrow-box__terms-link-wrapper {
        display: block;
        text-align: center
    }

    .auto-escrow-box__terms-link {
        padding: 8px 10px;
        display: inline-block;
        color: white;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        max-width: 240px;
        border: 1px solid var(--border);
        font-size: 14px;
        border-radius: 8px;
        text-decoration: none
    }

    .auto-escrow-box__terms-link:hover {
        color: white;
        border-color: white
    }
}

@media(max-width:800px) {
    .deal-row-mini {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px
    }

    .deal-row-mini__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 16px 8px 16px 0;
        text-decoration: none
    }

    .deal-row-mini__body {
        width: 100%;
        padding-left: 8px
    }

    .deal-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 10px
    }

    .deal-row-mini__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        text-align: center;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .deal-row-mini__col_title {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: left;
        max-width: 100px
    }

    .deal-row-mini__col_info {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-size: 11px
    }

    .deal-row-mini__col_dot {
        width: 10px;
        min-width: 10px;
        padding: 0 10px
    }

    .deal-row-mini__description {
        cursor: pointer
    }

    .deal-row-mini__title {
        position: relative;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400
    }

    .deal-row-mini__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .deal-row-mini__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(9, 9, 10, 0.9);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .deal-row-mini__title_bold {
        font-weight: 600
    }

    .deal-row-mini__title_bold::after {
        font-weight: 600
    }

    .deal-row-mini__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .deal-row-mini__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .deal-row-mini__text {
        font-size: 11px;
        line-height: 14px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .deal-row-mini__description .deal-row-mini__text {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .deal-row-mini__title+.deal-row-mini__text {
        margin-top: 7px
    }

    .deal-row-mini_opened .deal-row-mini__description .deal-row-mini__text {
        display: none
    }

    .deal-row-mini__price {
        font-weight: 600;
        color: white;
        margin: 0 0 7px 0
    }

    .deal-row-mini__status {
        font-weight: 400;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .deal-row-mini__date {
        font-weight: 400;
        font-size: 11px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .deal-row-mini__dot {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: white
    }

    .deal-row-mini__footer {
        display: none;
        padding: 0 8px 20px
    }

    .deal-row-mini_opened .deal-row-mini__footer {
        display: block
    }
}

@media(max-width:800px) {
    .deals-list {
        overflow: hidden
    }

    .deals-list__empty {
        display: block;
        text-align: center;
        margin: 30px 0 0 0
    }

    .deals-list__item+.deals-list__item {
        margin-top: 19px
    }
}

@media(max-width:800px) {
    .deal-confirmation {
        padding: 15px 0 0 0
    }

    .deal-confirmation__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .deal-confirmation__col_price {
        margin: 0 0 18px 0
    }

    .deal-confirmation__col_title,
    .deal-confirmation__col_price {
        font-size: 14px;
        line-height: 17px;
        padding: 8px 15px;
        border: 1px solid var(--border);
        color: white;
        border-radius: 8px;
        text-align: center;
        width: 100%;
        height: auto
    }

    .deal-confirmation__col_user {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        margin: 0 0 35px 0
    }

    .deal-confirmation__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .deal-confirmation__user-link {
        text-decoration: none
    }

    .deal-confirmation__avatar {
        width: 28px;
        height: 28px;
        font-size: 0;
        margin-right: 12px;
        border-radius: 50%;
        overflow: hidden
    }

    .deal-confirmation__avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .deal-confirmation__name {
        color: #fff;
        font-size: 18px;
        line-height: 22px
    }

    .deal-confirmation__body {
        margin: 18px 0
    }

    .deal-confirmation__description {
        display: block;
        width: 100%;
        min-height: 40vh;
        color: white;
        padding: 12px;
        font-size: 14px;
        line-height: 17px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto
    }

    .deal-confirmation__description::-webkit-scrollbar {
        width: 16px
    }

    .deal-confirmation__description::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .deal-confirmation__description::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .deal-confirmation__description::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .deal-confirmation__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px
    }

    .deal-confirmation__button {
        display: block;
        font-size: 14px;
        padding: 13px 15px;
        border-radius: 8px;
        height: auto;
        width: 100%;
        line-height: 17px
    }
}

@media(max-width:800px) {
    .create-deal {
        position: relative;
        padding: 0 0 20px 0
    }

    .create-deal__success {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: calc(100vh - 122px);
        text-align: center
    }

    .create-deal__title {
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: #fff;
        margin-bottom: 15px
    }

    .create-deal__subtitle {
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .create-deal__body {
        margin: 16px 0
    }

    .create-deal__textarea {
        display: block;
        width: 100%;
        color: white;
        padding: 12px;
        font-size: 14px;
        border: 1px solid var(--border);
        min-height: 40vh;
        border-radius: 8px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .create-deal__textarea:focus::-webkit-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::-moz-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus:-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::placeholder {
        font-size: 0
    }

    .create-deal__input {
        display: inline-block;
        width: 100%;
        padding: 8px 12px;
        font-size: 14px;
        border: 1px solid var(--border);
        background: transparent;
        color: white;
        border-radius: 8px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .create-deal__input:focus::-webkit-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::-moz-placeholder {
        font-size: 0
    }

    .create-deal__input:focus:-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::placeholder {
        font-size: 0
    }

    .create-deal__footer-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .create-deal__footer-col {
        margin: 0 0 16px 0;
        width: 100%
    }

    .create-deal__footer-col--create {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .create-deal__footer-col--price {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .create-deal__submit-wrapper {
        text-align: center;
        margin-top: 7px
    }

    .create-deal__submit {
        font-size: 12px;
        font-weight: 500;
        border-radius: 8px
    }
}

@media(max-width:800px) {
    .create-deal__respondent-dropdown {
        padding-top: 10px;
        border: 1px solid var(--border);
        background: #1b1c1e;
        color: white;
        border-radius: 13px;
        list-style-type: none;
        padding-left: 9px;
        max-height: 130px;
        overflow-y: auto
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar {
        width: 16px
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .create-deal__respondent-dropdown li {
        line-height: 28px;
        height: 28px;
        cursor: pointer
    }

    .create-deal__respondent-dropdown li:hover {
        opacity: .8
    }
}

@media(max-width:800px) {
    .create-deal-payer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .create-deal-payer__title {
        text-align: center;
        font-weight: 400;
        color: white;
        font-size: 14px;
        margin: 0 0 16px 0
    }

    .create-deal-payer__radio-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px;
        width: 100%
    }

    .create-deal-payer__label {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 calc(50% - 10px);
        -ms-flex: 0 1 calc(50% - 10px);
        flex: 0 1 calc(50% - 10px)
    }

    .create-deal-payer__input {
        display: none
    }

    .create-deal-payer__handler {
        text-align: center;
        color: white;
        border: 1px solid var(--border);
        border-radius: 8px;
        font-size: 14px;
        padding: 8px 12px
    }

    .create-deal-payer__input:checked+.create-deal-payer__handler {
        border: 2px solid white
    }
}

@media(max-width:800px) {
    .aside-subcategory {
        height: 0;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        -webkit-transition: visibility .3s linear, opacity .3s linear, height .3s linear, padding .3s linear;
        -o-transition: visibility .3s linear, opacity .3s linear, height .3s linear, padding .3s linear;
        transition: visibility .3s linear, opacity .3s linear, height .3s linear, padding .3s linear
    }

    .aside-subcategory.active {
        opacity: 1;
        visibility: visible;
        padding: 15px 10px;
        height: 100%
    }

    .aside-subcategory__box {
        margin: 0 0 15px;
        border: 1px solid var(--border);
        border-radius: 10px
    }

    .aside-subcategory__mobile {
        border-radius: 10px;
        padding: 7px 10px;
        -webkit-transition: border-bottom .3s linear;
        -o-transition: border-bottom .3s linear;
        transition: border-bottom .3s linear
    }

    .aside-subcategory__mobile.active {
        border-bottom: 1px solid var(--border)
    }

    .aside-subcategory__mobile-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .aside-subcategory__mobile-button {
        width: 16px;
        height: 16px;
        outline: 0;
        border: 0;
        background: transparent url("..static/assets/images/menu.svg") center center/16px 16px no-repeat
    }

    .aside-subcategory__mobile-text {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center
    }

    .aside-subcategory__item {
        margin: 0 0 15px 0
    }

    .aside-subcategory__item_dot {
        position: relative
    }

    .aside-subcategory__item_dot::before {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        left: 9px;
        top: 50%;
        margin-top: -4px;
        border-radius: 50%;
        background: white
    }

    .aside-subcategory__item:last-child {
        margin: 0
    }

    .aside-subcategory__link {
        display: block;
        padding: 6px 10px 6px 25px;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        border: 1px solid var(--border);
        border-radius: 10px;
        text-align: center;
        color: white;
        text-decoration: none
    }

    .aside-subcategory__link:hover {
        color: white;
        opacity: .9
    }
}

@media(max-width:800px) {
    .trusted-sellers.hidden {
        display: none
    }

    .trusted-sellers__menu {
        display: block
    }

    .trusted-sellers__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        margin: 0 0 20px 0
    }

    .trusted-sellers__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 12px
    }

    .trusted-sellers__footer {
        text-align: center;
        padding-bottom: 30px
    }

    .trusted-sellers__foot-subtitle {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .trusted-sellers__foot-subtitle a {
        color: inherit;
        text-decoration: none
    }

    .trusted-sellers__foot-subtitle a:hover {
        text-decoration: underline
    }

    .trusted-sellers__foot-subtitle span {
        display: block
    }
}

@media(max-width:800px) {
    .trusted-seller-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        position: relative;
        padding-bottom: 54px
    }

    .trusted-seller-box__image {
        text-align: center;
        border-radius: 20px;
        margin-bottom: 10px;
        width: 100%;
        height: 100%;
        max-width: 320px;
        max-height: 180px
    }

    .trusted-seller-box__image img {
        border-radius: 20px;
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .trusted-seller-box__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
        color: #fff
    }

    .trusted-seller-box__description {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin: 0 0 10px 0
    }

    .trusted-seller-box__footer {
        position: absolute;
        bottom: -12px;
        left: -12px;
        right: -12px;
        padding: 0;
        height: 39px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .trusted-seller-box__button {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 12px;
        color: #9fa4ae;
        height: 39px;
        line-height: 39px;
        width: 120px;
        margin: auto;
        text-align: center;
        text-decoration: none;
        border-top: 1px solid var(--border)
    }

    .trusted-seller-box__button+.trusted-seller-box__button {
        border-left: 1px solid var(--border)
    }
}

@media(max-width:800px) {
    .news-list__list .ads__item {
        margin: 0 0 12px
    }

    .news-list__item {
        margin: 0 0 12px 0;
        border: 1px solid var(--border);
        border-radius: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-list__item:last-child {
        margin: 0
    }

    .news-list__footer {
        margin: 15px 0 35px;
        text-align: center
    }

    .news-list__button {
        margin: auto;
        width: 100px;
        font-size: 12px
    }
}

@media(max-width:800px) {
    .news-preview {
        position: relative;
        height: 100%;
        padding: 12px;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-preview__image {
        border-radius: 20px;
        margin-bottom: 10px;
        overflow: hidden
    }

    .news-preview__image img {
        width: 100%;
        max-width: 100%;
        max-height: 800px;
        border-radius: 20px
    }

    .news-preview__image>a {
        display: block;
        text-decoration: none;
        color: inherit
    }

    .news-preview__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 7px;
        color: #fff;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .news-preview__title>a {
        color: inherit;
        text-decoration: none
    }

    .news-preview__title>a:hover {
        color: white;
        text-decoration: none
    }

    .news-preview__description {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784);
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media(max-width:800px) {
    .news-sticky-header .container__aside_right {
        display: none
    }

    .news-sticky-header__search {
        position: fixed;
        z-index: 99;
        top: 60px;
        left: 0;
        right: 0;
        padding: 8px 12px;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .news-sticky-header__search.active {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .news-sticky-header__form {
        position: relative
    }

    .news-sticky-header__input {
        display: block;
        height: 30px;
        line-height: 30px;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        border-radius: 0;
        color: white;
        border-bottom: 1px solid #54575f;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .news-sticky-header__input::-webkit-input-placeholder {
        font-size: 12px
    }

    .news-sticky-header__input::-moz-placeholder {
        font-size: 12px
    }

    .news-sticky-header__input:-ms-input-placeholder {
        font-size: 12px
    }

    .news-sticky-header__input::-ms-input-placeholder {
        font-size: 12px
    }

    .news-sticky-header__input::placeholder {
        font-size: 12px
    }

    .news-sticky-header__submit {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        bottom: 0;
        border-width: 0;
        outline: 0;
        width: 30px;
        height: 30px;
        background: transparent url(..static/assets/images/search-mobile.svg) center no-repeat
    }

    .news-sticky-header__main {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        margin: 0 0 12px 0
    }

    .news-sticky-header__button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: block;
        border-radius: 15px;
        border: 1px solid var(--border);
        font-weight: 500;
        font-size: 12px;
        line-height: 24px;
        padding: 10px 15px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        letter-spacing: .1em;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-sticky-header__button:hover {
        opacity: .8;
        text-decoration: none;
        color: #fff
    }

    .news-sticky-header__add {
        display: block;
        line-height: 42px;
        font-weight: 800;
        font-size: 36px;
        background: transparent;
        border: 0;
        color: #b5b2b2;
        text-align: right;
        cursor: pointer;
        text-decoration: none;
        opacity: .75
    }

    .news-sticky-header__add:hover {
        color: white;
        text-decoration: none;
        opacity: .9
    }
}

@media(max-width:800px) {
    .news-post {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 122px)
    }

    .news-post__body {
        position: relative;
        padding: 15px 20px 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .news-post__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 15px;
        margin-bottom: 35px
    }

    .news-post__title {
        display: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        text-decoration: none;
        color: #fff
    }

    .news-post__title.active {
        display: block
    }

    .news-post__lang {
        position: absolute;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        font-size: 10px
    }

    .news-post__lang-button {
        background-color: transparent;
        outline: 0;
        border: 0;
        font-weight: 500;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .news-post__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .news-post__lang-button.active {
        font-weight: 700
    }

    .news-post__lang-button.active:hover {
        color: #fff
    }

    .news-post__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        margin: 0 0 0 -25px
    }

    .news-post__button {
        background-color: transparent;
        outline: 0;
        border: 0
    }

    .news-post__button:hover>svg path {
        fill: white
    }

    .news-post__subtitle {
        margin-bottom: 19px;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        position: relative
    }

    .news-post__subtitle::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 9;
        height: 30px;
        left: -15px;
        right: -15px;
        bottom: -48px;
        background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(rgba(23, 23, 23, 0)));
        background: -o-linear-gradient(top, #171717, rgba(23, 23, 23, 0));
        background: linear-gradient(to bottom, #171717, rgba(23, 23, 23, 0));
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .news-post__video {
        text-align: center;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 0 10px 0
    }

    .news-post__video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .news-post__text {
        display: none;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: justify;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .news-post__text.active {
        display: block
    }

    .news-post__text p {
        margin: 0 0 15px 0
    }

    .news-post__text img {
        display: block;
        height: 100%;
        width: 100%;
        max-height: 800px;
        margin: 0 0 15px 0;
        border-radius: 20px
    }
}

@media(max-width:800px) {
    .news-form__form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 118px - 58px)
    }

    .news-form__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        position: relative
    }

    .news-form__input {
        display: none;
        height: 39px;
        line-height: 39px;
        border: 1px solid var(--border);
        outline: 0;
        border-radius: 15px;
        background: transparent;
        width: 100%;
        padding: 0 13px;
        color: white;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-form__input--link {
        margin: 15px 0 0 0
    }

    .news-form__input.active {
        display: block
    }

    .news-form__add {
        display: block;
        width: 28px;
        height: 39px;
        line-height: 39px;
        font-weight: 800;
        font-size: 36px;
        background: transparent;
        border: 0;
        outline: 0;
        color: #b5b2b2;
        cursor: pointer;
        opacity: .75;
        text-decoration: none;
        text-align: center
    }

    .news-form__add::before {
        content: "+";
        display: inline;
        background-color: transparent;
        border: 0;
        outline: 0
    }

    .news-form__add:hover {
        color: white;
        text-decoration: none;
        opacity: .9
    }

    .news-form__add>input {
        display: none
    }

    .news-form__lang {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

    .news-form__lang-button {
        border: 0;
        background-color: transparent;
        outline: 0;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .news-form__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .news-form__lang-button.active {
        font-weight: 700
    }

    .news-form__lang-button.active:hover {
        color: #fff
    }

    .news-form__body {
        display: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-top: 20px;
        border: 1px solid var(--border);
        border-radius: 20px;
        overflow: hidden
    }

    .news-form__body.active {
        display: block
    }

    .news-form__body .ck.ck-content.ck-editor__editable {
        min-height: 250px;
        padding: 10px
    }

    .news-form__body .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
        position: static
    }

    .news-form__textarea {
        width: 100%;
        outline: 0;
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: white
    }

    .news-form__footer {
        margin-top: 14px;
        padding: 0 0 30px 0;
        text-align: center
    }

    .news-form__submit {
        margin: auto;
        width: 115px
    }
}

@media(max-width:800px) {
    .private-news {
        padding-top: 60px
    }

    .private-news__sticky-header {
        position: fixed;
        top: 114px;
        left: 0;
        right: 0;
        padding: 0 14px;
        z-index: 1
    }

    .private-news__sticky-header .container__aside_right {
        display: none
    }

    .private-news__sticky-header .news-sticky-header__button {
        background-color: #171717
    }

    .private-news__sticky-header .news-sticky-header__button.hide {
        display: none
    }

    .private-news__list.hide {
        display: none
    }

    .private-news__chat {
        top: 120px
    }

    .private-news__chat.hide {
        display: none
    }

    .private-news__chat .message {
        width: 100%
    }

    .private-news__chat .message__row {
        width: 100%
    }

    .private-news__chat .message_received .message__status {
        display: none
    }

    .private-news__chat .messages-group__item_file .message__col_message {
        padding-left: 0
    }

    .private-news__chat .messages-group__item_file .message__header {
        top: 0
    }

    .private-news__chat .message__col.message__col_avatar {
        margin-top: 0
    }

    .private-news__chat .message__col_message {
        position: relative;
        width: calc(100% - 50px);
        padding: 16px 28px 12px 12px
    }

    .private-news__chat .message__header {
        display: block;
        position: absolute;
        top: 5px;
        right: 10px
    }

    .private-news__chat .message__header-info {
        display: none
    }

    .private-news__chat .message__header-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

    .private-news__chat .message__header-button {
        width: 14px;
        height: 14px;
        background: transparent;
        border: 0;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .private-news__chat .message__header-button--remove {
        background-image: url("..static/assets/images/comment-remove.svg");
        background-size: 11px
    }

    .private-news__chat .message__header-button--remove.hide {
        display: none
    }

    .private-news__chat .message__header-button--reply {
        background-image: url("..static/assets/images/comment-reply.png");
        background-size: 15px
    }

    .private-news__chat .messages-group__date {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    .private-news__chat .message__reply {
        position: relative;
        padding: 0 0 0 5px;
        margin: 0 0 3px 0;
        font-size: 10px;
        line-height: 12px;
        color: #fff
    }

    .private-news__chat .message__reply::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background-color: rgba(255, 255, 255, 0.75)
    }

    .private-news__chat .message__reply-name {
        font-weight: 600
    }

    .private-news__chat .message__reply-text {
        font-weight: 500;
        opacity: .75;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .private-news__chat .chat-form__input {
        padding-right: 30px
    }

    .private-news__chat .comment-form__counter {
        right: 90px
    }

    .private-news__chat .chat-form__col_submit {
        right: 62px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .private-news__chat .chat-form__submit {
        width: 21px;
        height: 21px
    }

    .private-news__chat .chat-form__col_export {
        right: 0
    }

    .private-news__chat .chat-form__col_export .chat-form__submit {
        width: 44px;
        height: 44px
    }

    .private-news__chat .chat-form__fieldset {
        width: calc(100% - 52px)
    }
}

@media(max-width:800px) {
    .comments-box__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 200px;
        overflow: hidden;
        overflow-y: auto
    }

    .comments-box__item {
        margin: 10px 0 0 0
    }

    .comments-box__footer {
        margin-top: 20px
    }
}

@media(max-width:800px) {
    .comment-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 56px
    }

    .comment-row__avatar {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 45px;
        max-width: 45px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0;
        margin-right: 9px
    }

    .comment-row__avatar>a {
        color: inherit;
        text-decoration: none
    }

    .comment-row__avatar>a:hover {
        color: white;
        text-decoration: none
    }

    .comment-row__avatar>a>img {
        display: block;
        width: 45px;
        height: 45px
    }

    .comment-row__name {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 4px
    }

    .comment-row__name>a {
        color: inherit;
        text-decoration: none
    }

    .comment-row__name>a:hover {
        opacity: .8;
        color: white;
        text-decoration: none
    }

    .comment-row__text {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #fff;
        opacity: .75
    }

    .comment-row__text>span {
        color: #04be0b;
        font-weight: 800
    }

    .comment-row__aside {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .comment-row__button {
        width: 23px;
        height: 26px;
        background: transparent;
        border: 0;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .comment-row__button_remove {
        background-image: url("..static/assets/images/comment-remove.svg");
        background-size: 17px
    }

    .comment-row__button_reply {
        background-image: url("..static/assets/images/comment-reply.png");
        background-size: 23px
    }

    .comment-row__button:hover {
        opacity: .8
    }
}

@media(max-width:800px) {
    .comment-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .comment-form__field {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .comment-form__mention-label {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        padding-left: 10px;
        padding-right: 5px;
        font-weight: bold;
        font-weight: 800;
        font-size: 14px;
        line-height: 19px;
        color: #74e3c9
    }

    .comment-form__input {
        display: block;
        width: 100%;
        background: transparent;
        padding: 7px 110px 7px 10px;
        color: white;
        outline: 0;
        border-radius: 10px;
        border: 1px solid var(--border);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .comment-form__counter {
        position: absolute;
        right: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: 800;
        font-size: 14px;
        line-height: 27px;
        color: #de0a0a;
        opacity: .75;
        display: none
    }

    .comment-form__button {
        position: absolute;
        right: 10px;
        top: 50%;
        width: 21px;
        height: 21px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url("..static/assets/images/send.svg") center center/21px 21px no-repeat
    }

    .comment-form__submit {
        width: 15px;
        height: 15px;
        font-size: 0;
        border: 0;
        outline: 0;
        line-height: 1
    }
}

@media(max-width:800px) {
    .error-page {
        height: 100%;
        background: url("../static/assets/images/bg.jpg") center center/100% 100% no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .error-page__body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .error-page .header {
        position: static;
        height: auto;
        background: 0;
        padding-top: 30px
    }

    .error-page__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        color: rgba(255, 255, 255, 0.45);
        line-height: 1.2;
        font-weight: 500
    }

    .error-page__code {
        font-size: 70px;
        margin: 0 0 10px 0;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .error-page__text {
        font-size: 30px;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(max-width:800px) {
    .hide_on-mobile {
        display: none
    }
}

@media(min-width:800px) and (max-width:1200px) {
    .container__aside_profile {
        display: none
    }
}

@media(min-width:800px) {
    body {
        background-image: -o-linear-gradient(315deg, #2f2f30, #111214, #000);
        background-image: linear-gradient(135deg, #2f2f30, #111214, #000);
        background-attachment: fixed
    }

    .container {
        max-width: 100% !important
    }

    .header {
        padding-top: 46px;
        margin: auto
    }

    .header__row {
        position: relative;
        height: 66px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__logo {
        position: absolute;
        left: 50%;
        top: 0;
        width: 296px;
        height: 66px;
        margin-left: -148px;
        background: url("../static/assets/images/logo.png") center no-repeat;
        background-size: 100% 100%
    }

    .header__menu {
        margin: 25px 0 16px;
        padding: 25px 0 16px;
        border-bottom: 1px solid var(--border)
    }

    .header__search {
        display: none
    }

    .input {
        position: relative;
        height: 40px;
        line-height: 40px
    }

    .input__input {
        display: block;
        height: 40px;
        line-height: 40px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .input__input:focus~.input__input__placeholder {
        opacity: 0 !important
    }

    .input__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        opacity: 0;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        pointer-events: none
    }

    .input__placeholder_label {
        color: #54575f
    }

    .input__placeholder_error {
        color: #d30a0a
    }

    .input__eye-toggler {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        cursor: pointer
    }

    .input__eye-toggler:hover {
        opacity: .9
    }

    .input__eye-toggler::before,
    .input__eye-toggler::after {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        background-position: center;
        background-repeat: no-repeat
    }

    .input__eye-toggler::before {
        opacity: 0;
        background-image: url("..static/assets/images/eye-cross.svg")
    }

    .input__eye-toggler::after {
        opacity: 1;
        background-image: url("..static/assets/images/eye.svg")
    }

    .input__eye-toggler_shown::before {
        opacity: 1
    }

    .input__eye-toggler_shown::after {
        opacity: 0
    }

    .input_filter-query::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        background: url(..static/assets/images/filter-query.svg) center no-repeat
    }

    .input_filter-query .input__input {
        padding-left: 30px
    }

    .input_filter-query .input__placeholder {
        left: 30px
    }

    .input_empty .input__placeholder_label {
        opacity: 1
    }

    .input_empty .input__placeholder_error {
        opacity: 0
    }

    .input_invalid .input__input {
        border-color: #d30a0a
    }

    .input_invalid .input__placeholder {
        opacity: 0
    }

    .input_empty.input_invalid .input__placeholder_label {
        opacity: 0
    }

    .input_empty.input_invalid .input__placeholder_error {
        opacity: 1
    }

    .checkbox-row {
        display: block;
        width: 100%;
        cursor: pointer
    }

    .checkbox-row_disabled {
        opacity: .7;
        pointer-events: none
    }

    .checkbox-row__input {
        display: none
    }

    .checkbox-row__title {
        position: relative;
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 500;
        line-height: 19px
    }

    .checkbox-row__title::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 22px;
        height: 22px;
        opacity: .2;
        background: url(..static/assets/images/checked.svg) center no-repeat;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .checkbox-row__input:checked+.checkbox-row__title::after {
        opacity: 1
    }

    .checkbox-row_white .checkbox-row__title {
        color: white
    }

    .checkbox-row_larger .checkbox-row__title {
        font-size: 18px;
        line-height: 22px
    }

    .form__fieldset+.form__fieldset {
        margin-top: 17px
    }

    .form__footer {
        margin-top: 30px
    }

    .form__buttons-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .form__buttons-row_left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .form__buttons-row_right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .fieldset__label {
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }

    .button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 42px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .button_s {
        height: 35px;
        line-height: 33px
    }

    .button_xs {
        height: 30px;
        line-height: 28px;
        font-size: 14px
    }

    .button_xxs {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        border-radius: 10px
    }

    .button_xxxs {
        height: 20px;
        line-height: 18px;
        font-size: 8px;
        border-radius: 5px
    }

    .button:hover {
        color: white
    }

    .button_disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .load-more__button {
        height: auto;
        width: auto;
        padding: 8px 22px;
        font-size: 12px;
        line-height: 20px;
        border-radius: 15px;
        margin: 15px auto 0
    }

    .load-more__button.hidden {
        display: none
    }

    .popup {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        color: white;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: -100000;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: visibility 0s ease .2s, z-index 0s ease .2s;
        -o-transition: visibility 0s ease .2s, z-index 0s ease .2s;
        transition: visibility 0s ease .2s, z-index 0s ease .2s
    }

    .popup_active {
        z-index: 100000;
        visibility: visible;
        pointer-events: all;
        -webkit-transition: visibility 0s ease, z-index 0s ease;
        -o-transition: visibility 0s ease, z-index 0s ease;
        transition: visibility 0s ease, z-index 0s ease
    }

    .popup__underlay {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0);
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .popup_active .popup__underlay {
        opacity: 1
    }

    .popup__modal {
        position: absolute;
        z-index: 2000;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .popup__modal_active {
        pointer-events: all
    }

    .popup__modal_centred {
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
        transform: translate3d(-50%, -50%, 0) scale(1.2)
    }

    .popup__modal_centred.popup__modal_active {
        opacity: .93;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1)
    }

    .popup__modal_aside-right {
        top: 0;
        bottom: 0;
        right: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .popup__modal_aside-right.popup__modal_active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .popup__modal_box {
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 25px
    }

    .popup__modal-success_box {
        border-radius: 15px;
        max-width: 550px;
        width: 100%
    }

    .popup__modal-success_box.popup__modal_active {
        opacity: .9
    }

    .popup__modal_gradient {
        mix-blend-mode: darken;
        background: -o-linear-gradient(140deg, #060607 0, rgba(9, 10, 11, 0.98) 50%, rgba(19, 19, 20, 0.8) 100%);
        background: linear-gradient(310deg, #060607 0, rgba(9, 10, 11, 0.98) 50%, rgba(19, 19, 20, 0.8) 100%)
    }

    .popup.popup_confirm-modal .popup__modal {
        max-width: 400px
    }

    .popup.popup_download-files .popup__modal {
        width: 100%;
        max-width: 600px
    }

    .popup.popup_cart .popup__modal {
        width: 335px
    }

    .popup.popup_menu .popup__modal {
        width: 335px
    }

    .popup.popup_invite-support .confirm-modal {
        max-width: 460px
    }

    .container__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto 50px
    }

    .container__aside {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: 20.6373292868%;
        -webkit-flex-basis: 20.6373292868%;
        -ms-flex-preferred-size: 20.6373292868%;
        flex-basis: 20.6373292868%;
        max-width: 20.6373292868%;
        min-width: 20.6373292868%
    }

    .container__aside_sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 224px;
        -webkit-transition: top .3s linear;
        -o-transition: top .3s linear;
        transition: top .3s linear
    }

    .container__aside_sticky_top {
        top: 0
    }

    .container__aside_sticky_top_news {
        top: 60px
    }

    .container__content {
        min-width: 0;
        width: 100%
    }

    .container__aside+.container__content,
    .container__content+.container__aside {
        margin-left: 25px
    }

    .container__box {
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 27px 20px;
        position: relative
    }

    .container_fixed {
        position: relative
    }

    .container_fixed .container__header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 10;
        height: 224px;
        background: -o-linear-gradient(315deg, #2e2e2f, #060607);
        background: linear-gradient(135deg, #2e2e2f, #060607);
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .container_fixed .container__header.hide {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    .container_fixed .container__aside {
        padding-top: 16px
    }

    .container_fixed .container__content {
        margin-top: 16px
    }

    .tabs {
        position: relative;
        height: 45px
    }

    .tabs__row {
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs__tab {
        position: relative;
        height: 45px;
        line-height: 43px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .tabs__tab+.tabs__tab {
        margin-left: 32px
    }

    .tabs__tab_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -4px
    }

    .tabs__tab_faq {
        max-width: 45px
    }

    .tabs__tab_search {
        max-width: 45px
    }

    .tabs_closely .tabs__tab+.tabs__tab {
        margin-left: 16px
    }

    .tabs__link {
        display: block;
        height: 45px;
        line-height: 43px;
        border: 1px solid var(--border);
        text-align: center;
        font-size: 12px;
        border-radius: 16px;
        color: white;
        text-decoration: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs__link:hover {
        color: white;
        border-color: white
    }

    .tabs__link_faq {
        font-size: 24px
    }

    .tabs__link_search {
        position: relative
    }

    .tabs__link_search::before {
        content: "";
        display: block;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(..static/assets/images/search.svg) center no-repeat;
        background-size: 17px 17px;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .tabs__tab_active>.tabs__link {
        height: 43px;
        line-height: 41px;
        border: 1px solid white
    }

    .tabs__search {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .tabs_search-mode .tabs__row {
        opacity: 0;
        pointer-events: none
    }

    .tabs_search-mode .tabs__row .tabs__tab_search {
        pointer-events: all
    }

    .tabs_search-mode .tabs__search {
        opacity: 1;
        pointer-events: all
    }

    .ads__item {
        display: block;
        text-align: center;
        margin: 0 0 25px 0
    }

    .ads__item:last-child {
        margin: 0
    }

    .ads__item img {
        border-radius: 20px;
        width: 100%;
        height: 100%;
        max-width: 240px;
        max-height: 100px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .ads__link {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        text-align: center;
        margin-top: 20px;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        height: 22px;
        color: #9fa4ae;
        text-decoration: none
    }

    .ads__link:hover {
        color: white
    }

    .select {
        display: block;
        position: relative;
        text-align: left
    }

    .select__row {
        position: relative;
        z-index: 4;
        background: inherit;
        border-radius: inherit;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__row {
        height: 52px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__row {
        height: 42px
    }
}

@media(min-width:800px) {
    .select_active {
        z-index: 15
    }
}

@media(min-width:800px) {
    .select__handler {
        position: relative;
        z-index: 4;
        border-radius: 10px;
        color: white;
        border: 1px solid var(--border);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer
    }

    .select__handler:hover {
        opacity: .8
    }

    .select__handler::after {
        content: "";
        display: block;
        position: absolute;
        pointer-events: none;
        width: 0;
        height: 0;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        border-width: 5px 3px;
        border-style: solid;
        border-top-color: inherit;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__handler::after {
        top: 45%;
        right: 12px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__handler::after {
        top: 50%;
        right: 11px
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__handler {
        line-height: 52px;
        height: 52px;
        padding: 0 24px 0 16px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__handler {
        line-height: 44px;
        height: 44px;
        padding: 0 24px 0 16px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select_active .select__handler::after {
        -webkit-transform: translateY(-7px) rotate(180deg);
        -ms-transform: translateY(-7px) rotate(180deg);
        transform: translateY(-7px) rotate(180deg)
    }
}

@media(min-width:800px) {
    .select__value {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__value {
        line-height: 52px;
        height: 52px;
        font-size: 18px
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__value {
        line-height: 42px;
        height: 42px;
        font-size: 16px
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__select {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: 5;
        width: 100%;
        height: 100%
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__select {
        display: none
    }
}

@media(min-width:800px) and (max-width:992px) {
    .select__dropdown {
        display: none
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__dropdown {
        color: white;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        max-height: 0;
        padding-top: 44px;
        opacity: 0;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: black;
        -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select_active .select__dropdown {
        pointer-events: all;
        opacity: 1;
        max-height: 100vh;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(min-width:800px) and (min-width:992px) {
    .select__item {
        position: relative;
        white-space: nowrap;
        cursor: pointer;
        line-height: 44px;
        height: 44px;
        padding: 0 30px 0 16px;
        font-size: 16px
    }

    .select__item:hover {
        background: rgba(255, 255, 255, 0.05)
    }

    .select__item::after {
        content: "";
        display: block;
        position: absolute;
        right: 5px;
        top: 50%;
        width: 10px;
        height: 5px;
        border-bottom: 2px solid white;
        border-left: 2px solid white;
        -webkit-transform: rotate(-45deg) translateY(-6px);
        -ms-transform: rotate(-45deg) translateY(-6px);
        transform: rotate(-45deg) translateY(-6px);
        opacity: 0
    }

    .select__item_active {
        color: white
    }

    .select__item_active::after {
        opacity: 1
    }
}

@media(min-width:800px) {
    .frame {
        position: relative;
        border-radius: 50%
    }

    .frame::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .frame.bronze {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3)
    }

    .frame.bronze::after {
        background: url("/media/avatars/bronze.svg") center center/100% 100% no-repeat
    }

    .frame.silver {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3)
    }

    .frame.silver::after {
        background: url("/media/avatars/silver.svg") center center/100% 100% no-repeat
    }

    .frame.gold {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3)
    }

    .frame.gold::after {
        background: url("/media/avatars/gold.svg") center center/100% 100% no-repeat
    }
}

@media(min-width:800px) {
    .attached-files-widget__list {
        width: 100%
    }

    .attached-files-widget__item+.attached-files-widget__item {
        margin-top: 15px
    }

    .attached-files-widget__item_hidden {
        display: none
    }

    .attached-files-widget__item_visible {
        display: block
    }

    .attached-files-widget__footer {
        text-align: center;
        margin-top: 15px
    }

    .attached-files-widget__add-button {
        width: 110px;
        margin: auto
    }

    .attached-files-widget__add-button:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }
}

@media(min-width:800px) {
    .confirm-modal {
        padding: 30px 38px 20px;
        text-align: center
    }

    .confirm-modal__text {
        margin-bottom: 30px
    }

    .confirm-modal__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .confirm-modal__button {
        width: 150px
    }

    .confirm-modal__button+.confirm-modal__button {
        margin-left: 16px
    }
}

@media(min-width:800px) {
    .refund-modal {
        padding: 30px 38px 20px;
        text-align: center
    }

    .refund-modal__text {
        margin-bottom: 30px;
        font-size: 18px
    }

    .refund-modal__input-wrapper {
        margin-bottom: 18px
    }

    .refund-modal__input {
        font-size: 12px;
        text-align: center;
        width: 150px;
        margin: 0 auto;
        height: 38px;
        border-radius: 13px;
        border: 1px solid var(--border);
        background-color: transparent;
        color: #9fa4ae;
        outline: 0
    }

    .refund-modal__input::-webkit-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::-moz-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input:-ms-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::-ms-input-placeholder {
        color: #9fa4ae
    }

    .refund-modal__input::placeholder {
        color: #9fa4ae
    }

    .refund-modal__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .refund-modal__button {
        width: 150px
    }

    .refund-modal__button+.refund-modal__button {
        margin-left: 16px
    }
}

@media(min-width:800px) {
    .success-modal {
        padding: 20px;
        text-align: center
    }

    .success-modal__text {
        font-size: 18px;
        line-height: 20px;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .success-modal__text p:not(:last-child) {
        margin: 0 0 15px 0
    }

    .success-modal__title {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 20px 0;
        word-break: break-word;
        background: -webkit-gradient(linear, left top, left bottom, from(#8f8f8f), to(#fff));
        background: -o-linear-gradient(top, #8f8f8f, #fff);
        background: linear-gradient(to bottom, #8f8f8f, #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@media(min-width:800px) {
    .captcha-modal {
        padding: 40px
    }

    .captcha-modal__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .captcha-modal__clock {
        width: 256px;
        min-width: 256px;
        font-size: 0
    }

    .captcha-modal__clock>img {
        display: block;
        width: 256px;
        height: 256px;
        border-radius: 50%
    }

    .captcha-modal__error {
        display: none;
        color: #d30a0a;
        font-size: 18px;
        line-height: 22px;
        margin-top: 8px
    }

    .captcha-modal__content {
        width: auto;
        padding-left: 40px
    }

    .captcha-modal__fieldset {
        margin-top: 20px
    }

    .captcha-modal__input-wrapper {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px;
        width: 230px
    }

    .captcha-modal__input-wrapper::before,
    .captcha-modal__input-wrapper::after {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 30px;
        height: 70px;
        line-height: 70px;
        font-size: 52px;
        font-family: "Azeret Mono", monospace;
        background: transparent;
        text-align: left;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .captcha-modal__input-wrapper::before {
        content: "  :  ";
        color: white
    }

    .captcha-modal__input-wrapper::after {
        content: "00:00";
        color: rgba(255, 255, 255, 0.2)
    }

    .captcha-modal__input-wrapper_placeholder::after {
        opacity: 1
    }

    .captcha-modal__input-wrapper_two-dots::before {
        opacity: 1
    }

    .captcha-modal__input {
        display: block;
        width: 230px;
        height: 70px;
        line-height: 70px;
        font-size: 52px;
        font-family: "Azeret Mono", monospace;
        padding: 0 30px;
        color: white;
        background: transparent;
        text-align: left;
        text-decoration: none;
        border-width: 0;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(min-width:800px) {
    .dialogs-list {
        position: relative;
        min-height: 310px
    }

    .dialogs-list__search {
        margin-bottom: 15px
    }

    .dialogs-list__list {
        margin-bottom: 15px
    }

    .dialogs-list__item+.dialogs-list__item {
        margin-top: 16px
    }

    .dialogs-list__empty {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: auto;
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: white;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

@media(min-width:800px) {
    .dialog-row {
        position: relative;
        color: #9fa4ae
    }

    .dialog-row_unread {
        color: #fff
    }

    .dialog-row__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 13px 19px;
        border: 1px solid var(--border);
        border-radius: 30px
    }

    .dialog-row__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .dialog-row__col_avatar {
        width: 64px;
        max-width: 64px;
        margin-right: 11px
    }

    .dialog-row__col_description {
        width: 100%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .dialog-row__col_status {
        width: 10px;
        margin: 0 12px;
        padding: 27px 0
    }

    .dialog-row__col_date {
        width: 150px;
        padding: 21px 0
    }

    .dialog-row__avatar {
        width: 64px;
        height: 64px;
        font-size: 0;
        overflow: hidden;
        border-radius: 50%
    }

    .dialog-row__avatar>img {
        display: block;
        width: 64px;
        height: 64px
    }

    .dialog-row__header {
        margin-bottom: 7px
    }

    .dialog-row__title {
        color: #fff;
        font-size: 18px;
        font-weight: 500
    }

    .dialog-row__text {
        font-size: 14px;
        line-height: 17px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .dialog-row__status {
        width: 10px;
        height: 10px;
        border-radius: 50%
    }

    .dialog-row__status_read {
        background-color: #54575f
    }

    .dialog-row__status_unread {
        background-color: #fff
    }

    .dialog-row__date {
        font-size: 18px;
        line-height: 22px;
        color: #9fa4ae;
        white-space: nowrap
    }

    .dialog-row__link {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        opacity: 0;
        font-size: 0;
        text-decoration: none;
        border-radius: 30px
    }
}

@media(min-width:800px) {
    .nav-user-info__link {
        display: block;
        color: white;
        text-decoration: none
    }

    .nav-user-info__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-self: flex-start
    }

    .nav-user-info__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        border-radius: 50%
    }

    .nav-user-info__img>img {
        margin: auto;
        width: 28px;
        height: 28px;
        border-radius: 50%
    }

    .nav-user-info__name {
        font-size: 18px;
        line-height: 21px;
        color: var(--primary);
        cursor: pointer;
        margin-bottom: 0 !important;
        opacity: .8
    }

    .nav-user-info:hover .nav-user-info__name {
        opacity: 1
    }

    .nav-user-info__balance {
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784);
        margin-bottom: 0 !important
    }
}

@media(min-width:800px) {
    .nav-icons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nav-icons__item {
        position: relative;
        margin: 0 12px
    }

    .nav-icons__icon {
        cursor: pointer
    }

    .nav-icons__counter {
        position: absolute;
        right: -7px;
        top: 17px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #fff;
        color: black;
        text-align: center;
        font-size: 10px;
        line-height: 15px;
        pointer-events: none
    }

    .nav-icons__counter_hidden {
        opacity: 0
    }
}

@media(min-width:800px) {
    .main-menu__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-menu__item {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .main-menu__item+.main-menu__item {
        margin-left: 56px
    }

    .main-menu__item_notification::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
        position: absolute;
        top: 50%;
        right: 24px;
        margin-top: -4px
    }

    .main-menu__link {
        display: block;
        text-align: center;
        height: 45px;
        line-height: 45px;
        font-size: 12px;
        border-radius: 20px;
        border: 1px solid var(--border);
        text-decoration: none;
        color: white
    }

    .main-menu__link:hover {
        color: white;
        opacity: .8
    }

    .main-menu__link_active {
        border-color: white !important;
        opacity: 1 !important;
        font-weight: 600
    }
}

@media(min-width:800px) {
    .filtration-panel .filtration_search_wrapper {
        position: relative;
        width: 100%
    }

    .filtration-panel .filtration_search_wrapper img {
        position: absolute;
        left: 0;
        top: 4px
    }

    .filtration-panel .filtration_search_wrapper input {
        width: 100%;
        background-color: transparent;
        outline: 0;
        border: 0;
        padding-bottom: 11px;
        font-size: 18px;
        padding-left: 30px;
        color: var(--primary);
        border-bottom: 1px solid var(--secondary)
    }

    .filtration-panel .filtration_search_wrapper input:focus {
        border-bottom: 2px solid var(--primary)
    }

    .filtration-panel .filtration-panel_label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 25px;
        cursor: pointer;
        margin-bottom: 15px
    }

    .filtration-panel .filtration-panel_label:hover p {
        color: var(--primary)
    }

    .filtration-panel .filtration-panel_label:hover svg path {
        fill: var(--primary)
    }

    .filtration-panel .filtration-panel_label svg path {
        -webkit-transition: fill 300ms;
        -o-transition: fill 300ms;
        transition: fill 300ms
    }

    .filtration-panel .filtration-panel_label p {
        font-size: 18px;
        color: #54575f;
        margin-bottom: 0;
        margin-left: 10px;
        -webkit-transition: color 300ms;
        -o-transition: color 300ms;
        transition: color 300ms
    }

    .filtration-panel .filtration_config {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .filtration-panel .filtration_config h3 {
        font-size: 18px;
        color: var(--primary)
    }

    .filtration-panel .filtration_config .filtration_price_inputs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 18px
    }

    .filtration-panel .filtration_config .filtration_price_inputs input {
        width: 104px;
        height: 31px;
        padding: 6px 8px;
        color: #fff;
        font-size: 16px;
        background-color: transparent;
        outline: 0;
        border-radius: 5px;
        border: 1px solid rgba(159, 164, 174, 0.4901960784)
    }

    .filtration-panel .filtration_config .filtration_price_inputs input:first-child {
        margin-right: 21px
    }

    .filtration-panel .filtration_config .filtration_price_inputs input:focus {
        border: 1px solid var(--border)
    }

    .filtration-panel .filtration_config .filtration_option {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer
    }

    .filtration-panel .filtration_config .filtration_option svg path {
        fill: #4c5159
    }

    .filtration-panel .filtration_config .filtration_option p {
        margin-bottom: 7px;
        font-size: 16px;
        color: var(--secondary)
    }

    .filtration-panel .filtration_categories {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 10px
    }

    .filtration-panel .filtration_categories .filtration_category {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
        cursor: pointer
    }

    .filtration-panel .filtration_categories .filtration_category:hover svg path {
        fill: var(--primary)
    }

    .filtration-panel .filtration_categories .filtration_category svg {
        margin-bottom: 5px
    }

    .filtration-panel .filtration_categories .filtration_category svg path {
        fill: #4c5159
    }

    .filtration-panel .filtration_categories .filtration_category p {
        color: var(--primary);
        font-size: 18px;
        margin-bottom: 0
    }

    .filtration-panel button {
        width: 135px;
        height: 35px;
        margin: 30px auto 0;
        border-radius: 10px;
        background-color: transparent;
        font-size: 16px;
        color: var(--primary);
        border: 1px solid var(--border);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .filtration-panel button:hover {
        border: 2px solid var(--primary)
    }
}

@media(min-width:800px) {
    .aside-menu {
        padding: 5px 0
    }

    .aside-menu__item {
        height: 25px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .aside-menu__item+.aside-menu__item {
        margin-top: 25px
    }

    .aside-menu_large .aside-menu__item {
        height: 32px
    }

    .aside-menu_large .aside-menu__item+.aside-menu_large .aside-menu__item {
        margin-top: 28px
    }

    .aside-menu__icon {
        width: 20px;
        height: 20px
    }

    .aside-menu_large .aside-menu__icon {
        width: auto;
        height: auto;
        min-width: 26px;
        min-height: 26px
    }

    .aside-menu__link {
        margin-bottom: 0;
        color: var(--secondary) !important;
        margin-left: 14px;
        text-decoration: none
    }

    .aside-menu__link:hover {
        color: var(--primary) !important
    }

    .aside-menu_large .aside-menu__link {
        font-size: 18px;
        margin-left: 22px
    }

    .aside-menu__item_active .aside-menu__icon path {
        fill: var(--primary)
    }

    .aside-menu__item_active .aside-menu__link {
        color: #fff !important
    }
}

@media(min-width:800px) {
    .store-filter__section_prices {
        display: none
    }

    .store-filter__section+.store-filter__section {
        margin-top: 16px
    }

    .store-filter__row+.store-filter__row {
        margin-top: 16px
    }

    .store-filter__filter-toggler {
        position: relative;
        padding-left: 30px;
        color: #d8dde7;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 14px;
        cursor: pointer;
        opacity: .2
    }

    .store-filter__filter-toggler::before {
        content: "";
        display: block;
        background: url(..static/assets/images/market-filter.svg) center no-repeat;
        width: 22px;
        height: 22px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px
    }

    .store-filter__filter-toggler:hover {
        opacity: .6
    }

    .store-filter__mode_categories {
        display: block
    }

    .store-filter__mode_filter {
        display: none
    }

    .store-filter__mode_submit {
        display: none
    }

    .store-filter__togglable-mode_filter .store-filter__filter-toggler {
        opacity: 1
    }

    .store-filter__togglable-mode_filter .store-filter__mode_categories {
        display: none
    }

    .store-filter__togglable-mode_filter .store-filter__mode_filter {
        display: block
    }

    .store-filter__subtitle {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 2px
    }

    .store-filter__query-input {
        margin-bottom: 8px
    }

    .store-filter__checkbox-row {
        margin: 8px 0
    }

    .store-filter__price-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .store-filter__price-field {
        margin: 8px 0;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .store-filter__price-field+.store-filter__price-field {
        margin-left: 21px
    }

    .store-filter__price-input {
        display: block;
        height: 31px;
        line-height: 31px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0 8px;
        border-width: 0;
        color: white;
        border-radius: 5px;
        border: 1px solid #9fa4ae;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-appearance: textfield
    }

    .store-filter__price-input::-webkit-outer-spin-button,
    .store-filter__price-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .store-filter__footer {
        padding-top: 16px;
        padding-bottom: 11px;
        text-align: center
    }

    .store-filter__submit {
        margin: auto
    }
}

@media(min-width:800px) {
    .download-files-popup {
        padding: 51px 47px 24px
    }

    .download-files-popup__header {
        margin-bottom: 20px;
        text-align: center
    }

    .download-files-popup__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
        color: white
    }

    .download-files-popup__subtitle {
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae
    }

    .download-files-popup__body {
        padding: 19px 12px;
        height: 248px;
        overflow-y: auto;
        border: 1px solid var(--border);
        border-radius: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .download-files-popup__file-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 25px;
        line-height: 25px;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 0 6px
    }

    .download-files-popup__file-row+.download-files-popup__file-row {
        margin-top: 16px
    }

    .download-files-popup__file-row:hover {
        opacity: .9
    }

    .download-files-popup__link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        display: block
    }

    .download-files-popup__file-col {
        height: 23px;
        line-height: 23px
    }

    .download-files-popup__file-col_title {
        width: 46.7391304348%;
        min-width: 46.7391304348%;
        max-width: 46.7391304348%;
        text-align: left
    }

    .download-files-popup__file-col_amount {
        width: 8.6956521739%;
        min-width: 8.6956521739%;
        max-width: 8.6956521739%;
        text-align: center
    }

    .download-files-popup__file-col_date {
        width: 44.5652173913%;
        min-width: 44.5652173913%;
        max-width: 44.5652173913%;
        text-align: right
    }

    .download-files-popup__file-title {
        font-size: 12px;
        font-weight: 500;
        color: white
    }

    .download-files-popup__amount {
        font-weight: 600;
        font-size: 14px;
        color: #9fa4ae
    }

    .download-files-popup__date {
        color: white;
        font-weight: 500;
        font-size: 12px
    }

    .download-files-popup__footer {
        margin-top: 28px
    }

    .download-files-popup__foot-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .download-files-popup__foot-column {
        width: 150px;
        margin-right: 36px
    }

    .download-files-popup__foot-column:last-child {
        margin: 0
    }

    .download-files-popup__foot-column.hide {
        display: none
    }

    .download-files-popup__button {
        width: 100%
    }
}

@media(min-width:800px) {
    .product-row-mini {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 9px 12px;
        min-height: 60px
    }

    .product-row-mini_dot::before {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        top: 25px;
        left: -16px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.7)
    }

    .product-row-mini__body {
        width: 100%
    }

    .product-row-mini__edit {
        display: none
    }

    .product-row-mini_editing .product-row-mini__body {
        display: none
    }

    .product-row-mini_editing .product-row-mini__edit {
        display: block
    }

    .product-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .product-row-mini__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .product-row-mini__col_thumbnail {
        width: 40px;
        min-width: 40px;
        max-width: 40px;
        padding-right: 12px
    }

    .product-row-mini__col_description {
        padding-right: 12px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        min-width: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .product-row-mini__col_narrow-description {
        width: 282px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        min-width: 0;
        margin-right: auto
    }

    .product-row-mini__col_order-info {
        width: 30%;
        margin-right: 16px;
        white-space: nowrap
    }

    .product-row-mini__col_amount {
        width: 40px;
        padding: 5px 0;
        padding-right: 12px
    }

    .product-row-mini__col_actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px
    }

    .product-row-mini__col_actions .product-row-mini__button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        height: auto;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 9px;
        line-height: 1.2;
        border-radius: 8px;
        padding: 4px 12px;
        border-color: rgba(159, 164, 174, 0.5)
    }

    .product-row-mini__col_price {
        width: 100px;
        text-align: center;
        padding-right: 12px
    }

    .product-row-mini__col_wide-price {
        text-align: center;
        white-space: nowrap;
        width: 20%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .product-row-mini__col_seller {
        width: 42px
    }

    .product-row-mini__col_comment-counter {
        width: 60px
    }

    .product-row-mini__col_rating {
        width: 100px;
        padding: 10px 0;
        padding-right: 16px
    }

    .product-row-mini__col_check-comment {
        width: 115px;
        padding: 8px 0
    }

    .product-row-mini__col_status {
        width: 115px;
        padding: 5px 0
    }

    .product-row-mini__button {
        max-width: 100%
    }

    .product-row-mini__button_red {
        color: #d30a0a
    }

    .product-row-mini__button_narrow {
        width: 110px
    }

    .product-row-mini__thumbnail {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        overflow: hidden
    }

    .product-row-mini__thumbnail>img {
        display: block;
        width: 40px;
        height: 40px
    }

    .product-row-mini__description {
        cursor: pointer
    }

    .product-row-mini__description .product-row-mini__amount {
        display: none
    }

    .product-row-mini__title {
        position: relative;
        font-size: 18px;
        line-height: 22px;
        font-weight: 400
    }

    .product-row-mini__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .product-row-mini__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(28, 28, 34, 0.9019607843);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .product-row-mini__title_bold {
        font-weight: 600
    }

    .product-row-mini__title_bold::after {
        font-weight: 600
    }

    .product-row-mini__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .product-row-mini__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .product-row-mini__text {
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .product-row-mini__description_expanded .product-row-mini__text {
        white-space: pre-wrap;
        overflow: visible
    }

    .product-row-mini__order-number {
        color: #9fa4ae;
        font-size: 16px
    }

    .product-row-mini__buyer {
        color: #9fa4ae;
        text-decoration: none
    }

    .product-row-mini__buyer:hover {
        color: white
    }

    .product-row-mini__amount {
        color: #9fa4ae;
        font-size: 14px;
        font-weight: 600;
        height: 30px;
        line-height: 30px
    }

    .product-row-mini__price {
        font-weight: 500;
        font-size: 18px;
        height: 40px;
        line-height: 40px
    }

    .product-row-mini__price_green {
        color: #078f04
    }

    .product-row-mini__price_red {
        color: #d30a0a
    }

    .product-row-mini__seller {
        position: relative;
        height: 40px;
        text-align: center;
        text-decoration: none
    }

    .product-row-mini__seller-link {
        cursor: pointer
    }

    .product-row-mini__seller-avatar {
        margin: 0 auto;
        width: 28px;
        height: 28px;
        overflow: hidden;
        border-radius: 50%;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .product-row-mini__seller-avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .product-row-mini__seller-name {
        position: relative;
        margin-top: 3px;
        font-size: 9px;
        line-height: 12px;
        color: #9fa4ae
    }

    .product-row-mini__seller-name>span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .product-row-mini__seller-name::after {
        content: attr(data-title);
        position: absolute;
        left: 50%;
        top: -2px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 9px;
        line-height: 12px;
        color: #e2e2e2;
        background: rgba(9, 9, 10, 0.9);
        padding: 2px 4px;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .product-row-mini__seller-link:hover .product-row-mini__seller-avatar {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .product-row-mini__seller-link:hover .product-row-mini__seller-name::after {
        opacity: 1
    }

    .product-row-mini__buttons-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 0
    }

    .product-row-mini__button-wrapper+.product-row-mini__button-wrapper {
        margin-left: 8px
    }

    .product-row-mini__comment-counter {
        color: white;
        font-weight: 600;
        font-size: 18px;
        text-align: center;
        line-height: 40px
    }

    .product-row-mini__stars {
        width: 100px;
        padding: 10px 0
    }

    .product-row-mini__comment {
        padding: 20px 0;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        color: #9fa4ae
    }

    .product-row-mini__footer {
        display: none
    }

    .product-row-mini__footer_visible {
        display: block
    }

    .product-row-mini__seller-link {
        display: block;
        color: inherit;
        text-decoration: none
    }

    .product-row-mini__mobile-status {
        display: none
    }

    .product-row-mini__refund-button {
        padding: 4px 0;
        text-align: center
    }

    .product-row-mini__refund-button>* {
        margin: auto
    }
}

@media(min-width:800px) {

    .product-row-mini .popup,
    .personal-store__new-item-form .popup {
        position: static;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        color: white;
        overflow: auto;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 0;
        visibility: visible;
        pointer-events: auto;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .product-row-mini .popup__underlay,
    .personal-store__new-item-form .popup__underlay {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -10;
        background: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .product-row-mini .popup__modal,
    .personal-store__new-item-form .popup__modal {
        position: static;
        z-index: 0;
        pointer-events: auto;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .product-row-mini .popup__modal_centred,
    .personal-store__new-item-form .popup__modal_centred {
        top: auto;
        left: auto;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .product-row-mini__status,
    .personal-store__new-item-form__status {
        color: #979797;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px
    }
}

@media(min-width:800px) {
    .products-store__list .ads__item {
        display: none
    }

    .products-store__item+.products-store__item {
        margin-top: 12px
    }
}

@media(min-width:800px) {
    .provide-account-modal {
        max-width: 490px;
        text-align: center
    }

    .provide-account-modal__container {
        padding: 24px 8px 32px
    }

    .provide-account-modal__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        color: white
    }

    .provide-account-modal__description {
        font-size: 14px;
        color: #9fa4ae
    }

    .provide-account-modal__button {
        max-width: 100px;
        margin: 18px auto 0
    }

    .provide-account-modal__input {
        width: 440px;
        margin-top: 16px;
        display: block;
        height: 45px;
        line-height: 45px;
        outline: 0;
        color: white;
        border: 1px solid rgba(159, 164, 174, 0.5);
        border-radius: 10px;
        padding: 0 10px;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(min-width:800px) {
    .product-form {
        padding: 11px 12px 20px;
        border: 1px solid var(--border);
        border-radius: 20px
    }

    .product-form .error {
        border-color: #d30a0a
    }

    .product-form .error::-webkit-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::-moz-placeholder {
        color: #d30a0a
    }

    .product-form .error:-ms-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::-ms-input-placeholder {
        color: #d30a0a
    }

    .product-form .error::placeholder {
        color: #d30a0a
    }

    .product-form__thumbnail {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        margin-right: 16px;
        border-radius: 16px;
        overflow: hidden;
        font-size: 0;
        background: #eaeaea url(../static/assets/images/plus-desktop.png) center no-repeat;
        background-size: contain
    }

    .product-form__thumbnail--disabled {
        pointer-events: none
    }

    .product-form__image {
        display: block;
        width: 40px;
        height: 40px
    }

    .product-form__image.hide {
        display: none
    }

    .product-form__body {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .product-form__form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .product-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .product-form__row+.product-form__row {
        margin-top: 15px
    }

    .product-form__col_name {
        width: 240px;
        margin-right: 12px
    }

    .product-form__col_count {
        display: none
    }

    .product-form__col_price {
        width: 90px;
        margin-right: 25px
    }

    .product-form__col_availability {
        padding: 5px 0
    }

    .product-form__col_save-button {
        width: 110px;
        margin-left: auto;
        padding: 5px 0
    }

    .product-form__col_mobile-info {
        display: none
    }

    .product-form__col_description {
        width: 100%
    }

    .product-form__col_categories {
        display: block;
        width: 230px;
        min-width: 230px;
        margin-left: 9px;
        color: white;
        border: 1px solid var(--border);
        border-radius: 20px;
        background: transparent;
        height: 115px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__slide-up-form {
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-left: 4px;
        width: 26px;
        color: var(--border);
        cursor: pointer
    }

    .product-form__slide-up-form--mobile {
        display: none
    }

    .product-form__slide-up-form:hover {
        color: white
    }

    .product-form__thumbnail-image {
        display: none
    }

    .product-form__input {
        display: block;
        width: 100%;
        height: 38px;
        line-height: 38px;
        color: white;
        padding: 0 13px;
        border: 1px solid var(--border);
        border-radius: 13px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__input:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .product-form__input_center {
        text-align: center
    }

    .product-form__textarea {
        display: block;
        width: 100%;
        height: 115px;
        color: white;
        padding: 14px 13px;
        border: 1px solid var(--border);
        border-radius: 20px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__categories {
        max-height: 100%;
        padding: 13px 17px;
        max-height: 100%;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-form__categories::-webkit-scrollbar {
        width: 16px
    }

    .product-form__categories::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .product-form__categories::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .product-form__categories::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .product-form__category-row+.product-form__category-row {
        margin-top: 8px
    }

    .product-form__button {
        max-width: 100%
    }

    .product-form__attached-files {
        width: 100%
    }
}

@media(min-width:800px) {
    .product-row-mini__edit .product-form {
        padding: 0 !important;
        border-width: 0 !important
    }
}

@media(min-width:800px) {
    .attached-file-item__input {
        display: none
    }

    .attached-file-item__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .attached-file-item__col_description {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-right: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .attached-file-item__description-line {
        text-align: left;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding-left: 10px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 10px
    }

    .attached-file-item__title {
        display: inline-block;
        vertical-align: baseline;
        width: 45%
    }

    .attached-file-item__date {
        display: inline-block;
        vertical-align: baseline;
        width: 50%;
        margin-left: 10px
    }

    .attached-file-item__title>span,
    .attached-file-item__date>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .attached-file-item__buttons-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .attached-file-item__button-wrapper {
        width: 110px
    }

    .attached-file-item__button-wrapper+.attached-file-item__button-wrapper {
        margin-left: 10px
    }

    .attached-file-item__button {
        max-width: 100%
    }
}

@media(min-width:800px) {

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button_download,
    .attached-files-widget.attached-files-widget_mini .attached-file-item__button-wrapper_change {
        display: none
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__description-line {
        margin-right: 0
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__col_description {
        padding-right: 0
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button-wrapper {
        width: 30px
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button_delete {
        font-size: 0;
        border-width: 0;
        width: 30px;
        height: 30px
    }

    .attached-files-widget.attached-files-widget_mini .attached-file-item__button_delete::before {
        content: "×";
        opacity: .75;
        color: #b5b2b2;
        font-size: 36px;
        font-style: normal;
        font-weight: 800;
        line-height: 26px;
        width: 30px;
        height: 30px
    }
}

@media(min-width:800px) {
    .product-form-availability {
        height: 25px;
        line-height: 25px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .product-form-availability__title {
        font-weight: 400;
        color: white;
        font-size: 14px
    }

    .product-form-availability__radio-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 16px
    }

    .product-form-availability__label {
        display: block;
        width: 110px
    }

    .product-form-availability__label+.product-form-availability__label {
        margin-left: 18px
    }

    .product-form-availability__input {
        display: none
    }

    .product-form-availability__handler {
        text-align: center;
        color: white;
        border: 1px solid var(--border);
        border-radius: 10px;
        height: 30px;
        line-height: 28px
    }

    .product-form-availability__input:checked+.product-form-availability__handler {
        border: 2px solid white
    }
}

@media(min-width:800px) {
    .personal-store_empty {
        position: relative;
        min-height: 410px
    }

    .personal-store__navigation {
        margin-bottom: 13px
    }

    .personal-store__search {
        margin-bottom: 13px
    }

    .personal-store__item {
        margin: 0 0 12px 0
    }

    .personal-store__item:last-child {
        margin: 0
    }

    .personal-store__footer {
        margin-top: 15px;
        text-align: center
    }

    .personal-store_empty .personal-store__footer {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .personal-store_empty.personal-store__new-item-form-visible .personal-store__footer {
        visibility: hidden
    }

    .personal-store__empty-subtitle {
        color: #9fa4ae;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 8px
    }

    .personal-store__add-item {
        width: 150px;
        height: 45px;
        line-height: 43px;
        text-align: center;
        border-radius: 15px;
        background: 0;
        border: 1px solid var(--border);
        color: white;
        font-size: 12px
    }

    .personal-store__add-item:disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }

    .personal-store__add-item:hover {
        border-color: white
    }

    .personal-store__new-item-form {
        margin-top: 15px;
        display: none
    }

    .personal-store__new-item-form_visible {
        display: block
    }
}

@media(min-width:800px) {
    .pagination {
        padding: 17px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pagination__button+.pagination__button {
        margin-left: 15px
    }
}

@media(min-width:800px) {
    .popup-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 73px 35px 73px 68px
    }

    .popup-menu__user {
        display: none
    }

    .popup-menu__menu {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .popup-menu__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .popup-menu__footer-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        line-height: 19px;
        font-size: 16px;
        color: rgba(159, 164, 174, 0.4901960784);
        text-decoration: none;
        margin-right: 36px
    }

    .popup-menu__footer-link:last-child {
        margin-right: 0
    }

    .popup-menu__footer-link>svg {
        width: 17px;
        height: 17px;
        margin-top: 4px;
        margin-right: 6px
    }

    .popup-menu__footer-link:hover {
        text-decoration: none;
        color: white
    }

    .popup-menu__footer-link:hover>svg path {
        fill: white !important
    }

    .popup-menu__footer-link:hover.popup-menu__advertising>svg>path {
        fill: none !important;
        stroke: white
    }
}

@media(min-width:800px) {
    .cart-popup {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cart-popup__header {
        padding: 69px 0 45px
    }

    .cart-popup__title {
        display: none
    }

    .cart-popup__icon {
        width: 32px;
        height: 32px;
        margin: auto;
        background: url(..static/assets/images/cart-popup-header.svg) center no-repeat
    }

    .cart-popup__body {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .cart-popup__body::before,
    .cart-popup__body::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
        height: 20px;
        background-size: 100% 100%
    }

    .cart-popup__body::before {
        top: -1px;
        background-image: url("../static/assets/images/cart-popup-shadow-top.png")
    }

    .cart-popup__body::after {
        bottom: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 9, 10, 0)), to(#09090a));
        background: -o-linear-gradient(top, rgba(9, 9, 10, 0), #09090a);
        background: linear-gradient(to bottom, rgba(9, 9, 10, 0), #09090a)
    }

    .cart-popup__list {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 20px 20px 20px 12px;
        overflow-y: auto
    }

    .cart-popup__item {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 18px
    }

    .cart-popup__item_sold-out {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .cart-popup__item_not-enough {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .cart-popup__footer {
        padding: 0 20px 0 12px
    }

    .cart-popup__error {
        display: none;
        color: #d30a0a;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 22px
    }

    .cart-popup__error_visible {
        display: block
    }

    .cart-popup__total-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        border-bottom: 1px solid #9fa4ae;
        padding: 7px 0
    }

    .cart-popup__total-subtitle {
        text-align: left;
        text-transform: uppercase
    }

    .cart-popup__total-value {
        text-align: right
    }

    .cart-popup__button-row {
        padding: 30px 0 20px
    }

    .cart-popup__button {
        width: 160px;
        margin: auto
    }

    .cart-popup__button_back {
        display: none
    }

    .cart-popup__button_disabled {
        pointer-events: none;
        opacity: .5
    }
}

@media(min-width:800px) {
    .cart-item {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 10px 12px
    }

    .cart-item_sold-out {
        opacity: .3
    }

    .cart-item_not-enough {
        border-color: #d30a0a
    }

    .cart-item__inner {
        display: table;
        table-layout: fixed;
        width: 100%
    }

    .cart-item__row {
        display: table-row
    }

    .cart-item__col {
        display: table-cell;
        vertical-align: top;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .cart-item__col_thumbnail {
        width: 40px;
        padding-right: 12px
    }

    .cart-item__col_description {
        padding-right: 12px
    }

    .cart-item__col_price {
        width: auto;
        text-align: right
    }

    .cart-item__thumbnail {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        overflow: hidden
    }

    .cart-item__thumbnail>img {
        display: block;
        width: 40px;
        height: 40px
    }

    .cart-item__title {
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
        color: white;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .cart-item__amount {
        color: #9fa4ae;
        font-size: 14px;
        font-weight: 600;
        line-height: 17px
    }

    .cart-item_not-enough .cart-item__amount {
        color: #d30a0a
    }

    .cart-item__price {
        font-weight: 600;
        font-size: 18px;
        height: 40px;
        line-height: 40px
    }

    .cart-item__inc {
        display: none
    }

    .cart-item__remove {
        position: absolute;
        right: 4px;
        top: 2px;
        border-width: 0;
        outline: 0;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        color: #9fa4ae;
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        font-size: 0
    }

    .cart-item__remove::before {
        content: "×";
        font-size: 14px
    }
}

@media(min-width:800px) {
    .security-container {
        width: 100%;
        max-width: 392px;
        margin: auto;
        padding: 16px 0 17px
    }

    .security-container__heading {
        display: none
    }
}

@media(min-width:800px) {
    .order-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-left: 40px;
        padding-right: 70px
    }
}

@media(min-width:800px) and (max-width:576px) {
    .order-info {
        margin-top: 50px
    }
}

@media(min-width:800px) and (max-width:992px) {
    .order-info {
        padding: 0
    }
}

@media(min-width:800px) {
    .order-info p {
        color: var(--secondary);
        font-size: 18px;
        font-weight: 300
    }
}

@media(min-width:800px) {
    .purchases-info {
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 20px;
        position: relative
    }
}

@media(min-width:800px) {
    .purchases-list {
        position: relative;
        min-height: 310px
    }

    .purchases-list__item {
        margin: 0 0 15px 0
    }

    .purchases-list__item:last-child {
        margin: 0
    }

    .purchases-list__empty {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: auto;
        width: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: white;
        text-align: center;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
}

@media(min-width:800px) {
    .purchase-btns {
        margin-top: 40px;
        -ms-flex-item-align: start;
        -webkit-align-self: flex-start;
        align-self: flex-start;
        max-width: 135px
    }
}

@media(min-width:800px) {
    .purchase {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .purchase button {
        width: 135px;
        height: 35px;
        font-size: 16px;
        background-color: transparent;
        cursor: pointer;
        overflow: hidden;
        outline: 0;
        border: 1px solid var(--border);
        border-radius: 10px;
        color: var(--primary);
        margin-bottom: 6px
    }

    .purchase button:hover {
        border: 2px solid #fff
    }
}

@media(min-width:800px) {
    .purchase-box__header {
        padding: 0 30px;
        margin-bottom: 6px
    }

    .purchase-box__header-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .purchase-box__header-col {
        font-size: 18px;
        height: 22px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .purchase-box__header-col_close {
        display: none
    }

    .purchase-box__date {
        text-align: left
    }

    .purchase-box__number {
        text-align: right
    }

    .purchase-box__body {
        border: 1px solid var(--border);
        border-radius: 25px;
        padding: 20px 28px 21px
    }

    .purchase-box__order-details {
        display: none
    }

    .purchase-box_details .purchase-box__order-preview {
        display: none
    }

    .purchase-box_details .purchase-box__order-details {
        display: block
    }

    .purchase-box__list {
        margin: -25px 0
    }

    .purchase-box__item {
        width: 100%;
        padding: 25px 0
    }

    .purchase-box__item+.purchase-box__item {
        border-top: 1px solid var(--border)
    }
}

@media(min-width:800px) {
    .purchase-info {
        width: 596px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border: 1px solid var(--border);
        border-radius: 30px;
        padding: 14px 9px 15px 18px;
        margin-right: 5px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: center;
        align-items: center
    }

    .purchase-info .purchase_img {
        width: 80px;
        height: 80px;
        margin-right: 5px
    }

    .purchase-info .seller_img {
        width: 30px;
        height: 30px;
        border-radius: 50%
    }

    .purchase-info .purchase-info__price {
        font-size: 24px;
        color: var(--primary);
        margin-bottom: 0
    }

    .purchase-info p {
        font-size: 14px;
        color: var(--secondary)
    }

    .purchase-info .purchase_desc_text {
        max-height: 63px;
        overflow: hidden;
        -webkit-transition: max-height .5s cubic-bezier(0, 1, 0, 1);
        -o-transition: max-height .5s cubic-bezier(0, 1, 0, 1);
        transition: max-height .5s cubic-bezier(0, 1, 0, 1)
    }

    .purchase-info .purchase_desc_full_text {
        max-height: 1000px;
        -webkit-transition: max-height 250ms ease-in-out;
        -o-transition: max-height 250ms ease-in-out;
        transition: max-height 250ms ease-in-out
    }

    .purchase-info .purchase-info__desc {
        max-width: 282px
    }

    .purchase-info .purchase-info__desc h3 {
        font-size: 18px;
        color: var(--primary)
    }

    .purchase-info .purchase-info__desc p {
        margin-bottom: 0
    }
}

@media(min-width:800px) {
    .purchase-total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 25px;
        width: 100%;
        max-width: 596px
    }

    .purchase-total p {
        margin-bottom: 0;
        color: var(--primary)
    }

    .purchase-total p:first-child {
        font-size: 24px
    }

    .purchase-total a {
        color: var(--primary) !important;
        text-decoration: underline !important;
        font-size: 14px;
        cursor: pointer
    }
}

@media(min-width:800px) {
    .purchase-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .purchase-row__col {
        min-width: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .purchase-row__col_thumbnail {
        min-width: 80px;
        width: 80px
    }

    .purchase-row__col_thumbnails {
        margin-right: auto
    }

    .purchase-row__col_description {
        width: auto;
        margin-right: auto;
        vertical-align: middle;
        margin-left: 15px;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .purchase-row__col_mobile-description {
        display: none
    }

    .purchase-row__col_quantity {
        min-width: 45px;
        width: 45px;
        height: 80px;
        line-height: 80px;
        margin: 0 10px
    }

    .purchase-row__col_price {
        min-width: 90px;
        height: 80px;
        line-height: 80px;
        margin: 0;
        text-align: right;
        margin: 0 8px 0 10px
    }

    .purchase-row__col_details-button {
        min-width: 135px;
        width: 135px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-left: 20px
    }

    .purchase-row__col_buttons {
        width: 8px;
        position: relative;
        height: 80px;
        margin: 0 34px 0 35px
    }

    .purchase-row__col_user-avatar {
        min-width: 64px;
        width: 64px;
        height: 64px;
        padding: 8px 0;
        margin-left: 16px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row__images {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 272px;
        min-width: 272px
    }

    .purchase-row__images .purchase-row__image+.purchase-row__image {
        margin-left: 16px
    }

    .purchase-row__image {
        width: 80px;
        min-width: 80px;
        max-width: 80px;
        height: 80px;
        border-radius: 20px;
        background: #eaeaea;
        overflow: hidden;
        font-size: 0
    }

    .purchase-row__image>img {
        display: block;
        width: 80px;
        height: 80px
    }

    .purchase-row__description {
        cursor: pointer
    }

    .purchase-row__title {
        position: relative;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .purchase-row__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .purchase-row__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(9, 9, 10, 0.9);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .purchase-row__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .purchase-row__text {
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        -o-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical
    }

    .purchase-row__description_expanded .purchase-row__text {
        white-space: normal;
        overflow: visible;
        -webkit-line-clamp: initial;
        -moz-line-clamp: initial;
        -ms-line-clamp: initial;
        -o-line-clamp: initial;
        line-clamp: initial
    }

    .purchase-row__quantity {
        font-size: 14px;
        font-weight: 600;
        color: #9fa4ae
    }

    .purchase-row__price {
        font-size: 20px;
        font-weight: 600;
        color: white
    }

    .purchase-row__three-buttons {
        position: relative;
        width: 8px;
        height: 54px;
        margin: 13px 0;
        cursor: pointer
    }

    .purchase-row__three-buttons:hover {
        opacity: .8
    }

    .purchase-row__three-buttons::before {
        content: "";
        display: block;
        width: 32px;
        height: 140%;
        position: absolute;
        top: -20%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .purchase-row__three-buttons>span {
        display: block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: white;
        position: absolute;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .purchase-row__three-buttons>span:nth-child(1) {
        top: 25%
    }

    .purchase-row__three-buttons>span:nth-child(2) {
        top: 50%
    }

    .purchase-row__three-buttons>span:nth-child(3) {
        top: 75%
    }

    .purchase-row__buttons {
        position: absolute;
        left: 100%;
        top: 50%;
        width: 100px;
        margin-left: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        pointer-events: none
    }

    .purchase-row_three-buttons-mode .purchase-row__buttons {
        opacity: 1;
        pointer-events: all
    }

    .purchase-row__button {
        max-width: 100%
    }

    .purchase-row__button+.purchase-row__button {
        margin-top: 7px
    }

    .purchase-row__user-avatar {
        width: 64px;
        height: 64px;
        font-size: 0;
        border-radius: 50%;
        overflow: hidden;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .purchase-row__user-avatar>img {
        display: block;
        width: 64px;
        height: 64px
    }

    .purchase-row_three-buttons-mode .purchase-row__col_user-avatar {
        opacity: 0;
        pointer-events: none
    }
}

@media(min-width:800px) {
    .mini-search__input {
        display: block;
        width: 100%;
        height: 45px;
        line-height: 43px;
        border-radius: 15px;
        color: white;
        font-size: 18px;
        border: 1px solid var(--border);
        padding-left: 46px;
        background: transparent url("..static/assets/images/filter-query.svg") left 18px center no-repeat;
        background-size: 17px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media(min-width:800px) {
    .ads-book {
        margin-top: 20px;
        text-align: center
    }

    .ads-book__link {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        height: 22px;
        color: #9fa4ae;
        text-decoration: none
    }

    .ads-book__link:hover {
        color: white
    }
}

@media(min-width:800px) {
    .seller-img {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: cover;
        position: relative
    }

    .seller-img-bronze {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: cover;
        position: relative
    }

    .seller-img-bronze::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #c28d6f 17.71%, #e9c58f 47.92%, #94561d 69.27%, #9f7249 89.58%, #c1976f 100%);
        background: linear-gradient(45deg, #c28d6f 17.71%, #e9c58f 47.92%, #94561d 69.27%, #9f7249 89.58%, #c1976f 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(255, 196, 81, 0.3), 1px 3px 4px rgba(255, 196, 81, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }

    .seller-img-silver {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: contain;
        position: relative
    }

    .seller-img-silver::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }

    .seller-img-gold {
        min-width: 63px;
        height: 63px;
        border-radius: 50%;
        background-size: contain;
        position: relative
    }

    .seller-img-gold::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 3px;
        background: -o-linear-gradient(45deg, #fff9ef 3.65%, #f3ce70 17.71%, #fdf4d6 65.39%, #e3cc54 100%);
        background: linear-gradient(45deg, #fff9ef 3.65%, #f3ce70 17.71%, #fdf4d6 65.39%, #e3cc54 100%);
        -webkit-box-shadow: 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: 1px 3px 4px rgba(255, 242, 125, 0.3), -1px -3px 4px rgba(255, 242, 125, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }
}

@media(min-width:800px) {
    .send-review-popup {
        max-height: 95vh;
        overflow: scroll;
        width: 600px
    }

    .send-review-popup_empty {
        position: relative;
        min-height: 310px
    }

    .send-review-popup__inner {
        padding: 23px 47px
    }

    .send-review-popup__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .send-review-popup__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .send-review-popup__thumbnail {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        overflow: hidden
    }

    .send-review-popup__thumbnail>img {
        width: 48px;
        height: 48px
    }

    .send-review-popup__name {
        font-weight: 600;
        margin-left: 12px;
        font-size: 18px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .send-review-popup__order-info {
        text-align: right
    }

    .send-review-popup__order-info-line {
        font-weight: 600px;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .send-review-popup__order-info-line+.send-review-popup__order-info-line {
        margin-top: 4px
    }

    .send-review-popup__stars {
        text-align: center;
        margin-bottom: 15px
    }

    .send-review-popup__textarea {
        display: block;
        width: 100%;
        height: 248px;
        color: white;
        padding: 20px 30px;
        font-size: 18px;
        border: 1px solid var(--border);
        border-radius: 30px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .send-review-popup__footer {
        padding: 25px 0 0;
        text-align: center
    }

    .send-review-popup__button {
        display: inline-block
    }

    .send-review-popup__foot-disclaimer {
        margin: -10px 0 20px;
        color: #d30a0a;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .send-review-popup__foot-disclaimer:first-child {
        margin-top: 10px
    }

    .send-review-popup__product-preview {
        margin: 14px 0 17px
    }

    .send-review-popup__product-preview-title {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 8px
    }

    .send-review-popup__product-preview-description {
        color: #9fa4ae;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .send-review-popup__file-wrapper {
        margin-top: 16px
    }
}

@media(min-width:800px) {
    .nav-user-img {
        min-width: 28px;
        height: 28px;
        border-radius: 50%;
        background-size: contain;
        position: relative;
        margin-right: 7px;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(min-width:800px) {
    .nav-seller-img {
        min-width: 28px;
        height: 28px;
        border-radius: 50%;
        background-size: contain;
        position: relative;
        margin-right: 7px;
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35)
    }

    .nav-seller-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 2px;
        background: -o-linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        background: linear-gradient(45deg, #b0b4bd 17.71%, #f7f9ff 47.92%, #54575f 81.77%, #c9cacb 100%);
        -webkit-box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        box-shadow: -1px -3px 4px rgba(216, 221, 231, 0.3), 1px 3px 4px rgba(216, 221, 231, 0.3), 0 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude
    }
}

@media(min-width:800px) {
    .message-editor {
        top: 12px;
        padding: 23px 37px;
        left: 14px;
        border: 1px solid var(--border);
        width: 520px;
        height: 470px;
        position: absolute;
        border-radius: 15px;
        background: -o-linear-gradient(315deg, #2f2f30, #111214, #000);
        background: linear-gradient(135deg, #2f2f30, #111214, #000)
    }

    .message-editor button {
        width: 135px;
        height: 35px;
        display: block;
        margin: 18px auto 0;
        background-color: transparent;
        border: 1px solid var(--border);
        border-radius: 10px;
        color: #fff
    }

    .message-editor button:hover {
        border: 2px solid #fff
    }

    .message-editor textarea {
        border-radius: 30px;
        margin-top: 15px;
        width: 100%;
        background-color: transparent;
        color: #fff;
        height: 248px;
        resize: none;
        padding: 20px;
        overflow: auto
    }

    .message-editor textarea:focus {
        outline: 0
    }
}

@media(min-width:800px) {
    .message-top-info {
        height: 84px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .message-top-info .message-receiver {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 48px;
        width: 106px
    }

    .message-top-info .message-receiver img {
        width: 48px;
        height: 48px;
        border-radius: 50%
    }

    .message-top-info .message-receiver p {
        margin-left: 13px;
        color: var(--secondary);
        margin-bottom: 0;
        font-size: 18px
    }

    .message-top-info .message-rate {
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        align-self: flex-end
    }

    .message-top-info .message-rate img {
        opacity: .6;
        width: 27px;
        height: 27px;
        cursor: pointer
    }

    .message-top-info .message-date p {
        margin-bottom: 0;
        color: var(--secondary);
        font-size: 10px;
        text-align: right
    }
}

@media(min-width:800px) {
    .message-status {
        height: 33px;
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width:800px) {
    .wallet-form {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 535px;
        padding: 60px;
        margin: 0 auto;
        width: 90%;
        background-color: transparent;
        border: 1px solid var(--border);
        border-radius: 30px
    }

    .wallet-form_success {
        height: 580px
    }

    .wallet-form__header {
        text-align: center;
        margin: -20px 0 22px;
        text-align: center;
        font-size: 24px
    }

    .wallet-form__title {
        font-size: 14px;
        color: #fff;
        margin: 0;
        margin-bottom: 14px
    }

    .wallet-form__subtitle {
        font-size: 10px;
        color: var(--secondary)
    }

    .wallet-form__created--mobile {
        display: none
    }

    .wallet-form__label {
        font-size: 14px;
        margin-bottom: 5px;
        color: var(--secondary)
    }

    .wallet-form__qr-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px
    }

    .wallet-form__qr-code {
        width: 140px;
        height: 140px;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .wallet-form__qr-code>img {
        width: 140px;
        height: 140px
    }

    .wallet-form__qr-aside {
        margin-left: 46px
    }

    .wallet-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .wallet-form__row_space-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wallet-form__row+.wallet-form__row {
        margin-top: 22px
    }

    .wallet-form__column_nano {
        width: auto
    }

    .wallet-form__column_full {
        width: 100%
    }

    .wallet-form__input {
        width: 100%;
        height: 40px;
        color: #fff;
        font-size: 18px;
        outline: 0;
        border: 0;
        background-color: transparent;
        border-bottom: 2px solid var(--secondary)
    }

    .wallet-form__input:focus {
        border-bottom: 2px solid var(--primary)
    }

    .wallet-form__notification {
        color: #d30a0a;
        margin: 0 0 16px 0;
        text-align: center;
        font-size: 12px
    }

    .wallet-form__balance-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wallet-form__balance-value {
        color: #d8dde7;
        font-size: 18px
    }

    .wallet-form__buttons-pad {
        margin-top: 95px
    }

    .wallet-form__button-row+.wallet-form__button-row {
        margin-top: 15px
    }

    .wallet-form__submit-wrapper {
        margin-top: 30px
    }

    .wallet-form__button {
        display: block;
        width: 100%;
        border: 1px solid var(--border);
        border-radius: 10px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        background: transparent;
        font-size: 16px;
        color: white;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .wallet-form__button:hover {
        color: white;
        opacity: .8
    }
}

@media(min-width:800px) {
    .wallet-success {
        text-align: center
    }

    .wallet-success__content {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .wallet-success__icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 43px;
        background: url(..static/assets/images/payment-successful.svg) center no-repeat
    }

    .wallet-success__title {
        font-size: 36px;
        color: white;
        margin-bottom: 52px
    }

    .wallet-success__subtitle {
        font-size: 24px;
        color: white
    }
}

@media(min-width:800px) {
    .wallet-currency-toggler {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px
    }

    .wallet-currency-toggler__label {
        display: block;
        -webkit-flex-basis: calc(33.3333333333% - 6px);
        -ms-flex-preferred-size: calc(33.3333333333% - 6px);
        flex-basis: calc(33.3333333333% - 6px);
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .wallet-currency-toggler__input {
        display: none
    }

    .wallet-currency-toggler__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        font-size: 12px;
        height: 35px;
        line-height: 12px;
        color: white;
        text-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .wallet-currency-toggler__title::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.7)
    }

    .wallet-currency-toggler__input:checked+.wallet-currency-toggler__title::before {
        border: 2px solid white
    }
}

@media(min-width:800px) {
    .wallet-transactions .wallet-form__header {
        display: none
    }
}

@media(min-width:800px) {
    .wallet-transactions-list {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .wallet-transactions-list__row {
        margin-bottom: 12px;
        border: 1px solid var(--border);
        border-radius: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 15px;
        padding: 18px 25px
    }

    .wallet-transactions-list__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 200px;
        width: 100%
    }

    .wallet-transactions-list__status {
        font-size: 18px;
        line-height: 22px;
        color: #9fa4ae;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .wallet-transactions-list__date {
        font-size: 14px;
        line-height: 18px;
        color: #9fa4ae;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 160px;
        -ms-flex: 0 1 160px;
        flex: 0 1 160px;
        text-align: center;
        white-space: nowrap
    }

    .wallet-transactions-list__value {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 90px;
        -ms-flex: 0 1 90px;
        flex: 0 1 90px;
        text-align: right
    }

    .wallet-transactions-list__value_red {
        color: #b80a0a
    }

    .wallet-transactions-list__value_green {
        color: #078f04
    }

    .wallet-transactions-list__helper {
        position: relative;
        top: 3px;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        vertical-align: baseline;
        display: inline-block
    }

    .wallet-transactions-list__helper::before {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: url("..static/assets/images/profile-info.svg") center center/14px 14px no-repeat
    }

    .wallet-transactions-list__helper:hover>.wallet-transactions-list__tooltip {
        opacity: .9;
        visibility: visible;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .wallet-transactions-list__tooltip {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(calc(-50% + 10px));
        -ms-transform: translateY(calc(-50% + 10px));
        transform: translateY(calc(-50% + 10px));
        padding: 6px 12px;
        min-width: 200px;
        z-index: 999;
        margin: 0;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px;
        left: 25px;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        white-space: normal
    }

    .wallet-transactions-list__transaction-loading {
        font-size: 8px;
        line-height: 18px;
        color: #9fa4ae;
        height: 20px;
        border: 1px solid #4c5159;
        white-space: nowrap;
        width: 200px;
        text-align: center;
        border-radius: 5px
    }
}

@media(min-width:800px) {
    .refund-info__title {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        margin-bottom: 14px
    }

    .refund-info__content {
        color: #9fa4ae;
        font-size: 16px
    }

    .refund-info__box+.refund-info__box {
        margin-top: 28px
    }

    .refund-info__line {
        margin-bottom: 10px
    }

    .refund-info__subtitle {
        color: #fff
    }

    .refund-info__files-list {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .refund-info__file-item+.refund-info__file-item {
        margin-top: 10px
    }

    .refund-info__file-item>a {
        color: #9fa4ae;
        text-decoration: none;
        border-bottom: 1px solid #9fa4ae
    }

    .refund-info__notification {
        text-align: center;
        color: #d30a0a;
        max-width: 535px;
        margin: 40px auto
    }
}

@media(min-width:800px) {
    .sign-up {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sign-up__logo {
        width: 616px;
        height: 232px;
        margin: auto;
        background: url(../static/assets/images/sign-up-large-logo.png) center no-repeat;
        background-size: 100% 100%;
        margin-bottom: 49px
    }

    .sign-up__form {
        width: 407px;
        margin: auto
    }
}

@media(min-width:800px) {
    .sign-up-form__body {
        margin-bottom: 48px
    }

    .sign-up-form__fieldset+.sign-up-form__fieldset {
        margin-top: 15px
    }

    .sign-up-form__terms {
        margin-top: 25px;
        text-align: center;
        font-size: 9.5px;
        line-height: 11px;
        letter-spacing: .03em;
        color: #54575f
    }

    .sign-up-form__terms>a {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid #54575f
    }

    .sign-up-form__terms>a:hover {
        opacity: .8;
        border-bottom-color: transparent
    }

    .sign-up-form__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sign-up-form__footer_centred {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sign-up-form__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 0;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-form__button:hover {
        color: white
    }

    .sign-up-form__button_disabled {
        pointer-events: none;
        opacity: .5;
        background: rgba(255, 255, 255, 0.1)
    }
}

@media(min-width:800px) {
    .sign-up-input {
        position: relative;
        height: 42px;
        line-height: 42px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .sign-up-input__input {
        display: block;
        height: 42px;
        line-height: 42px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-input__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 42px;
        line-height: 42px;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .sign-up-input__placeholder_label {
        color: #54575f;
        opacity: 1
    }

    .sign-up-input__placeholder_error {
        color: #d30a0a;
        opacity: 0
    }

    .sign-up-input__input:focus~.sign-up-input__placeholder,
    .sign-up-input__input:valid~.sign-up-input__placeholder {
        opacity: 0
    }

    .sign-up-input_invalid .sign-up-input__input {
        border-color: #d30a0a
    }

    .sign-up-input_invalid .sign-up-input__placeholder_label {
        opacity: 0
    }

    .sign-up-input_invalid .sign-up-input__placeholder_error {
        opacity: 1
    }
}

@media(min-width:800px) {
    .sign-up-terms {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 34px
    }

    .sign-up-terms__inner {
        max-width: 1440px
    }

    .sign-up-terms__logo {
        width: 297px;
        height: 66px;
        margin: 0 auto 45px;
        background: url(../static/assets/images/sign-up-terms-logo.png) center no-repeat;
        background-size: 100% 100%
    }

    .sign-up-terms__content {
        position: relative;
        padding: 28px 30px;
        overflow-y: auto;
        border: 1px solid var(--border);
        max-height: 500px;
        max-height: calc(100vh - 156px - 145px)
    }

    .sign-up-terms__footer {
        padding: 45px 0 54px
    }

    .sign-up-terms__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 0;
        outline: 0;
        margin: auto;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sign-up-terms__button:hover {
        color: white
    }
}

@media(min-width:800px) {
    .stars {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 18.0722891566%;
        background: #54575f;
        -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        -webkit-mask: url("../static/assets/images/stars-mask.svg");
        mask: url("../static/assets/images/stars-mask.svg");
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%
    }

    .stars__handler {
        position: absolute;
        top: 0;
        bottom: 0;
        background: #fff;
        -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .stars_ltr .stars__handler {
        left: 0
    }

    .stars_rtl .stars__handler {
        right: 0
    }
}

@media(min-width:800px) {
    .stars-checker__radio {
        display: none
    }

    .stars-checker__row {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .stars-checker__star {
        width: 38px;
        height: 30px;
        position: relative;
        padding: 0 4px
    }

    .stars-checker__star::before,
    .stars-checker__star::after {
        content: "";
        display: block;
        position: absolute;
        left: 4px;
        top: 0;
        right: 4px;
        bottom: 0
    }

    .stars-checker__star::before {
        background-image: url("..static/assets/images/star-empty.svg");
        z-index: 1
    }

    .stars-checker__star::after {
        background-image: url("..static/assets/images/star-filled.svg");
        opacity: 0;
        z-index: 2
    }

    .stars-checker__star:hover::after {
        opacity: .5
    }

    .stars-checker__star:hover~.stars-checker__star::after {
        opacity: .5
    }

    .stars-checker__radio:checked~.stars-checker__star::after {
        opacity: 1
    }
}

@media(min-width:800px) {
    .personal-account {
        padding: 30px 0;
        margin: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .personal-account__back-link {
        width: 28px;
        height: 28px;
        position: absolute;
        top: 20px;
        right: 20px;
        background: url("..static/assets/images/profile-eye.svg") center center/28px 28px no-repeat
    }

    .personal-account_narrow {
        max-width: 390px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .personal-account__heading {
        display: none
    }

    .personal-account__title {
        font-size: 24px;
        line-height: 24px
    }

    .personal-account__header .personal-account__title {
        margin-bottom: 8px
    }

    .personal-account__title-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__info {
        margin: 5px 0 0 8px;
        position: relative
    }

    .personal-account__info-button {
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: url("..static/assets/images/profile-info.svg") center center/14px 14px no-repeat
    }

    .personal-account__info-button:hover+.personal-account__info-list {
        opacity: .9;
        visibility: visible;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .personal-account__info-list {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(calc(-50% + 10px));
        -ms-transform: translateY(calc(-50% + 10px));
        transform: translateY(calc(-50% + 10px));
        padding: 6px 12px;
        min-width: 200px;
        z-index: 2;
        margin: 0;
        background: -o-linear-gradient(335.37deg, #1d1e21 5.03%, #111214 101.33%);
        background: linear-gradient(114.63deg, #1d1e21 5.03%, #111214 101.33%);
        border: 1px solid var(--border);
        border-radius: 15px;
        left: 25px;
        list-style-type: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear
    }

    .personal-account__info-item {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 3px 0
    }

    .personal-account__subtitle-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__subtitle-row_in-card {
        margin: 6px 0 9px;
        color: #54575f
    }

    .personal-account__rating-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .personal-account__rating {
        width: 83px
    }

    .personal-account__contact-seller-wrapper {
        margin-left: 15px;
        width: 80px
    }

    .personal-account__contact-seller {
        width: 100%
    }

    .personal-account__balance {
        white-space: nowrap;
        font-size: 16px;
        line-height: 19px;
        font-weight: 600
    }

    .personal-account__balance_light {
        color: #d8dde7
    }

    .personal-account__date {
        font-size: 12px;
        line-height: 14px
    }

    .personal-account__alerts-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        margin-left: 15px
    }

    .personal-account__alert {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        display: inline-block;
        white-space: nowrap;
        width: auto;
        height: 19px;
        line-height: 17px;
        border-radius: 5px;
        color: white;
        border: 1px solid red;
        -webkit-box-shadow: 0 0 5px #a81e1f;
        box-shadow: 0 0 5px #a81e1f;
        padding: 0 12px;
        font-size: 8px
    }

    .personal-account__card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 20px
    }

    .personal-account__avatar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 74px;
        -ms-flex: 0 0 74px;
        flex: 0 0 74px;
        width: 74px;
        height: 74px;
        overflow: hidden;
        font-size: 0;
        margin-right: 32px;
        border-radius: 50%
    }

    .personal-account__avatar--disabled {
        pointer-events: none
    }

    .personal-account__avatar>img {
        display: block;
        width: 74px;
        height: 74px
    }

    .personal-account__account-type {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: #54575f
    }

    .personal-account__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account__button:hover {
        color: white
    }

    .personal-account__contact-button-wrapper {
        width: 165px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .personal-account__form {
        width: 100%
    }
}

@media(min-width:800px) {
    .personal-account-form__fieldset p {
        margin: 0 0 5px 0
    }

    .personal-account-form__fieldset+.personal-account-form__fieldset {
        margin-top: 26px
    }

    .personal-account-form__label {
        color: rgba(159, 164, 174, 0.4901960784);
        font-size: 16px;
        font-weight: 600
    }

    .personal-account-form__textarea {
        display: block;
        width: 100%;
        height: 80px;
        color: white;
        padding: 14px 18px;
        font-size: 14px;
        line-height: 16px;
        border: 1px solid var(--border);
        border-radius: 15px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .personal-account-form__footer {
        margin-top: 36px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .personal-account-form__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account-form__button:hover {
        color: white
    }

    .personal-account-form__button+.personal-account-form__button {
        margin-left: 12px
    }
}

@media(min-width:800px) {
    .personal-account-email {
        position: relative;
        height: 42px;
        line-height: 42px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-email__input {
        display: block;
        height: 42px;
        line-height: 42px;
        width: 0;
        outline: 0;
        width: 100%;
        padding: 0;
        border-width: 0;
        color: white;
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .personal-account-email__placeholder {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        height: 42px;
        line-height: 42px;
        pointer-events: none;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-email__placeholder_label {
        color: #54575f;
        opacity: 1
    }

    .personal-account-email__placeholder_error {
        color: #d30a0a;
        opacity: 0
    }

    .personal-account-email__input:focus~.personal-account-email__placeholder,
    .personal-account-email__input:valid~.personal-account-email__placeholder {
        opacity: 0
    }

    .personal-account-email_invalid .personal-account-email__input {
        border-color: #d30a0a
    }

    .personal-account-email_invalid .personal-account-email__placeholder_label {
        opacity: 0
    }

    .personal-account-email_invalid .personal-account-email__placeholder_error {
        opacity: 1
    }

    .personal-account-email_confirmed::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 42px;
        background: url(..static/assets/images/checked.svg);
        background-position: center;
        background-repeat: no-repeat
    }
}

@media(min-width:800px) {
    .personal-account-checkbox {
        display: block;
        width: 100%;
        cursor: pointer
    }

    .personal-account-checkbox_disabled {
        opacity: .7;
        pointer-events: none
    }

    .personal-account-checkbox__input {
        display: none
    }

    .personal-account-checkbox__title {
        position: relative;
        color: #9fa4ae;
        font-size: 16px;
        font-weight: 600;
        height: 24px;
        line-height: 24px
    }

    .personal-account-checkbox__title::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 24px;
        opacity: .2;
        background: url(..static/assets/images/checked.svg) center no-repeat;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .personal-account-checkbox__input:checked+.personal-account-checkbox__title::after {
        opacity: 1
    }
}

@media(min-width:800px) {
    .personal-nano-card__link {
        display: block;
        color: white;
        text-decoration: none
    }

    .personal-nano-card__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .personal-nano-card__col_avatar {
        width: 38px;
        height: 38px;
        margin-right: 8px
    }

    .personal-nano-card__avatar {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0
    }

    .personal-nano-card__avatar>img {
        width: 38px;
        height: 38px
    }

    .personal-nano-card__name {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 3px
    }

    .personal-nano-card__balance {
        font-size: 10px;
        line-height: 12px;
        color: #54575f
    }
}

@media(min-width:800px) {
    .choose-image-popup {
        width: 185px;
        padding: 18px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .choose-image-popup__error {
        color: red;
        text-align: center;
        font-size: 14px;
        margin-bottom: 16px
    }

    .choose-image-popup__button {
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        outline: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .choose-image-popup__button+.choose-image-popup__button {
        margin-top: 4px
    }

    .choose-image-popup__button:hover {
        color: white
    }

    .choose-image-popup__hidden-fields {
        display: none
    }

    .choose-image-popup__file {
        display: none
    }
}

@media(min-width:800px) {
    .user-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 224px - 16px - 16px - 27px - 27px);
        padding: 0 5px
    }

    .user-box_middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .user-box__header {
        width: 100%;
        margin-bottom: 35px
    }

    .user-box__card {
        margin-top: -4px
    }

    .user-box__navigation {
        padding: 0 49px
    }

    .user-box__terms {
        padding: 28px 28px 50px;
        border: 1px solid var(--border);
        border-radius: 25px;
        text-align: center
    }

    .user-box__item {
        margin: 0 0 12px 0
    }

    .user-box__item:last-child {
        margin: 0
    }

    .user-box__subtitle {
        font-weight: 500;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 32px
    }

    .user-box__text {
        text-align: initial;
        font-size: 12px;
        line-height: 24px
    }

    .user-box__text p {
        margin: 1em 0
    }

    .user-box__text img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .user-box__text ul,
    .user-box__text ol {
        list-style: inside
    }

    .user-box__text table {
        margin: 1em auto;
        border-collapse: collapse
    }

    .user-box__text table td,
    .user-box__text table th {
        padding: 12px;
        border: 1px solid var(--border)
    }

    .user-box__body {
        width: 100%
    }
}

@media(min-width:800px) {
    .product-mini-attach-file__label {
        display: block
    }

    .product-mini-attach-file__input {
        display: none
    }
}

@media(min-width:800px) {
    .product-promotional-modal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 490px
    }

    .product-promotional-modal__container {
        text-align: center;
        width: 50%;
        padding: 24px 8px 32px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .product-promotional-modal__container_wide {
        width: 100%
    }

    .product-promotional-modal__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        color: white
    }

    .product-promotional-modal__description {
        font-size: 14px;
        color: #9fa4ae
    }

    .product-promotional-modal__button {
        max-width: 100px;
        margin: 18px auto 0
    }
}

@media(min-width:800px) {
    .terms-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }

    .terms-box__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
        margin-top: 10px;
        margin-bottom: 60px
    }

    .terms-box__content {
        position: relative;
        padding: 28px 30px;
        text-align: center;
        overflow-y: auto;
        border: 1px solid var(--border);
        border-radius: 30px;
        max-height: 500px;
        max-height: calc(100vh - 45px - 66px - 25px - 25px - 45px - 16px - 16px - 28px - 44px - 30px)
    }

    .terms-box__lang {
        position: absolute;
        top: 10px;
        right: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        font-size: 14px
    }

    .terms-box__lang-button {
        border: 0;
        background-color: transparent;
        outline: 0;
        font-weight: 500;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .terms-box__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .terms-box__lang-button.active {
        font-weight: 700
    }

    .terms-box__lang-button.active:hover {
        color: #fff
    }

    .terms-box__title {
        display: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
        font-size: 24px
    }

    .terms-box__title.active {
        display: block
    }

    .terms-box__text {
        display: none;
        font-size: 12px
    }

    .terms-box__text p {
        margin: 1em 0
    }

    .terms-box__text img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .terms-box__text ul,
    .terms-box__text ol {
        list-style: inside
    }

    .terms-box__text table {
        margin: 1em auto;
        border-collapse: collapse
    }

    .terms-box__text table td,
    .terms-box__text table th {
        padding: 12px;
        border: 1px solid var(--border)
    }

    .terms-box__text.active {
        display: block
    }

    .terms-box__footer {
        padding: 28px 0 0;
        margin-bottom: -20px
    }

    .terms-box__button {
        display: block;
        width: 165px;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: center;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 0;
        border-radius: 15px;
        outline: 0;
        margin: auto;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .terms-box__button:hover {
        color: white
    }
}

@media(min-width:800px) {
    .shop-form .ck-editor__editable {
        min-height: 400px !important
    }

    .shop-form .ck-content .image>figcaption {
        min-height: auto !important;
        background-color: rgba(255, 255, 255, 0)
    }

    .shop-form__submit {
        margin: auto
    }
}

@media(min-width:800px) {
    .chat {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid var(--border);
        border-radius: 30px;
        height: calc(100vh - 224px - 16px - 16px)
    }

    .chat__section_header {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .chat__section_body {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .chat__section_footer {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .chat__header {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        -webkit-box-shadow: inset 0 4px 4px #2f3030;
        box-shadow: inset 0 4px 4px #2f3030
    }

    .chat__mobile-heading {
        display: none
    }

    .chat__body {
        padding: 0 30px 0 16px;
        height: 100%;
        overflow-y: auto
    }

    .chat__body::-webkit-scrollbar {
        width: 16px
    }

    .chat__body::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .chat__body::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .chat__body::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .chat__footer {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        opacity: .93;
        padding: 70px 40px 50px 50px;
        background: transparent
    }

    .chat__footer_compact {
        padding: 13px 25px
    }

    .chat__footer_nano {
        padding: 13px 21px 13px 25px
    }

    .chat__closed,
    .chat__completed {
        font-size: 18px;
        line-height: 22px;
        color: #9fa4ae;
        text-align: center
    }

    .chat__closed span,
    .chat__completed span {
        padding: 5px;
        background: -o-linear-gradient(335.37deg, rgba(29, 30, 33, 0.93) 5.03%, rgba(17, 18, 20, 0.93) 101.33%);
        background: linear-gradient(114.63deg, rgba(29, 30, 33, 0.93) 5.03%, rgba(17, 18, 20, 0.93) 101.33%);
        border-radius: 5px
    }
}

@media(min-width:800px) {
    .chat-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-form__col_message {
        width: 100%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .chat-form__col_submit {
        width: 135px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 24px
    }

    .chat-form__col_export-button {
        width: 135px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 24px
    }

    .chat-form__col_help {
        width: 20px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 24px;
        margin-right: 7px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .chat-form__fieldset {
        display: block;
        width: 100%;
        position: relative
    }

    .chat-form__input {
        width: 100%;
        display: block;
        font-size: 16px;
        color: white;
        background: transparent;
        text-align: left;
        text-decoration: none;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 0 30px;
        height: 35px;
        line-height: 33px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        resize: none
    }

    .chat-form__submit {
        width: 100%
    }
}

@media(min-width:800px) {
    .chat-header {
        padding: 16px 25px
    }

    .chat-header__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-header__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .chat-header__avatar {
        width: 28px;
        height: 28px;
        font-size: 0;
        margin-right: 9px;
        border-radius: 50%;
        overflow: hidden
    }

    .chat-header__avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .chat-header__name {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-right: 8px
    }

    .chat-header__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .chat-header__info span {
        font-weight: 700
    }

    .chat-header__link {
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        border-bottom: 1px solid rgba(159, 164, 174, 0.4901960784);
        text-decoration: none;
        cursor: pointer
    }

    .chat-header__link_close::before {
        content: "× "
    }
}

@media(min-width:800px) {
    .chat-help {
        width: 20px;
        height: 20px;
        position: relative
    }

    .chat-help__icon {
        width: 20px;
        height: 20px;
        background: url(..static/assets/images/chat-help.png) center no-repeat;
        background-size: 20px 20px;
        border-radius: 50%;
        cursor: help
    }

    .chat-help__tooltip {
        padding: 8px 20px;
        width: 194px;
        font-size: 10px;
        line-height: 12px;
        text-align: center;
        color: #fff;
        position: absolute;
        bottom: 100%;
        right: 0;
        margin-bottom: 24px;
        margin-right: -18px;
        border-radius: 11px;
        border: 1px solid var(--border);
        pointer-events: none;
        background: #09090a;
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .chat-help__icon:hover+.chat-help__tooltip {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media(min-width:800px) {
    .file-mini-row {
        position: relative
    }

    .file-mini-row__download-link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        font-size: 0;
        display: block;
        z-index: 1
    }

    .file-mini-row__download-link:hover+.file-mini-row__row {
        opacity: .8
    }

    .file-mini-row__row {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 7px 10px;
        position: relative;
        border: 1px solid var(--border);
        border-radius: 10px
    }

    .file-mini-row__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .file-mini-row__icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 26px;
        -ms-flex: 0 0 26px;
        flex: 0 0 26px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: white;
        margin-right: 10px;
        background-image: url("..static/assets/images/attachment-icon-file.jpg");
        background-size: 52px;
        background-position: center
    }

    .file-mini-row__icon_zip {
        background-image: url("..static/assets/images/attachment-icon-zip.jpg")
    }

    .file-mini-row__icon_doc {
        background-image: url("..static/assets/images/attachment-icon-doc.jpg")
    }

    .file-mini-row__icon_docx {
        background-image: url("..static/assets/images/attachment-icon-docx.jpg")
    }

    .file-mini-row__icon_exe {
        background-image: url("..static/assets/images/attachment-icon-exe.jpg")
    }

    .file-mini-row__icon_jpeg {
        background-image: url("..static/assets/images/attachment-icon-jpeg.jpg")
    }

    .file-mini-row__icon_jpg {
        background-image: url("..static/assets/images/attachment-icon-jpg.jpg")
    }

    .file-mini-row__icon_pdf {
        background-image: url("..static/assets/images/attachment-icon-pdf.jpg")
    }

    .file-mini-row__icon_png {
        background-image: url("..static/assets/images/attachment-icon-png.jpg")
    }

    .file-mini-row__icon_rar {
        background-image: url("..static/assets/images/attachment-icon-rar.jpg")
    }

    .file-mini-row__name {
        height: 26px;
        line-height: 26px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #fff
    }

    .file-mini-row__size {
        position: absolute;
        white-space: nowrap;
        top: 7px;
        left: 100%;
        padding-left: 7px;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: rgba(159, 164, 174, 0.4901960784)
    }
}

@media(min-width:800px) {
    .chat-placeholder {
        margin: 50px 0 0 0;
        text-align: center
    }

    .chat-placeholder__avatar {
        display: block;
        width: 64px;
        height: 64px;
        font-size: 0;
        margin: 0 auto 6px;
        border-radius: 50%;
        overflow: hidden
    }

    .chat-placeholder__avatar>img {
        display: block;
        width: 64px;
        height: 64px
    }

    .chat-placeholder__name {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        color: #fff;
        margin-bottom: 11px
    }

    .chat-placeholder__subtitle {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: rgba(159, 164, 174, 0.4901960784)
    }
}

@media(min-width:800px) {
    .messages-group.notifications {
        margin-bottom: 10px
    }

    .messages-group.notifications .messages-group__date {
        padding: 5px 0;
        position: static;
        top: 0
    }

    .messages-group.notifications .messages-group__date span {
        padding: 5px;
        margin: 0;
        border-radius: 5px
    }

    .messages-group__date {
        font-size: 18px;
        line-height: 22px;
        color: rgba(159, 164, 174, 0.4901960784);
        padding: 10px 0;
        position: -webkit-sticky;
        position: sticky;
        top: 10px;
        text-align: center
    }

    .messages-group__date>span {
        display: inline-block;
        padding: 10px 16px;
        margin: -10px 0;
        border-radius: 16px
    }

    .messages-group__item {
        padding: 10px 0
    }
}

@media(min-width:800px) {
    .message {
        color: #fff
    }

    .message__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .message__row:hover .message__header-actions {
        opacity: 1;
        visibility: visible
    }

    .message__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .message__col_avatar {
        width: 40px;
        min-width: 40px;
        margin-right: 13px
    }

    .message__col_avatar .message__name {
        display: none
    }

    .message__col_message {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .message__col_status {
        width: 34px
    }

    .message__col_status .message__time {
        display: none
    }

    .message__avatar {
        width: 40px;
        height: 40px;
        font-size: 0;
        overflow: hidden;
        border-radius: 50%
    }

    .message__avatar>img {
        display: block;
        width: 40px;
        height: 40px
    }

    .message__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px;
        width: 100%
    }

    .message__header-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .message__header-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        visibility: hidden;
        opacity: 0
    }

    .message__header-button {
        width: 28px;
        height: 28px;
        background: transparent;
        border: 0;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .message__header-button--reply {
        background-image: url("..static/assets/images/comment-reply.png");
        background-size: 23px
    }

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

    .message__reply {
        position: relative;
        padding: 0 0 0 5px;
        margin: 3px 0 0 0;
        font-size: 10px;
        line-height: 12px;
        color: #fff
    }

    .message__reply::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background-color: rgba(255, 255, 255, 0.75)
    }

    .message__reply-name {
        font-weight: 600
    }

    .message__reply-text {
        font-weight: 500;
        opacity: .75;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 300px
    }

    .message__name {
        font-size: 18px;
        line-height: 21px;
        font-weight: 600;
        margin-right: 5px;
        text-decoration: none
    }

    .message__name--mobile {
        display: none
    }

    .message__user-status {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 5px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .message__user-status_online {
        background: white
    }

    .message__user-status_offline {
        background: #9fa4ae
    }

    .message__time {
        font-size: 16px;
        line-height: 19px;
        color: #9fa4ae
    }

    .message__attachments {
        margin-top: 12px
    }

    .message__file-row+.message__file-row {
        margin-top: 10px
    }

    .message__message {
        width: 100%;
        max-width: 500px
    }

    .message__text {
        font-size: 16px;
        margin: 7px 0 0 0;
        line-height: 19px;
        font-weight: 500;
        word-break: break-word
    }

    .message__status {
        width: 34px;
        height: 24px
    }

    .message__status_read {
        background-image: url("..static/assets/images/message-read.svg")
    }

    .message__status_unread {
        background-image: url("..static/assets/images/message-unread.svg")
    }
}

@media(min-width:800px) {
    .auto-escrow-box {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: calc(100vh - 224px - 16px - 16px - 27px - 27px);
        padding: 0 5px
    }

    .auto-escrow-box_middle {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .auto-escrow-box__header {
        width: 100%;
        text-align: center
    }

    .auto-escrow-box__title {
        color: white;
        font-weight: 500;
        font-size: 36px;
        line-height: 24px;
        margin-bottom: 13px
    }

    .auto-escrow-box__subtitle {
        display: block;
        margin: auto;
        font-size: 0;
        width: 174px;
        height: 24px;
        background: url("../static/assets/images/make-your-work-easily.png") center no-repeat;
        background-size: 174px auto
    }

    .auto-escrow-box__navigation {
        margin-top: 87px;
        padding: 0 49px
    }

    .auto-escrow-box__terms {
        padding: 28px 28px 50px;
        border: 1px solid var(--border);
        border-radius: 25px;
        text-align: center
    }

    .auto-escrow-box__item+.auto-escrow-box__item {
        margin-top: 12px
    }

    .auto-escrow-box__text {
        font-weight: 500;
        font-size: 12px;
        line-height: 24px
    }

    .auto-escrow-box__text p {
        margin: 0
    }

    .auto-escrow-box__body {
        width: 100%
    }

    .auto-escrow-box__terms-link-wrapper {
        display: block;
        text-align: center;
        margin-top: 37px
    }

    .auto-escrow-box__terms-link {
        display: inline-block;
        color: white;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        max-width: 450px;
        border: 1px solid var(--border);
        font-size: 12px;
        height: 45px;
        line-height: 45px;
        border-radius: 15px;
        text-decoration: none
    }

    .auto-escrow-box__terms-link:hover {
        color: white;
        border-color: white
    }
}

@media(min-width:800px) {
    .deal-row-mini {
        position: relative;
        border: 1px solid var(--border);
        border-radius: 25px
    }

    .deal-row-mini__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 31px 28px 31px 0;
        width: 60%;
        text-decoration: none
    }

    .deal-row-mini__body {
        width: 100%;
        padding: 0 0 0 28px
    }

    .deal-row-mini_opened .deal-row-mini__link {
        padding-bottom: 16px
    }

    .deal-row-mini__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .deal-row-mini__col {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        text-align: center;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .deal-row-mini__col_title {
        text-align: left;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: left;
        min-width: 0
    }

    .deal-row-mini__col_info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 55%
    }

    .deal-row-mini__col_date {
        padding: 0 27px;
        width: 30%
    }

    .deal-row-mini__col_dot {
        width: 10px;
        min-width: 10px;
        padding: 0 10px
    }

    .deal-row-mini__description {
        cursor: pointer;
        max-width: 250px
    }

    .deal-row-mini__title {
        position: relative;
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        color: white
    }

    .deal-row-mini__title>span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .deal-row-mini__title::after {
        content: attr(data-title);
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 999;
        width: auto;
        text-align: center;
        opacity: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #fff;
        white-space: nowrap;
        background: rgba(9, 9, 10, 0.9);
        padding: 4px 4px;
        border-radius: 3px;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: scaleX(0.8);
        -ms-transform: scaleX(0.8);
        transform: scaleX(0.8);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .deal-row-mini__title_bold {
        font-weight: 600
    }

    .deal-row-mini__title_bold::after {
        font-weight: 600
    }

    .deal-row-mini__title:hover {
        color: rgba(255, 255, 255, 0)
    }

    .deal-row-mini__title:hover::after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .deal-row-mini__text {
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae
    }

    .deal-row-mini__description .deal-row-mini__text {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .deal-row-mini__title+.deal-row-mini__text {
        margin-top: 7px
    }

    .deal-row-mini_opened .deal-row-mini__description .deal-row-mini__text {
        display: none
    }

    .deal-row-mini__price {
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        color: white
    }

    .deal-row-mini__status {
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        color: #9fa4ae
    }

    .deal-row-mini__date {
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        color: #9fa4ae
    }

    .deal-row-mini__dot {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: white
    }

    .deal-row-mini__footer {
        display: none;
        padding: 0 28px 51px
    }

    .deal-row-mini_opened .deal-row-mini__footer {
        display: block
    }
}

@media(min-width:800px) {
    .deals-list {
        overflow: hidden
    }

    .deals-list__empty {
        display: block;
        text-align: center;
        margin: 30px 0 0 0
    }

    .deals-list__item+.deals-list__item {
        margin-top: 19px
    }
}

@media(min-width:800px) {
    .deal-confirmation {
        padding: 40px 55px 30px;
        border: 1px solid var(--border);
        border-radius: 30px;
        height: calc(100vh - 224px - 16px - 16px)
    }

    .deal-confirmation__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .deal-confirmation__col+.deal-confirmation__col {
        margin-left: 21px
    }

    .deal-confirmation__col_title {
        width: 51.5376458112%
    }

    .deal-confirmation__col_price {
        width: 21.2089077413%
    }

    .deal-confirmation__col_title,
    .deal-confirmation__col_price {
        font-size: 14px;
        height: 38px;
        line-height: 36px;
        border: 1px solid var(--border);
        color: white;
        border-radius: 13px;
        text-align: center
    }

    .deal-confirmation__user-link {
        display: block;
        text-decoration: none;
        color: inherit
    }

    .deal-confirmation__user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .deal-confirmation__avatar {
        width: 28px;
        height: 28px;
        font-size: 0;
        margin-right: 9px;
        border-radius: 50%;
        overflow: hidden
    }

    .deal-confirmation__avatar>img {
        display: block;
        width: 28px;
        height: 28px
    }

    .deal-confirmation__name {
        color: #fff;
        font-size: 18px;
        line-height: 22px
    }

    .deal-confirmation__name:hover {
        opacity: .9
    }

    .deal-confirmation__title {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding: 0 20px
    }

    .deal-confirmation__body {
        margin-top: 22px;
        margin-bottom: 22px
    }

    .deal-confirmation__description {
        display: block;
        width: 100%;
        height: calc(100vh - 224px - 16px - 16px - 193px);
        color: white;
        padding: 14px 18px;
        font-size: 14px;
        line-height: 16px;
        border: 1px solid var(--border);
        border-radius: 20px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        word-break: break-word;
        overflow-y: auto
    }

    .deal-confirmation__description::-webkit-scrollbar {
        width: 16px
    }

    .deal-confirmation__description::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .deal-confirmation__description::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .deal-confirmation__description::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .deal-confirmation__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .deal-confirmation__button {
        font-size: 12px;
        width: 200px;
        height: 39px;
        line-height: 37px;
        border-radius: 15px
    }

    .deal-confirmation__button+.deal-confirmation__button {
        margin-left: 71px
    }
}

@media(min-width:800px) {
    .create-deal {
        position: relative;
        padding: 38px 55px 36px;
        border: 1px solid var(--border);
        border-radius: 30px;
        height: calc(100vh - 224px - 16px - 16px)
    }

    .create-deal__success {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    .create-deal__title {
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 29px;
        color: #fff;
        margin-bottom: 15px
    }

    .create-deal__subtitle {
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .create-deal__header {
        text-align: center
    }

    .create-deal__body {
        margin-top: 22px;
        margin-bottom: 22px
    }

    .create-deal__textarea {
        display: block;
        width: 100%;
        height: calc(100vh - 224px - 16px - 16px - 267px);
        color: white;
        padding: 20px 30px;
        font-size: 18px;
        border: 1px solid var(--border);
        border-radius: 30px;
        background: transparent;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        resize: none
    }

    .create-deal__textarea:focus::-webkit-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::-moz-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus:-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__textarea:focus::placeholder {
        font-size: 0
    }

    .create-deal__input {
        display: inline-block;
        width: 100%;
        height: 38px;
        line-height: 36px;
        border: 1px solid var(--border);
        background: transparent;
        color: white;
        border-radius: 13px;
        text-align: center;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .create-deal__input:focus::-webkit-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::-moz-placeholder {
        font-size: 0
    }

    .create-deal__input:focus:-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::-ms-input-placeholder {
        font-size: 0
    }

    .create-deal__input:focus::placeholder {
        font-size: 0
    }

    .create-deal__input_title {
        max-width: 400px
    }

    .create-deal__input_price {
        max-width: 200px
    }

    .create-deal__input_respondent {
        position: relative;
        z-index: 1;
        max-width: 200px;
        text-align: left;
        padding-left: 9px;
        background: #1b1c1e
    }

    .create-deal__footer-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .create-deal__submit-wrapper {
        text-align: center;
        margin-top: 23px
    }

    .create-deal__submit {
        font-size: 12px;
        margin: auto;
        width: 300px;
        height: 49px;
        line-height: 47px;
        border-radius: 15px
    }
}

@media(min-width:800px) {
    .create-deal__respondent-dropdown {
        padding-top: 38px;
        border: 1px solid var(--border);
        background: #1b1c1e;
        color: white;
        border-radius: 13px;
        list-style-type: none;
        padding-left: 9px;
        max-height: 130px;
        overflow-y: auto
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar {
        width: 16px
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #c4c4c4;
        background-clip: content-box
    }

    .create-deal__respondent-dropdown::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .create-deal__respondent-dropdown li {
        line-height: 28px;
        height: 28px;
        cursor: pointer
    }

    .create-deal__respondent-dropdown li:hover {
        opacity: .8
    }
}

@media(min-width:800px) {
    .create-deal-payer {
        height: 38px;
        line-height: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .create-deal-payer__title {
        font-weight: 400;
        color: white;
        font-size: 14px
    }

    .create-deal-payer__radio-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 16px
    }

    .create-deal-payer__label {
        display: block;
        width: 138px
    }

    .create-deal-payer__label+.create-deal-payer__label {
        margin-left: 9px
    }

    .create-deal-payer__input {
        display: none
    }

    .create-deal-payer__handler {
        text-align: center;
        color: white;
        border: 1px solid var(--border);
        border-radius: 13px;
        height: 38px;
        line-height: 36px;
        font-size: 14px
    }

    .create-deal-payer__input:checked+.create-deal-payer__handler {
        border: 2px solid white
    }
}

@media(min-width:800px) {
    .container__aside_sticky_top .aside-subcategory {
        height: calc(100vh - 50px)
    }
}

@media(min-width:800px) {
    .aside-subcategory {
        height: calc(100vh - 270px);
        margin: -27px -20px -27px -20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 27px 24px 27px 36px;
        -webkit-transition: height .3s linear;
        -o-transition: height .3s linear;
        transition: height .3s linear;
        overflow-y: scroll
    }

    .aside-subcategory::-webkit-scrollbar {
        width: 16px;
        opacity: 0
    }

    .aside-subcategory::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px
    }

    .aside-subcategory::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 5px solid transparent;
        background-color: #505050;
        background-clip: content-box
    }

    .aside-subcategory::-webkit-scrollbar-thumb:hover {
        background-color: #d0d0d0
    }

    .aside-subcategory__mobile {
        display: none
    }

    .aside-subcategory__item+.aside-subcategory__item {
        margin-top: 18px
    }

    .aside-subcategory__item_dot {
        position: relative
    }

    .aside-subcategory__item_dot::before {
        content: "";
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        left: -21px;
        top: 50%;
        margin-top: -4px;
        border-radius: 50%;
        background: white
    }

    .aside-subcategory__link {
        display: block;
        height: 30px;
        line-height: 30px;
        border: 1px solid var(--border);
        border-radius: 10px;
        font-size: 14px;
        text-align: center;
        color: white;
        text-decoration: none
    }

    .aside-subcategory__link:hover {
        color: white;
        opacity: .9
    }
}

@media(min-width:800px) {
    .trusted-sellers__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .trusted-sellers__item {
        width: 240px;
        border: 1px solid var(--border);
        border-radius: 30px;
        margin-bottom: 14px
    }

    .trusted-sellers__footer {
        margin-top: 26px;
        text-align: center
    }

    .trusted-sellers__foot-subtitle {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: rgba(159, 164, 174, 0.4901960784)
    }
}

@media(min-width:800px) {
    .trusted-seller-box {
        position: relative;
        height: 100%;
        padding: 12px;
        padding-bottom: 54px;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .trusted-seller-box__image {
        border-radius: 20px;
        margin-bottom: 11px;
        overflow: hidden
    }

    .trusted-seller-box__image>img {
        width: 100%;
        height: auto
    }

    .trusted-seller-box__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 7px;
        color: #fff
    }

    .trusted-seller-box__description {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: rgba(159, 164, 174, 0.4901960784)
    }

    .trusted-seller-box__footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0;
        height: 39px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .trusted-seller-box__button {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 12px;
        color: #9fa4ae;
        height: 39px;
        line-height: 39px;
        width: 120px;
        margin: auto;
        text-align: center;
        text-decoration: none;
        border-top: 1px solid var(--border)
    }

    .trusted-seller-box__button+.trusted-seller-box__button {
        border-left: 1px solid var(--border)
    }
}

@media(min-width:800px) {
    .news-list {
        padding-right: 34px;
        margin: 0 auto
    }

    .news-list__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 20px 60px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .news-list__list .ads__item {
        display: none
    }

    .news-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(33.333% - 45px);
        -ms-flex: 0 0 calc(33.333% - 45px);
        flex: 0 0 calc(33.333% - 45px);
        width: 100%;
        border: 1px solid var(--border);
        border-radius: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-list__footer {
        margin-top: 9px;
        text-align: center
    }

    .news-list__button {
        margin: auto;
        width: 100px;
        font-size: 12px
    }
}

@media(min-width:800px) {
    .news-preview {
        position: relative;
        height: 100%;
        padding: 12px;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-preview__image {
        border-radius: 20px;
        margin-bottom: 10px;
        overflow: hidden
    }

    .news-preview__image img {
        width: 100%;
        height: 100%;
        max-width: 280px;
        max-height: 800px;
        border-radius: 20px
    }

    .news-preview__image>a {
        display: block;
        text-decoration: none;
        color: inherit
    }

    .news-preview__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 7px;
        color: #fff;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .news-preview__title>a {
        color: inherit;
        text-decoration: none
    }

    .news-preview__title>a:hover {
        color: white;
        text-decoration: none
    }

    .news-preview__description {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #9fa4ae;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

@media(min-width:800px) {
    .news-sticky-header {
        position: -webkit-sticky;
        position: sticky;
        top: 224px;
        z-index: 10;
        background: -o-linear-gradient(315deg, #282829, #060607);
        background: linear-gradient(135deg, #282829, #060607);
        -webkit-transition: top .3s linear;
        -o-transition: top .3s linear;
        transition: top .3s linear
    }

    .news-sticky-header--top {
        top: 0;
        border-bottom-left-radius: 17px
    }

    .news-sticky-header__row {
        margin-bottom: 0
    }

    .news-sticky-header__main {
        position: relative;
        padding-right: 34px
    }

    .news-sticky-header__button {
        display: block;
        height: 45px;
        border-radius: 20px;
        border: 1px solid var(--border);
        font-weight: 500;
        font-size: 12px;
        line-height: 45px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        letter-spacing: .1em;
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-sticky-header__button:hover {
        opacity: .8;
        text-decoration: none;
        color: #fff
    }

    .news-sticky-header__add {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 34px;
        height: 46px;
        line-height: 39px;
        font-weight: 800;
        font-size: 36px;
        background: transparent;
        border: 0;
        color: #b5b2b2;
        text-align: right;
        cursor: pointer;
        text-decoration: none;
        opacity: .75
    }

    .news-sticky-header__add:hover {
        color: white;
        text-decoration: none;
        opacity: .9
    }

    .news-sticky-header__input {
        display: block;
        width: 100%;
        height: 45px;
        border-radius: 20px;
        border: 1px solid var(--border);
        font-weight: 500;
        font-size: 18px;
        line-height: 45px;
        padding-left: 39px;
        color: #fff;
        background: transparent url(..static/assets/images/filter-query.svg) left 14px center no-repeat;
        background-size: 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-sticky-header__submit {
        display: none
    }
}

@media(min-width:800px) {
    .news-post__body {
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 15px 20px
    }

    .news-post__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 15px;
        margin-bottom: 19px
    }

    .news-post__title {
        display: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        text-decoration: none;
        color: #fff
    }

    .news-post__title.active {
        display: block
    }

    .news-post__lang {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

    .news-post__lang-button {
        background-color: transparent;
        outline: 0;
        border: 0;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .news-post__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .news-post__lang-button.active {
        font-weight: 700
    }

    .news-post__lang-button.active:hover {
        color: #fff
    }

    .news-post__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .news-post__button {
        background-color: transparent;
        outline: 0;
        border: 0
    }

    .news-post__button:hover>svg path {
        fill: white
    }

    .news-post__subtitle {
        margin-bottom: 19px;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        position: relative
    }

    .news-post__video {
        text-align: center;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 0 0 10px 0
    }

    .news-post__video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .news-post__text {
        display: none;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        text-align: justify;
        color: #9fa4ae
    }

    .news-post__text.active {
        display: block
    }

    .news-post__text img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 776px;
        margin: 16px auto
    }

    .news-post__comments {
        margin-top: 16px
    }
}

@media(min-width:800px) {
    .news-form {
        padding-right: 34px
    }

    .news-form__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
        position: relative;
        padding-right: 58px
    }

    .news-form__input {
        display: none;
        height: 39px;
        line-height: 39px;
        border: 1px solid var(--border);
        outline: 0;
        border-radius: 15px;
        background: transparent;
        width: 100%;
        padding: 0 13px;
        color: white;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news-form__input--link {
        margin: 15px 0 0 0
    }

    .news-form__input.active {
        display: block
    }

    .news-form__add {
        display: block;
        width: 28px;
        height: 39px;
        line-height: 39px;
        font-weight: 800;
        font-size: 36px;
        background: transparent;
        border: 0;
        outline: 0;
        color: #b5b2b2;
        cursor: pointer;
        opacity: .75;
        text-decoration: none;
        text-align: center
    }

    .news-form__add::before {
        content: "+";
        display: inline;
        background-color: transparent;
        border: 0;
        outline: 0
    }

    .news-form__add:hover {
        color: white;
        text-decoration: none;
        opacity: .9
    }

    .news-form__add>input {
        display: none
    }

    .news-form__lang {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px
    }

    .news-form__lang-button {
        border: 0;
        background-color: transparent;
        outline: 0;
        font-weight: 500;
        font-size: 18px;
        color: #fff;
        -webkit-transition: color .3s linear;
        -o-transition: color .3s linear;
        transition: color .3s linear
    }

    .news-form__lang-button:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .news-form__lang-button.active {
        font-weight: 700
    }

    .news-form__lang-button.active:hover {
        color: #fff
    }

    .news-form__body {
        display: none;
        margin-top: 20px;
        border: 1px solid var(--border);
        border-radius: 20px;
        overflow: hidden
    }

    .news-form__body.active {
        display: block
    }

    .news-form__body .ck.ck-content.ck-editor__editable {
        min-height: 400px
    }

    .news-form__textarea {
        width: 100%;
        outline: 0;
        height: 450px;
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        color: white
    }

    .news-form__footer {
        margin-top: 14px;
        text-align: center
    }

    .news-form__submit {
        margin: auto;
        width: 115px
    }
}

@media(min-width:800px) {
    .container_fixed .container__main_private_news::before {
        background: url("../static/assets/images/private-news-blur.png") center no-repeat;
        top: 270px;
        width: 700px;
        height: 36px;
        -webkit-filter: blur(7px);
        filter: blur(7px)
    }
}

@media(min-width:800px) {
    .private-news {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 50px
    }

    .private-news__sticky-header .news-sticky-header__button--mobile {
        display: none
    }

    .private-news__container {
        margin-bottom: 20px
    }

    .private-news__list {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 660px;
        -ms-flex: 0 0 660px;
        flex: 0 0 660px;
        width: 100%;
        padding: 0
    }

    .private-news__list .news-list__list {
        gap: 15px 40px
    }

    .private-news__list .news-list__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - 20px);
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px)
    }

    .private-news__chat {
        position: -webkit-sticky;
        position: sticky;
        top: 305px;
        z-index: 5;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: calc(100vh - 224px - 16px - 61px - 16px);
        -webkit-transition: top .3s linear, height .3s linear;
        -o-transition: top .3s linear, height .3s linear;
        transition: top .3s linear, height .3s linear
    }

    .private-news__chat.private-news__chat--big {
        top: 75px;
        height: calc(100vh - 100px)
    }

    .private-news__chat .message__row {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .private-news__chat .message__row:hover .message__header-actions {
        opacity: 1;
        visibility: visible
    }

    .private-news__chat .message__col_avatar {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .private-news__chat .message__col_message {
        margin: 0 15px 0 0
    }

    .private-news__chat .message__col_status {
        width: auto;
        height: auto
    }

    .private-news__chat .message__message {
        max-width: none
    }

    .private-news__chat .message__header-button--remove {
        background-image: url("..static/assets/images/comment-remove.svg");
        background-size: 17px
    }

    .private-news__chat .message__header-button--remove.hide {
        display: none
    }

    .private-news__chat .message__text {
        opacity: .75
    }

    .private-news__chat .message__attachments {
        margin: 0
    }

    .private-news__chat .message__file-row {
        margin: 7px 0 0 0
    }

    .private-news__chat .file-mini-row__name {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 290px
    }

    .private-news__chat .message__time {
        display: block
    }

    .private-news__chat .message__status {
        display: none
    }

    .private-news__chat .chat__footer {
        padding: 15px
    }

    .private-news__chat .chat-form__col_submit {
        margin-left: 12px
    }

    .private-news__chat .chat-form__fieldset {
        position: relative
    }

    .private-news__chat .chat-form__input {
        padding: 0 95px 0 10px
    }
}

@media(min-width:800px) {
    .comments-box__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 360px;
        overflow: hidden;
        overflow-y: auto
    }

    .comments-box__item {
        margin: 15px 0 0 0
    }

    .comments-box__footer {
        margin-top: 23px
    }
}

@media(min-width:800px) {
    .comment-row {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 56px
    }

    .comment-row__avatar {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 45px;
        max-width: 45px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        overflow: hidden;
        font-size: 0;
        margin-right: 13px
    }

    .comment-row__avatar>a {
        color: inherit;
        text-decoration: none
    }

    .comment-row__avatar>a:hover {
        color: white;
        text-decoration: none
    }

    .comment-row__avatar>a>img {
        display: block;
        width: 45px;
        height: 45px
    }

    .comment-row__name {
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 4px
    }

    .comment-row__name>a {
        color: inherit;
        text-decoration: none
    }

    .comment-row__name>a:hover {
        opacity: .8;
        color: white;
        text-decoration: none
    }

    .comment-row__text {
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        opacity: .75
    }

    .comment-row__text>span {
        color: #04be0b;
        font-weight: 800
    }

    .comment-row__aside {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0
    }

    .comment-row:hover .comment-row__aside {
        opacity: 1
    }

    .comment-row__button {
        width: 28px;
        height: 28px;
        background: transparent;
        border: 0;
        outline: 0;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .comment-row__button_remove {
        background-image: url("..static/assets/images/comment-remove.svg");
        background-size: 17px
    }

    .comment-row__button_reply {
        background-image: url("..static/assets/images/comment-reply.png");
        background-size: 23px
    }

    .comment-row__button:hover {
        opacity: .8
    }
}

@media(min-width:800px) {
    .comment-form__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .comment-form__field {
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .comment-form__mention-label {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        padding: 10px 5px 10px 10px;
        font-weight: bold;
        line-height: 20px;
        font-weight: 800;
        font-size: 18px;
        color: #74e3c9
    }

    .comment-form__input {
        display: block;
        width: 100%;
        line-height: 20px;
        font-size: 16px;
        background: transparent;
        padding: 10px 5px 10px 10px;
        color: white;
        outline: 0;
        border-radius: 10px;
        border: 1px solid var(--border);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .comment-form__counter {
        width: 95px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 20px;
        padding: 10px 0;
        font-weight: 800;
        font-size: 18px;
        color: #de0a0a;
        opacity: .75;
        display: none
    }

    .comment-form__button {
        margin-left: 19px
    }

    .comment-form__submit {
        width: 135px
    }
}

@media(min-width:800px) {
    .error-page {
        height: 100%;
        background: url("../static/assets/images/bg.jpg") center center/100% 100% no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .error-page__body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .error-page__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        color: rgba(255, 255, 255, 0.45);
        font-family: "Lato";
        line-height: 1.2;
        font-weight: 500
    }

    .error-page__code {
        font-size: 70px;
        margin: 0 0 10px 0;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }

    .error-page__text {
        font-size: 30px;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
    }
}

@media(min-width:800px) {
    .hide_on-desktop {
        display: none
    }
}

.wallet-form__value.js-deposit-usd-amount,
.wallet-form__value.js-deposit-address,
.sign-up-terms__content {
    color: #fff !important;
}

/* ── Deposit page mobile responsive ── */
@media (max-width: 800px) {

    /* Stack QR row vertically on mobile */
    .wallet-form__qr-row {
        flex-direction: column !important;
        align-items: center !important;
    }

    /* QR code wrapper: center and auto-size */
    .wallet-form__qr-code-wrapper {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* QR code container */
    .wallet-form__qr-code {
        width: 200px !important;
        height: 200px !important;
        margin: 0 auto 16px !important;
    }

    .wallet-form__qr-code > img,
    .wallet-form__qr-code #cryptapi_qrcode,
    .wallet-form__qr-code #cryptapi_qrcode img,
    #cryptapi_qrcode .qrcode_wrapper a img {
        width: 100% !important;
        height: auto !important;
        max-width: 200px;
    }

    #cryptapi_qrcode .qrcode_wrapper {
        display: inline-block;
    }

    /* QR aside: full width below QR */
    .wallet-form__qr-aside {
        margin-left: 0 !important;
        width: 100% !important;
    }

    /* Deposit address: wrap long text */
    .wallet-form__value.js-deposit-address {
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    /* Deposit address row */
    .wallet-form__deposit-address-row {
        flex-wrap: wrap !important;
    }

    /* Copy button full width on very small */
    .wallet-form__copy-address-btn {
        margin-top: 8px;
    }

    /* Make the body section below QR full width */
    .wallet-form__body {
        width: 100%;
    }

    .wallet-form__body .wallet-form__row {
        flex-wrap: wrap;
    }

    .wallet-form__body .wallet-form__column {
        width: 100% !important;
    }

    /* Cancel button wrapper on mobile */
    .wallet-form > div[style*="justify-content: flex-end"] {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 480px) {

    /* Even smaller QR on very small screens */
    .wallet-form__qr-code {
        width: 160px !important;
        height: 160px !important;
    }

    .wallet-form__qr-code > img,
    .wallet-form__qr-code #cryptapi_qrcode img,
    #cryptapi_qrcode .qrcode_wrapper a img {
        max-width: 160px !important;
    }

    /* Smaller label font */
    .wallet-form__label {
        font-size: 12px !important;
    }

    /* Reduce padding */
    .wallet-form {
        padding: 0 10px !important;
    }

    .wallet-form__deposit-address-row {
        gap: 6px !important;
    }

    .wallet-form__value.js-deposit-address {
        font-size: 11px !important;
    }

    /* Warning text */
    .wallet-form__subtitle h6 {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
}