.maxton-before-after{padding-block:4.3125rem 2.25rem;background:#fff;color:#121212}.maxton-before-after__copy{margin-block-end:2.0625rem}.maxton-before-after__copy h2{margin:0;color:#121212;font-size:2.5rem;font-weight:800;letter-spacing:-.075rem;line-height:1.2}.maxton-before-after__copy>p:not(.eyebrow){max-width:36rem;margin:.75rem 0 0;color:#121212bf;font-size:1rem;line-height:1.5}.maxton-before-after__slider,.maxton-before-after__static{position:relative;width:100%;height:31.875rem;margin:0;overflow:hidden;border-radius:1rem;background:#f2f2f2}.maxton-before-after__image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.maxton-before-after__image img{width:100%;height:100%;object-fit:cover;object-position:center}.maxton-before-after__image--after{clip-path:inset(0 0 0 var(--comparison-position))}.maxton-before-after__label{position:absolute;z-index:2;inset-block-start:1rem;padding:.25rem .625rem;border-radius:.25rem;background:#000;color:#fff;font-size:.8125rem;font-weight:700;line-height:1.5}.maxton-before-after__image--before .maxton-before-after__label{inset-inline-start:1rem}.maxton-before-after__image--after .maxton-before-after__label{inset-inline-end:1rem}.maxton-before-after__divider{position:absolute;z-index:3;inset-block:0;inset-inline-start:var(--comparison-position);width:2px;background:#fff;transform:translate(-1px);pointer-events:none}.maxton-before-after__handle{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:flex;width:3rem;height:3.5rem;align-items:center;justify-content:center;gap:.125rem;border-radius:.5rem;background:#fff;color:#000;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001f}.maxton-before-after__handle svg{width:.625rem;height:.625rem}.maxton-before-after__handle svg:first-child{transform:rotate(90deg)}.maxton-before-after__handle svg:last-child{transform:rotate(-90deg)}.maxton-before-after__range{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.maxton-before-after__range:focus-visible{opacity:.01}.maxton-before-after__slider:has(.maxton-before-after__range:focus-visible){outline:3px solid #121212;outline-offset:3px}.maxton-before-after__static{display:grid;place-items:center}.maxton-before-after__static img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.maxton-before-after__static figcaption{position:absolute;inset-inline-end:1rem;inset-block-end:.75rem;color:#757575;font-size:.75rem;letter-spacing:.02em}@media(max-width:989px){.maxton-before-after{padding-block:2.5rem 2rem}.maxton-before-after__copy{margin-block-end:1.5rem;padding-inline:.9375rem}.maxton-before-after__copy h2{font-size:1.625rem;letter-spacing:-.05rem}.maxton-before-after__stage{padding-inline:.9375rem}.maxton-before-after__slider,.maxton-before-after__static{height:auto;aspect-ratio:358 / 400}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-maxton-before-after.css.map */