before-after-slider-v3-section{display:block}.before-after-slider-v3{display:block;width:100%;background-color:var(--before-after-slider-v3-bg, #ffffff)}.before-after-slider-v3__inner{margin:0 auto}.before-after-slider-v3__header{margin:0 0 24px;text-align:center}.before-after-slider-v3__heading{margin:0;color:var(--before-after-slider-v3-heading-color, #178e96);font-family:var(--font-heading-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--font-size-3xl, 32px);font-weight:var(--font-heading-weight, 600);line-height:var(--line-height-tight, 1.2)}.before-after-slider-v3__stage{width:100%;margin:0 auto}.before-after-slider-v3__comparison{position:relative;width:100%;overflow:hidden;border-radius:var(--before-after-slider-v3-radius, 0px);aspect-ratio:var(--before-after-slider-v3-desktop-ratio, 16 / 9);background-color:var(--before-after-slider-v3-media-bg, #f2f2f2);user-select:none;-webkit-user-select:none;--before-after-position: var(--before-after-slider-v3-position, 50%)}.before-after-slider-v3__image,.before-after-slider-v3__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.before-after-slider-v3__media-image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.before-after-slider-v3__image--before{clip-path:inset(0 calc(100% - var(--before-after-position, 50%)) 0 0)}.before-after-slider-v3__divider{position:absolute;top:0;bottom:0;left:var(--before-after-position, 50%);width:2px;background-color:#fff;transform:translate(-50%);pointer-events:none;z-index:2;box-shadow:0 0 4px #0000004d}.before-after-slider-v3__handle{position:absolute;top:50%;left:50%;display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;background-color:#fff;box-shadow:0 2px 8px #00000040;transform:translate(-50%,-50%)}.before-after-slider-v3__handle svg{width:20px;height:20px;fill:none;stroke:#555;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.before-after-slider-v3__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.before-after-slider-v3__input:focus-visible+.before-after-slider-v3__divider .before-after-slider-v3__handle{outline:2px solid #178e96;outline-offset:3px}.before-after-slider-v3__empty{width:100%;margin:0 auto;padding:24px;border:1px dashed rgba(23,142,150,.35);border-radius:16px;color:var(--color-text-muted, #666666);text-align:center}.before-after-slider-v3--hidden-desktop,.before-after-slider-v3--hidden-mobile{display:block}@media(max-width:768px){.before-after-slider-v3__inner{padding-inline:12px}.before-after-slider-v3__header{margin-bottom:16px}.before-after-slider-v3__heading{font-size:var(--font-size-2xl, 24px)}.before-after-slider-v3__comparison{aspect-ratio:var(--before-after-slider-v3-mobile-ratio, 16 / 9)}.before-after-slider-v3__handle{width:36px;height:36px}.before-after-slider-v3__handle svg{width:16px;height:16px}}@media(max-width:480px){.before-after-slider-v3__heading{font-size:var(--font-size-xl, 20px)}}@media screen and (min-width:750px){.before-after-slider-v3--hidden-desktop{display:none!important}}@media screen and (max-width:749px){.before-after-slider-v3--hidden-mobile{display:none!important}}@media(prefers-reduced-motion:reduce){.before-after-slider-v3__divider,.before-after-slider-v3__handle,.before-after-slider-v3__media-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-before-after-slider-v3.css.map */