@charset "UTF-8";:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -webkit-animation: f-spinner-rotate 2s linear infinite;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
    animation: f-spinner-dash 2s ease-in-out infinite
}

@-webkit-keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    -webkit-animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp;
    animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    -webkit-animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown;
    animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown
}

@-webkit-keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0,-webkit-calc(var(--f-throw-out-distance,150px) * -1),0);
        transform: translate3d(0,calc(var(--f-throw-out-distance,150px) * -1),0);
        opacity: 0
    }
}

@keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0,-webkit-calc(var(--f-throw-out-distance,150px) * -1),0);
        transform: translate3d(0,calc(var(--f-throw-out-distance,150px) * -1),0);
        opacity: 0
    }
}

@-webkit-keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0,var(--f-throw-out-distance,150px),0);
        transform: translate3d(0,var(--f-throw-out-distance,150px),0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0,var(--f-throw-out-distance,150px),0);
        transform: translate3d(0,var(--f-throw-out-distance,150px),0);
        opacity: 0
    }
}

.f-zoomInUp {
    -webkit-animation: var(--f-transition-duration,.2s) ease .1s both f-zoomInUp;
    animation: var(--f-transition-duration,.2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    -webkit-animation: var(--f-transition-duration,.2s) ease both f-zoomOutDown;
    animation: var(--f-transition-duration,.2s) ease both f-zoomOutDown
}

@-webkit-keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(.975) translate3d(0,16px,0);
        transform: scale(.975) translate3d(0,16px,0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0,0,0);
        transform: scale(1) translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(.975) translate3d(0,16px,0);
        transform: scale(.975) translate3d(0,16px,0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0,0,0);
        transform: scale(1) translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(.975) translate3d(0,16px,0);
        transform: scale(.975) translate3d(0,16px,0);
        opacity: 0
    }
}

@keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(.975) translate3d(0,16px,0);
        transform: scale(.975) translate3d(0,16px,0);
        opacity: 0
    }
}

.f-fadeIn {
    -webkit-animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;
    animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    -webkit-animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;
    animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;
    z-index: 1
}

@-webkit-keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    -webkit-animation: var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
    animation: var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    -webkit-animation: var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
    animation: var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@-webkit-keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    -webkit-animation: var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
    animation: var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    -webkit-animation: var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
    animation: var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
    z-index: 1
}

@-webkit-keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    -webkit-animation: var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
    animation: var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    -webkit-animation: -webkit-calc(var(--f-transition-duration,.2s)*.5) linear .1s both f-crossfadeOut;
    animation: calc(var(--f-transition-duration,.2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext
}

.f-slideIn.from-prev {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev
}

.f-slideOut.to-next {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext
}

.f-slideOut.to-prev {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev
}

@-webkit-keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
    z-index: 1
}

@-webkit-keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0
    }
}

@-webkit-keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    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;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    -webkit-border-radius: var(--f-button-border-radius);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    -webkit-box-shadow: var(--f-button-shadow);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    -webkit-transition: var(--f-button-transition);
    -o-transition: var(--f-button-transition);
    transition: var(--f-button-transition)
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color:var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: 0
}

.f-button:focus-visible {
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color));
    box-shadow: inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease;
    -webkit-transform: var(--f-button-transform);
    -ms-transform: var(--f-button-transform);
    transform: var(--f-button-transform);
    -webkit-filter: var(--f-button-svg-filter);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    -ms-touch-action: none;
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: -webkit-calc(var(--fancybox-body-margin,0px) + var(--fancybox-scrollbar-compensate,0px));
    margin-right: calc(var(--fancybox-body-margin,0px) + var(--fancybox-scrollbar-compensate,0px));
    overflow: hidden!important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    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-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    z-index: var(--fancybox-zIndex,1050);
    outline: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,.fancybox__container ::after,.fancybox__container ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.fancybox__container::-webkit-backdrop {
    background-color: rgba(0,0,0,0)
}

.fancybox__container::backdrop {
    background-color: rgba(0,0,0,0)
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity,1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    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;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::after,.fancybox__slide::before {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto
}

.fancybox__backdrop:empty,.fancybox__slide:empty,.fancybox__track:empty,.fancybox__viewport:empty {
    display: block
}

.fancybox__content {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    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: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color,#374151);
    background: var(--fancybox-content-bg,#fff);
    cursor: default;
    -webkit-border-radius: 0;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__content [contenteditable],.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: rgba(0,0,0,0);
    min-height: 1px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,.is-dragging .fancybox__content {
    will-change: transform,width,height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.fancybox__caption {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color,currentColor);
    opacity: var(--fancybox-opacity,1);
    cursor: auto;
    visibility: visible
}

.is-closing .fancybox__caption,.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity,1);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24,24,27,.5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity,1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top,-webkit-calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left,-webkit-calc(var(--f-spinner-height) * -.5));
    margin: var(--f-spinner-top,calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: 0;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel) {
    -webkit-animation: var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn;
    animation: var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn;
    animation: var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel) {
    -webkit-animation: var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut;
    animation: var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut;
    animation: var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
    max-width: 100%;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content {
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
    padding: 0;
    background: rgba(24,24,27,.9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0)
}

.fancybox-placeholder {
    border: 0!important;
    clip: rect(1px,1px,1px,1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ebeff2),to(#e2e8f0));
    background-image: -webkit-linear-gradient(#ebeff2,#e2e8f0);
    background-image: -o-linear-gradient(#ebeff2,#e2e8f0);
    background-image: linear-gradient(#ebeff2,#e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.f-thumbs__track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.f-thumbs__slide {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -webkit-calc((var(--f-thumb-clip-width,0))*-.5);
    left: calc((var(--f-thumb-clip-width,0))*-.5);
    width: -webkit-calc(var(--width,0)*1px + var(--f-thumb-clip-width,0));
    width: calc(var(--width,0)*1px + var(--f-thumb-clip-width,0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    -webkit-transform: translate3d(-webkit-calc(var(--shift,0) * -1px),0,0);
    transform: translate3d(calc(var(--shift,0) * -1px),0,0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    -webkit-transition: -webkit-transform .33s ease;
    transition: -webkit-transform .33s ease;
    -o-transition: transform .33s ease;
    transition: transform .33s ease;
    transition: transform .33s ease,-webkit-transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    -webkit-transition: -webkit-clip-path .33s ease;
    transition: -webkit-clip-path .33s ease;
    -o-transition: clip-path .33s ease;
    transition: clip-path .33s ease;
    transition: clip-path .33s ease,-webkit-clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    -webkit-filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    -webkit-border-radius: var(--f-thumb-border-radius);
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0,0,0,0);
    outline: 0;
    cursor: pointer;
    pointer-events: auto;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: 0
}

.f-thumbs__slide__button:focus-visible {
    outline: 0;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset( 0 -webkit-calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
    --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);
    -webkit-border-radius: var(--f-thumb-border-radius);
    border-radius: var(--f-thumb-border-radius);
    -webkit-animation: f-fadeIn .2s ease-out;
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: var(--f-thumb-border-radius);
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity,1);
    -webkit-transition: max-height .35s cubic-bezier(.23,1,.32,1);
    -o-transition: max-height .35s cubic-bezier(.23,1,.32,1);
    transition: max-height .35s cubic-bezier(.23,1,.32,1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.05)));
    background-image: -webkit-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-image: -o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.05)));
    background-image: -webkit-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-image: -o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0!important
}

.is-closing .fancybox__thumbs {
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
    color: var(--fancybox-color,currentColor);
    opacity: var(--fancybox-opacity,1);
    text-shadow: var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    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-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-moz-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:-moz-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -ms-flexbox;
    display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    background: var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

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

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

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

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

.swiper-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-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    -o-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

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

.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;
    display: block
}

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

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

.swiper-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-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

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

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

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

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

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

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

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

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

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

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

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

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

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

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

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

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

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

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

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

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: -webkit-calc(var(--swiper-navigation-size)/ 44 * 27);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: -webkit-calc(0px - (var(--swiper-navigation-size)/ 2));
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    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;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

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

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

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

.swiper-button-next svg,.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

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

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

.swiper-button-lock {
    display: none
}

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

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

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

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

.swiper-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-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.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(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

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

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

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

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

button.swiper-pagination-bullet {
    border: none;
    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:only-child {
    display: none!important
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

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

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

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -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;
    -ms-touch-action: none;
    touch-action: none
}

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

.swiper-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-grid>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

.swiper-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-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

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

.swiper-cards {
    overflow: visible
}

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

.air-datepicker-cell.-day-.-other-month-,.air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month)
}

.air-datepicker-cell.-day-.-other-month-:hover,.air-datepicker-cell.-year-.-other-decade-:hover {
    color: var(--adp-color-other-month-hover)
}

.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month)
}

.-selected-.air-datepicker-cell.-day-.-other-month-,.-selected-.air-datepicker-cell.-year-.-other-decade- {
    color: #fff;
    background: var(--adp-background-color-selected-other-month)
}

.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background: var(--adp-background-color-selected-other-month-focused)
}

.-in-range-.air-datepicker-cell.-day-.-other-month-,.-in-range-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range);
    color: var(--adp-color)
}

.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range-focused)
}

.air-datepicker-cell.-day-.-other-month-:empty,.air-datepicker-cell.-year-.-other-decade-:empty {
    background: 0 0;
    border: none
}

.air-datepicker-cell {
    -webkit-border-radius: var(--adp-cell-border-radius);
    border-radius: var(--adp-cell-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.air-datepicker-cell.-focus- {
    background: var(--adp-cell-background-color-hover)
}

.air-datepicker-cell.-current- {
    color: var(--adp-color-current-date)
}

.air-datepicker-cell.-current-.-focus- {
    color: var(--adp-color)
}

.air-datepicker-cell.-current-.-in-range- {
    color: var(--adp-color-current-date)
}

.air-datepicker-cell.-disabled- {
    cursor: default;
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-in-range- {
    color: var(--adp-color-disabled-in-range)
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-in-range- {
    background: var(--adp-cell-background-color-in-range);
    -webkit-border-radius: 0;
    border-radius: 0
}

.air-datepicker-cell.-in-range-:hover {
    background: var(--adp-cell-background-color-in-range-hover)
}

.air-datepicker-cell.-range-from- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    -webkit-border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
    border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)
}

.air-datepicker-cell.-range-to- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    -webkit-border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
    border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0
}

.air-datepicker-cell.-range-to-.-range-from- {
    -webkit-border-radius: var(--adp-cell-border-radius);
    border-radius: var(--adp-cell-border-radius)
}

.air-datepicker-cell.-selected- {
    color: #fff;
    border: none;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-current- {
    color: #fff;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-focus- {
    background: var(--adp-cell-background-color-selected-hover)
}

.air-datepicker-body {
    -webkit-transition: all var(--adp-transition-duration) var(--adp-transition-ease);
    -o-transition: all var(--adp-transition-duration) var(--adp-transition-ease);
    transition: all var(--adp-transition-duration) var(--adp-transition-ease)
}

.air-datepicker-body.-hidden- {
    display: none
}

.air-datepicker-body--day-names {
    display: grid;
    grid-template-columns: repeat(7,var(--adp-day-cell-width));
    margin: 8px 0 3px
}

.air-datepicker-body--day-name {
    color: var(--adp-day-name-color);
    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-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.air-datepicker-body--day-name.-clickable- {
    cursor: pointer
}

.air-datepicker-body--day-name.-clickable-:hover {
    color: var(--adp-day-name-color-hover)
}

.air-datepicker-body--cells {
    display: grid
}

.air-datepicker-body--cells.-days- {
    grid-template-columns: repeat(7,var(--adp-day-cell-width));
    grid-auto-rows: var(--adp-day-cell-height)
}

.air-datepicker-body--cells.-months- {
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: var(--adp-month-cell-height)
}

.air-datepicker-body--cells.-years- {
    grid-template-columns: repeat(4,1fr);
    grid-auto-rows: var(--adp-year-cell-height)
}

.air-datepicker-nav {
    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;
    border-bottom: 1px solid var(--adp-border-color-inner);
    min-height: var(--adp-nav-height);
    padding: var(--adp-padding);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.-only-timepicker- .air-datepicker-nav {
    display: none
}

.air-datepicker-nav--action,.air-datepicker-nav--title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -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
}

.air-datepicker-nav--action {
    width: var(--adp-nav-action-size);
    -webkit-border-radius: var(--adp-border-radius);
    border-radius: var(--adp-border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.air-datepicker-nav--action:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--action:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--action.-disabled- {
    visibility: hidden
}

.air-datepicker-nav--action svg {
    width: 32px;
    height: 32px
}

.air-datepicker-nav--action path {
    fill: none;
    stroke: var(--adp-nav-arrow-color);
    stroke-width: 2px
}

.air-datepicker-nav--title {
    -webkit-border-radius: var(--adp-border-radius);
    border-radius: var(--adp-border-radius);
    padding: 0 8px
}

.air-datepicker-nav--title i {
    font-style: normal;
    color: var(--adp-nav-color-secondary);
    margin-left: .3em
}

.air-datepicker-nav--title:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--title:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--title.-disabled- {
    cursor: default;
    background: 0 0
}

.air-datepicker-buttons {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

.air-datepicker-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--adp-btn-color);
    -webkit-border-radius: var(--adp-btn-border-radius);
    border-radius: var(--adp-btn-border-radius);
    cursor: pointer;
    height: var(--adp-btn-height);
    border: none;
    background: rgba(255,255,255,0)
}

.air-datepicker-button:hover {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover)
}

.air-datepicker-button:focus {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover);
    outline: 0
}

.air-datepicker-button:active {
    background: var(--adp-btn-background-color-active)
}

.air-datepicker-button span {
    outline: 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;
    width: 100%;
    height: 100%
}

.air-datepicker-time {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 var(--adp-time-padding-inner)
}

.-only-timepicker- .air-datepicker-time {
    border-top: none
}

.air-datepicker-time--current {
    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;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center
}

.air-datepicker-time--current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    position: relative;
    z-index: 1
}

.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after {
    content: "";
    background: var(--adp-background-color-hover);
    -webkit-border-radius: var(--adp-border-radius);
    border-radius: var(--adp-border-radius);
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after {
    opacity: 1
}

.air-datepicker-time--current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: var(--adp-time-day-period-color);
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.air-datepicker-time--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;
    font-size: 11px;
    height: 17px;
    background: -webkit-gradient(linear,left top,right top,from(var(--adp-time-track-color)),to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;
    background: -webkit-linear-gradient(left,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
    background: -o-linear-gradient(left,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
    background: linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat
}

.air-datepicker-time--row:first-child {
    margin-bottom: 4px
}

.air-datepicker-time--row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
    display: none
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:focus {
    outline: 0
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    -o-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    -o-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    -o-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    margin-top: -webkit-calc(var(--adp-time-thumb-size)/2*-1);
    margin-top: calc(var(--adp-time-thumb-size)/2*-1)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: rgba(0,0,0,0)
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: rgba(0,0,0,0)
}

.air-datepicker-time--row input[type=range]::-ms-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: rgba(0,0,0,0)
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
    background: rgba(0,0,0,0)
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
    background: rgba(0,0,0,0)
}

.air-datepicker {
    --adp-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --adp-font-size: 14px;
    --adp-width: 246px;
    --adp-z-index: 100;
    --adp-padding: 4px;
    --adp-grid-areas: "nav" "body" "timepicker" "buttons";
    --adp-transition-duration: .3s;
    --adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;
    --adp-background-color: #fff;
    --adp-background-color-hover: #f0f0f0;
    --adp-background-color-active: #eaeaea;
    --adp-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
    --adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: #4eb5e6;
    --adp-color-current-date: var(--adp-accent-color);
    --adp-color-other-month: #dedede;
    --adp-color-disabled: #aeaeae;
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: #c5c5c5;
    --adp-border-color: #dbdbdb;
    --adp-border-color-inner: #efefef;
    --adp-border-radius: 4px;
    --adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: var(--adp-color-secondary);
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: var(--adp-color-secondary);
    --adp-day-name-color: #ff9a19;
    --adp-day-name-color-hover: #8ad5f4;
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 32px;
    --adp-month-cell-height: 42px;
    --adp-year-cell-height: 56px;
    --adp-pointer-size: 10px;
    --adp-poiner-border-radius: 2px;
    --adp-pointer-offset: 14px;
    --adp-cell-border-radius: 4px;
    --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: #5cc4ef;
    --adp-cell-background-color-selected-hover: #45bced;
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);
    --adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);
    --adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);
    --adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;
    --adp-time-track-color-hover: #b1b1b1;
    --adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;
    --adp-time-day-period-color: var(--adp-color-secondary);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px
}

.air-datepicker-overlay {
    --adp-overlay-background-color: rgba(0, 0, 0, .3);
    --adp-overlay-transition-duration: .3s;
    --adp-overlay-transition-ease: ease-out;
    --adp-overlay-z-index: 99
}

.air-datepicker {
    background: var(--adp-background-color);
    border: 1px solid var(--adp-border-color);
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    -webkit-border-radius: var(--adp-border-radius);
    border-radius: var(--adp-border-radius);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4,-webkit-max-content);
    grid-template-rows: repeat(4,max-content);
    grid-template-areas: var(--adp-grid-areas);
    font-family: var(--adp-font-family),sans-serif;
    font-size: var(--adp-font-size);
    color: var(--adp-color);
    width: var(--adp-width);
    position: absolute;
    -webkit-transition: opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
    -o-transition: opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease),-webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
    z-index: var(--adp-z-index)
}

.air-datepicker:not(.-custom-position-) {
    opacity: 0
}

.air-datepicker.-from-top- {
    -webkit-transform: translateY(-webkit-calc(var(--adp-transition-offset) * -1));
    -ms-transform: translateY(calc(var(--adp-transition-offset) * -1));
    transform: translateY(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-from-right- {
    -webkit-transform: translateX(var(--adp-transition-offset));
    -ms-transform: translateX(var(--adp-transition-offset));
    transform: translateX(var(--adp-transition-offset))
}

.air-datepicker.-from-bottom- {
    -webkit-transform: translateY(var(--adp-transition-offset));
    -ms-transform: translateY(var(--adp-transition-offset));
    transform: translateY(var(--adp-transition-offset))
}

.air-datepicker.-from-left- {
    -webkit-transform: translateX(-webkit-calc(var(--adp-transition-offset) * -1));
    -ms-transform: translateX(calc(var(--adp-transition-offset) * -1));
    transform: translateX(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-active-:not(.-custom-position-) {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1
}

.air-datepicker.-active-.-custom-position- {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.air-datepicker.-inline- {
    border-color: var(--adp-border-color-inline);
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.air-datepicker.-inline- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile- {
    --adp-font-size: var(--adp-mobile-font-size);
    --adp-day-cell-height: var(--adp-mobile-day-cell-height);
    --adp-month-cell-height: var(--adp-mobile-month-cell-height);
    --adp-year-cell-height: var(--adp-mobile-year-cell-height);
    --adp-nav-height: var(--adp-mobile-nav-height);
    --adp-nav-action-size: var(--adp-mobile-nav-height);
    position: fixed;
    width: var(--adp-mobile-width);
    border: none
}

.air-datepicker.-is-mobile- * {
    -webkit-tap-highlight-color: transparent
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
    -webkit-transform: translate(-50%,-webkit-calc(-50% + var(--adp-transition-offset)));
    -ms-transform: translate(-50%,calc(-50% + var(--adp-transition-offset)));
    transform: translate(-50%,calc(-50% + var(--adp-transition-offset)))
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.air-datepicker.-custom-position- {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.air-datepicker-global-container {
    position: absolute;
    left: 0;
    top: 0
}

.air-datepicker--pointer {
    --pointer-half-size: -webkit-calc(var(--adp-pointer-size) / 2);
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);
    position: absolute;
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    z-index: -1
}

.air-datepicker--pointer:after {
    content: "";
    position: absolute;
    background: #fff;
    border-top: 1px solid var(--adp-border-color-inline);
    border-right: 1px solid var(--adp-border-color-inline);
    -webkit-border-top-right-radius: var(--adp-poiner-border-radius);
    border-top-right-radius: var(--adp-poiner-border-radius);
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.-top-center- .air-datepicker--pointer,.-top-left- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer {
    top: -webkit-calc(100% - var(--pointer-half-size) + 1px);
    top: calc(100% - var(--pointer-half-size) + 1px)
}

.-top-center- .air-datepicker--pointer:after,.-top-left- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer {
    right: -webkit-calc(100% - var(--pointer-half-size) + 1px);
    right: calc(100% - var(--pointer-half-size) + 1px)
}

.-right-bottom- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-top- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer {
    bottom: -webkit-calc(100% - var(--pointer-half-size) + 1px);
    bottom: calc(100% - var(--pointer-half-size) + 1px)
}

.-bottom-center- .air-datepicker--pointer:after,.-bottom-left- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-top- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer {
    left: -webkit-calc(100% - var(--pointer-half-size) + 1px);
    left: calc(100% - var(--pointer-half-size) + 1px)
}

.-left-bottom- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-top- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .air-datepicker--pointer,.-top-left- .air-datepicker--pointer {
    left: var(--adp-pointer-offset)
}

.-bottom-right- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer {
    right: var(--adp-pointer-offset)
}

.-bottom-center- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer {
    left: -webkit-calc(50% - var(--adp-pointer-size)/ 2);
    left: calc(50% - var(--adp-pointer-size)/ 2)
}

.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer {
    top: var(--adp-pointer-offset)
}

.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer {
    bottom: var(--adp-pointer-offset)
}

.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer {
    top: -webkit-calc(50% - var(--adp-pointer-size)/ 2);
    top: calc(50% - var(--adp-pointer-size)/ 2)
}

.air-datepicker--navigation {
    grid-area: nav
}

.air-datepicker--content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: var(--adp-padding);
    grid-area: body
}

.-only-timepicker- .air-datepicker--content {
    display: none
}

.air-datepicker--time {
    grid-area: timepicker
}

.air-datepicker--buttons {
    grid-area: buttons
}

.air-datepicker--buttons,.air-datepicker--time {
    padding: var(--adp-padding);
    border-top: 1px solid var(--adp-border-color-inner)
}

.air-datepicker-overlay {
    position: fixed;
    background: var(--adp-overlay-background-color);
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;
    -o-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;
    -webkit-transition-delay: 0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);
    -o-transition-delay: 0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);
    transition-delay: 0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);
    z-index: var(--adp-overlay-z-index)
}

.air-datepicker-overlay.-active- {
    opacity: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s;
    -o-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
    -o-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    -webkit-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    -webkit-transition-duration: .45s;
    -o-transition-duration: .45s;
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    -webkit-transition-duration: .55s;
    -o-transition-duration: .55s;
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    -webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    -webkit-transition-duration: .65s;
    -o-transition-duration: .65s;
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    -webkit-transition-delay: .65s;
    -o-transition-delay: .65s;
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    -webkit-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    -webkit-transition-duration: .75s;
    -o-transition-duration: .75s;
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    -webkit-transition-delay: .75s;
    -o-transition-delay: .75s;
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    -webkit-transition-duration: .85s;
    -o-transition-duration: .85s;
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    -webkit-transition-delay: .85s;
    -o-transition-delay: .85s;
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    -webkit-transition-duration: .9s;
    -o-transition-duration: .9s;
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    -webkit-transition-duration: .95s;
    -o-transition-duration: .95s;
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    -webkit-transition-delay: .95s;
    -o-transition-delay: .95s;
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    -webkit-transition-duration: 1.05s;
    -o-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    -webkit-transition-duration: 1.1s;
    -o-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    -webkit-transition-duration: 1.15s;
    -o-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    -webkit-transition-duration: 1.25s;
    -o-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    -webkit-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    -webkit-transition-duration: 1.35s;
    -o-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
    -o-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    -webkit-transition-duration: 1.4s;
    -o-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    -webkit-transition-duration: 1.45s;
    -o-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
    -o-transition-delay: 1.45s;
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    -webkit-transition-duration: 1.55s;
    -o-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
    -o-transition-delay: 1.55s;
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    -webkit-transition-duration: 1.6s;
    -o-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    -webkit-transition-duration: 1.65s;
    -o-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
    -o-transition-delay: 1.65s;
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    -webkit-transition-duration: 1.7s;
    -o-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    -webkit-transition-duration: 1.75s;
    -o-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
    -o-transition-delay: 1.75s;
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    -webkit-transition-duration: 1.8s;
    -o-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    -webkit-transition-duration: 1.85s;
    -o-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
    -o-transition-delay: 1.85s;
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    -webkit-transition-duration: 1.9s;
    -o-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    -webkit-transition-duration: 1.95s;
    -o-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
    -o-transition-delay: 1.95s;
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    -webkit-transition-duration: 2.05s;
    -o-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
    -o-transition-delay: 2.05s;
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    -webkit-transition-duration: 2.1s;
    -o-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    -webkit-transition-duration: 2.15s;
    -o-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
    -o-transition-delay: 2.15s;
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    -webkit-transition-duration: 2.2s;
    -o-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    -webkit-transition-duration: 2.25s;
    -o-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
    -o-transition-delay: 2.25s;
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    -webkit-transition-duration: 2.3s;
    -o-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    -webkit-transition-duration: 2.35s;
    -o-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
    -o-transition-delay: 2.35s;
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    -webkit-transition-duration: 2.4s;
    -o-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    -webkit-transition-duration: 2.45s;
    -o-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
    -o-transition-delay: 2.45s;
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    -webkit-transition-duration: 2.5s;
    -o-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    -webkit-transition-duration: 2.55s;
    -o-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
    -o-transition-delay: 2.55s;
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    -webkit-transition-duration: 2.6s;
    -o-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    -webkit-transition-duration: 2.65s;
    -o-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
    -o-transition-delay: 2.65s;
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    -webkit-transition-duration: 2.7s;
    -o-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
    -o-transition-delay: 2.7s;
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    -webkit-transition-duration: 2.75s;
    -o-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
    -o-transition-delay: 2.75s;
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    -webkit-transition-duration: 2.8s;
    -o-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    -webkit-transition-duration: 2.85s;
    -o-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
    -o-transition-delay: 2.85s;
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    -webkit-transition-duration: 2.9s;
    -o-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
    -o-transition-delay: 2.9s;
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    -webkit-transition-duration: 2.95s;
    -o-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
    -o-transition-delay: 2.95s;
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    -webkit-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    -o-transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
    -o-transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    -o-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715);
    -o-transition-timing-function: cubic-bezier(.47,0,.745,.715);
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    -o-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    -o-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    -o-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    -o-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    -o-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    -o-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    -o-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    -o-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    -o-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    -o-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    -o-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[data-aos=fade-up] {
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    -webkit-transform: translate3d(-100px,0,0);
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    -webkit-transform: translate3d(100px,0,0);
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px,100px,0);
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px,100px,0);
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px,-100px,0);
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px,-100px,0);
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: opacity,transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0,100px,0) scale(.6);
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0,-100px,0) scale(.6);
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px,0,0) scale(.6);
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px,0,0) scale(.6);
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0,100px,0) scale(1.2);
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0,-100px,0) scale(1.2);
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px,0,0) scale(1.2);
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px,0,0) scale(1.2);
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[data-aos=slide-up] {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

[data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Rubik/Rubik-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/Rubik/Rubik-Medium.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Rubik/Rubik-Bold.woff2) format("woff2")
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: 0
}

