.comparison-heading{text-align:center;max-width:760px;margin:0 auto 32px}.comparison-heading .section-heading{margin-bottom:18px}lusso-before-after{display:block}.comparison-frame{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--comparison-ratio,1);overflow:hidden;border-radius:var(--comparison-radius,0);background:#fff}.comparison-frame--combined{touch-action:pan-y}.comparison-frame--combined img{object-fit:var(--comparison-fit,contain);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.comparison-photo{position:absolute;top:0;right:0;bottom:0;left:0}.comparison-photo img{width:100%;height:100%;object-fit:cover}.comparison-before{z-index:1;clip-path:inset(0 calc(100% - var(--comparison-split,50%)) 0 0)}.comparison-photo .comparison-mobile-photo{display:none}.comparison-label{position:absolute;z-index:3;top:20px;padding:7px 14px;background:#111d;color:#fff;font-size:12px;letter-spacing:.1em;pointer-events:none}.comparison-label--before{left:20px}.comparison-label--after{right:20px}.comparison-divider{position:absolute;z-index:3;inset-block:0;left:var(--comparison-split,50%);width:2px;transform:translate(-50%);background:var(--comparison-accent);pointer-events:none}.comparison-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--comparison-accent);color:#111;font-size:26px;letter-spacing:4px;padding-left:4px;box-shadow:0 2px 15px #0002}.comparison-frame .comparison-range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison-frame:focus-within{outline:3px solid var(--comparison-accent);outline-offset:4px}.comparison-empty{display:grid;place-items:center;height:100%;color:#61574a;background:#e7dfd2;padding:20%;font-size:14px;text-align:center}.comparison-after .comparison-empty{background:#f5f0e8;padding-left:55%;padding-right:4%}.comparison-before .comparison-empty{padding-right:55%;padding-left:4%}.comparison-caption{text-align:center;margin-top:24px}.comparison-caption h3{margin-bottom:8px;font-size:22px}.comparison-editor-note{text-align:center;margin-top:20px}.comparison-navigation{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:24px}.comparison-navigation button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px;font-size:12px}.comparison-navigation [data-comparison-prev] svg{transform:rotate(180deg)}@media(max-width:899px){.comparison-frame{aspect-ratio:var(--comparison-mobile-ratio,1)}.comparison-photo.has-mobile .comparison-desktop-photo{display:none}.comparison-photo.has-mobile .comparison-mobile-photo{display:block}.comparison-label{top:12px;font-size:10px;padding:6px 10px}.comparison-label--before{left:12px}.comparison-label--after{right:12px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/before-after.css.map */