.as-before-after-slider{width:100%;padding:100px 0;overflow:hidden}.as-before-after-slider>.container{display:flex;flex-direction:column;gap:64px}.as-before-after-slider__header{display:flex;flex-direction:column;align-items:center;gap:32px;margin:0 auto;text-align:center}.as-before-after-slider__heading{margin:0;font-family:Cormorant,serif;font-weight:600;font-size:38px;line-height:1;letter-spacing:0;text-transform:uppercase}.as-before-after-slider__text{margin:0;font-family:Lato,sans-serif;font-weight:400;font-size:16px;line-height:1.5;max-width:490px;opacity:.7}.as-before-after-slider__text p{margin:0}.as-before-after-slider__slider{position:relative;width:100%}.as-before-after-slider__viewport{width:100%;overflow:hidden}.as-before-after-slider__track{display:flex;align-items:stretch;width:100%;gap:16px;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.as-before-after-slider__slide{flex:0 0 calc((100% - 48px)/4);min-width:0}.as-before-after-slider__pair{position:relative;width:100%;aspect-ratio:349 / 349;overflow:hidden;border-radius:6px}.as-before-after-slider__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.as-before-after-slider__image--placeholder{background:#e9e4d8}.as-before-after-slider__tag{position:absolute;top:14px;z-index:1;font-family:Lato,sans-serif;font-weight:400;font-size:13px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.35);opacity:.8}.as-before-after-slider__tag--before{left:20%}.as-before-after-slider__tag--after{right:20%}.as-before-after-slider__arrow{position:absolute;top:52%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:#212121;box-shadow:0 4px 14px #0000001f;cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease,color .2s ease}.as-before-after-slider__arrow svg{display:block;width:14px;height:14px}.as-before-after-slider__arrow--prev{left:-22px}.as-before-after-slider__arrow--next{right:-22px}.as-before-after-slider__arrow:hover{color:#000}.as-before-after-slider__arrow:disabled{display:none;cursor:default}.as-before-after-slider__arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.as-before-after-slider__progress{display:none}@media screen and (max-width:989px){.as-before-after-slider{padding:72px 0 80px}.as-before-after-slider>.container{gap:40px}.as-before-after-slider__heading{font-size:34px}.as-before-after-slider__slide{flex-basis:calc((100% - 24px) / 2.2)}.as-before-after-slider__arrow{width:40px;height:40px}.as-before-after-slider__arrow svg{width:20px;height:20px}}@media screen and (max-width:767px){.as-before-after-slider{padding:60px 0}.as-before-after-slider>.container{gap:32px}.as-before-after-slider__header{gap:12px}.as-before-after-slider__heading{max-width:320px;font-size:28px;line-height:1.1}.as-before-after-slider__text{font-size:15px}.as-before-after-slider__slider{width:100%;min-width:0}.as-before-after-slider__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.as-before-after-slider__viewport::-webkit-scrollbar{display:none}.as-before-after-slider__track{display:flex;align-items:stretch;width:max-content;min-width:100%;gap:12px;transform:none!important;transition:none;will-change:auto}.as-before-after-slider__slide{flex-basis:calc(100vw - 87px);width:calc(100vw - 87px);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.as-before-after-slider__arrow{display:none!important}.as-before-after-slider__tag--after{right:16%}.as-before-after-slider__progress{position:relative;display:block;width:100%;height:2px;margin-top:32px;overflow:hidden;border-radius:6px;background:#21212126}.as-before-after-slider__progress-thumb{position:absolute;top:0;left:0;display:block;width:25%;height:100%;border-radius:inherit;background:#212121;transform:translateZ(0);will-change:transform}}@media(prefers-reduced-motion:reduce){.as-before-after-slider__track{transition:none}.as-before-after-slider__viewport{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/as-before-after-slider.css.map */