html {
    height: 100%
}

a {
    text-decoration: none;
    color: #000;
    outline-color: transparent;
    background-color: transparent
}

a:hover {
    text-decoration: none
}

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

img {
    display: block;
    max-width: 100%;
    height: auto
}

p {
    padding: 0;
    margin: 0
}

b {
    font-weight: 500
}

button,input,select,textarea {
    margin: 0;
    outline: 0!important;
    outline-color: transparent;
    font-family: Rubik,Arial,Helvetica,sans-serif
}

button:focus::-webkit-input-placeholder,input:focus::-webkit-input-placeholder,select:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: transparent
}

button:focus::-moz-placeholder,input:focus::-moz-placeholder,select:focus::-moz-placeholder,textarea:focus::-moz-placeholder {
    color: transparent
}

button:focus:-ms-input-placeholder,input:focus:-ms-input-placeholder,select:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {
    color: transparent
}

button:focus::-ms-input-placeholder,input:focus::-ms-input-placeholder,select:focus::-ms-input-placeholder,textarea:focus::-ms-input-placeholder {
    color: transparent
}

button:focus::placeholder,input:focus::placeholder,select:focus::placeholder,textarea:focus::placeholder {
    color: transparent
}

input[type=search]::-ms-clear {
    display: none;
    height: 0;
    width: 0
}

input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

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

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0)
}

body {
    margin: 0;
    padding-top: 80px;
    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;
    font-family: Rubik,Arial,Helvetica,sans-serif;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    width: 100%;
    color: #060427;
    background-color: #f4f6fa;
    outline-color: transparent
}

body::-webkit-scrollbar {
    width: 6px
}

body::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #bdb8ff
}

body:not(:has(.header)) {
    padding-top: 0
}

textarea {
    resize: vertical
}

textarea::-webkit-scrollbar {
    width: 0;
    height: 0
}

main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    position: relative
}

section {
    width: 100%;
    margin: 0 auto
}

.wrapper {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

.wrapper .wrapper {
    padding: 0
}

.button {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 8px;
    -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;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    padding: 6px 30px;
    border: 2px solid #7400ff;
    background-color: #7400ff;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    scroll-behavior: smooth
}

.button:hover {
    background-color: #243d66;
    border-color: #243d66;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.button[data-color=white] {
    background-color: #fff;
    color: #060427;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.button[data-color=white]:hover {
    color: #243d66;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.button[data-color=transparent] {
    background-color: transparent;
    color: #060427;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.button[data-color=transparent]:hover {
    color: #243d66;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.button[data-color=orange] {
    background-color: #ff8d5c;
    border-color: #ff8d5c;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.button[data-color=orange]:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: .8
}

.button[data-color=black] {
    background-color: #231f20;
    border-color: #231f20;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.button[data-color=black]:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: .8
}

.button[data-size=mini] {
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px
}

.button[disabled] {
    background-color: #e1e1e1!important;
    border-color: #e1e1e1!important;
    pointer-events: none;
    color: #9b9ba9!important
}

.button[data-loading=true] {
    padding-right: 48px;
    pointer-events: none
}

.button[data-loading=true]::after {
    display: none
}

.button[data-loading=true]::before {
    right: 32px;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 16px;
    height: 16px
}

.text-default {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #060427
}

h1,h2,h3 {
    margin: 0
}

.h1 {
    font-size: 40px;
    line-height: 47px;
    font-weight: 500;
    color: #060427
}

.h2 {
    font-size: 40px;
    line-height: 47px;
    font-weight: 500;
    color: #060427
}

.h3 {
    font-size: 28px;
    line-height: 33px;
    font-weight: 400;
    color: #060427
}

.h4 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 23px;
    font-family: Rubik,Arial,Helvetica,sans-serif;
    color: #060427;
    font-weight: 500
}

[data-desktop-hidden] {
    display: none!important
}

[contenteditable=plaintext-only],[contenteditable=true] {
    outline: 0
}

.home-page[data-login=false] {
    background-color: #fff
}

[data-loading] {
    position: relative;
    overflow: hidden
}

[data-loading]::after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
    top: 0;
    position: absolute;
    background-color: rgba(6,4,39,.4)
}

[data-loading]::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0.5C10.8058 0.5 8.65024 1.07758 6.75 2.17468C4.84976 3.27179 3.27179 4.84976 2.17468 6.75C1.07758 8.65024 0.5 10.8058 0.5 13C0.5 15.1942 1.07758 17.3498 2.17468 19.25C3.27179 21.1502 4.84976 22.7282 6.75 23.8253C8.65024 24.9224 10.8058 25.5 13 25.5C15.1942 25.5 17.3498 24.9224 19.25 23.8253C21.1502 22.7282 22.7282 21.1502 23.8253 19.25L20.5777 17.375C19.8097 18.7052 18.7052 19.8097 17.375 20.5777C16.0448 21.3457 14.5359 21.75 13 21.75C11.4641 21.75 9.95517 21.3457 8.625 20.5777C7.29483 19.8097 6.19025 18.7052 5.42228 17.375C4.6543 16.0448 4.25 14.5359 4.25 13C4.25 11.4641 4.6543 9.95517 5.42228 8.625C6.19025 7.29483 7.29483 6.19025 8.625 5.42228C9.95517 4.6543 11.4641 4.25 13 4.25V0.5Z' fill='%23E5E8F7'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-animation: loader 2s infinite linear forwards;
    animation: loader 2s infinite linear forwards;
    z-index: 4
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(0);
        transform: translateX(-50%) translateY(-50%) rotateZ(0)
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
        transform: translateX(-50%) translateY(-50%) rotateZ(360deg)
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(720deg);
        transform: translateX(-50%) translateY(-50%) rotateZ(720deg)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(0);
        transform: translateX(-50%) translateY(-50%) rotateZ(0)
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
        transform: translateX(-50%) translateY(-50%) rotateZ(360deg)
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(720deg);
        transform: translateX(-50%) translateY(-50%) rotateZ(720deg)
    }
}

body.load::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 999
}

@media screen and (max-width: 1240px) {
    .wrapper {
        max-width:767px
    }

    body {
        padding-top: 0
    }
}

@media screen and (max-width: 767px) {
    [data-scroll=false] {
        overflow:hidden
    }

    [data-desktop-hidden] {
        display: inline-grid!important
    }

    [data-mobile-hidden] {
        display: none!important
    }

    .button {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 24px
    }

    .h2 {
        font-size: 22px;
        line-height: 28px
    }

    .h3 {
        font-size: 18px;
        line-height: 21px
    }

    .h4 {
        font-size: 16px;
        line-height: 22px
    }

    .text-default {
        font-size: 14px;
        line-height: 20px
    }

    .button[data-loading=true]::before {
        right: 34%
    }
}

.back {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-self: start;
    cursor: pointer
}

.back:hover .back__title {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.back:hover .back__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    stroke: #7400ff
}

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

.back__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.back__title {
    font-size: 20px;
    line-height: 28px;
    color: #6a687d;
    font-weight: 400;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 10px;
    position: relative;
    cursor: pointer
}

.checkbox:hover .checkbox__icon svg rect {
    stroke: #dddaff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2
}

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

