.before-after-wrapper{padding:4rem 0;background:#fff}.before-after-header{text-align:center;margin-bottom:2rem}.before-after-component{position:relative;width:90%;max-width:1200px;margin:0 auto;aspect-ratio:16 / 9;overflow:hidden}.before-after-component img{width:100%;height:100%;object-fit:cover;display:block}.before-layer,.after-layer{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.after-layer{clip-path:inset(0 0 0 50%)}.before-after-component[data-orientation=vertical] .after-layer{clip-path:inset(50% 0 0 0)}.image-label{position:absolute;padding:8px 16px;background-color:#0009;color:#fff;font-size:14px;font-weight:700;text-decoration:none;pointer-events:auto;transition:background .2s ease;border-radius:4px}.image-label:hover{background-color:#000c;text-decoration:underline}.before-label{bottom:20px;left:20px}.after-label{bottom:20px;right:20px}.before-after-component[data-orientation=vertical] .before-label{top:20px;left:20px;bottom:auto}.before-after-component[data-orientation=vertical] .after-label{bottom:20px;right:20px;top:auto}.slider-line{position:absolute;top:0;left:50%;height:100%;width:.125rem;background:#fff;transform:translate(-50%);cursor:ew-resize;z-index:4}.before-after-component[data-orientation=vertical] .slider-line{width:100%;height:3px;top:50%;left:0;transform:translateY(-50%);cursor:ns-resize}.slider-handle{width:50px;height:50px;background:none;border:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:grab;z-index:10}.slider-handle svg{display:block;width:100%;height:100%}@media (max-width: 768px){.image-label{font-size:12px;padding:4px 8px}.before-label,.after-label{bottom:10px}.before-label{left:10px}.after-label{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map */