.before-after-section{overflow:hidden}.before-after-section__header{margin-bottom:2rem}.before-after-section__heading{letter-spacing:0;text-transform:uppercase}.before-after-section__grid{display:grid;gap:2rem;max-width:var(--comparison-max-width);margin:0 auto}.before-after-section__item{display:grid;gap:1rem}.before-after-section__item-title{margin:0;text-align:center}.before-after-section__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.comparison-wrapper{background:var(--comparison-frame-bg);border-radius:calc(var(--comparison-radius) + 6px);padding:8px;overflow:hidden;box-shadow:0 16px 10px #1212121f}.comparison-container{position:relative;overflow:hidden;aspect-ratio:var(--comparison-mobile-aspect-ratio);border-radius:var(--comparison-radius);cursor:ew-resize;touch-action:none;background:#1212120d}.comparison-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.comparison-image img,.comparison-image svg{display:block;width:100%;height:100%;object-fit:cover}.comparison-image-before{z-index:0}.comparison-image-after{z-index:1;clip-path:inset(0 0 0 50%)}.comparison-slider-line{position:absolute;top:0;bottom:0;left:50%;z-index:3;width:6px;background:var(--comparison-accent);transform:translate(-50%);pointer-events:none;box-shadow:0 0 0 1px #ffffff38}.comparison-slider-handle{position:absolute;top:50%;left:50%;z-index:4;display:flex;width:58px;height:58px;align-items:center;justify-content:center;gap:6px;border-radius:999px;background:var(--comparison-accent);color:#fff;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 14px 34px #12121238}.comparison-slider-handle__arrow{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.comparison-slider-handle__arrow--left{border-right:9px solid currentColor}.comparison-slider-handle__arrow--right{border-left:9px solid currentColor}.comparison-label{position:absolute;bottom:16px;z-index:5;min-width:76px;padding:.55rem 1rem;border-radius:999px;background:#121212b8;color:#fff;font-size:1.2rem;font-weight:700;line-height:1;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.comparison-label-before{left:16px}.comparison-label-after{right:16px}.comparison-range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison-container:focus-within .comparison-slider-handle{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}@media screen and (min-width:750px){.before-after-section__grid{gap:2.4rem}.comparison-container{aspect-ratio:var(--comparison-desktop-aspect-ratio)}.comparison-label{bottom:20px;font-size:1.3rem}.comparison-label-before{left:20px}.comparison-label-after{right:20px}}@media screen and (max-width:749px){.before-after-section__header{margin-bottom:1.5rem}.comparison-wrapper{padding:6px}.comparison-slider-line{width:5px}.comparison-slider-handle{width:50px;height:50px}.comparison-label{bottom:12px;min-width:64px;padding:.45rem .75rem;font-size:1.1rem}.comparison-label-before{left:12px}.comparison-label-after{right:12px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-before-after-comparison.css.map */