.checkbox__icon svg path {
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__icon svg rect {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__input {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.checkbox__input:checked+.checkbox__icon svg path {
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__input:checked+.checkbox__icon svg rect {
    stroke: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__input[type=radio]+.checkbox__icon {
    position: relative
}

.checkbox__input[type=radio]+.checkbox__icon::after {
    content: "";
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #7400ff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__input[type=radio]+.checkbox__icon svg path {
    opacity: 0
}

.checkbox__input[type=radio]:checked+.checkbox__icon {
    position: relative
}

.checkbox__input[type=radio]:checked+.checkbox__icon::after {
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427
}

.checkbox__text p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-row-gap: 2px;
    grid-column-gap: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.checkbox__text a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #060427;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.checkbox__text a:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__text span {
    padding: 2px 7px;
    background-color: #7400ff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px
}

.checkbox__text span[data-status=quickly] {
    background-color: #ff6262;
    text-transform: capitalize
}

.checkbox__value {
    max-width: 330px;
    width: 100%;
    padding: 8px 18px;
    border: 2px solid #f4f6fa;
    background-color: #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__value:focus,.checkbox__value:hover {
    border-color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__value::-webkit-input-placeholder {
    color: #9b9ba9
}

.checkbox__value::-moz-placeholder {
    color: #9b9ba9
}

.checkbox__value:-ms-input-placeholder {
    color: #9b9ba9
}

.checkbox__value::-ms-input-placeholder {
    color: #9b9ba9
}

.checkbox__value::placeholder {
    color: #9b9ba9
}

.checkbox__date {
    max-width: 330px;
    width: 100%;
    position: relative
}

.checkbox__date:focus .checkbox__date-icon svg path,.checkbox__date:hover .checkbox__date-icon svg path {
    stroke: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__date-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.checkbox__date-icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__date-input {
    cursor: pointer;
    max-width: 330px;
    width: 100%;
    padding: 8px 18px;
    border: 2px solid #f4f6fa;
    background-color: #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__date-input:focus,.checkbox__date-input:hover {
    border-color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.checkbox__date-input::-webkit-input-placeholder {
    color: #9b9ba9
}

.checkbox__date-input::-moz-placeholder {
    color: #9b9ba9
}

.checkbox__date-input:-ms-input-placeholder {
    color: #9b9ba9
}

.checkbox__date-input::-ms-input-placeholder {
    color: #9b9ba9
}

.checkbox__date-input::placeholder {
    color: #9b9ba9
}

.checkbox__color {
    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;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #e3e3e3
}

@media screen and (max-width: 767px) {
    .checkbox__date {
        max-width:450px
    }

    .checkbox__value {
        max-width: 450px;
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px)
    }

    .checkbox__date-input {
        max-width: 450px
    }

    .checkbox__text+.checkbox__value {
        width: 100%
    }

    .checkbox {
        grid-gap: 8px
    }
}

.tabs {
    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;
    grid-gap: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
}

.tabs__item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 9px 20px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #060427;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.tabs__item svg {
    width: 15px;
    height: 15px
}

.tabs__item svg path {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.tabs__item:hover {
    background-color: #7400ff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #fff
}

.tabs__item:hover svg path {
    fill: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tabs__item.active {
    pointer-events: none;
    background-color: #e5e8f7
}

@media screen and (max-width: 1240px) {
    .tabs__item {
        padding:7px 15px
    }
}

@media screen and (max-width: 767px) {
    .tabs__item {
        font-size:14px;
        line-height: 20px;
        padding: 8px 16px
    }

    .tabs {
        grid-gap: 5px
    }
}

.form {
    position: relative;
    z-index: 2;
    display: grid;
    grid-gap: 36px;
    padding: 47px 71px;
    background-color: #fff;
    border: 1px solid #e0eaf6;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #fff
}

.form__title {
    font-weight: 500;
    text-align: center
}

.form__cells {
    display: grid;
    grid-gap: 24px
}

.cell-form__title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #060427
}

.cell-form {
    display: grid;
    grid-gap: 8px
}

.cell-form:has(.form__cell-input:required) .cell-form__title {
    position: relative
}

.cell-form:has(.form__cell-input:required) .cell-form__title::after {
    content: "*";
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #7400ff
}

.cell-form[data-valid=true]:has(.cell-form__password-button) .cell-form__body::after {
    display: none
}

.cell-form[data-valid=true] .cell-form__body::after {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9.88462L9.375 14.5L15 7' stroke='%237400FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    pointer-events: none
}

.cell-form[data-valid=false] .form__cell-clear {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cell-form[data-valid=false] .form__cell-input {
    border-color: #ff6262;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cell-form[data-valid=false] .cell-form__password-button {
    display: none
}

.cell-form[data-valid=false] .cell-form__error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.form__cell-clear {
    display: none;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.cell-form__error {
    display: none;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #ff6262
}

.form__cell-input {
    width: 100%;
    padding: 8px 42px 8px 19px;
    font-size: 16px;
    line-height: 28px;
    color: #060427;
    font-weight: 400;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #f4f6fa;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.form__cell-input:hover {
    border-color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.form__cell-input:focus {
    border-color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.form__cell-input:user-invalid {
    border-color: #ff6262;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

textarea.form__cell-input {
    max-height: 100%;
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.cell-form__body {
    position: relative;
    display: grid;
    grid-gap: 8px
}

.cell-form__password-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer
}

.cell-form__password-button:hover svg path {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cell-form__password-button svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cell-form__password-button.active svg path {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cell-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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 16px
}

.cell-form__tip {
    font-size: 12px;
    line-height: 14px;
    color: #9b9ba9;
    font-weight: 400;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cell-form__tip:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.form__checkboxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 40px;
    grid-row-gap: 12px;
    -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
}

.cell-form__checkboxes {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-row-gap: 12px;
    grid-column-gap: 48px
}

.form__text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
    color: #060427
}

.form__text a {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.form__text a:hover {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.form__description {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #6a687d;
    text-align: center
}

.form__button {
    width: 100%
}

.form__header {
    display: grid;
    grid-gap: 16px
}

.form__header .form__checkboxes {
    margin-top: 20px
}

.form__body {
    display: grid;
    grid-gap: 36px
}

.form__additional {
    display: grid;
    grid-gap: 16px
}

.socials-form {
    display: grid;
    grid-gap: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.socials-form__title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #6a687d
}

.socials-form__list-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.socials-form__list-link img,.socials-form__list-link svg {
    width: 44px;
    height: 44px;
    -o-object-fit: cover;
    object-fit: cover
}

.socials-form__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    grid-gap: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cell-form__policy .checkbox__text,.form__policy .checkbox__text {
    font-size: 16px;
    line-height: 18px;
    color: #6a687d
}

.cell-form__policy a,.form__policy a {
    text-decoration: underline;
    color: #6a687d;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cell-form__policy a:hover,.form__policy a:hover {
    -webkit-text-decoration-color: #060427;
    text-decoration-color: #060427;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.form__policy {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    text-align: center
}

.form #error-message {
    text-align: center
}

@media screen and (max-width: 767px) {
    .cell-form__title {
        font-size:14px;
        line-height: 18px
    }

    .form__cell-input {
        font-size: 14px;
        line-height: 20px
    }

    .form__cells {
        grid-gap: 16px
    }

    .form__title {
        font-size: 18px;
        line-height: 25px
    }

    .form {
        padding: 32px 20px;
        grid-gap: 24px
    }

    .form__header {
        grid-gap: 8px
    }

    .form__header .form__checkboxes {
        margin-top: 8px;
        grid-column-gap: 26px
    }

    .form__checkboxes .checkbox__text {
        font-size: 14px;
        line-height: 20px
    }

    .cell-form__policy {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start
    }

    .cell-form__policy .checkbox__text {
        font-size: 12px;
        line-height: 14px
    }

    .cell-form__policy .checkbox__icon svg {
        width: 16px;
        height: 16px
    }

    .form__text {
        font-size: 14px;
        line-height: 16px
    }

    .form__body {
        grid-gap: 24px
    }

    .cell-form__error {
        margin-top: -2px
    }

    .form__description {
        font-size: 14px;
        line-height: 16px
    }

    .form__policy {
        display: grid;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        justify-items: center
    }

    .form__policy a {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0 auto
    }
}

.cloud {
    min-width: 280px;
    padding-top: 22px;
    position: absolute;
    right: -40px;
    z-index: 4;
    top: -webkit-calc(100% + 14px);
    top: calc(100% + 14px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

[data-cloud-container] {
    position: relative
}

[data-cloud-container]:hover .cloud {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    top: 100%
}

.cloud__content {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 40px 0 #243D661A;
    box-shadow: 0 4px 40px 0 #243D661A;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e5e8f7;
    position: relative
}

.cloud__content::after {
    content: "";
    width: 30px;
    height: 13px;
    position: absolute;
    z-index: 2;
    right: 47px;
    top: -9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='13' viewBox='0 0 44 13' fill='none'%3E%3Cg clip-path='url(%23clip0_525_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42.7655 21.7636L22.2363 1.23438L1.70711 21.7636H42.7655Z' fill='white' stroke='%23E5E8F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_525_2'%3E%3Crect width='44' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.cloud__title {
    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;
    font-size: 18px;
    line-height: 22px;
    min-height: 40px;
    font-weight: 500;
    color: #060427
}

.cloud__header {
    padding: 20px 30px;
    border-bottom: 1px solid #e0eaf6;
    position: relative;
    z-index: 2
}

.cloud__link {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cloud__link:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cloud__footer {
    display: grid;
    justify-items: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 20px 30px;
    border-top: 1px solid #e0eaf6
}

.cloud__body {
    padding: 15px 15px 15px 30px
}

.cloud__links {
    display: grid;
    grid-gap: 5px;
    justify-items: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
}

.cloud__links li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cloud__links li a {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cloud__links li a:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.feed-cloud__content {
    max-height: 600px;
    overflow: auto
}

.feed-cloud__content::-webkit-scrollbar {
    width: 2px
}

.feed-cloud__content::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

.feed-cloud__content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #bdb8ff
}

.feed-cloud__item {
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-gap: 10px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.feed-cloud__item-avatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.feed-cloud__item-avatar img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.feed-cloud__item-text {
    display: grid;
    grid-gap: 4px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #060427
}

.feed-cloud__item-text a {
    color: #7400ff
}

.feed-cloud__item-main {
    display: grid;
    grid-gap: 10px
}

.feed-cloud__item-projects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 10px
}

.feed-cloud__item-project {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.feed-cloud__item-project img {
    width: 77px;
    height: 77px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.feed-cloud__list {
    display: grid;
    grid-gap: 30px
}

.cloud__checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.cloud__checkboxes {
    display: grid;
    grid-gap: 12px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.cloud__list {
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start
}

.cloud__list a,.cloud__list li {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cloud__list a[disabled],.cloud__list li[disabled] {
    color: #9b9ba9;
    pointer-events: none;
    cursor: default
}

.cloud__list a:hover,.cloud__list li:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 767px) {
    [data-cloud-adaptive=true] {
        position:initial
    }

    [data-cloud-adaptive=true]:hover .cloud {
        top: auto;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }

    [data-cloud-adaptive=true] .cloud {
        position: fixed;
        pointer-events: none;
        opacity: 0;
        display: grid;
        -webkit-box-align: end;
        -webkit-align-items: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-align-content: end;
        -ms-flex-line-pack: end;
        align-content: end;
        z-index: 102;
        background-color: rgba(6,4,39,.2);
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    [data-cloud-adaptive=true] .cloud__body {
        padding: 10px 15px
    }

    [data-cloud-adaptive=true] .cloud__content {
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    body:has([data-cloud-adaptive=true].active) {
        overflow: hidden
    }

    [data-cloud-adaptive=true].active:hover .cloud {
        opacity: 1!important;
        pointer-events: all!important;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }

    [data-cloud-adaptive=true].active .cloud {
        opacity: 1!important;
        pointer-events: all!important;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }

    [data-cloud-adaptive=true].active .cloud__content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }

    [data-cloud-adaptive=false]:hover .sorting__header .sorting__icon {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    [data-cloud-adaptive=false] .cloud {
        display: none;
        position: static!important;
        -webkit-transform: none!important;
        -ms-transform: none!important;
        transform: none!important;
        opacity: 1!important
    }

    [data-cloud-adaptive=false] .cloud .cloud__body {
        padding: 0
    }

    [data-cloud-adaptive=false] .cloud__content {
        padding-top: 8px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none
    }

    [data-cloud-adaptive=false] .cloud__checkboxes {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 8px;
        grid-column-gap: 24px
    }

    [data-cloud-adaptive=false].active .cloud {
        display: block;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    [data-cloud-adaptive=false].active .sorting__icon {
        -webkit-transform: rotateZ(180deg)!important;
        -ms-transform: rotate(180deg)!important;
        transform: rotateZ(180deg)!important
    }
}

[data-dropdown-container] {
    position: relative
}

[data-dropdown-container]:hover .dropdown {
    top: -webkit-calc(100% - 10px);
    top: calc(100% - 10px);
    pointer-events: all;
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.dropdown {
    position: absolute;
    top: -webkit-calc(100% + 10px);
    top: calc(100% + 10px);
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px;
    min-width: 250px;
    max-width: 350px;
    opacity: 0;
    pointer-events: none;
    z-index: 12;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.dropdown__content {
    background-color: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 7px 15px 0 #6a687D1A;
    box-shadow: 0 7px 15px 0 #6a687D1A;
    border: 1px solid #e5e8f7;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative
}

.dropdown__content::after {
    content: "";
    width: 30px;
    height: 13px;
    position: absolute;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='13' viewBox='0 0 44 13' fill='none'%3E%3Cg clip-path='url(%23clip0_525_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42.7655 21.7636L22.2363 1.23438L1.70711 21.7636H42.7655Z' fill='white' stroke='%23E5E8F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_525_2'%3E%3Crect width='44' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.dropdown__list {
    display: grid;
    grid-gap: 16px
}

.dropdown__list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dropdown__list li a {
    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;
    grid-gap: 4px;
    padding: 0!important;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    background-color: transparent!important;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.dropdown__list li a:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.dropdown__list li a span {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 10px;
    color: #dddaff;
    background-color: #7066e7;
    -webkit-border-radius: 40px;
    border-radius: 40px
}

.text-more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 3px;
    cursor: pointer
}

.text-more:hover .text-more__title {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.text-more:hover .text-more__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    stroke: #243d66
}

.text-more.active .text-more__icon {
    -webkit-transform: rotateZ(180deg) translateY(-2px);
    -ms-transform: rotate(180deg) translateY(-2px);
    transform: rotateZ(180deg) translateY(-2px);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.text-more.active .text-more__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    stroke: #243d66
}

.text-more.active .text-more__title {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.text-more__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.text-more__icon svg {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain
}

.text-more__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.text-more__title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #9b9ba9;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 767px) {
    .text-more__title {
        font-size:12px;
        line-height: 20px
    }
}

.tags__content {
    display: grid;
    grid-gap: 15px
}

.list-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 5px
}

.tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.tag:hover .tag__remove {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag:hover .tag__value {
    border-color: #e5e8f7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag__remove {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag__remove:hover .tag__remove-icon {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.tag__remove:hover .tag__remove-icon svg circle {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag__remove-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag__remove-icon svg {
    width: 14px;
    height: 14px
}

.tag__remove-icon svg circle {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag__value {
    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;
    grid-gap: 10px;
    padding: 5px 11px;
    background-color: #f4f6fa;
    border: 1.5px solid #f4f6fa;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag__value-title {
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.tag__value-input {
    display: none
}

.tag__value-color {
    width: 12px;
    height: 12px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.tag[data-status=add]:hover .tag__value::after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag[data-status=add] .tag__value {
    background-color: #fff;
    border-color: #7400ff;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px
}

.tag[data-status=add] .tag__value::after {
    content: "";
    width: 14px;
    height: 14px;
    top: -2px;
    right: -2px;
    position: absolute;
    z-index: 2;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8' r='7.5' fill='%237400FF' stroke='white'/%3E%3Cpath d='M12.1836 6.02103L7.86337 10.0809L5.18354 7.39995' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag[data-status=reset]:hover .tag__value {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag[data-status=reset]:hover .tag__remove-icon {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.tag[data-status=reset]:hover .tag__remove-icon svg circle {
    fill: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.tag[data-status=reset] .tag__value {
    background-color: #f4f6fa;
    color: #9b9ba9;
    padding-right: 36px;
    cursor: pointer
}

.tag[data-status=reset] .tag__remove {
    opacity: 1;
    pointer-events: none;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tag[data-status=added] {
    pointer-events: all
}

.tag[data-status=added]:hover .tag__value::after {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8' r='7.5' fill='%237400FF' stroke='white'/%3E%3Cpath d='M5.9209 5.4209L8.49985 7.99985M8.49985 7.99985L11.0788 10.5788M8.49985 7.99985L11.0788 5.4209M8.49985 7.99985L5.9209 10.5788' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.tag[data-status=added] .tag__remove {
    display: none
}

.tag[data-status=added] .tag__value {
    pointer-events: all;
    background-color: #fff;
    border-color: #7400ff
}

.tag[data-status=added] .tag__value::after {
    content: "";
    width: 14px;
    height: 14px;
    top: -2px;
    right: -2px;
    position: absolute;
    z-index: 2;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%237400FF' stroke='white'/%3E%3Cpath d='M11.6839 6.02151L7.36362 10.0814L4.68379 7.40044' stroke='white' stroke-linecap='round' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.tags__to-fill .tag__value {
    border-width: 2px
}

.subbtn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 5px;
    -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;
    cursor: pointer
}

.subbtn.active .subbtn__text::after {
    content: "Отписаться"
}

.subbtn.active .subbtn__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='7' fill='%236A687D'/%3E%3Cpath d='M5.83301 8.75H14.1663V11.25H5.83301V8.75Z' fill='white'/%3E%3C/svg%3E%0A");
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.subbtn__text {
    min-width: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427
}

.subbtn__text::after {
    content: "Подписаться"
}

.subbtn__icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='5' fill='%237400FF'/%3E%3Cpath d='M7.9375 5.45801H10.0625V12.5413H7.9375V5.45801Z' fill='white'/%3E%3Cpath d='M5.45801 7.9375H12.5413V10.0625H5.45801V7.9375Z' fill='white'/%3E%3C/svg%3E%0A");
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.sharebtn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 5px;
    -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;
    cursor: pointer
}

.sharebtn__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427
}

.sharebtn__icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='5' fill='%237400FF'/%3E%3Cpath d='M7.9375 5.45801H10.0625V12.5413H7.9375V5.45801Z' fill='white'/%3E%3Cpath d='M5.45801 7.9375H12.5413V10.0625H5.45801V7.9375Z' fill='white'/%3E%3C/svg%3E%0A");
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.likebtn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 10px;
    -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;
    padding: 7px 29px;
    cursor: pointer;
    background-color: #7400ff;
    border: 1px solid #7400ff;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.likebtn:hover {
    background-color: #243d66;
    border-color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.likebtn.active {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background-color: #fff
}

.likebtn.active .likebtn__icon svg path {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.likebtn.active .likebtn__title {
    color: #060427
}

.likebtn__title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

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

.likebtn__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.search-field {
    max-width: 570px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.search-field[data-size=mini] .search-field__input {
    min-width: auto;
    max-width: 92px;
    padding: 8px 9px 8px 19px;
    font-size: 16px;
    line-height: 22px
}

.search-field[data-size=mini] .search-field__input:not(:placeholder-shown) {
    max-width: 250px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    padding: 8px 44px 8px 19px
}

.search-field[data-size=mini] .search-field__input:focus {
    max-width: 250px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    padding: 8px 44px 8px 19px
}

.search-field[data-size=mini] .search-field__icon {
    right: 12px
}

.search-field[data-size=mini] .search-field__list {
    -webkit-transition-delay: -.5s;
    -o-transition-delay: -.5s;
    transition-delay: -.5s
}

.search-field[data-size=mini].active .search-field__list {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.search-field[data-size=mini].active .search-field__input {
    min-width: auto;
    width: 100%;
    max-width: 250px
}

.search-field.active .search-field__list {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    top: -webkit-calc(100% + 8px);
    top: calc(100% + 8px)
}

.search-field__content {
    position: relative;
    width: 100%
}

.search-field__input {
    min-width: 420px;
    width: 100%;
    padding: 16px 60px 16px 29px;
    border: 1.5px solid #bdb8ff;
    background-color: #fff;
    font-size: 18px;
    line-height: 21px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.search-field__input:focus+.search-field__icon {
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    pointer-events: all
}

.search-field__input:focus,.search-field__input:hover {
    border-color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.search-field__input::-webkit-input-placeholder {
    color: #9b9ba9
}

.search-field__input::-moz-placeholder {
    color: #9b9ba9
}

.search-field__input:-ms-input-placeholder {
    color: #9b9ba9
}

.search-field__input::-ms-input-placeholder {
    color: #9b9ba9
}

.search-field__input::placeholder {
    color: #9b9ba9
}

.search-field__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    margin: 0;
    z-index: 2;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.search-field__icon:hover svg circle,.search-field__icon:hover svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    stroke: #7400ff
}

.search-field__icon svg circle,.search-field__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.search-field__list {
    padding: 10px 0;
    position: absolute;
    width: 100%;
    z-index: 5;
    -webkit-box-shadow: 0 7px 15px 0 #6a687D1A;
    box-shadow: 0 7px 15px 0 #6a687D1A;
    border: 1px solid #e5e8f7;
    background-color: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    max-height: 600px;
    overflow: auto;
    top: -webkit-calc(100% + 18px);
    top: calc(100% + 18px);
    opacity: 0;
    pointer-events: none
}

.search-field__list li {
    padding: 0 30px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
    color: #060427;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.search-field__list li:hover {
    background-color: #f4f6fa;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.search-field__list::-webkit-scrollbar {
    width: 3px
}

.search-field__list::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

.search-field__list::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #e0eaf6
}

@media screen and (max-width: 767px) {
    .search-field__input {
        min-width:100%;
        font-size: 14px;
        line-height: 20px;
        padding: 9px 40px 9px 20px
    }

    .search-field__icon {
        right: 16px
    }

    .search-field__icon svg {
        width: 16px;
        height: 16px
    }
}

.file-field__content {
    display: grid;
    grid-gap: 8px
}

.file-field__additional {
    display: grid;
    grid-gap: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.file-field__subtitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6a687d
}

.file-field__main {
    position: relative;
    padding: 44px 100px;
    border: 1px solid #e1e1e1;
    background-color: #f4f6fa;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    cursor: pointer;
    display: grid;
    grid-gap: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.file-field__main:hover .file-field__icon {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.file-field__main:hover .file-field__icon svg rect {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.file-field__input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 2
}

.file-field__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.file-field__icon svg rect {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.file-field__title {
    text-align: center;
    max-width: 240px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    color: #9b9ba9
}

.file-field__previews {
    margin-top: 22px;
    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: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    grid-gap: 16px
}

.file-field__preview {
    max-width: 253px
}

.file-field__preview .project-preview__image img {
    max-width: 253px;
    height: 253px
}

.file-field__preview .project-preview__settings-icon svg {
    width: 32px;
    height: 32px
}

.file-field__preview .project-preview__settings {
    padding: 12px
}

.file-field[data-size=mini] {
    max-width: 165px
}

.file-field[data-size=mini] .file-field__main {
    padding: 27px 42px;
    border: none;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

@media screen and (max-width: 767px) {
    .file-field__main {
        padding:24px
    }

    .file-field__previews {
        margin-top: 16px;
        grid-template-columns: 1fr 1fr;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 8px
    }

    .file-field__preview {
        width: 100%;
        max-width: 175px!important
    }

    .file-field__preview .project-preview__image img {
        max-width: 380px;
        height: 175px
    }

    .file-field__preview .project-preview__settings-icon svg {
        width: 20px;
        height: 20px
    }
}

.counter {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
    min-width: 19px;
    height: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    background-color: #7400ff;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    font-weight: 400;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.counter:not([disabled]) {
    opacity: 1;
    pointer-events: all
}

.counter[data-value="0"] {
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.stats-profile {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 10px
}

.stats-profile__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;
    grid-gap: 5px
}

.stats-profile__item svg {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.stats-profile__item p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #060427
}

@media screen and (max-width: 767px) {
    .stats-profile__item p {
        font-size:14px;
        line-height: 19px;
        font-weight: 400
    }

    .stats-profile__item {
        grid-gap: 2px
    }

    .stats-profile__item svg {
        width: 18px;
        height: 18px
    }

    .stats-profile {
        grid-gap: 16px;
        justify-self: center
    }
}

.to-orders {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 8px;
    padding: 10px;
    background-color: transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer
}

.to-orders:hover .to-orders__icon {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.to-orders__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.to-orders__title {
    font-size: 28px;
    line-height: 33px;
    font-weight: 500;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 767px) {
    .to-orders__title {
        font-size:22px;
        line-height: 28px
    }

    .to-orders {
        padding: 0
    }
}

.modal {
    max-width: 1410px;
    padding: 0;
    display: none;
    -webkit-border-radius: 16px!important;
    border-radius: 16px!important;
    overflow: auto!important;
    background-color: transparent!important;
    pointer-events: all
}

.modal::-webkit-scrollbar {
    width: 0;
    height: 0;
    -webkit-appearance: none;
    appearance: none;
    display: none
}

.modal::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    visibility: hidden
}

.modal::-webkit-scrollbar-thumb {
    visibility: hiden;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: transparent;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.modal__wrapper {
    padding: 0
}

.modalDelete,.modalRefusal,.modalText {
    max-width: 690px
}

.modalDelete .modal__header,.modalRefusal .modal__header,.modalText .modal__header {
    max-width: 454px;
    margin: 0 auto
}

.modalDelete .modal__button,.modalRefusal .modal__button,.modalText .modal__button {
    width: 100%;
    max-width: 282px;
    padding: 12px 20px;
    font-size: 20px;
    line-height: 28px
}

.modalDelete .modal__buttons,.modalRefusal .modal__buttons,.modalText .modal__buttons {
    width: 100%
}

.modalRoles {
    max-width: 480px
}

.modalRoles .modal__content {
    padding: 24px;
    grid-gap: 16px
}

.modalRoles .button {
    width: 100%;
    text-align: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
    border: 2px solid #e5e8f7;
    padding: 13px 15px;
    background-color: #f4f6fa;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.modalRoles .button:hover {
    border-color: #bdb8ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.modalRoles .button.active {
    background-color: #060427;
    border-color: #060427;
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.modalRoles .modal__buttons {
    width: 100%
}

.modalPrices {
    max-width: 930px
}

.modal__content {
    display: grid;
    grid-gap: 40px;
    padding: 64px 40px 60px 40px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff
}

.modal__body {
    display: grid;
    grid-gap: 40px
}

.modal__title {
    text-align: center
}

.modal__note {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #9b9ba9
}

.modal__header {
    display: grid;
    grid-gap: 16px
}

.modal__buttons {
    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;
    grid-gap: 10px;
    margin: 0 auto
}

.modal__button[data-color=white] {
    color: #7400ff
}

.modal__button {
    min-width: 200px
}

.modalNote {
    max-width: 690px
}

.modalNote .modal__header {
    max-width: 454px;
    margin: 0 auto
}

.modalWork {
    max-width: 930px
}

.modalWork .modal__content {
    padding: 32px 40px
}

.modalWork .file-field__main {
    border-color: transparent
}

.modalWork .modal__button {
    border-color: #060427
}

.modalWork .modal__button:hover {
    border-color: #243d66
}

.modalWork .file-field__subtitle {
    text-align: center
}

.modalWork .modal__form {
    display: grid;
    gap: 56px
}

.modalWork .block-create__subtitle {
    font-size: 14px;
    line-height: 22px;
    color: #9b9ba9
}

.modalWork .block-create {
    gap: 8px
}

.modalWork .block-create__title {
    font-weight: 400
}

.modal__footer {
    display: grid;
    gap: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__preview-projects {
    display: grid;
    gap: 8px
}

.modal__preview-projects .project-preview {
    max-width: 100%
}

.modal__preview-projects .project-preview__image img {
    height: auto;
    max-height: 450px;
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .modal {
        max-width:100%;
        height: 100vh;
        height: 100svh;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end;
        -webkit-border-radius: 20px 20px 0 0!important;
        border-radius: 20px 20px 0 0!important;
        pointer-events: none
    }

    .modal__content {
        padding: 24px 15px 24px 15px;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        grid-gap: 48px;
        pointer-events: all
    }

    .modal__header {
        grid-gap: 24px
    }

    .modal__wrapper {
        -webkit-border-radius: 0;
        border-radius: 0;
        max-height: 75vh;
        max-height: 75svh;
        overflow: auto;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0
    }

    .modalDelete .modal__button {
        font-size: 14px;
        line-height: 22px;
        padding: 8px 24px
    }

    .modalRefusal .modal__button {
        font-size: 14px;
        line-height: 22px;
        padding: 8px 24px
    }

    .modal__buttons {
        max-width: 450px;
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-gap: 8px;
        grid-template-columns: 1fr;
        grid-auto-flow: dense
    }

    .modal__note {
        font-size: 14px;
        line-height: 20px
    }

    .modal__title {
        max-width: 280px;
        margin: 0 auto
    }

    .modalPrices .modal__content {
        grid-gap: 24px
    }

    .modal__body {
        grid-gap: 24px
    }
}

.fancybox__backdrop {
    background: rgba(0,0,0,.2)
}

.fancybox__container {
    padding: 20px
}

.fancybox__container .is-close-btn {
    display: none
}

.fancybox__container.is-idle .fancybox__footer {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.fancybox__footer {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.fancybox__content {
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px 0 #00000026;
    box-shadow: 0 0 30px 0 #00000026;
    border: 1px solid #e5e8f7;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding: 0
}

.fancybox__carousel .fancybox__viewport.is-draggable {
    pointer-events: none
}

[data-type=ajax] {
    cursor: pointer
}

body .fancybox__backdrop {
    background-color: rgba(6,4,39,.9)
}

body .fancybox__content {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

body .fancybox__infobar {
    opacity: 0
}

body .fancybox__toolbar__column .f-button {
    background-color: #a5a4b1
}

body .fancybox__toolbar__column .f-button:hover {
    background-color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

body .fancybox__toolbar__column .f-button svg {
    stroke: #6a687d
}

body .fancybox__nav {
    padding: 0 8px
}

body .fancybox__nav .is-next,body .fancybox__nav .is-prev {
    border: none;
    width: 40px;
    height: 40px
}

body .fancybox__nav .is-next::before,body .fancybox__nav .is-prev::before {
    display: none
}

body .fancybox__nav .is-next::after,body .fancybox__nav .is-prev::after {
    content: "";
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-0.5' y='0.5' width='39' height='39' rx='19.5' transform='matrix(-1 0 0 1 39 0)' fill='white' fill-opacity='0.6'/%3E%3Crect x='-0.5' y='0.5' width='39' height='39' rx='19.5' transform='matrix(-1 0 0 1 39 0)' stroke='%236A687D'/%3E%3Cpath d='M17.696 28C17.8729 28 18.0498 27.9354 18.1894 27.797L24.2598 21.78C25.2467 20.8018 25.2467 19.196 24.2598 18.2177L18.1894 12.2007C17.9194 11.9331 17.4725 11.9331 17.2025 12.2007C16.9325 12.4683 16.9325 12.9113 17.2025 13.1789L23.2729 19.196C23.7198 19.6389 23.7198 20.3588 23.2729 20.8018L17.2025 26.8187C16.9325 27.0864 16.9325 27.5294 17.2025 27.797C17.3422 27.9262 17.5191 28 17.696 28Z' fill='%236A687D'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

body .fancybox__nav .is-next:hover::after,body .fancybox__nav .is-prev:hover::after {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-0.5' y='0.5' width='39' height='39' rx='19.5' transform='matrix(-1 0 0 1 39 0)' fill='white'/%3E%3Crect x='-0.5' y='0.5' width='39' height='39' rx='19.5' transform='matrix(-1 0 0 1 39 0)' stroke='%236A687D'/%3E%3Cpath d='M17.696 28C17.8729 28 18.0498 27.9354 18.1894 27.797L24.2598 21.78C25.2467 20.8018 25.2467 19.196 24.2598 18.2177L18.1894 12.2007C17.9194 11.9331 17.4725 11.9331 17.2025 12.2007C16.9325 12.4683 16.9325 12.9113 17.2025 13.1789L23.2729 19.196C23.7198 19.6389 23.7198 20.3588 23.2729 20.8018L17.2025 26.8187C16.9325 27.0864 16.9325 27.5294 17.2025 27.797C17.3422 27.9262 17.5191 28 17.696 28Z' fill='%236A687D'/%3E%3C/svg%3E%0A")
}

body .fancybox__nav .is-next svg,body .fancybox__nav .is-prev svg {
    display: none
}

body .fancybox__nav .is-prev::after {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.fancybox__slide.gallery {
    max-width: 100%
}

.fancybox__toolbar {
    padding: 40px
}

.fancybox__toolbar__column.is-right button[data-fancybox-close] {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-0.5' y='0.5' width='39' height='39' rx='19.5' transform='matrix(-1 0 0 1 39 0)' fill='white' fill-opacity='0.6'/%3E%3Crect x='-0.5' y='0.5' width='39' height='39' rx='19.5' transform='matrix(-1 0 0 1 39 0)' stroke='%236A687D'/%3E%3Cpath d='M14.0312 14.0312L25.968 25.968' stroke='%236A687D' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M25.9688 14.0312L14.032 25.968' stroke='%236A687D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.fancybox__toolbar__column.is-right button[data-fancybox-close] svg {
    display: none
}

.fancybox__toolbar__column.is-right .f-button:not(button[data-fancybox-close]) {
    display: none
}

.f-thumbs__slide.for-video {
    position: relative
}

.f-thumbs__slide.for-video::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='54' height='54' rx='27' fill='%23E5E8F7'/%3E%3Cpath d='M39.2656 25.268C40.599 26.0378 40.599 27.9623 39.2656 28.7321L22.7334 38.277C21.4001 39.0468 19.7334 38.0845 19.7334 36.5449L19.7334 17.4551C19.7334 15.9155 21.4001 14.9533 22.7334 15.7231L39.2656 25.268Z' fill='%236A687D'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    z-index: 2
}

.fancybox__html5video {
    pointer-events: all
}

@media screen and (max-width: 767px) {
    .fancybox__slide {
        padding:0;
        margin: 0
    }

    .fancybox__container {
        padding: 0
    }

    .fancybox__container .fancybox-image {
        padding: 0 8px
    }

    .fancybox__nav {
        display: none
    }

    .fancybox__carousel .fancybox__viewport.is-draggable {
        pointer-events: all
    }

    .fancybox__toolbar__column.is-right button[data-fancybox-close] {
        width: 32px;
        height: 32px
    }

    .fancybox__toolbar {
        padding: 15px
    }
}

.edit {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 5px;
    cursor: pointer
}

.edit:hover .edit__title {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.edit:hover .edit__icon svg path {
    fill: #243d66
}

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

.edit__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.edit__title {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #9b9ba9;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 767px) {
    .edit__title {
        font-size:12px;
        line-height: 20px
    }

    .edit {
        margin-top: 10px
    }
}

.swiper-arrow {
    width: 40px;
    height: 40px;
    position: static;
    pointer-events: all;
    margin: 0;
    padding: 0
}

.swiper-arrow:hover svg rect:first-child {
    fill-opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.swiper-arrow svg {
    width: 40px;
    height: 40px
}

.swiper-arrow svg rect {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.swiper-arrow::after {
    display: none
}

.swiper-arrow::before {
    display: none
}

.swiper-arrows {
    z-index: 2;
    padding: 0 20px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    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-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select.active {
    z-index: 3
}

.select.active .select__body {
    top: -webkit-calc(100% + 10px);
    top: calc(100% + 10px);
    pointer-events: all;
    opacity: 1
}

.select__content {
    position: relative
}

.select__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;
    cursor: pointer
}

.select__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.select__title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427
}

.select__body {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 320px;
    top: -webkit-calc(100% + 20px);
    top: calc(100% + 20px);
    right: 0;
    max-width: 400px;
    position: absolute;
    padding: 10px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 7px 15px 0 #6a687D1A;
    box-shadow: 0 7px 15px 0 #6a687D1A;
    border: 1px solid #e5e8f7;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    opacity: 0;
    pointer-events: none;
    z-index: 2
}

.item-select {
    cursor: pointer
}

.item-select:hover .item-select__value {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-select__radio {
    display: none
}

.item-select__value {
    text-align: right;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427
}

@media screen and (max-width: 767px) {
    .select__title {
        font-size:14px;
        line-height: 14px
    }

    .select__body {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: 0;
        -o-transition: 0;
        transition: 0
    }

    .select__list {
        opacity: 0;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .select {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: 0;
        -o-transition: 0;
        transition: 0
    }

    .select.active {
        z-index: 250;
        -webkit-transition: .2;
        -o-transition: .2;
        transition: .2
    }

    .select.active .select__body {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 250;
        width: 100%;
        max-width: 100%;
        height: 100%;
        display: grid;
        -webkit-box-align: end;
        -webkit-align-items: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-align-content: end;
        -ms-flex-line-pack: end;
        align-content: end;
        background-color: rgba(6,4,39,.2);
        padding: 0;
        opacity: 1;
        pointer-events: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s
    }

    .select.active .select__list {
        padding: 10px 20px;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        background-color: #fff;
        border: 1px solid #e0eaf6;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 251;
        position: relative;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        justify-items: start;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: 1;
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    .select.active .item-select__value {
        font-size: 14px;
        line-height: 40px;
        text-align: left
    }

    .item-select__value {
        font-size: 14px;
        line-height: 20px;
        padding: 5px 0
    }

    body:has(.select.active) .edit-profile__buttons {
        opacity: 0;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s
    }

    body:has(.select.active) .menu {
        opacity: 0;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s
    }
}

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

.sorting:hover .sorting__icon {
    -webkit-transform: rotateZ(180deg) translateY(-2px);
    -ms-transform: rotate(180deg) translateY(-2px);
    transform: rotateZ(180deg) translateY(-2px);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sorting:hover .sorting__icon svg path {
    stroke: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sorting .cloud {
    padding-top: 10px;
    right: 0;
    min-width: 200px
}

.sorting .cloud__content::after {
    display: none
}

.sorting__title {
    font-size: 14px;
    line-height: 28px;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sorting__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;
    grid-gap: 5px;
    cursor: default
}

.sorting__icon {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sorting__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

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

    .sorting:hover .sorting__icon {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.air-datepicker-body--day-name {
    font-size: 10px;
    line-height: 18px;
    color: #9b9ba9
}

.air-datepicker--content {
    padding: 30px 12px 26px 12px
}

.air-datepicker-cell.-day-.-other-month-,.air-datepicker-cell.-year-.-other-decade- {
    color: #9b9ba9
}

.air-datepicker-cell {
    font-size: 18px;
    line-height: 26px;
    color: #060427
}

.air-datepicker-cell.-selected- {
    color: #fff!important;
    background-color: #7400ff!important
}

.air-datepicker-cell.-current- {
    color: #7400ff!important
}

.air-datepicker-nav--title {
    font-size: 14px;
    line-height: 20px;
    color: #060427
}

.air-datepicker-cell.-in-range- {
    color: #7400ff;
    background-color: #e5e8f7
}

.air-datepicker-cell.-in-range-:hover {
    background-color: rgba(116,0,255,.3)
}

.air-datepicker-cell.-range-from- {
    border-color: #7400ff;
    background-color: #e5e8f7
}

.air-datepicker-cell.-range-to- {
    border-color: #7400ff;
    background-color: #e5e8f7
}

.-in-range-.air-datepicker-cell.-day-.-other-month-,.-in-range-.air-datepicker-cell.-year-.-other-decade- {
    color: #7400ff;
    background-color: #e5e8f7
}

.air-datepicker-cell.-selected-.-current- {
    color: #fff!important
}

.arrowedbtn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 7px 20px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background-color: #e5e8f7
}

.arrowedbtn:hover .arrowedbtn__icon {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.arrowedbtn__text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427
}

.arrowedbtn__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.text {
    display: grid;
    grid-gap: 36px;
    font-size: 18px;
    line-height: 25px;
    color: #060427
}

.text h2,.text h3,.text h4 {
    font-weight: 400
}

.text h2 {
    font-size: 24px;
    line-height: 32px
}

.text h3 {
    font-size: 20px;
    line-height: 30px
}

.text ol,.text ul {
    display: grid;
    grid-gap: 16px
}

.text ol li,.text ul li {
    font-size: 14px;
    line-height: 25px
}

.text ol li a,.text ul li a {
    text-decoration: underline
}

.text ul li {
    position: relative;
    padding-left: 24px
}

.text ul li::after {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #060427;
    position: absolute;
    left: 10px;
    top: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.text ol {
    list-style: none;
    padding: 0;
    margin: 0
}

@media screen and (max-width: 767px) {
    .text {
        font-size:16px;
        line-height: 22px;
        grid-gap: 24px
    }

    .text h2 {
        font-size: 20px;
        line-height: 24px
    }

    .text h3 {
        font-size: 18px;
        line-height: 22px
    }

    .text ol li,.text ul li {
        font-size: 14px;
        line-height: 21px
    }
}

.header {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 40px 0 #243D661A;
    box-shadow: 0 4px 40px 0 #243D661A;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.home-page .header {
    -webkit-box-shadow: none;
    box-shadow: none
}

.header__wrapper {
    padding: 0
}

.header.active {
    -webkit-animation: headerDown .5s ease-out both;
    animation: headerDown .5s ease-out both;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.header.hidden {
    -webkit-animation: headerUp .5s ease-out both;
    animation: headerUp .5s ease-out both;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@-webkit-keyframes headerDown {
    0% {
        position: fixed;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        pointer-events: none
    }

    100% {
        position: fixed;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all
    }
}

@keyframes headerDown {
    0% {
        position: fixed;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        pointer-events: none
    }

    100% {
        position: fixed;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all
    }
}

@-webkit-keyframes headerUp {
    0% {
        position: fixed;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all
    }

    100% {
        position: fixed;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        pointer-events: none
    }
}

@keyframes headerUp {
    0% {
        position: fixed;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: all
    }

    100% {
        position: fixed;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        pointer-events: none
    }
}

.header__content {
    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;
    grid-gap: 24px;
    padding: 16px 20px
}

.header__content-left {
    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;
    grid-gap: 56px
}

.header__list {
    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;
    grid-gap: 8px
}

.header__list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header__list li>a {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 16px;
    color: #060427;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__list li>a:hover {
    background-color: #f4f6fa;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__list li[data-dropdown-container]>a {
    position: relative;
    padding: 16px 40px 16px 20px
}

.header__list li[data-dropdown-container]>a::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3626 7.63747L9 12L4.63743 7.63747' stroke='%236A687D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header__list li[data-dropdown-container]:hover>a::after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3626 7.63747L9 12L4.63743 7.63747' stroke='%237400ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-transform: translateY(-50%) rotateZ(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotateZ(180deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header__login {
    font-size: 16px;
    line-height: 16px;
    color: #060427;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header__login:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header__button[data-color=white] {
    font-weight: 400;
    color: #7400ff
}

.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;
    grid-gap: 24px
}

.header__content-right {
    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;
    grid-gap: 56px;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

.header__side {
    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;
    grid-gap: 16px;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

.option-header {
    position: relative
}

.option-header .cloud {
    min-width: 450px
}

.option-header .cloud__content::after {
    right: 36px
}

.option-header__top {
    cursor: pointer
}

.option-header__top:hover .option-header__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    stroke: #7400ff
}

.option-header__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -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
}

.option-header__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.option-header__counter {
    position: absolute;
    right: -2px;
    top: -2px;
    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;
    min-width: 13px;
    padding: 2px;
    height: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    font-size: 9px;
    line-height: 9px;
    font-weight: 400;
    color: #fff;
    background-color: #7400ff
}

.header__options {
    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;
    grid-gap: 16px
}

.profile-header {
    display: grid;
    position: relative
}

.profile-header__top {
    cursor: pointer;
    position: relative
}

.profile-header__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-header__image img {
    width: 49px;
    height: 49px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-header__label {
    position: absolute;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #7400ff;
    z-index: 2;
    top: -6px;
    right: -16px;
    pointer-events: none
}

.header__to-order {
    border-color: #ff8d5c;
    padding: 6px 18px;
    -webkit-transition: 0s!important;
    -o-transition: 0s!important;
    transition: 0s!important
}

.header__to-order:hover {
    background-color: #ff8d5c!important;
    color: #fff!important;
    border-color: #ff8d5c;
    -webkit-transition: 0s!important;
    -o-transition: 0s!important;
    transition: 0s!important
}

.header__link {
    padding: 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;
    grid-gap: 8px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__link:first-child:hover {
    background-color: #7400ff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__link:first-child:hover .header__link-title {
    color: #fff
}

.header__link:first-child:hover .header__link-icon svg rect {
    fill: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__link:first-child:hover .header__link-icon svg path {
    fill: #7400ff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__link:nth-child(2):hover {
    background-color: #ff8d5c;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__link:nth-child(2):hover .header__link-title {
    color: #fff
}

.header__link:nth-child(2):hover .header__link-icon svg rect {
    fill: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__link:nth-child(2):hover .header__link-icon svg path {
    fill: #ff8d5c;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__link:hover .header__link-title {
    color: #243d66;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.header__link:hover .header__link-icon {
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg)
}

.header__link-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header__link-icon img,.header__link-icon svg {
    width: 24px;
    height: 24px
}

.header__link-icon svg path,.header__link-icon svg rect {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header__link-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header__linking {
    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;
    grid-gap: 10px
}

.header__links {
    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;
    grid-gap: 10px
}

.header__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: .5;
    -ms-flex-negative: .5;
    flex-shrink: .5
}

.header__logo img {
    max-width: 240px;
    height: auto
}

@media screen and (max-width: 1460px) {
    .header__content-left {
        grid-gap:24px
    }

    .header__content-right {
        grid-gap: 24px
    }

    .header__list li a {
        padding: 15px
    }

    .profile-header__cloud {
        right: 0
    }

    .profile-header__cloud .cloud__content::after {
        right: 10px
    }
}

@media screen and (max-width: 1240px) {
    .header {
        display:none
    }
}

.filter {
    display: grid;
    grid-gap: 30px;
    padding: 29px 39px;
    border: 1px solid #e0eaf6;
    background-color: #fff;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden
}

.filter .checkbox {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.filter__content {
    display: grid;
    grid-gap: 30px
}

.filter__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: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 8px
}

.filter__title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    color: #060427
}

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

.filter__button {
    width: 100%;
    border-color: #060427;
    padding: 7px 10px
}

.block-filter__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: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 6px
}

.block-filter__title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #060427
}

.filter__blocks {
    display: grid;
    grid-gap: 30px
}

.block-filter {
    display: grid;
    grid-gap: 15px
}

.block-filter__checkboxes {
    display: grid;
    grid-gap: 10px
}

.filter-budget__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px
}

.filter-budget__cell-input {
    width: 100%;
    padding: 8px 18px 8px 40px;
    border: 2px solid #f4f6fa;
    background-color: #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-budget__cell-input:focus,.filter-budget__cell-input:hover {
    border-color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-budget__cell-input::-webkit-input-placeholder {
    color: #9b9ba9
}

.filter-budget__cell-input::-moz-placeholder {
    color: #9b9ba9
}

.filter-budget__cell-input:-ms-input-placeholder {
    color: #9b9ba9
}

.filter-budget__cell-input::-ms-input-placeholder {
    color: #9b9ba9
}

.filter-budget__cell-input::placeholder {
    color: #9b9ba9
}

.filter-budget__cell {
    position: relative
}

.filter-budget__cell-title {
    pointer-events: none;
    position: absolute;
    left: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #9b9ba9
}

.filter-toggle {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5px;
    cursor: default
}

.filter-toggle__icon {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.filter-toggle__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-toggle__title {
    font-size: 14px;
    line-height: 28px;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-filter__arrow {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1240px) {
    .filter__blocks {
        grid-template-columns:1fr 1fr;
        grid-gap: 16px
    }

    .filter {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .filter {
        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: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100svh;
        padding-bottom: 140px;
        z-index: 201;
        background-color: #f4f6fa;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .filter.active {
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s;
        pointer-events: all;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .filter__header {
        padding: 12px 15px;
        display: grid;
        grid-template-columns: 1fr -webkit-max-content;
        grid-template-columns: 1fr max-content;
        grid-gap: 16px
    }

    .filter__header .counter {
        display: none
    }

    .filter__title {
        font-size: 14px;
        line-height: 20px;
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
        justify-self: center
    }

    .filter {
        padding: 0;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        grid-gap: 0
    }

    .filter__content {
        position: relative;
        padding: 16px 15px 140px 15px;
        height: -webkit-calc(100vh - 54px);
        height: calc(100vh - 54px);
        height: -webkit-calc(100svh - 54px);
        height: calc(100svh - 54px);
        background-color: #fff;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start;
        overflow: auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        grid-gap: 24px
    }

    .filter__footer {
        display: grid;
        grid-gap: 8px;
        margin: 0 auto;
        padding: 15px 16px;
        width: 100%;
        position: fixed;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        background-color: #fff;
        z-index: 3
    }

    .filter__blocks {
        grid-template-columns: 1fr;
        grid-gap: 24px
    }

    .block-filter__title {
        font-size: 14px;
        line-height: 28px;
        color: #6a687d;
        font-weight: 500
    }

    .block-filter__counter[data-value="0"] {
        display: none!important
    }

    .block-filter__body {
        display: none
    }

    .block-filter.active .block-filter__arrow {
        -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
        transform: rotateZ(180deg);
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .block-filter.active .block-filter__arrow svg path {
        stroke: #7400ff
    }

    .block-filter.active .block-filter__body {
        display: block
    }

    .filter-budget__content {
        grid-gap: 8px
    }
}

.components {
    margin: 56px 0 100px 0;
    min-height: 2000px
}

.components .header {
    position: static!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    opacity: 1!important
}

.components .menu {
    position: static;
    display: block
}

.components__blocks {
    display: grid;
    grid-gap: 48px
}

.block-components__title {
    font-size: 28px;
    line-height: 34px;
    position: relative;
    padding-bottom: 10px
}

.block-components__title::after {
    content: "";
    height: 1px;
    width: 165px;
    background-color: rgba(6,4,39,.2);
    position: absolute;
    left: 0;
    bottom: 0
}

.block-components__title span {
    color: #7400ff
}

.block-components {
    display: grid;
    grid-gap: 24px;
    justify-items: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
}

.block-components__body {
    display: grid;
    grid-gap: 16px;
    justify-items: start
}

@media screen and (max-width: 767px) {
    .block-components__title {
        font-size:18px;
        line-height: 24px
    }

    .components__blocks {
        grid-gap: 24px
    }
}

.pages {
    margin: 50px 0 100px 0
}

.pages__list {
    display: grid;
    grid-gap: 24px;
    justify-items: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
}

.pages__list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pages__list li a {
    font-size: 24px;
    line-height: 28px;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.pages__list li a span {
    color: #7400ff
}

.pages__list li a:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.pages__list li[data-ready] {
    padding-left: 20px;
    position: relative
}

.pages__list li[data-ready]::after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #231f20;
    position: absolute;
    left: 4px;
    top: 11px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.pages__list li[data-new] a {
    color: #a2e159
}

@media screen and (max-width: 767px) {
    .pages__list {
        grid-gap:12px
    }

    .pages__list li a {
        font-size: 16px;
        line-height: 22px
    }

    .pages__list li[data-ready]::after {
        top: 8px
    }
}

.profile {
    margin: 56px 0 100px 0
}

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

.profile__body {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 450px
}

.data-profile__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.data-profile__image img {
    width: 290px;
    height: 290px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.profile__tabs {
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.data-profile {
    display: grid;
    grid-template-columns: 1fr 290px;
    grid-column-gap: 32px;
    grid-row-gap: 20px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 40px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #e0eaf6
}

.profile__title {
    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;
    grid-gap: 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 500
}

.profile__title span {
    display: none;
    background-color: #7400ff;
    padding: 6px 8px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-weight: 400
}

.profile[data-status=pro] .profile__title span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.profile__subtitle {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #9b9ba9
}

.profile__info {
    display: grid;
    grid-gap: 10px;
    justify-items: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
}

.profile__status {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #060427
}

.data-profile__main {
    display: grid;
    grid-gap: 40px
}

.about-profile {
    display: grid;
    grid-gap: 10px
}

.about-profile__header {
    display: grid;
    grid-gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.about-profile__text {
    display: grid;
    grid-gap: 4px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427
}

.about-profile__text>* {
    display: none
}

.about-profile__text>:nth-child(1) {
    display: block
}

.about-profile__text:not(:has(p:nth-child(2)))+.about-profile__more {
    display: none
}

.about-profile__text.active>* {
    display: block
}

.about-profile__body {
    display: grid;
    grid-gap: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start
}

.data-profile__additional {
    grid-column: span 2
}

.profile__tags {
    pointer-events: none
}

.side-profile__content {
    display: grid;
    grid-gap: 30px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 40px 55px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #e0eaf6
}

.side-profile__title {
    font-size: 28px;
    line-height: 52px;
    font-weight: 400;
    color: #060427;
    text-align: center
}

.side-profile__subtitle {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #9b9ba9;
    text-align: center
}

.side-profile__buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: grid;
    grid-gap: 5px
}

.side-profile__footer {
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 5px
}

.prices-profile {
    display: grid;
    grid-column-start: 1;
    grid-gap: 15px;
    padding: 40px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #e0eaf6
}

.prices-profile:has(.prices-list__item-button.active) .prices-profile__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.prices-profile .edit-profile__buttons {
    margin-top: 25px;
    grid-column: auto
}

.prices-profile .edit-profile__block {
    grid-gap: 15px
}

.prices-profile__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;
    grid-gap: 10px
}

.prices-profile__footer {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.data-profile__additional {
    display: grid;
    grid-gap: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start
}

.data-profile__additional .tags__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;
    grid-gap: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.edit-profile__photo {
    position: relative;
    grid-row-start: 1;
    grid-column-end: 4
}

.edit-profile__photo:hover .edit-profile__photo-list {
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.edit-profile__photo-value {
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.edit-profile__photo-value::after {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.2)
}

.edit-profile__photo-value img {
    width: 290px;
    height: 290px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.edit-profile {
    grid-gap: 30px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 40px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #e0eaf6
}

.edit-profile__photo-list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    padding: 10px 20px;
    border: 1px solid #e0eaf6;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.edit-profile__photo-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 28px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer;
    color: #060427
}

.edit-profile__photo-list li:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.edit-profile__main {
    grid-gap: 40px;
    display: grid;
    grid-template-columns: 1fr 290px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.edit-profile__blocks {
    display: grid;
    grid-gap: 30px;
    grid-column: span 2
}

.edit-profile__blocks:nth-child(2) {
    grid-column: span 3
}

.edit-profile__block {
    display: grid;
    grid-gap: 10px
}

.edit-profile__data {
    position: relative;
    overflow: hidden;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%;
    min-height: 52px;
    padding: 14px 19px;
    background-color: #fff;
    color: #060427;
    font-size: 16px;
    line-height: 22px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    outline: 0
}

.edit-profile__data::-webkit-input-placeholder {
    color: #9b9ba9
}

.edit-profile__data::-moz-placeholder {
    color: #9b9ba9
}

.edit-profile__data:-ms-input-placeholder {
    color: #9b9ba9
}

.edit-profile__data::-ms-input-placeholder {
    color: #9b9ba9
}

.edit-profile__data::placeholder {
    color: #9b9ba9
}

.edit-profile__data:focus,.edit-profile__data:hover {
    border: 1px solid #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.edit-profile__data-field[data-empty=true] {
    color: #9b9ba9
}

.edit-profile__data-field {
    word-break: break-word
}

.edit-profile__block-input {
    padding: 14px 19px;
    background-color: #fff;
    color: #060427;
    font-size: 16px;
    line-height: 22px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    width: 100%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.edit-profile__block-input::-webkit-input-placeholder {
    color: #9b9ba9
}

.edit-profile__block-input::-moz-placeholder {
    color: #9b9ba9
}

.edit-profile__block-input:-ms-input-placeholder {
    color: #9b9ba9
}

.edit-profile__block-input::-ms-input-placeholder {
    color: #9b9ba9
}

.edit-profile__block-input::placeholder {
    color: #9b9ba9
}

.edit-profile__block-input:focus,.edit-profile__block-input:hover {
    border: 1px solid #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

textarea.edit-profile__block-input {
    min-height: 205px
}

textarea.edit-profile__block-input::-webkit-scrollbar {
    width: 1px
}

textarea.edit-profile__block-input::-webkit-scrollbar-track {
    background-color: transparent
}

textarea.edit-profile__block-input::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: transparent
}

.edit-profile__block-body {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: grid;
    grid-gap: 10px
}

.edit-profile__buttons {
    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;
    grid-gap: 10px;
    grid-column: span 3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.edit-profile__button {
    min-width: 227px
}

.edit-profile__row {
    display: grid;
    grid-template-columns: 1fr 176px -webkit-max-content 40px;
    grid-template-columns: 1fr 176px max-content 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px
}

.edit-profile__row-add {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.edit-profile__select {
    min-width: 70px
}

.edit-profile__select .select__header {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

.edit-profile__row-add,.edit-profile__row-delete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.edit-profile__row-add:hover svg rect,.edit-profile__row-delete:hover svg rect {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.edit-profile__row-add:hover path,.edit-profile__row-delete:hover path {
    stroke: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.edit-profile__row-add svg path,.edit-profile__row-add svg rect,.edit-profile__row-delete svg path,.edit-profile__row-delete svg rect {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.about-profile__to-fill {
    justify-self: start;
    cursor: pointer
}

.data-profile:has(.about-profile__to-fill) .about-profile__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.data-profile .tags__header:has(.tag[data-status=add]) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.data-profile:has(.about-profile__to-fill) .data-profile__additional {
    grid-column: auto
}

.data-profile:has(.about-profile__to-fill) .tags__content {
    pointer-events: all
}

.data-profile .data-profile__side {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3
}

.side-profile:has(.side-profile__to-fill) .side-profile__title {
    font-size: 20px;
    line-height: 26px
}

.side-profile:has(.side-profile__to-fill) .side-profile__content {
    grid-gap: 12px
}

.profile__buttons {
    display: grid;
    grid-gap: 8px
}

.profile__additional {
    grid-gap: 16px
}

.data-profile__anchors {
    width: 100%;
    grid-auto-flow: 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;
    grid-gap: 8px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.data-profile__anchor {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.data-profile__anchor:hover {
    background-color: #e5e8f7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.data-profile__stats {
    margin-top: 10px
}

.data-profile__edit[style="display: block"] {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

@media screen and (max-width: 1240px) {
    .profile__body {
        grid-template-columns:1fr
    }

    .side-profile__content {
        position: static!important;
        margin: 0
    }

    .data-profile {
        grid-template-columns: 1fr 200px;
        grid-column-gap: 24px
    }

    .data-profile__image img {
        width: 200px;
        height: 200px
    }

    .profile__title {
        font-size: 34px;
        line-height: 40px
    }

    .side-profile {
        display: none
    }

    .edit-profile__main {
        grid-template-columns: 1fr 200px;
        grid-column-gap: 24px
    }

    .edit-profile__photo-value img {
        width: 200px;
        height: 200px
    }
}

@media screen and (max-width: 767px) {
    .profile {
        margin:12px 0 32px;
        overflow: hidden
    }

    .data-profile {
        grid-template-columns: 1fr;
        padding: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: transparent;
        border: none;
        grid-gap: 16px
    }

    .data-profile__additional {
        grid-column: auto
    }

    .data-profile .data-profile__side {
        grid-column: auto;
        grid-row: auto
    }

    .profile__subtitle {
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        justify-self: center
    }

    .data-profile__image {
        justify-self: center
    }

    .data-profile__image img {
        width: 106px;
        height: 106px
    }

    .profile[data-status=pro] .data-profile__image {
        position: relative
    }

    .profile[data-status=pro] .data-profile__image::after {
        content: "pro";
        position: absolute;
        right: 3px;
        top: 3px;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        text-transform: uppercase;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 3px 5px;
        background-color: #7400ff
    }

    .profile__info {
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        justify-items: stretch;
        grid-gap: 16px
    }

    .profile__status {
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        justify-self: center
    }

    .data-profile__stats {
        margin: -8px 0 0 0
    }

    .profile__buttons {
        width: 100%;
        max-width: 345px;
        margin: 0 auto
    }

    .profile__header {
        overflow: auto;
        padding: 0 100px;
        margin: 0 -100px
    }

    .profile__header::-webkit-scrollbar {
        width: 0;
        height: 0;
        background-color: transparent;
        visibility: hidden
    }

    .profile__tabs {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin: 0;
        padding-right: 140px;
        padding-bottom: 4px
    }

    .profile__tabs::-webkit-scrollbar {
        height: 0
    }

    .profile__tabs::-webkit-scrollbar-track {
        background-color: transparent
    }

    .profile__tabs::-webkit-scrollbar-thumb {
        background-color: transparent
    }

    .profile__designers {
        margin: 0 -15px;
        padding: 16px 15px 52px 15px;
        background-color: #fff;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0
    }

    .about-profile {
        margin: 0 -15px;
        padding: 18px 15px;
        background-color: #fff;
        -webkit-border-radius: 20px;
        border-radius: 20px
    }

    .data-profile__additional {
        margin: 0 -15px;
        padding: 18px 15px;
        background-color: #fff;
        -webkit-border-radius: 20px;
        border-radius: 20px
    }

    .about-profile__text {
        font-size: 14px;
        line-height: 20px
    }

    .prices-profile {
        margin: 0 -15px;
        border: none;
        grid-gap: 10px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding: 18px 15px
    }

    .prices-profile__button {
        margin-top: 10px;
        width: 100%;
        max-width: 450px
    }

    .profile__body {
        grid-gap: 16px
    }

    .data-profile__main {
        grid-gap: 16px
    }

    .edit-profile__main {
        grid-template-columns: 1fr
    }

    .edit-profile__blocks {
        grid-column: auto
    }

    .edit-profile__buttons {
        grid-column: auto
    }

    .edit-profile__blocks:nth-child(2) {
        grid-column: auto
    }

    .edit-profile__photo {
        grid-column: auto;
        grid-row: auto;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        justify-self: center
    }

    .edit-profile {
        padding: 18px 15px;
        border: none;
        margin: 0 -15px
    }

    .edit-profile__block-input {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 12px
    }

    textarea.edit-profile__block-input {
        min-height: 134px
    }

    .edit-profile__blocks {
        grid-gap: 16px
    }

    .edit-profile__main {
        grid-gap: 24px
    }

    .edit-profile__photo-list {
        opacity: 1
    }

    .edit-profile__photo-list li {
        font-size: 14px;
        line-height: 20px
    }

    .edit-profile__buttons {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 8px;
        padding: 16px 15px 16px 15px;
        position: fixed;
        z-index: 230;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fff
    }

    .profile__title {
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        justify-self: center
    }

    .edit-profile__checkbox {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .edit-profile__checkbox .checkbox__text {
        font-size: 12px;
        line-height: 18px
    }

    .prices-profile .edit-profile__block-input {
        font-size: 14px;
        line-height: 14px;
        padding: 6px 9px;
        min-height: 40px
    }

    .prices-profile .edit-profile__block-input:first-child {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: -webkit-calc(100% - 46px);
        width: calc(100% - 46px)
    }

    .prices-profile .edit-profile__block-input:nth-child(2) {
        width: -webkit-calc(75% - 6px);
        width: calc(75% - 6px);
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .prices-profile .select__title {
        font-size: 14px;
        line-height: 14px
    }

    .edit-profile__data {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 9px;
        min-height: 40px;
        height: auto
    }

    .edit-profile__data:first-child {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: -webkit-calc(100% - 46px);
        width: calc(100% - 46px)
    }

    .edit-profile__data:nth-child(2) {
        width: -webkit-calc(75% - 6px);
        width: calc(75% - 6px);
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .edit-profile__select {
        width: 25%;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .edit-profile__row-add,.edit-profile__row-delete {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .edit-profile__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 6px
    }

    .profile__content {
        padding-bottom: 32px
    }

    .data-profile__subscribe {
        grid-auto-flow: column
    }

    .profile:has(.designers) {
        margin-bottom: 0
    }

    .profile:has(.designers) .profile__content {
        padding-bottom: 0
    }

    .profile:has(.settings) {
        margin-bottom: 20px
    }
}

.preview {
    margin: 44px 0 68px 0
}

.preview__content {
    display: grid;
    grid-gap: 32px
}

.preview__footer {
    margin-top: 70px
}

.profile-preview {
    max-width: 480px;
    margin: 0 auto;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    grid-gap: 30px
}

.profile-preview__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-preview__image img {
    width: 180px;
    height: 180px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-preview__title {
    font-size: 28px;
    line-height: 33px;
    font-weight: 500;
    color: #060427
}

.profile-preview__header {
    display: grid;
    grid-gap: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.profile-preview__subtitle {
    margin-top: 5px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #9b9ba9
}

.profile-preview__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px
}

.profile-preview__body {
    display: grid;
    grid-gap: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.profile-preview__options {
    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;
    grid-gap: 30px
}

.preview__tabs {
    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;
    grid-column-gap: 60px;
    grid-row-gap: 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.preview__tab {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: #9b9ba9;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.preview__tab:hover {
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.preview__tab.active {
    color: #060427;
    pointer-events: none;
    font-weight: 500;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.preview__projects {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px
}

.project-preview {
    max-width: 450px;
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.project-preview:has(.project-preview__create) {
    overflow: hidden
}

.project-preview:hover .project-preview__image::after {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 1
}

.project-preview:hover .project-preview__body {
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.project-preview:hover .project-preview__settings {
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.project-preview__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.project-preview__image::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    pointer-events: none
}

.project-preview__image img {
    max-width: 450px;
    width: 100%;
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.project-preview__link {
    display: grid;
    pointer-events: all
}

.project-preview__title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff
}

.project-preview__rate-value {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #fff
}

.project-preview__rate-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.project-preview__rate-icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project-preview__body {
    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;
    grid-gap: 16px;
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 30px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.project-preview__rate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    pointer-events: all
}

.project-preview__rate.active .project-preview__rate-icon svg path {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.grid-preview {
    display: none
}

.grid-preview.active {
    display: grid
}

.project-preview__settings-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    pointer-events: all;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project-preview__settings {
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    grid-gap: 10px;
    position: absolute;
    padding: 30px;
    z-index: 2;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.project-preview__settings-content {
    display: grid;
    justify-items: start;
    grid-gap: 12px
}

.project-preview__settings.active .project-preview__settings-icon {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project-preview__settings.active .project-preview__settings-body {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.project-preview__settings-body {
    padding: 10px 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #e0eaf6;
    display: grid;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    pointer-events: none;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px)
}

.project-preview__settings-list {
    display: grid
}

.project-preview__settings-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 28px;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer
}

.project-preview__settings-list li:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project-preview__create {
    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;
    background-color: #e5e8f7;
    padding: 60px;
    position: relative;
    height: 450px
}

.project-preview__create:hover .project-preview__create-icon {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.7);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.7);
    transform: translateX(-50%) translateY(-50%) scale(1.7);
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s
}

.project-preview__create-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s
}

.project-preview__create-title {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #060427
}

@media screen and (max-width: 1240px) {
    .preview__projects {
        grid-gap:12px
    }

    .project-preview__image img {
        height: 236px
    }

    .project-preview__create {
        height: 236px;
        padding: 16px
    }

    .preview__tabs {
        grid-gap: 24px
    }

    .profile-preview__buttons {
        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
    }

    .profile-preview__button {
        min-width: 228px
    }
}

@media screen and (max-width: 767px) {
    .preview {
        -webkit-border-radius:20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        margin: 0 0 52px 0
    }

    .preview__projects {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start
    }

    .project-preview__settings-header {
        position: relative;
        z-index: 0
    }

    .project-preview__settings {
        opacity: 1;
        pointer-events: all;
        z-index: 219;
        padding: 12px
    }

    .project-preview__settings.active {
        z-index: 240
    }

    .project-preview__settings.active .project-preview__settings-body {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        pointer-events: all;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .project-preview__settings.active .project-preview__settings-list {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .project-preview__settings-body {
        -webkit-border-radius: 0;
        border-radius: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3;
        width: 100%;
        height: 100vh;
        height: 100svh;
        display: grid;
        -webkit-box-align: end;
        -webkit-align-items: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-align-content: end;
        -ms-flex-line-pack: end;
        align-content: end;
        background-color: rgba(6,4,39,.2);
        padding: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .project-preview__settings-list {
        padding: 10px 20px;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        background-color: #fff;
        border: 1px solid #e0eaf6;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        z-index: 910;
        position: relative;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .project-preview__settings-list li {
        font-size: 14px;
        line-height: 40px
    }

    .preview__content {
        padding: 20px 0;
        grid-gap: 16px
    }

    .preview__tab {
        font-size: 16px;
        line-height: 22px
    }

    .project-preview__image {
        padding-top: 100%;
        position: relative
    }

    .project-preview__image img {
        height: 100%;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0
    }

    .project-preview__body {
        position: static;
        padding: 0;
        opacity: 1;
        pointer-events: all;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .project-preview__rate-icon svg {
        width: 12px;
        height: 12px
    }

    .project-preview__rate-icon svg path {
        fill: #6a687d
    }

    .project-preview {
        display: grid;
        grid-gap: 5px
    }

    .project-preview__title {
        font-size: 12px;
        line-height: 18px;
        color: #060427;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden
    }

    .project-preview__rate-value {
        font-size: 12px;
        line-height: 18px;
        color: #6a687d;
        font-weight: 400
    }

    .project-preview__create-icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .project-preview__create-icon svg {
        width: 140px;
        height: 140px
    }

    .project-preview__create {
        height: -webkit-calc(100% - 23px);
        height: calc(100% - 23px);
        min-height: 165px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden
    }

    .project-preview__create-title {
        font-size: 12px;
        line-height: 18px
    }

    .project-preview:first-child:has(.project-preview__create) {
        max-width: 165px
    }

    body:has(.edit-profile__buttons) .preview__content {
        padding-bottom: 64px
    }

    .profile-preview__button {
        min-width: auto
    }
}

.settings {
    display: grid;
    grid-template-columns: 1fr 450px;
    grid-gap: 30px
}

.settings__main {
    display: grid;
    grid-gap: 40px
}

.settings__blocks {
    display: grid;
    grid-gap: 30px
}

.anchors-settings {
    display: grid;
    border: 1px solid #e0eaf6
}

.anchors-settings__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e0eaf6
}

.anchors-settings__item:last-child {
    border-bottom: none
}

.anchors-settings__link {
    position: relative;
    padding: 18px 29px;
    background-color: #fff;
    width: 100%;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    color: #060427
}

.anchors-settings__link:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.anchors-settings__link::after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    left: -2px;
    top: 0;
    background-color: #7400ff;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.anchors-settings__link.active {
    font-weight: 500
}

.anchors-settings__link.active::after {
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-settings {
    display: grid;
    grid-gap: 30px;
    padding: 40px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #e0eaf6;
    background-color: #fff;
    position: relative
}

.block-settings__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
}

.block-settings__button {
    min-width: 200px;
    border-color: #231f20
}

.block-settings__form {
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

.block-settings__form .cell-form {
    grid-template-columns: 220px 290px;
    grid-gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.block-settings__form .form__cells {
    grid-gap: 10px
}

.block-settings__body {
    display: grid;
    grid-gap: 14px
}

.block-settings__text {
    display: grid;
    grid-gap: 4px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427
}

.block-settings__text b {
    font-weight: 500
}

.block-settings__delete-button {
    margin-top: 16px;
    justify-self: start;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #231f20;
    text-decoration: underline;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-settings__delete-button:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-setting__status-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427
}

.block-setting__status {
    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;
    grid-gap: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    position: absolute;
    right: 40px;
    top: 40px
}

.block-setting__status-value {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #060427
}

.block-setting__status[data-status=pro] .block-setting__status-value {
    text-transform: uppercase;
    padding: 6px 8px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #7400ff
}

.block-settings__header {
    padding-right: 200px;
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 12px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.block-settings__note {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #6a687d;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-settings__note a {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-settings__note a:hover {
    text-decoration: underline
}

.block-settings__rates {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.block-settings__rate {
    max-width: 410px;
    width: 100%;
    display: grid;
    grid-gap: 18px;
    padding: 20px 30px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #dddaff
}

.block-settings__rate-title {
    font-size: 20px;
    line-height: 26px;
    color: #060427;
    font-weight: 400;
    text-align: center
}

.block-settings__rate-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    -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;
    width: 100%;
    padding: 9px 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    cursor: pointer;
    background-color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-settings__rate-button:hover {
    background-color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-settings__rate-price {
    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;
    justify-self: center;
    grid-gap: 26px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #060427
}

.block-settings__rate-price p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.block-settings__rate-price span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-decoration: line-through
}

.block-settings__rate[data-color=gradient] {
    background: -webkit-linear-gradient(350.14deg,#d009ec -3.21%,#8209ec 99.39%);
    background: -o-linear-gradient(350.14deg,#d009ec -3.21%,#8209ec 99.39%);
    background: linear-gradient(99.86deg,#d009ec -3.21%,#8209ec 99.39%)
}

.block-settings__rate[data-color=gradient] .block-settings__rate-title {
    color: #fff
}

.block-settings__rate[data-color=gradient] .block-settings__rate-button {
    background-color: #fff;
    color: #060427
}

.block-settings__rate[data-color=gradient] .block-settings__rate-button:hover {
    background-color: #dddaff
}

.block-settings__rate[data-color=gradient] .block-settings__rate-price {
    color: #fff
}

.block-settings__rate[data-color=gradient] .block-settings__rate-price span {
    color: #dddaff
}

.settings__log-out {
    justify-self: start;
    border-color: #231f20
}

.block-settings__additional {
    margin-top: 10px
}

.block-settings__checkbox {
    margin: 8px 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

@media screen and (max-width: 1460px) {
    .block-settings__rates {
        grid-gap:12px
    }

    .block-settings__rate-price {
        font-size: 16px;
        line-height: 20px;
        grid-gap: 12px
    }

    .block-settings__rate {
        padding: 20px
    }
}

@media screen and (max-width: 1240px) {
    .settings__side {
        display:none
    }

    .settings {
        grid-template-columns: 1fr
    }
}

@media screen and (min-width: 767px) {
    .block-settings__body {
        display:grid!important
    }
}

@media screen and (max-width: 767px) {
    .block-settings {
        -webkit-border-radius:0;
        border-radius: 0;
        border: none;
        background-color: transparent;
        padding: 0
    }

    .block-settings__body {
        display: none;
        margin-top: 24px
    }

    .settings__blocks {
        grid-gap: 32px
    }

    .settings {
        background-color: #fff;
        padding: 18px 30px 64px 30px;
        margin: 0 -15px;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        min-height: 82vh;
        min-height: 82svh;
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start
    }

    .block-settings__title {
        font-size: 18px;
        line-height: 21px;
        position: relative;
        padding-right: 24px
    }

    .block-settings__title::after {
        content: "";
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        width: 19px;
        height: 19px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8626 8.86257L9.5 13.2251L5.13743 8.86257' stroke='%236A687D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
    }

    .block-settings {
        grid-gap: 0
    }

    .block-settings.active .block-settings__title::after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }

    .block-settings__form .form__cell-input {
        max-width: 100%
    }

    .block-settings__form .cell-form {
        grid-template-columns: 1fr;
        grid-gap: 8px
    }

    .block-settings__form .form__cells {
        grid-gap: 16px
    }

    .block-settings__additional {
        margin-top: 24px
    }

    .block-settings__buttons {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%
    }

    .settings__main {
        grid-gap: 32px
    }

    .settings__log-out {
        width: 100%;
        margin: 0 auto
    }

    .block-settings__header {
        padding-right: 0
    }

    .block-setting__status {
        position: static;
        margin-bottom: 20px
    }

    .block-settings__rates {
        grid-template-columns: 1fr;
        grid-gap: 16px
    }

    .block-settings__rate {
        padding: 14px;
        grid-gap: 16px
    }

    .block-settings__rate-title {
        font-size: 16px;
        line-height: 22px
    }

    .block-settings__note {
        max-width: 350px;
        margin: 12px 0;
        font-size: 14px;
        line-height: 20px
    }

    .block-settings__note:last-child {
        margin-bottom: 0
    }

    .block-settings__note:first-child {
        margin-top: 0
    }
}

.project {
    max-width: 330px;
    width: 100%;
    display: grid;
    grid-gap: 5px
}

.project[data-status=pro] .project__profile-label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.project__profile-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.project__profile-image img {
    width: 24px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.project__profile {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 10px;
    position: absolute;
    padding: 24px;
    width: 100%;
    bottom: -4px;
    left: 0;
    z-index: 2;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project__profile-title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project__profile-label {
    display: none;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #7400ff
}

.project__rate-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.project__rate-icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project__rate-value {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #060427
}

.project__rate {
    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;
    grid-gap: 5px;
    cursor: pointer
}

.project__rate.active .project__rate-icon svg path {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project__bottom {
    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;
    grid-gap: 12px
}

.project__top {
    display: grid;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.project__top:has(.project__more)::after {
    display: none
}

.project__top:hover .project__more {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.project__top:hover .project__profile {
    opacity: 1;
    bottom: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.project__image:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform: .4s;
    -ms-transform: .4s;
    transform: .4s
}

.project__image img {
    width: 100%;
    height: 250px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project__title {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #060427;
    font-weight: 400;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.project__title:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.list-projects {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    grid-gap: 60px 30px
}

.project__more {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    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;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 400;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project[data-size=mini] {
    max-width: 210px
}

.project[data-size=mini]:hover .project__title {
    bottom: 0;
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.project[data-size=mini] .project__image img {
    height: 154px
}

.project[data-size=mini] .project__title {
    padding: 10px;
    -webkit-line-clamp: initial;
    display: block;
    position: absolute;
    width: 100%;
    bottom: -4px;
    left: 0;
    z-index: 2;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.projects {
    margin: 85px 0
}

.projects__content {
    display: grid;
    gap: 40px
}

.projects .project__profile {
    opacity: 1;
    pointer-events: all;
    position: static;
    padding: 0;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.projects .project__profile-title {
    color: #060427
}

.projects .project__title {
    padding: 10px;
    -webkit-line-clamp: initial;
    display: block;
    position: absolute;
    width: 100%;
    bottom: -4px;
    left: 0;
    z-index: 2;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    -webkit-box-shadow: 1px 1px 1px rgba(6,4,39,.3);
    box-shadow: 1px 1px 1px rgba(6,4,39,.3);
    font-weight: 400;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.projects .project {
    gap: 8px
}

.projects .project:hover .project__title {
    opacity: 1;
    bottom: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1460px) {
    .project {
        max-width:340px
    }

    .project .project__image img {
        height: 340px
    }

    .list-projects {
        grid-gap: 14px
    }
}

@media screen and (max-width: 1240px) {
    .project {
        max-width:235px
    }

    .project .project__image img {
        height: 235px
    }

    .list-projects {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .project {
        max-width:380px
    }

    .project[data-size=mini] .project__title {
        display: none
    }

    .project__more {
        font-size: 30px;
        line-height: 30px
    }

    .project__image img {
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .project__image {
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .project__top {
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .projects__list {
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-gap: 15px
    }

    .projects__list .project {
        max-width: 100%
    }

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

    .projects__list .project__image img {
        height: auto
    }

    .projects__list .project__top {
        padding-top: 100%
    }

    .project__title {
        font-size: 12px;
        line-height: 18px
    }

    .project__rate-value {
        font-size: 12px;
        line-height: 18px
    }

    .project__profile {
        display: none
    }

    .designer__projects:has(p:first-child) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.designers__items {
    display: grid;
    grid-gap: 64px
}

.designer {
    display: grid;
    grid-template-columns: 210px 1fr;
    grid-gap: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.designer__project-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.designer__project-image::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0
}

.designer__project-image img {
    width: 210px;
    height: 210px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.designer__project-link {
    display: grid;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.designer__project-link:hover .designer__project-title {
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    bottom: 0
}

.designer__project-link:hover .designer__project-image::after {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 1
}

.designer__project-title {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -4px;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    z-index: 2;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.designer__projects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.designer__profile {
    display: grid;
    grid-template-columns: 56px 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px
}

.designer__profile-left {
    position: relative;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

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

.designer__image img {
    width: 56px;
    height: 56px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.designer[data-status=pro] .designer__label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.designer__label {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    background-color: #7400ff;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.designer__profile-info {
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start
}

.designer__profile-status {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #060427;
    font-weight: 400
}

.designer__profile-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.designer__profile-title:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.designer__profile-subtitle {
    font-size: 12px;
    line-height: 22px;
    color: #9b9ba9;
    font-weight: 400
}

.designer__profile-right {
    display: grid;
    grid-gap: 16px;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.designer__stats-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;
    grid-gap: 3px;
    font-size: 14px;
    line-height: 20px
}

.designer__stats {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 10px
}

.designer__profile-additional {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start
}

.designer__project {
    max-width: 210px
}

.designer__project .project__image img {
    height: 210px
}

@media screen and (max-width: 1460px) {
    .designer__projects {
        grid-gap:13px
    }

    .designer__project[data-size=mini] {
        max-width: 170px
    }

    .designer__project[data-size=mini] .project__image img {
        height: 170px
    }
}

@media screen and (max-width: 1240px) {
    .designer {
        grid-template-columns:1fr
    }

    .designer__profile-right {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .designer__projects {
        grid-gap: 16px
    }
}

@media screen and (max-width: 767px) {
    .designer__image img {
        width:45px;
        height: 45px
    }

    .designer__profile {
        grid-template-columns: 45px 1fr;
        grid-gap: 15px
    }

    .designer {
        grid-gap: 16px
    }

    .designer[data-status=pro] .designer__label {
        display: none
    }

    .designer[data-status=pro] .designer__profile-title::after {
        content: "pro";
        padding: 3px 4px;
        font-size: 12px;
        line-height: 18px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        text-transform: uppercase;
        color: #fff;
        background-color: #7400ff;
        font-weight: 400
    }

    .designer__profile-title {
        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-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 4px;
        font-size: 16px;
        line-height: 18px;
        font-weight: 500
    }

    .designer__profile-info {
        grid-gap: 5px;
        padding-right: 32px
    }

    .designer__profile-subtitle {
        display: none
    }

    .designer__profile-status {
        font-size: 12px;
        line-height: 18px;
        margin: 0
    }

    .designer__profile-additional {
        display: grid;
        grid-gap: 8px;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        justify-items: start
    }

    .designer__subscribe {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        position: absolute;
        right: 0;
        top: 0
    }

    .designer__subscribe .subbtn__text {
        display: none
    }

    .designer__projects {
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-gap: 8px
    }

    .designer__project[data-size=mini] .project__image img {
        height: auto
    }

    .designer__project[data-size=mini] {
        max-width: 100%
    }

    .designers__items {
        grid-gap: 32px
    }

    .designer__profile-right {
        grid-gap: 5px;
        position: relative
    }

    .designer__project .project__top {
        padding-top: 100%
    }

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

.more {
    margin: 136px 0 150px 0
}

.more__content {
    display: grid;
    grid-gap: 40px
}

.more__slider {
    position: relative;
    overflow: hidden
}

.more__slide {
    margin-right: 28px
}

.more__slide:last-child {
    margin-right: 0
}

.more__slider-arrows {
    top: -webkit-calc(50% - 14px);
    top: calc(50% - 14px)
}

@media screen and (max-width: 1460px) {
    .more {
        overflow:hidden
    }

    .more__slider {
        overflow: initial
    }
}

@media screen and (max-width: 1240px) {
    .more__slide {
        margin-right:12px
    }
}

@media screen and (max-width: 767px) {
    .more {
        margin:24px 0 100px
    }

    .more__title {
        text-align: center
    }

    .more__header {
        margin-bottom: 24px
    }

    .more__content {
        display: block
    }

    .more__slide[data-size=mini] {
        max-width: 140px;
        margin-right: 8px
    }

    .more__slide[data-size=mini]:last-child {
        margin: 0
    }

    .more__slide[data-size=mini] .project__image img {
        height: 140px
    }

    .more__slider-arrows {
        display: none
    }
}

.product {
    margin: 42px 0 110px 0
}

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

.product__body {
    display: grid;
    grid-template-columns: 1fr 450px;
    grid-gap: 30px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.product__profile {
    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;
    grid-gap: 20px
}

.product__profile:hover .product__profile-title {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #7400ff
}

.product__profile-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.product__profile-image img {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover
}

.product__profile-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.headerliner-product {
    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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 12px
}

.info-product__top {
    display: grid;
    grid-gap: 10px
}

.info-product__middle {
    display: grid;
    grid-gap: 14px
}

.info-product__bottom {
    display: grid;
    grid-gap: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start
}

.product__title {
    font-size: 18px;
    line-height: 21px;
    color: #060427;
    font-weight: 400
}

.product__rate-value {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #9b9ba9
}

.product__rate-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.product__rates {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 3px
}

.product__text {
    display: grid;
    grid-gap: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #060427
}

.info-product {
    display: grid;
    grid-gap: 30px
}

.product__date {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #6a687d
}

.info-product__tags .tag {
    pointer-events: none;
    background-color: transparent
}

.info-product__tags .tag__value {
    background-color: #fff
}

.info-product__cell:not(:has(.info-product__tags)) {
    display: none
}

.info-product__cells {
    display: grid;
    grid-gap: 20px;
    margin-top: 16px
}

.info-product__cell {
    display: grid;
    grid-gap: 5px
}

.info-product__cell-title {
    font-size: 14px;
    line-height: 20px;
    color: #9b9ba9;
    font-weight: 400
}

.product__images {
    display: grid
}

.product__side {
    position: -webkit-sticky;
    position: sticky;
    top: 24px
}

@media screen and (max-width: 1240px) {
    .product__body {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 767px) {
    body:has(.product) {
        background-color:#f4f6fa
    }

    .product {
        margin: 16px 0 52px 0
    }

    .product__header {
        display: none
    }

    .headerliner-product {
        grid-auto-flow: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .product__body {
        background-color: #fff;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        padding: 22px 15px 32px 15px;
        margin: 0 -15px;
        grid-gap: 24px
    }

    .product__profile {
        grid-gap: 8px
    }

    .product__main {
        display: grid;
        grid-gap: 24px
    }

    .product__title {
        max-width: 340px;
        font-size: 16px;
        line-height: 22px
    }

    .info-product__top {
        grid-gap: 8px
    }

    .info-product {
        grid-gap: 24px
    }

    .product__text {
        grid-gap: 16px
    }

    .info-product__middle {
        grid-gap: 24px
    }

    .info-product__bottom {
        grid-gap: 24px;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }

    .info-product__like-button {
        width: 100%;
        max-width: 450px
    }
}

.catalog {
    margin: 42px 0 100px 0
}

body:has(.catalog) {
    background-color: #fff
}

.catalog__content {
    display: grid;
    grid-gap: 24px
}

.catalog__links {
    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;
    grid-gap: 40px
}

.catalog__link {
    font-size: 20px;
    line-height: 40px;
    color: #6a687d;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer
}

.catalog__link:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.catalog__link.active {
    pointer-events: none;
    font-weight: 500;
    color: #060427
}

.catalog__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;
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 16px
}

.catalog__header-right {
    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;
    grid-gap: 24px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.option-catalog__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.option-catalog__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.option-catalog__title {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.option-catalog {
    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;
    grid-gap: 5px;
    cursor: pointer
}

.option-catalog:hover .option-catalog__title {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.option-catalog:hover svg path {
    stroke: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.option-catalog.active .option-catalog__icon {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.catalog__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog__filter {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.catalog-header__tabs {
    width: 100%
}

.catalog-header__tabs .tabs__item {
    background-color: #f4f6fa;
    color: #060427
}

.catalog-header__tabs .tabs__item:not(.active):hover {
    background-color: #7400ff;
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.catalog-header__tabs .tabs__item.active {
    background-color: #e5e8f7
}

.catalog__body {
    display: grid;
    grid-gap: 24px
}

.catalog__body:has(.designers__items) .filter-catalog__cell .cloud {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.filter-catalog__cells {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 40px 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filter-catalog__cell:hover .sorting__title {
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-catalog__cell:first-child .cloud {
    left: 0;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.filter-catalog__cell .cloud {
    min-width: 210px;
    max-width: 250px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    right: auto
}

.filter-catalog__cell .sorting__title {
    font-weight: 500;
    color: #6a687d
}

.filter-catalog__cell .counter[disabled] {
    display: none
}

.filter-catalog__cell .cloud__body {
    padding: 15px
}

.filter-catalog__cell .checkbox__icon svg {
    width: 16px;
    height: 16px
}

.filter-catalog__cell .checkbox__input {
    width: 16px;
    height: 16px
}

.filter-catalog__cell .checkbox__text {
    font-size: 14px;
    line-height: 16px
}

.filter-catalog__cell .checkbox {
    grid-gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.filter-catalog__content {
    display: grid;
    grid-gap: 8px
}

.filter-catalog__body {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 8px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filter-catalog__reset {
    padding: 7px 12px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    cursor: pointer;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #f4f6fa;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-catalog__reset:hover {
    background-color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-catalog__reset:hover .filter-catalog__reset-icon svg circle {
    fill: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-catalog__reset:hover .filter-catalog__reset-icon svg path {
    stroke: #7400ff
}

.filter-catalog__reset:hover .filter-catalog__reset-title {
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-catalog__reset-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #9b9ba9;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-catalog__reset-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.filter-catalog__reset-icon svg circle,.filter-catalog__reset-icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.catalog__results {
    font-size: 16px;
    line-height: 18px;
    color: #060427;
    font-weight: 400
}

.filter-catalog__header {
    display: none;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    grid-gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.filter-catalog__title {
    max-width: 290px;
    justify-self: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #060427;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px)
}

.filter-catalog__close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2
}

.catalog__sorting .checkbox__text {
    font-size: 14px;
    line-height: 40px
}

.catalog__sorting .checkbox__icon {
    display: none
}

.catalog__sorting .checkbox__input:checked+.checkbox__icon+.checkbox__text {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-catalog__buttons {
    display: grid;
    grid-gap: 8px;
    margin: 0 auto;
    padding: 15px 16px;
    width: 100%;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    background-color: #fff;
    z-index: 3
}

.filter-catalog__toggle {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5px;
    cursor: default
}

.filter-catalog__toggle-icon {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.filter-catalog__toggle-icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.filter-catalog__toggle-title {
    font-size: 14px;
    line-height: 28px;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 767px) {
    body:has(.catalog) {
        background-color:#f4f6fa
    }

    .catalog {
        margin: 16px 0 52px 0
    }

    .catalog__header-left {
        display: none
    }

    .catalog__search[data-size=mini] {
        width: 100%;
        max-width: 100%
    }

    .catalog__search[data-size=mini] .search-field__input {
        max-width: 100%!important
    }

    .filter-catalog__header {
        display: grid;
        padding: 11px 15px
    }

    .filter-catalog {
        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: fixed;
        bottom: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100svh;
        padding-bottom: 140px;
        z-index: 201;
        background-color: #f4f6fa;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .filter-catalog.active {
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s;
        pointer-events: all;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .filter-catalog__content {
        position: relative;
        padding: 16px 15px 140px 15px;
        height: -webkit-calc(100vh - 54px);
        height: calc(100vh - 54px);
        height: -webkit-calc(100svh - 54px);
        height: calc(100svh - 54px);
        background-color: #fff;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start;
        overflow: auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        grid-gap: 24px
    }

    .catalog__header-right {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 16px
    }

    .catalog__content {
        margin: 0 -15px;
        padding: 16px 15px 32px 15px;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        background-color: #fff
    }

    .catalog__sorting .checkbox__icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .catalog__sorting .cloud__checkboxes {
        grid-gap: 0
    }

    .filter-catalog__cells {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 16px
    }

    .filter-catalog__search {
        display: none!important
    }

    .filter-catalog__search.active {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .filter-catalog__body {
        grid-gap: 5px
    }

    .filter-catalog:has(.search-field.active) .filter-catalog__body,.filter-catalog:has(.search-field.active) .filter-catalog__footer {
        display: none
    }

    .filter-catalog__cell .cloud {
        max-width: 100%
    }

    .catalog-header__tabs {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .catalog__projects {
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-gap: 15px
    }

    .catalog__projects .project__image {
        padding-top: 100%;
        position: relative
    }

    .catalog__projects .project__image img {
        height: 100%;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0
    }

    .filter-catalog__reset {
        display: none
    }

    .filter-catalog__cell .cloud__checkboxes {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 5px;
        min-width: auto
    }

    .filter-catalog__cell .checkbox {
        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;
        grid-gap: 10px;
        padding: 5px 11px;
        background-color: #f4f6fa;
        border: 1.5px solid #f4f6fa;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        position: relative;
        cursor: pointer;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .filter-catalog__cell .checkbox:has(.checkbox__input:checked) {
        border-color: #7400ff;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .filter-catalog__cell .checkbox:has(.checkbox__input:checked) .checkbox__icon {
        opacity: 1;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .filter-catalog__cell .checkbox__text {
        font-size: 14px;
        line-height: 20px
    }

    .filter-catalog__cell .checkbox__icon {
        position: absolute;
        right: -4px;
        top: -2px;
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8' r='7.5' fill='%237400FF' stroke='white'/%3E%3Cpath d='M5.9209 5.4209L8.49985 7.99985M8.49985 7.99985L11.0788 10.5788M8.49985 7.99985L11.0788 5.4209M8.49985 7.99985L5.9209 10.5788' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        background-position: center;
        width: 16px;
        height: 16px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .filter-catalog__cell .checkbox__icon svg {
        opacity: 0
    }

    .catalog__body:has(.designers__items) .filter-catalog__cell .cloud {
        min-width: auto
    }

    .filter-catalog__cell .sorting__title {
        color: #060427
    }
}

.sort .tag[data-status=default] .tag__value {
    cursor: pointer
}

.cell-sort__title {
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    color: #6a687d
}

.cell-sort__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cell-sort__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cell-sort__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;
    grid-gap: 5px;
    cursor: pointer
}

.cell-sort__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sort__cells {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cell-sort {
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    grid-gap: 10px
}

.cell-sort__body {
    display: none
}

.cell-sort.active .cell-sort__title {
    color: #060427
}

.cell-sort.active .cell-sort__icon {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.cell-sort.active .cell-sort__body {
    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
}

.sort__duplicate {
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sort__duplicate:has(.list-tags) {
    margin-top: 20px
}

.dialog {
    margin: 56px 0 100px 0
}

.dialog__content {
    display: grid;
    grid-template-columns: 450px 1fr;
    grid-gap: 30px
}

.side-dialog {
    padding: 24px 24px 0 24px;
    background-color: #fff;
    border: 1px solid #e0eaf6;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    height: 73.5vh;
    height: 73.5svh;
    position: relative;
    overflow: hidden
}

.dialog__main {
    padding: 30px 40px;
    background-color: #fff;
    border: 1px solid #e0eaf6;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    height: 73.5vh;
    height: 73.5svh
}

.side-dialog__tab-title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    color: #6a687d;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.side-dialog__tab {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 5px;
    cursor: pointer
}

.side-dialog__tab:hover .side-dialog__tab-title {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.side-dialog__tab.active {
    pointer-events: none
}

.side-dialog__tab.active .side-dialog__tab-title {
    color: #060427
}

.side-dialog__tabs {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-column-gap: 35px;
    grid-row-gap: 8px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@-webkit-keyframes 123 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes 123 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.side-dialog__body {
    padding: 10px 12px 50px 12px;
    margin: 0 -12px;
    height: -webkit-calc(73.5vh - 92px);
    height: calc(73.5vh - 92px);
    height: -webkit-calc(73.5svh - 92px);
    height: calc(73.5svh - 92px);
    overflow: auto
}

.side-dialog__body::-webkit-scrollbar {
    width: 4px
}

.side-dialog__body::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.side-dialog__body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #e0eaf6;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.dialog-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.dialog-option img,.dialog-option svg {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.dialog-option:hover svg rect {
    stroke: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.dialog-option:hover svg path {
    fill: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.dialog-option svg circle,.dialog-option svg path,.dialog-option svg rect {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.dialog-option.active svg rect {
    stroke: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.dialog-option.active svg path {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.side-dialog__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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    padding: 0 14px 14px 14px;
    border-bottom: 1px solid #e0eaf6
}

.list-dialog {
    display: grid;
    grid-gap: 2px
}

.item-dialog {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer
}

.item-dialog[data-online=true] .item-dialog__person {
    position: relative
}

.item-dialog[data-online=true] .item-dialog__person::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background-color: #7400ff;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog[data-editable=true] .item-dialog__checkbox {
    display: block
}

.item-dialog[data-editable=true] .item-dialog__message {
    color: #9b9ba9;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog[data-editable=true] .item-dialog__content {
    grid-gap: 10px;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0
}

.item-dialog[data-editable=true]:has(.item-dialog__checkbox-input:checked) .item-dialog__content {
    background-color: #f4f6fa;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog[data-recieved=true] .item-dialog__received svg path {
    stroke: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog[data-active=true] .item-dialog__content {
    background-color: #f4f6fa;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog__person-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.item-dialog__person-image img {
    width: 44px;
    height: 44px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.item-dialog__content {
    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;
    grid-gap: 0;
    padding: 9px 17px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer
}

.item-dialog__content:has(.item-dialog__person) {
    grid-gap: 10px
}

.item-dialog__left {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 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;
    grid-gap: 10px
}

.item-dialog__checkbox {
    display: none
}

.item-dialog__checkbox-input {
    display: none
}

.item-dialog__checkbox-input:checked+.item-dialog__checkbox-icon path {
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog__checkbox-input:checked+.item-dialog__checkbox-icon rect {
    stroke: #7400ff
}

.item-dialog__checkbox-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.item-dialog__checkbox-icon svg path,.item-dialog__checkbox-icon svg rect {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog__checkbox-icon svg rect {
    stroke: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog__checkbox-icon svg path {
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog__name {
    padding-right: 8px;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.item-dialog__received {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.item-dialog__received svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-dialog__right {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    grid-gap: 2px
}

.item-dialog__date {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #9b9ba9;
    text-align: right
}

.item-dialog__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;
    grid-gap: 5px;
    grid-column: span 2
}

.item-dialog__message {
    font-size: 14px;
    line-height: 16px;
    color: #9b9ba9;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.remove-dialog {
    width: 100%;
    display: grid;
    grid-gap: 8px;
    left: 0;
    position: absolute;
    bottom: 0;
    padding: 16px 40px;
    border-top: 1px solid #e0eaf6;
    -webkit-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    z-index: 2
}

.remove-dialog.active {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.remove-dialog__button {
    width: 100%
}

.remove-dialog__button[data-color=transparent] {
    border-color: transparent
}

.remove-dialog__button[disabled] {
    opacity: .5;
    pointer-events: none
}

.item-dialog__unread {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
    font-size: 12px;
    line-height: 21px;
    font-weight: 400;
    padding: 3px 6px;
    height: 21px;
    min-width: 21px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-color: #9b9ba9;
    color: #fff
}

.item-dialog__message-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.item-dialog__message-image img {
    width: 17px;
    height: 17px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover
}

.side-dialog__tags {
    overflow: auto;
    padding: 0 48px;
    margin: 0 -48px
}

.side-dialog__tags::-webkit-scrollbar {
    width: 0;
    height: 0
}

.side-dialog__tag {
    margin-right: 8px;
    width: auto;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #060427;
    font-weight: 400;
    padding: 7px 12px;
    background-color: #f4f6fa;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.side-dialog__tag:hover {
    color: #fff;
    background-color: #7400ff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.side-dialog__tag:last-child {
    margin-right: 0
}

.side-dialog__tag.active {
    pointer-events: none;
    background-color: #7400ff;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

@media screen and (max-width: 1240px) {
    .dialog__content {
        display:grid;
        grid-template-columns: 340px 1fr;
        grid-gap: 12px
    }

    .dialog__main {
        padding: 16px 24px
    }

    .side-dialog {
        padding: 16px 16px 0 16px
    }

    .item-dialog__name {
        font-size: 14px;
        line-height: 16px
    }

    .item-dialog__info {
        grid-gap: 4px
    }

    .item-dialog__date {
        font-size: 12px;
        line-height: 14px
    }

    .side-dialog__tab-title {
        font-size: 14px;
        line-height: 20px
    }

    .side-dialog__tabs {
        grid-gap: 16px
    }
}

@media screen and (max-width: 767px) {
    .dialog__main {
        display:none;
        padding: 0;
        border: none
    }

    .dialog__content {
        grid-template-columns: 1fr;
        margin: 0 -15px
    }

    .dialog {
        margin: 16px 0 0 0;
        height: -webkit-calc(100vh - 64px);
        height: calc(100vh - 64px);
        height: -webkit-calc(100svh - 64px);
        height: calc(100svh - 64px)
    }

    .dialog__main {
        height: -webkit-calc(100vh - 64px);
        height: calc(100vh - 64px);
        height: -webkit-calc(100svh - 64px);
        height: calc(100svh - 64px)
    }

    .side-dialog {
        height: -webkit-calc(100vh - 64px);
        height: calc(100vh - 64px);
        height: -webkit-calc(100svh - 64px);
        height: calc(100svh - 64px);
        padding: 0 8px;
        border: none
    }

    .side-dialog__body {
        height: -webkit-calc(100vh - 64px);
        height: calc(100vh - 64px);
        height: -webkit-calc(100svh - 64px);
        height: calc(100svh - 64px);
        padding: 16px 7px 52px 7px;
        margin: 0
    }

    .side-dialog__body::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .side-dialog__header {
        display: none
    }

    .remove-dialog {
        z-index: 228
    }

    .dialog.active .dialog__main {
        display: block
    }

    .dialog.active .dialog__side {
        display: none
    }

    .item-dialog[data-active=true] .item-dialog__content {
        background-color: #fff
    }

    .item-dialog__content {
        padding: 8px 0
    }
}

.chat {
    height: 100%
}

.chat[data-empty=true] {
    position: relative
}

.chat[data-empty=true] .chat__empty {
    display: grid
}

.chat__empty {
    display: none;
    grid-gap: 16px;
    max-width: 437px;
    width: 100%;
    text-align: center;
    padding: 16px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    color: #6a687d;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 2
}

.chat__empty-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    text-align: center
}

.chat__empty-title span {
    display: block
}

.chat__empty-text {
    max-width: 437px;
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

.chat__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;
    grid-gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0eaf6
}

.chat__header-title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

a.chat__header-title:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat-profile__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.chat-profile__image img {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.chat-profile {
    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;
    grid-gap: 8px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.chat-profile:hover .chat-profile__title {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat-profile[data-status=pro] .chat-profile__title {
    position: relative
}

.chat-profile[data-status=pro] .chat-profile__title::after {
    content: "PRO";
    margin-left: 8px;
    max-height: 16px;
    padding: 3px 6px;
    background-color: #7400ff;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.chat-profile[data-online=true] .chat-profile__image {
    position: relative
}

.chat-profile[data-online=true] .chat-profile__image::after {
    content: "";
    width: 10px;
    height: 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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #7400ff;
    border: 1px solid #e5e8f7;
    z-index: 2;
    position: absolute;
    right: -2px;
    bottom: -2px
}

.chat-profile__title {
    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-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat__content {
    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-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.chat__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;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: -webkit-calc(73.5svh - 42px);
    height: calc(73.5svh - 42px);
    overflow: auto;
    padding: 0 20px;
    margin: 0 -20px
}

.chat__body::-webkit-scrollbar {
    width: 6px
}

.chat__body::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat__body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #e0eaf6;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat__list {
    display: grid;
    grid-gap: 2px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-align-content: end;
    -ms-flex-line-pack: end;
    align-content: end;
    padding: 20px 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.item-chat {
    position: relative;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    padding: 4px 10px
}

.item-chat::after {
    content: "";
    opacity: 0;
    pointer-events: none;
    width: 16px;
    height: 16px;
    border: 1.5px solid #9b9ba9;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

.item-chat[data-selected=true] {
    padding-left: 34px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.item-chat[data-selected=true]::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='14.5' height='14.5' rx='4.25' stroke='%237400FF' stroke-width='1.5'/%3E%3Cpath d='M4 7.30769L7.5 11L12 5' stroke='%237400FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    border-color: transparent;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.item-chat[data-selected=true][data-message=self] {
    padding-left: 0;
    padding-right: 34px
}

.item-chat[data-selected=true][data-message=self]::after {
    left: auto;
    right: 0
}

.chat:has(.item-chat[data-selected=true]) .chat__remove-message {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: -6px 0
}

.item-chat:has(a[data-custom-class]) .item-chat__content,.item-chat:has(a[href*=mp4]) .item-chat__content,.item-chat:has(video) .item-chat__content {
    padding: 0
}

.item-chat:has(a[data-custom-class]) .item-chat__time,.item-chat:has(a[href*=mp4]) .item-chat__time,.item-chat:has(video) .item-chat__time {
    position: absolute;
    bottom: 4px;
    right: 8px;
    z-index: 2;
    color: #fff
}

.chat__remove-message {
    display: none
}

.item-chat__content {
    max-width: 530px;
    position: relative;
    background-color: #f4f6fa;
    display: grid;
    grid-gap: 10px;
    padding: 12px 18px 8px 18px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.item-chat__content::after {
    content: "";
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19L19 -8.30516e-07L19 19L0 19Z' fill='%23F4F6FA'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: -9px;
    bottom: 0
}

.item-chat__message {
    display: grid;
    grid-gap: 8px;
    position: relative;
    z-index: 2;
    font-size: 14px;
    line-height: 20px
}

.item-chat__message p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427
}

.item-chat__message a {
    color: #7400ff
}

.item-chat__message a:hover {
    text-decoration: underline
}

.item-chat__message a[href*=mp4] {
    position: relative
}

.item-chat__message a[href*=mp4]::before {
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='54' height='54' rx='27' fill='%23E5E8F7'/%3E%3Cpath d='M39.2656 25.268C40.599 26.0378 40.599 27.9623 39.2656 28.7321L22.7334 38.277C21.4001 39.0468 19.7334 38.0845 19.7334 36.5449L19.7334 17.4551C19.7334 15.9155 21.4001 14.9533 22.7334 15.7231L39.2656 25.268Z' fill='%236A687D'/%3E%3C/svg%3E%0A");
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #e5e8f7;
    -webkit-box-shadow: 0 7px 15px 0 #6a687D1A;
    box-shadow: 0 7px 15px 0 #6a687D1A;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-chat__message a[href*=mp4]:hover::before {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
    transform: translateX(-50%) translateY(-50%) scale(1.1);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-chat__message img {
    width: auto;
    max-height: 340px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.item-chat__time {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #9b9ba9;
    justify-self: end
}

.item-chat[data-message=self] {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

.item-chat[data-message=self] .item-chat__content {
    background-color: #e5e8f7
}

.item-chat[data-message=self] .item-chat__content::after {
    left: auto;
    right: -9px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19L19 -8.30516e-07L19 19L0 19Z' fill='%23E5E8F7'/%3E%3C/svg%3E%0A")
}

.input-chat__field {
    display: grid;
    grid-gap: 8px;
    max-height: 164px;
    width: 100%;
    height: 100%;
    overflow: auto;
    outline: 0!important;
    word-break: break-word
}

.input-chat__field img {
    height: 120px;
    width: 120px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}

.input-chat__field:focus::after {
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.input-chat__field::-webkit-scrollbar {
    width: 3px
}

.input-chat__field::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

.input-chat__field::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #e0eaf6
}

.input-chat__content {
    overflow: hidden;
    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-top: 8px;
    max-width: 772px;
    width: 100%;
    padding: 9px 18px 9px 18px;
    min-height: 40px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    outline: 0;
    border: 1px solid #e0eaf6;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

#chat-message-input {
    width: 100%;
    max-width: -webkit-fill-available
}

.chat__footer {
    padding-top: 8px
}

.input-chat {
    width: 100%
}

.chat__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 8px
}

.chat__send-button {
    background: 0 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.chat__send-button svg path,.chat__send-button svg rect {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat__send-button:hover svg rect {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat__send-button:hover svg path {
    fill: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat__attacment-input {
    display: none
}

.chat__attacment-icon {
    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;
    height: 40px
}

.chat__response {
    margin: 0 auto;
    padding: 16px 0;
    width: 100%;
    max-width: 454px;
    display: grid;
    grid-gap: 22px;
    text-align: center;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start
}

.chat__response-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #9b9ba9
}

.chat__response-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.chat__response-text,.chat__response-title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #060427
}

.chat__response-text b,.chat__response-text span,.chat__response-title b,.chat__response-title span {
    font-weight: 500
}

.chat__response-text span,.chat__response-title span {
    display: block
}

.chat__response-text {
    display: grid;
    grid-gap: 12px
}

.chat__response-header {
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    grid-gap: 6px;
    padding: 22px 16px;
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
    border: 1px solid #e0eaf6;
    background-color: #fff;
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.settings-chat__icon {
    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;
    cursor: pointer;
    width: 28px;
    height: 28px;
    background-color: #f4f6fa;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.settings-chat__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.settings-chat__icon:hover svg path {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat__header-left {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 8px
}

.settings-chat__cloud.active {
    display: block;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    top: 100%
}

.settings-chat__cloud {
    display: none;
    padding-top: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: 250px;
    left: 0;
    right: auto
}

.settings-chat__cloud .cloud__content::after {
    display: none
}

.settings-chat__cloud .cloud__body {
    padding: 10px 20px
}

.chat__header-right {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-items: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 8px
}

.chat__response-profiles {
    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
}

.chat__response-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.chat__response-profile:first-child {
    margin-right: -12px;
    position: relative;
    z-index: 2
}

.chat__response-profile:last-child {
    margin-left: -12px
}

.chat__response-profile img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.chat__response-buttons {
    display: grid;
    grid-gap: 8px;
    margin-top: 16px
}

.chat-file {
    display: grid;
    grid-template-columns: 80px 1fr;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-gap: 18px
}

.chat-file__preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.chat-file__preview img {
    width: 80px;
    height: 80px
}

.chat-file__info {
    display: grid;
    grid-gap: 10px
}

.chat-file__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500!important;
    color: #060427
}

.chat-file__size {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427
}

.chat-file__link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-self: start;
    grid-gap: 8px
}

.chat-file__link-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.chat-file__link-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #7400ff!important
}

.item-chat__error {
    padding-top: 6px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-self: end;
    grid-gap: 6px;
    position: relative
}

.item-chat__error:hover .item-chat__error-option {
    bottom: -webkit-calc(100% + 0px);
    bottom: calc(100% + 0px);
    opacity: 1;
    pointer-events: all;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-chat__error-title {
    font-size: 13px;
    line-height: 20px;
    color: #ff6262
}

.item-chat__error-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.item-chat__error-option {
    position: absolute;
    padding: 10px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 7px 15px 0 #6a687D1A;
    box-shadow: 0 7px 15px 0 #6a687D1A;
    border: 1px solid #e0eaf6;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 2;
    bottom: -webkit-calc(100% - 6px);
    bottom: calc(100% - 6px);
    right: -12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0;
    pointer-events: none
}

.item-chat__error-option:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat-attachments__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.chat-attachments__image img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.chat-attachments__image[data-loading] .chat-attachments__button {
    display: none
}

.chat-attachments__image[data-loading]+.chat-attachments__info {
    opacity: .5
}

.chat-attachments__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 8px
}

.chat-attachments__button svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.chat-attachments__button:hover svg path {
    stroke: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.input-chat:has(.chat-attachments__item) .input-chat__field {
    display: none
}

.chat-attachments {
    display: none
}

.chat-attachments:has(.chat-attachments__item) {
    display: block
}

.chat-attachments__list {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 8px
}

.chat-attachments__info {
    display: grid;
    grid-gap: 10px
}

.chat-attachments__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;
    grid-gap: 18px
}

.chat-attachments__title {
    padding-right: 6px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #060427
}

.chat-attachments__size {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427
}

@media screen and (max-width: 1240px) {
    .item-chat__content {
        max-width:280px
    }

    .chat__header-title {
        font-size: 14px;
        line-height: 20px
    }

    .chat__header {
        display: grid;
        grid-gap: 0
    }

    .chat__remove-message {
        margin: 8px 0!important
    }
}

@media screen and (max-width: 767px) {
    .chat__body {
        height:-webkit-calc(100vh - 64px);
        height: calc(100vh - 64px);
        height: -webkit-calc(100svh - 64px);
        height: calc(100svh - 64px);
        margin: 0;
        padding: 0 4px
    }

    .chat__content {
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        padding: 16px 15px 52px 15px;
        background-color: #fff;
        grid-gap: 4px;
        height: -webkit-calc(100vh - 64px);
        height: calc(100vh - 64px);
        height: -webkit-calc(100svh - 64px);
        height: calc(100svh - 64px)
    }

    .chat__header-title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        text-align: center;
        width: 100%
    }

    .item-chat__message img {
        max-height: 300px;
        width: 100%
    }

    .item-chat__content::after {
        width: 13px;
        height: 13px
    }

    .item-chat[data-message=self] .item-chat__content::after {
        right: -7px
    }

    .chat__header {
        padding-bottom: 12px
    }

    .chat__footer {
        padding: 8px 15px 22px 15px;
        position: fixed;
        z-index: 230;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #f4f6fa
    }

    .input-chat__content {
        padding: 8px;
        -webkit-border-radius: 16px;
        border-radius: 16px;
        background-color: #fff;
        border: none
    }

    .input-chat__field {
        font-size: 12px;
        line-height: 14px
    }

    .chat[data-empty=true]::after {
        width: 100%;
        max-width: 210px;
        font-size: 14px;
        line-height: 20px
    }

    .chat-profile__title {
        font-size: 14px;
        line-height: 16px
    }

    .chat-profile__title::after {
        margin-left: 3px
    }

    .chat__header-profile {
        display: none
    }

    .chat__list {
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start
    }

    .chat__response {
        padding: 8px 0;
        grid-gap: 16px
    }

    .settings-chat__cloud {
        right: 0;
        left: auto
    }

    .chat__header {
        display: none
    }

    .chat__response-header {
        max-width: 100%
    }

    .item-chat__content {
        max-width: 100%;
        width: 100%
    }

    .item-chat {
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }

    .chat-attachments__image img {
        width: 55px;
        height: 55px
    }

    .chat-attachments__list {
        grid-gap: 4px
    }

    .chat-attachments__title {
        font-size: 12px;
        line-height: 14px
    }

    .chat-attachments__image {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .chat-attachments__item {
        grid-gap: 12px
    }

    .chat-attachments__item:has(.chat-attachments__info) {
        margin: 6px 0
    }

    .chat-attachments__info {
        grid-gap: 4px
    }

    .chat-attachments__size {
        font-size: 12px;
        line-height: 14px
    }

    .item-chat:has(.chat-file) .item-chat__time {
        margin-top: -12px
    }
}

.empty__content {
    padding: 160px 0 210px;
    display: grid;
    grid-gap: 42px;
    -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
}

.empty__icon {
    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
}

.empty__icon img,.empty__icon svg {
    max-height: 145px
}

.empty__title {
    font-size: 20px;
    line-height: 26px;
    color: #060427;
    font-weight: 400;
    text-align: center
}

.empty__content-bottom {
    display: grid;
    grid-gap: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.empty__button {
    margin-top: 8px
}

.empty__subtitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6a687d;
    text-align: center
}

@media screen and (max-width: 1240px) {
    .empty__content {
        padding:120px 0
    }
}

@media screen and (max-width: 767px) {
    .empty__icon img,.empty__icon svg {
        max-height:100px
    }

    .empty__title {
        font-size: 16px;
        line-height: 22px
    }

    .empty__subtitle {
        font-size: 12px;
        line-height: 18px
    }
}

.create {
    margin: 34px 0 100px 0
}

.create__content {
    max-width: 930px;
    background-color: #fff;
    display: grid;
    grid-gap: 40px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    padding: 32px 40px
}

.create__body {
    display: grid;
    grid-gap: 30px;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.create__blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start
}

.block-create {
    display: grid;
    grid-gap: 16px
}

.block-create[data-column="2"] {
    grid-column: span 2
}

.block-create__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #060427
}

.block-create__sutitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #9b9ba9
}

.block-create__input {
    width: 100%;
    padding: 14px 19px;
    font-size: 14px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #060427;
    border: 1px solid #e1e1e1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-create__input:focus,.block-create__input:hover {
    border-color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-create__input::-webkit-input-placeholder {
    color: #9b9ba9
}

.block-create__input::-moz-placeholder {
    color: #9b9ba9
}

.block-create__input:-ms-input-placeholder {
    color: #9b9ba9
}

.block-create__input::-ms-input-placeholder {
    color: #9b9ba9
}

.block-create__input::placeholder {
    color: #9b9ba9
}

textarea.block-create__input {
    max-height: 126px;
    resize: none
}

.block-create__input-counter {
    font-size: 14px;
    line-height: 20px;
    color: #6a687d;
    font-weight: 400;
    text-align: right
}

.create__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-column-gap: 16px;
    grid-row-gap: 8px
}

.create__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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 32px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.create__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-column-gap: 16px;
    grid-row-gap: 8px
}

.create__option {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    padding: 4px 20px;
    background-color: transparent
}

.create__option:hover {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.block-create__body {
    display: grid;
    grid-gap: 8px
}

.block-create__tags-sections {
    margin-top: 8px;
    display: grid;
    grid-gap: 30px
}

.block-create__tags-section {
    display: grid;
    grid-gap: 16px
}

.block-create__header {
    display: grid;
    grid-gap: 8px
}

.block-create__tags-title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    color: #060427
}

.block-create__list {
    font-size: 14px;
    line-height: 20px;
    display: grid;
    justify-items: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    color: #6a687d
}

.block-create__list li {
    position: relative;
    padding-left: 15px
}

.block-create__list li::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    background-color: #6a687d;
    left: 0;
    top: 10px
}

.create__rates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.rate-create {
    padding: 30px 20px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #f4f6fa;
    border: 1px solid #e5e8f7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.rate-create:hover {
    border-color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.rate-create[data-status=pro] {
    background-color: #ffefe8;
    border-color: #ffceb9;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.rate-create[data-status=pro]:hover {
    border-color: #ff8d5c;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.rate-create__title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    color: #060427;
    text-align: center
}

.rate-create__content {
    display: grid;
    grid-gap: 15px;
    height: 100%;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.rate-create__header {
    display: grid;
    grid-gap: 20px
}

.rate-create__list {
    display: grid;
    grid-gap: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #060427
}

.rate-create__list li {
    position: relative;
    padding-left: 30px
}

.rate-create__list li::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9.13462L9.375 13.75L15 6.25' stroke='%237400FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.rate-create__price {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #060427
}

.rate-create__body {
    display: grid;
    grid-gap: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.rate-create__button {
    justify-self: center;
    padding: 6px 20px
}

.block-create__checkboxes {
    display: grid;
    grid-gap: 16px
}

.block-create__checkbox {
    max-width: 370px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.block-create__checkbox:has(.checkbox__value) {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.block-create__text {
    display: grid;
    grid-gap: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6a687d
}

.block-create__text ol,.block-create__text ul {
    margin: 4px 0;
    padding: 0 0 0 20px;
    display: grid;
    grid-gap: 2px
}

.block-create__text ul {
    list-style: disc
}

@media screen and (max-width: 767px) {
    body:has(.create) {
        background-color:#f4f6fa
    }

    .create {
        margin: 12px 0 52px 0
    }

    .create__header {
        display: none
    }

    .create {
        background-color: #fff;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0
    }

    .create__content {
        padding: 22px 0;
        grid-gap: 32px
    }

    .block-create__title {
        font-size: 18px;
        line-height: 21px
    }

    .block-create {
        grid-gap: 16px;
        grid-column: auto
    }

    .block-create[data-column="2"] {
        grid-column: auto
    }

    .block-create__header {
        grid-gap: 8px
    }

    .block-create__input-counter {
        font-size: 12px;
        line-height: 18px
    }

    textarea.block-create__input {
        max-height: 126px
    }

    .create__blocks {
        grid-template-columns: 1fr;
        grid-gap: 32px
    }

    .create__buttons {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 8px;
        justify-items: stretch;
        max-width: 450px;
        width: 100%;
        margin: 0 auto
    }

    .create__footer {
        grid-gap: 16px
    }

    .create__option {
        font-size: 14px;
        line-height: 20px;
        padding: 0
    }

    .create__options {
        display: grid;
        grid-gap: 8px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        justify-items: center;
        justify-self: center;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .block-create__list {
        grid-gap: 4px
    }

    .create__rates {
        grid-template-columns: 1fr;
        grid-gap: 16px
    }

    .rate-create__body {
        display: grid;
        grid-auto-flow: column;
        -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
    }

    .rate-create__button {
        padding: 9px 40px
    }

    .create__button {
        width: 100%
    }
}

.orders {
    margin: 42px 0 100px 0
}

.orders__content {
    display: grid;
    grid-gap: 30px
}

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

.orders__title {
    font-size: 28px;
    line-height: 50px;
    font-weight: 400;
    color: #060427
}

.orders__headeliner {
    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;
    grid-gap: 16px
}

.orders__headeliner-left {
    max-width: 570px;
    -webkit-flex-shrink: .6;
    -ms-flex-negative: .6;
    flex-shrink: .6;
    width: 100%
}

.orders__button {
    border-color: #ff8d5c
}

.orders__headeliner-right {
    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;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.orders__body {
    display: grid;
    grid-template-columns: 1fr 450px;
    grid-gap: 30px
}

.orders__options {
    display: grid;
    gap: 20px
}

.orders__tab {
    font-size: 22px;
    line-height: 29px;
    color: #6a687d;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.orders__tab:hover {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.orders__tab.active {
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-weight: 500;
    pointer-events: none
}

.orders__tabs {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 46px
}

.order__views {
    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;
    grid-gap: 5px
}

.order__views-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.order__views-value {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6a687d
}

.order__slider {
    position: relative;
    overflow: hidden;
    justify-self: start;
    margin: 0 -29px 0 -29px;
    padding: 0 29px
}

.order__slider-arrows {
    padding: 0 52px
}

.order__slider-arrows .swiper-arrow {
    width: 30px;
    height: 30px
}

.order__slider-arrows .swiper-arrow svg {
    width: 30px;
    height: 30px
}

.list-orders {
    display: grid;
    grid-gap: 20px
}

.order {
    padding: 29px;
    border: 1px solid #e5e8f7;
    background-color: #fff;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order:hover {
    border-color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order[data-status=pro] {
    background-color: #ffefe8;
    border: 1px solid #ffceb9;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order[data-status=pro]:hover {
    border-color: #ff8d5c;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order[data-status=pro] .tag .tag__value {
    background-color: #fff;
    border-color: #fff
}

.order__content {
    display: grid;
    grid-gap: 16px
}

.order__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;
    gap: 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.order__headliner {
    display: grid;
    gap: 8px
}

.order__deadline {
    width: 100%;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6a687d
}

.order__title {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order__title:hover {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order__price {
    font-size: 18px;
    line-height: 21px;
    color: #060427;
    font-weight: 400;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.order__info {
    max-width: 250px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 32px
}

.order__description {
    display: grid;
    grid-gap: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427;
    text-wrap: balance
}

.slide-order__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden
}

.slide-order__image img {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.order__body {
    display: grid;
    grid-gap: 8px
}

.slide-order {
    max-width: 200px;
    margin-right: 16px
}

.slide-order:last-child {
    margin-right: 0
}

.slide-order[data-size=mini] {
    max-width: 200px
}

.slide-order[data-size=mini] .project__image img {
    height: 200px
}

.order__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;
    gap: 16px;
    -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
}

.order__date {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6a687d
}

.order__subtitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6a687d
}

.order__additional {
    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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 16px;
    grid-row-gap: 8px
}

.order__additional-left {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 15px;
    grid-row-gap: 8px
}

.order__additional-right {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-column-gap: 15px;
    grid-row-gap: 8px
}

.order__labels {
    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;
    grid-gap: 8px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.order__label {
    padding: 2px 7px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    background-color: #243d66;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.order__label[data-label=pro] {
    background-color: #7400ff
}

.order__label[data-label=quickly] {
    background-color: #ff6262
}

.order__tags-list {
    pointer-events: none
}

.orders__side-content {
    position: -webkit-sticky;
    position: sticky;
    top: 24px;
    display: grid;
    grid-gap: 30px
}

.order__side-title {
    max-width: 280px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    font-weight: 400
}

.profile-order {
    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;
    grid-gap: 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.orders__side-info {
    background-color: #fff;
    padding: 30px 64px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    gap: 32px
}

.profile-order__price {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #060427
}

.order__text {
    width: 100%;
    display: grid;
    gap: 4px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

.profile-order__card {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 6px
}

.profile-order__card:hover .profile-order__title {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.profile-order__title {
    margin-left: 2px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #060427
}

.profile-order__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-order__image img {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.profile-order__pro {
    display: none;
    padding: 1px 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #7400ff;
    color: #fff;
    font-size: 10px;
    line-height: 14px
}

.profile-order[data-online=true] .profile-order__image {
    position: relative
}

.profile-order[data-online=true] .profile-order__image::after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 0;
    z-index: 2;
    background-color: #7400ff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid #e5e8f7
}

.profile-order[data-status=pro] .profile-order__pro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.more-orders {
    display: grid;
    grid-gap: 30px
}

.orders__main {
    display: grid;
    grid-gap: 85px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start
}

.order__tags-slider {
    overflow: hidden;
    padding: 0 29px;
    margin: 8px -29px 0 -29px
}

.order__tags-slider .tag {
    width: auto;
    pointer-events: none
}

.order__tags-slider .tag__value {
    cursor: default;
    pointer-events: none
}

.order__tags-slider .tag[data-status=added] {
    pointer-events: none
}

.order__tags-slider .tag[data-status=added] .tag__value {
    border-color: transparent;
    pointer-events: none
}

.order__tags-slider .tag[data-status=added] .tag__value::after {
    display: none
}

.orders__sorting .checkbox__text {
    font-size: 14px;
    line-height: 40px
}

.orders__sorting .checkbox__icon {
    display: none
}

.orders__sorting .checkbox__input:checked+.checkbox__icon+.checkbox__text {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order__more {
    justify-self: start;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 4px
}

.order__more-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.order__more-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6a687d
}

.order__profile {
    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: 8px
}

.order__profile-image {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.order__profile-image img {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.order__profile-text {
    font-size: 14px;
    font-weight: 500;
    color: #060427
}

.order__delete {
    font-size: 14px;
    line-height: 28px;
    color: #9b9ba9;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order__delete:hover {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order__footer-right {
    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: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 30px
}

.order-doc {
    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;
    width: auto;
    gap: 6px;
    max-width: 214px;
    background-color: #fff;
    padding: 1px 9px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-right: 8px;
    border: 1px solid #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order-doc:last-child {
    margin-right: 0
}

.order-doc:hover {
    border-color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order-doc:hover .order-doc__title {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order-doc:hover .order-doc__icon svg path:first-child {
    fill: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order-doc:hover .order-doc__icon svg path:nth-child(2) {
    stroke: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order-doc__image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.order-doc__image img {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.order-doc__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.order-doc__size {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.order-doc__main {
    display: grid;
    gap: 4px
}

.order-doc__side {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: grid
}

.order-doc__icon {
    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;
    width: 20px;
    height: 20px
}

.order-doc__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1460px) {
    .orders__body {
        grid-template-columns:1fr
    }

    .orders__body:has(.filter) {
        grid-template-columns: 1fr 400px
    }
}

@media screen and (max-width: 1240px) {
    .orders__headeliner {
        display:grid
    }

    .orders__side-content {
        position: static!important;
        margin: 0
    }

    .orders__body {
        grid-template-columns: 1fr
    }

    .orders__body:has(.filter) {
        grid-template-columns: 1fr
    }

    .orders__side {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

@media screen and (max-width: 767px) {
    .orders__tabs {
        display:none
    }

    .orders {
        margin: 12px 0 52px 0;
        background-color: #fff;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0
    }

    .orders__headeliner {
        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;
        grid-gap: 8px;
        width: 100%
    }

    .orders__buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 8px;
        width: 100%
    }

    .orders__headeliner-right {
        width: 100%;
        grid-gap: 16px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .order {
        padding: 21px;
        -webkit-border-radius: 8px;
        border-radius: 8px
    }

    .order__title {
        font-size: 16px;
        line-height: 18px
    }

    .order__info {
        display: grid;
        grid-gap: 8px
    }

    .order__price {
        font-size: 16px;
        line-height: 18px
    }

    .order__content {
        grid-gap: 24px
    }

    .order__date {
        font-size: 12px;
        line-height: 18px;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order__subtitle {
        font-size: 12px;
        line-height: 18px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order__views {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order__labels {
        grid-gap: 4px;
        min-width: 35%;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .orders__sorting .checkbox__icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .orders__sorting .cloud__checkboxes {
        grid-gap: 0
    }

    .orders__button {
        padding: 8px
    }

    .orders__body {
        grid-gap: 0;
        min-height: auto
    }

    .orders__side-content {
        position: static
    }

    .orders__content {
        grid-gap: 16px;
        padding: 22px 0 48px 0
    }

    .list-orders {
        grid-gap: 16px
    }

    .slide-order[data-size=mini] {
        max-width: 147px;
        margin-right: 8px
    }

    .slide-order[data-size=mini]:last-child {
        margin: 0
    }

    .slide-order[data-size=mini] .project__image img {
        height: 147px
    }

    .order__slider-arrows {
        display: none
    }

    .order__additional-right {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .order__additional-left {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .profile-order__price {
        font-size: 16px;
        line-height: 28px;
        font-weight: 400
    }

    .order__button {
        width: 100%
    }

    .orders__back {
        display: none
    }

    .orders__title {
        display: none
    }

    .orders__main {
        grid-gap: 24px
    }

    .more-orders {
        grid-gap: 24px;
        padding: 22px 15px;
        background-color: #f4f6fa;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        margin: 0 -15px
    }

    .more-orders__title {
        font-size: 18px;
        line-height: 22px;
        text-align: center
    }

    .orders__header:has(.orders__back) {
        display: none
    }

    .pro-orders {
        position: fixed;
        z-index: 210;
        width: 100%;
        height: 100vh;
        height: 100svh;
        top: 0;
        left: 0;
        background-color: rgba(6,4,39,.2);
        display: grid;
        -webkit-align-content: end;
        -ms-flex-line-pack: end;
        align-content: end;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .pro-orders__content {
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        padding: 24px;
        grid-gap: 44px;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .pro-orders.active {
        opacity: 1;
        pointer-events: all;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .pro-orders.active .pro-orders__content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .pro-orders__buttons {
        max-width: 450px;
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-gap: 8px
    }

    .pro-orders__footer {
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media screen and (max-width: 475px) {
    .order__subtitle {
        min-width:200px
    }
}

.menu {
    display: none;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-align-content: end;
    -ms-flex-line-pack: end;
    align-content: end;
    position: fixed;
    z-index: 102;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: transparent;
    pointer-events: none;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.menu:has(.item-menu.active) {
    background-color: rgba(6,4,39,.2);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    pointer-events: all
}

.menu__wrapper {
    max-width: 100%;
    background-color: #fff;
    border-top: 1px solid #e0eaf6;
    position: relative;
    pointer-events: all
}

.menu__content {
    position: relative
}

.menu__list {
    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;
    grid-gap: 16px;
    padding: 8px 9px;
    background-color: #fff
}

.item-menu.active .item-menu__more {
    opacity: 1;
    pointer-events: all;
    bottom: 100%;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    z-index: -1
}

.item-menu.active .item-menu__profile-image img {
    border-color: #6a687d;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-menu.active .item-menu__cell-icon svg {
    fill: #dddaff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-menu.active .item-menu__cell-title {
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-menu__profile-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.item-menu__profile-image img {
    border: 2px solid transparent;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.item-menu__cell-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.item-menu__cell-icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-menu__cell {
    position: relative;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    grid-gap: 2px
}

.item-menu__cell-counter {
    position: absolute;
    right: -5px;
    top: 0;
    font-size: 9px;
    line-height: 9px;
    height: 14px;
    min-width: 14px;
    padding: 1px 2px;
    pointer-events: none
}

.item-menu__cell-title {
    font-size: 12px;
    line-height: 18px;
    color: #9b9ba9;
    font-weight: 500;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.item-menu__more {
    position: absolute;
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    bottom: 0;
    left: -15px;
    background-color: #fff;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: -2
}

.item-menu__more-header {
    padding: 8px 33px 10px 33px;
    border-bottom: 1px solid #e0eaf6
}

.item-menu__more-body {
    padding: 8px 33px 10px 33px;
    display: grid;
    grid-gap: 16px;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: center
}

.item-menu__more-content {
    -webkit-box-shadow: 0 7px 15px 0 #6a687D1A;
    box-shadow: 0 7px 15px 0 #6a687D1A
}

.item-menu__more-title {
    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: 40px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.item-menu__more-list {
    width: 100%;
    display: grid;
    justify-items: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 5px
}

.item-menu__more-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;
    grid-gap: 5px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #060427
}

.item-menu__more-link span {
    font-weight: 500
}

@media screen and (max-width: 1240px) {
    .menu {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 767px) {
    .item-menu__cell-title {
        font-size:10px;
        line-height: 12px
    }

    .menu__list {
        padding: 6px 9px
    }

    body:has(.item-menu.active) {
        overflow: hidden
    }
}

.headliner {
    display: none;
    margin: 12px 0
}

.headliner__content {
    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;
    grid-gap: 12px
}

.headliner__content:has(.headliner__subtitle) {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.headliner__back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2
}

.headliner__to-edit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.headliner__to-edit.active {
    display: none
}

.headliner__to-edit.active+.js-dialog__to-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.headliner__to-edit.active svg path {
    fill: #7400ff
}

.headliner__to-edit.active svg rect {
    stroke: #7400ff
}

.headliner__left {
    min-width: 16px
}

.headliner__middle {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: grid;
    grid-gap: 6px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    justify-self: center
}

.headliner__title {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    max-width: 260px;
    margin: 0 auto;
    justify-self: center;
    text-align: center;
    color: #060427
}

.headliner__right {
    min-width: 16px;
    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;
    grid-gap: 8px
}

.headliner__tabs {
    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;
    grid-gap: 32px
}

.headliner__tab {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #9b9ba9
}

.headliner__tab.active {
    color: #060427
}

.headliner__to-close {
    display: none
}

.headliner__to-close.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

body:has(.dialog.active) .headliner__to-edit {
    display: none
}

body:has(.dialog.active) .headliner__to-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

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

.headliner__logo img,.headliner__logo svg {
    max-height: 30px
}

.headliner__subtitle {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: 400
}

.headliner__settings {
    display: none
}

.headliner__settings .settings-chat__cloud {
    left: 0;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: 100%;
    z-index: 999
}

.headliner__settings .settings-chat__icon {
    width: 32px;
    height: 32px
}

.headliner__settings .cloud__list {
    grid-gap: 4px;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    justify-items: stretch;
    width: 100%
}

.headliner__settings .cloud__list li {
    width: 100%
}

.headliner__settings .cloud__list a {
    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;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0
}

.headliner__settings .cloud__list .button {
    width: 100%
}

.headliner__settings .cloud__body {
    padding: 24px 15px
}

.headliner__settings .cloud__content {
    border-top: 1px solid #e5e8f7
}

.headliner__settings .settings-chat__cloud.active {
    opacity: 1
}

.headliner__settings .settings-chat__cloud.active .cloud__content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: all
}

body:has(.dialog.active) .headliner__to-close {
    display: none
}

body:has(.dialog.active) .headliner__settings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1240px) {
    .headliner {
        display:block
    }
}

.accordions__list {
    display: grid;
    grid-gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.accordion {
    background-color: #fff;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden
}

.accordion.active .accordion__icon {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.accordion__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;
    grid-gap: 16px;
    cursor: pointer;
    padding: 16px
}

.accordion__body {
    display: none;
    padding: 0 16px 16px 16px
}

.accordion__title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #060427
}

.accordion__text {
    font-size: 16px;
    line-height: 22px;
    color: #060427;
    font-weight: 400
}

.accordion__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.accordion__icon svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.page {
    margin: 24px 0 56px 0
}

body:has(.page) {
    background-color: #fff
}

.page__content {
    display: grid;
    grid-gap: 40px
}

.page__header {
    padding: 70px;
    display: grid;
    grid-gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    min-height: 240px;
    background-color: #dddaff;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    position: relative;
    overflow: hidden
}

.page__body {
    max-width: 930px
}

.page__icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 600px
}

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

.page__title {
    max-width: 600px;
    position: relative;
    z-index: 2
}

.page__description {
    position: relative;
    z-index: 2;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
    color: #060427
}

.page__form {
    background-color: transparent;
    border: none;
    padding: 0
}

@media screen and (max-width: 767px) {
    .page {
        margin:12px 0 56px 0
    }

    .page__header {
        padding: 16px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        justify-items: center;
        grid-gap: 8px;
        min-height: 115px;
        -webkit-border-radius: 8px;
        border-radius: 8px
    }

    .page__title {
        font-size: 18px;
        line-height: 25px;
        text-align: center
    }

    .page__description {
        font-size: 14px;
        line-height: 22px;
        text-align: center
    }

    .page__content {
        grid-gap: 22px
    }
}

.best {
    margin: 100px 0;
    overflow: hidden
}

.best__content {
    padding: 28px 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;
    grid-gap: 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.best__header {
    display: grid;
    grid-gap: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.best__footer {
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 16px
}

.best__slider {
    position: relative
}

.best__slide {
    margin-right: 30px
}

.best__slide:last-of-type {
    margin-right: 0
}

.best__slide .project__image img {
    height: 330px
}

.home-page[data-login=false] .best {
    margin: 0;
    padding: 100px 0;
    background-color: #f4f6fa
}

.home-page[data-login=false] .best .best__content {
    padding: 0
}

@media screen and (max-width: 1240px) {
    .best__slide {
        margin-right:16px
    }

    .best__slide:last-child {
        margin-right: 0
    }

    .best__content {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .best {
        margin:48px 0
    }

    .best__header {
        grid-gap: 8px
    }

    .best__slide {
        max-width: 235px
    }

    .best__slider-arrows {
        display: none
    }

    .best__slider {
        justify-self: start;
        max-width: 92vw
    }

    .best__content {
        grid-gap: 24px
    }

    .best__button {
        min-width: 200px
    }

    .best__text {
        max-width: 345px;
        text-align: center
    }

    .home-page[data-login=false] .best {
        margin: 0;
        padding: 48px 0
    }
}

.intro {
    margin: 60px 0 44px 0
}

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

.option-intro__headliner-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.option-intro__headliner-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #060427
}

.option-intro__text {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #060427;
    position: relative;
    z-index: 2
}

.option-intro {
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #e5e8f7;
    overflow: hidden
}

.option-intro[data-color=violet] {
    background-color: #7400ff
}

.option-intro[data-color=violet] .option-intro__headliner-title {
    color: #fff
}

.option-intro[data-color=violet] .option-intro__text {
    color: #fff
}

.option-intro[data-color=orange] {
    background-color: #ff8d5c
}

.option-intro[data-color=orange] .option-intro__headliner-title {
    color: #fff
}

.option-intro[data-color=orange] .option-intro__text {
    color: #fff
}

.option-intro__link {
    padding: 18px 170px 18px 30px;
    display: grid;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    grid-gap: 8px;
    position: relative
}

.option-intro__link:hover .option-intro__icon {
    -webkit-transform: translateY(-50%) rotateZ(-45deg) scale(1.05);
    -ms-transform: translateY(-50%) rotate(-45deg) scale(1.05);
    transform: translateY(-50%) rotateZ(-45deg) scale(1.05);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.option-intro__headliner {
    position: relative;
    z-index: 2;
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 6px
}

.option-intro__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.option-intro__icon img,.option-intro__icon svg {
    width: 24px;
    height: 24px
}

.intro__options {
    display: grid;
    grid-gap: 14px;
    height: 100%
}

.option-intro__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: -36px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.option-intro__icon img,.option-intro__icon svg {
    width: 180px;
    height: 180px
}

.intro__body {
    display: grid;
    grid-template-columns: 1.42fr 1fr;
    grid-gap: 30px
}

.profile-intro {
    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;
    grid-gap: 24px;
    min-height: 250px;
    padding: 24px 32px 32px 32px;
    background-color: #fff;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #e0eaf6
}

.profile-intro[data-status=pro] .profile-intro__title {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 2px
}

.profile-intro[data-status=pro] .profile-intro__title::after {
    margin-left: 8px;
    content: "pro";
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    background-color: #7400ff;
    padding: 6px 8px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.profile-intro__cells {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    grid-column-gap: 48px;
    grid-row-gap: 12px
}

.profile-intro__options {
    display: grid;
    grid-gap: 12px
}

.profile-intro__text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #060427
}

.profile-intro__cell {
    display: grid;
    grid-gap: 2px;
    justify-items: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    position: relative
}

.profile-intro__cell:last-child::after {
    display: none
}

.profile-intro__cell::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #e0eaf6;
    position: absolute;
    right: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.profile-intro__cell-title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #060427
}

.profile-intro__cell-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.profile-intro__cell-arrow svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.profile-intro__cell-value {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #060427
}

.profile-intro__cell-top {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 2px
}

.profile-intro__cell-top:hover .profile-intro__cell-arrow {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.profile-intro__cell-top:hover .profile-intro__cell-arrow svg path {
    stroke: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.profile-intro__cell-top:hover .profile-intro__cell-title {
    color: #7400ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.profile-intro__cell-title {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 6px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #060427;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.profile-intro__top {
    display: grid;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding-right: 210px;
    grid-gap: 24px;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.profile-intro__user {
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #9b9ba9
}

.profile-intro__status {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #060427
}

.profile-intro__title {
    font-size: 28px;
    line-height: 33px;
    font-weight: 500;
    color: #060427
}

.profile-intro__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 0
}

.profile-intro__image img {
    width: 190px;
    height: 190px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.profile-intro__data {
    display: grid;
    grid-gap: 8px;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start
}

.profile-intro__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 8px
}

.profile-intro__button {
    min-width: 235px;
    grid-gap: 10px;
    font-size: 14px;
    line-height: 22px
}

.profile-intro__button:hover span {
    color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.profile-intro__button span {
    padding: 3px 4px;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    color: #7400ff;
    font-weight: 400;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1240px) {
    .intro__body {
        grid-template-columns:1fr
    }

    .profile-intro__image {
        position: static
    }

    .profile-intro__cells {
        padding-right: 0
    }

    .profile-intro__top {
        padding: 0
    }

    .option-intro__headliner-icon {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .intro {
        margin:16px 0 48px;
        overflow: hidden
    }

    .intro__content {
        grid-gap: 16px
    }

    .profile-intro__image {
        position: static
    }

    .profile-intro {
        padding: 15px;
        grid-gap: 16px
    }

    .profile-intro__top {
        padding: 0;
        grid-gap: 16px
    }

    .profile-intro__image {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .profile-intro__image img {
        width: 82px;
        height: 82px
    }

    .profile-intro__title {
        font-size: 18px;
        line-height: 21px;
        font-weight: 500;
        text-align: center
    }

    .profile-intro__user {
        text-align: center;
        margin: 0;
        font-size: 12px;
        line-height: 18px
    }

    .profile-intro__status {
        font-size: 12px;
        line-height: 18px;
        text-align: center
    }

    .profile-intro__button {
        max-width: 100%;
        width: 100%
    }

    .profile-intro__cell {
        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;
        grid-gap: 8px;
        border-bottom: 1px solid #e0eaf6
    }

    .profile-intro__cell:last-child {
        border-bottom: none
    }

    .profile-intro__cell::after {
        display: none
    }

    .profile-intro__cells {
        display: grid;
        grid-gap: 3px
    }

    .profile-intro__cell-arrow {
        display: none
    }

    .profile-intro__cell-title {
        grid-gap: 5px;
        color: #7400ff
    }

    .profile-intro__cell-title svg {
        width: 16px;
        height: 16px
    }

    .intro__body {
        grid-gap: 16px
    }

    .intro__options {
        grid-gap: 8px
    }

    .option-intro__link {
        padding: 11px 110px 11px 15px;
        grid-gap: 2px
    }

    .option-intro__headliner-title {
        font-size: 14px;
        line-height: 22px
    }

    .option-intro__headliner-icon svg {
        width: 16px;
        height: 16px
    }

    .option-intro__text {
        font-size: 14px;
        line-height: 16px
    }

    .option-intro__icon {
        right: -16px
    }

    .option-intro__icon svg {
        width: 92px;
        height: 92px
    }

    .intro__header {
        overflow: auto;
        padding: 0 100px;
        margin: 0 -100px
    }

    .intro__header::-webkit-scrollbar {
        height: 0;
        width: 0;
        display: none
    }

    .intro__tabs {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .profile-intro[data-status=pro] .profile-intro__title {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .profile-intro[data-status=pro] .profile-intro__title::after {
        display: none
    }

    .profile-intro[data-status=pro] .profile-intro__image {
        position: relative;
        justify-self: center
    }

    .profile-intro[data-status=pro] .profile-intro__image::after {
        content: "pro";
        position: absolute;
        right: 2px;
        top: 2px;
        z-index: 2;
        padding: 3px 5px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        text-transform: uppercase;
        background-color: #7400ff;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        color: #fff
    }
}

.slideshow {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.slideshow__wrapper {
    padding: 0;
    max-width: 100%
}

.slide-slideshow__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.slide-slideshow__image img {
    width: 100%;
    height: 100vh;
    height: 100svh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media screen and (max-width: 767px) {
    .slide-slideshow__image img {
        height:100svh
    }
}

.login {
    padding: 80px 0;
    height: 100%
}

.login__form {
    max-width: 618px;
    width: 100%;
    margin: 0 auto
}

.login__wrapper {
    height: 100%
}

.login__content {
    height: 100%;
    display: grid;
    -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
}

@media screen and (max-width: 767px) {
    .login {
        padding:16px 0 80px 0
    }
}

.error {
    margin: 130px 0
}

.error__content {
    max-width: 810px;
    margin: 0 auto;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    grid-gap: 38px
}

.error__title {
    margin-bottom: 4px;
    text-align: center;
    text-wrap: balance
}

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

.error__image img {
    width: 100%;
    height: auto
}

.error__button {
    padding: 15px 54px;
    font-size: 20px;
    line-height: 28px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.error__button:hover {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 767px) {
    .error {
        margin:0
    }

    .error__content {
        min-height: -webkit-calc(100svh - 64px);
        min-height: calc(100svh - 64px);
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        grid-gap: 32px;
        padding-top: 32px;
        padding-bottom: 150px
    }

    .error__button {
        font-size: 16px;
        line-height: 24px;
        padding: 8px 24px
    }
}

.emptyOrders {
    background-image: url(../img/orders/orders__bg-1.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    position: relative
}

.emptyOrders::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(6,4,39,.1);
    position: absolute;
    left: 0;
    top: 0
}

.emptyOrders__content {
    display: grid;
    grid-gap: 40px;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    min-height: 82vh;
    padding: 44px 0 100px 0;
    position: relative;
    z-index: 2
}

.emptyOrders__back .back__title {
    color: #fff
}

.emptyOrders__title {
    font-size: 48px;
    line-height: 56px;
    color: #fff
}

.emptyOrders__text {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #fff
}

.emptyOrders__content-middle {
    display: grid;
    grid-gap: 24px;
    text-align: center
}

.emptyOrders__button {
    padding: 12px 98px;
    font-size: 20px;
    line-height: 28px
}

.emptyOrders__content-bottom {
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emptyOrders__content-top {
    display: grid;
    margin-bottom: 16px
}

.emptyOrders__link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-self: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    grid-gap: 10px;
    background-color: #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px
}

.emptyOrders__link-title {
    font-size: 20px;
    line-height: 30px;
    color: #060427;
    font-weight: 500
}

.emptyOrders__link-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1240px) {
    .emptyOrders__back {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .emptyOrders__content {
        padding:32px 0 72px 0;
        min-height: -webkit-calc(100svh - 32px - 52px);
        min-height: calc(100svh - 32px - 52px);
        grid-gap: 56px
    }

    .emptyOrders__title {
        font-size: 24px;
        line-height: 32px
    }

    .emptyOrders__content-middle {
        grid-gap: 16px
    }

    .emptyOrders__text {
        font-size: 14px;
        line-height: 20px
    }

    .emptyOrders__button {
        padding: 7px 41px;
        font-size: 16px;
        line-height: 22px
    }

    .emptyOrders__link-title {
        font-size: 16px;
        line-height: 24px
    }

    .emptyOrders__link-icon img,.emptyOrders__link-icon svg {
        width: 24px;
        height: 24px
    }

    .emptyOrders__link {
        padding: 10px
    }

    .emptyOrders__content-top {
        margin-bottom: 0
    }
}

.block {
    margin: 144px 0
}

.block__content {
    display: grid;
    grid-gap: 44px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.block__header {
    display: grid;
    grid-gap: 28px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center
}

.block__header h1 {
    font-size: 44px;
    line-height: 66px;
    font-weight: 500;
    text-align: center
}

.block__header h2 {
    font-size: 40px;
    line-height: 47px;
    font-weight: 500;
    text-align: center
}

.block__header h3 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
    text-align: center
}

.block__title {
    max-width: 900px
}

.block-text {
    max-width: 1170px;
    margin: 0 auto;
    display: grid;
    grid-gap: 24px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #060427;
    text-align: center
}

.block__button {
    padding: 14px 50px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.neuro__content {
    display: grid;
    grid-gap: 40px;
    background-color: #fff;
    padding: 30px 38px;
    border: 2px solid #7400ff;
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.neuro__header {
    display: grid;
    grid-gap: 40px
}

.neuro__headliner {
    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;
    align-items: center;
    grid-gap: 12px
}

.neuro__headliner-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.neuro__headliner-image img {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.neuro__headliner-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #000
}

.neuro__steps {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 16px
}

.neuro__step {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #060427;
    padding: 9px 20px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-color: #f4f6fa
}

.neuro__step.active {
    background-color: #7400ff;
    color: #fff
}

.text-neuro {
    font-size: 16px;
    line-height: 22px;
    color: #060427;
    display: grid;
    grid-gap: 22px
}

.neuro__form {
    display: grid;
    grid-gap: 16px
}

.neuro__form-buttons {
    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;
    grid-gap: 8px 18px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.neuro__form-button:first-child {
    min-width: 235px
}

.neuro__form-textarea {
    padding: 11px 15px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    resize: none;
    font-size: 14px;
    line-height: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    min-height: 168px;
    color: rgba(6,4,39,.7);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.neuro__form-textarea:focus {
    border-color: #243d66;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.neuro__form-textarea::-webkit-input-placeholder {
    color: #757575
}

.neuro__form-textarea::-moz-placeholder {
    color: #757575
}

.neuro__form-textarea:-ms-input-placeholder {
    color: #757575
}

.neuro__form-textarea::-ms-input-placeholder {
    color: #757575
}

.neuro__form-textarea::placeholder {
    color: #757575
}

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

.block-neuro__tags-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #060427
}

.block-neuro__tags-section {
    display: grid;
    grid-gap: 12px
}

.block-neuro__tags-sections {
    display: grid;
    grid-gap: 20px
}

.neuro__blocks {
    display: grid;
    grid-gap: 32px
}

.block-neuro {
    display: grid;
    grid-gap: 16px
}

.video-neuro {
    display: grid;
    grid-gap: 12px
}

.neuro__footer {
    display: grid;
    grid-gap: 40px
}

.neuro__button {
    justify-self: start
}

.video-neuro__frame {
    -webkit-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
    max-width: 410px;
    height: 310px;
    width: 100%
}

.footer {
    background-color: #262626;
    color: #fff
}

.footer__content {
    padding: 60px 0 80px 0;
    display: grid;
    grid-gap: 26px
}

.footer__copyright {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff
}

.footer__content-bottom {
    display: grid;
    grid-template-columns: 220px 1fr 260px;
    grid-gap: 20px;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
}

.footer__requisites {
    max-width: 860px;
    font-size: 12px;
    line-height: 14px;
    color: #6a687d;
    font-weight: 400
}

.footer__requisites a,.footer__requisites span {
    color: #fff
}

.footer__dev {
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #e5e8f7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__dev:hover {
    color: #7066e7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-column-gap: 80px;
    grid-row-gap: 24px
}

.footer__lists ul {
    display: grid;
    grid-gap: 13px
}

.footer__lists ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer__lists ul li a {
    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;
    grid-gap: 3px;
    color: #e0eaf6;
    font-size: 14px;
    line-height: 14px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__lists ul li a svg {
    margin-left: 2px
}

.footer__lists ul li a svg path {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__lists ul li a span {
    font-size: 7px;
    line-height: 8px;
    font-weight: 400;
    color: #fff;
    padding: 3px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-color: #7066e7
}

.footer__lists ul li a:hover {
    color: #7066e7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__lists ul li a:hover svg path {
    fill: #7066e7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__content-top {
    display: grid;
    grid-template-columns: 220px 1fr 260px;
    grid-gap: 20px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.footer__tel {
    font-size: 14px;
    line-height: 16px;
    color: #e5e8f7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__tel:hover {
    color: #7066e7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

.footer__social img,.footer__social svg {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.footer__info {
    display: grid;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-items: end;
    grid-gap: 30px
}

.footer__email {
    font-size: 14px;
    line-height: 16px;
    color: #e5e8f7;
    font-weight: 400;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__email:hover {
    color: #7066e7;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.footer__contacts {
    display: grid;
    grid-gap: 8px;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-items: end
}

.footer__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-self: start;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media screen and (max-width: 1240px) {
    .footer__content-top {
        grid-template-columns:1fr;
        justify-items: start;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-gap: 32px
    }

    .footer__info {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        grid-gap: 16px
    }

    .footer__lists {
        display: grid;
        grid-gap: 24px;
        grid-template-columns: 1fr 1fr;
        width: 100%
    }

    .footer__info {
        justify-items: start;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .footer__contacts {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        justify-items: start
    }

    .footer__content-bottom {
        grid-template-columns: 1fr;
        grid-gap: 16px
    }

    .footer__dev {
        text-align: left;
        justify-self: start
    }

    .footer__content {
        grid-gap: 48px
    }
}

@media screen and (max-width: 767px) {
    .home-page .footer {
        display:grid
    }

    .home-page .footer__content {
        padding-bottom: 76px
    }

    .footer {
        display: none
    }

    .footer__content {
        padding: 24px 0 72px;
        grid-gap: 32px
    }

    .footer__logo img {
        width: auto;
        max-height: 32px
    }

    .footer__content-top {
        grid-gap: 32px
    }

    .footer__lists {
        grid-template-columns: 1fr;
        grid-gap: 16px
    }

    .footer__lists ul {
        grid-gap: 16px
    }

    .footer__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: 100%;
        grid-gap: 8px
    }

    .footer__contacts {
        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;
        grid-gap: 24px
    }

    .footer__social img,.footer__social svg {
        width: 32px;
        height: 32px
    }

    .footer__socials {
        grid-gap: 8px
    }

    .footer__content-bottom {
        grid-template-columns: 1fr 1fr;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: 16px
    }

    .footer__requisites {
        grid-column: span 2;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .footer__requisites br {
        display: none
    }

    .footer__requisites p {
        display: inline
    }

    .footer__dev {
        justify-self: end;
        font-size: 12px;
        line-height: 14px
    }
}

.rate {
  margin: 88px 0;
}

.rate__content {
  display: grid;
  gap: 40px;
}

.rate__header {
  display: grid;
  gap: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rate__title {
  text-align: center;
}

.rate__tabs .tabs__item {
  padding: 14px 28px;
  background-color: #e5e8f7;
  color: #060427;
}

.block-rate {
  display: none;
}

.block-rate.active {
  display: grid;
}

.block__rate-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 30px;
}

.rate-item {
  min-height: 368px;
  padding: 36px 30px;
  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-border-radius: 16px;
  border-radius: 16px;
  background-color: #dddaff;
}

.rate-item__header {
  display: grid;
  gap: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
}

.rate-item__footer {
  display: grid;
  gap: 18px;
}

.rate-item__title {
  font-weight: 500;
}

.rate-item__subtitle {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: #060427;
}

.rate-item__price {
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-weight: 500;
}

.rate__tabs .tabs__item {
  padding: 14px 28px;
  background-color: #e5e8f7;
  color: #060427;
}

.rate__tabs .tabs__item.active {
  background-color: #000;
  color: #fff;
}

@media screen and (max-width: 1240px) {
  .wrapper {
    max-width: 767px;
  }
}

@media screen and (max-width: 1240px) {
  .rate__content {
    gap: 24px;
  }
}

@media screen and (max-width: 1240px) {
  .rate__header {
    gap: 24px;
  }
}

@media screen and (max-width: 1240px) {
  .rate__tabs {
    -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;
  }
}

@media screen and (max-width: 1240px) {
  .rate__tabs .tabs__item {
    padding: 7px 15px;
  }
}

@media screen and (max-width: 1240px) {
  .block__rate-list {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1240px) {
  .rate-item {
    min-height: auto;
  }
}

.intro__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: 12px 24px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rate[data-type="profile"] .rate__header {
  margin-bottom: 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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rate__value {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #060427;
}

.rate-item[data-active="true"] {
  border: 1px solid #7400ff;
}

.rate-item[data-active="true"] .rate-item__button {
  pointer-events: none;
  background-color: #060427;
  border-color: #060427;
}

.rate[data-type="profile"] {
  margin: -24px 0 140px;
}

.rate[data-type="profile"] .rate__content {
  background-color: #fff;
  padding: 40px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  gap: 15px;
}