.before-after-slider{color:#fff}.before-after-slider__container{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media screen and (min-width: 990px){.before-after-slider__container{grid-template-columns:1fr 1fr;gap:5rem}}.before-after-slider__content{text-align:left}@media screen and (max-width: 989px){.before-after-slider__content{text-align:center}}.before-after-slider__heading{font-size:3.2rem;font-weight:700;line-height:1.2;margin:0 0 2rem;color:#fff}@media screen and (min-width: 750px){.before-after-slider__heading{font-size:4.4rem;margin-bottom:2.5rem}}.before-after-slider__description{font-size:1.6rem;line-height:1.7;color:#fff;margin:0}@media screen and (min-width: 750px){.before-after-slider__description{font-size:1.8rem;line-height:1.8}}.before-after-slider__description p{margin:0 0 1.5rem}.before-after-slider__description p:last-child{margin-bottom:0}.before-after-slider__wrapper{position:relative;width:100%;max-width:60rem;margin:0 auto}@media screen and (min-width: 990px){.before-after-slider__wrapper{max-width:none;width:100%}}.before-after-slider__slider{position:relative;width:100%;overflow:hidden;border-radius:1.2rem;background-color:#f5f5f5;user-select:none;-webkit-user-select:none;touch-action:pan-y}.before-after-slider__image-wrapper{position:relative;width:100%;display:block}.before-after-slider__image-wrapper--before{position:relative}.before-after-slider__image-wrapper--after{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0 50% 0 0)}.before-after-slider__image{width:100%;height:auto;display:block;pointer-events:none}.before-after-slider__slider-handle{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#fff;cursor:ew-resize;z-index:3;transform:translate(-50%)}.before-after-slider__slider-handle:before,.before-after-slider__slider-handle:after{content:"";position:absolute;left:50%;width:2px;height:100%;background-color:#fff;transform:translate(-50%)}.before-after-slider__slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5rem;height:5rem;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:.2rem;box-shadow:0 4px 12px #0003;cursor:ew-resize}@media screen and (min-width: 750px){.before-after-slider__slider-button{width:6rem;height:6rem}}.before-after-slider__slider-button svg{width:2rem;height:2rem;color:#000}@media screen and (min-width: 750px){.before-after-slider__slider-button svg{width:2.4rem;height:2.4rem}}.before-after-slider__caption{text-align:center;font-size:1.4rem;line-height:1.6;color:#fff;margin:2rem 0 0;opacity:.9}@media screen and (min-width: 750px){.before-after-slider__caption{font-size:1.6rem;margin-top:2.5rem}}.before-after-slider__slider-handle:hover .before-after-slider__slider-button{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 16px #00000040}.before-after-slider__slider-handle:active .before-after-slider__slider-button{transform:translate(-50%,-50%) scale(.95)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-before-after-slider.css.map */