.before-after{padding-block-start:clamp(3rem,4.5vw,4.5rem);background:var(--gradient-background);color:var(--color-foreground)}.before-after__header{display:grid;justify-items:start;gap:.75rem;padding-block-end:clamp(2rem,4vw,3.5rem)}.before-after__header h2{max-width:14ch;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(3.25rem,5.2vw,5rem);font-weight:400;line-height:.92;letter-spacing:-.025em;text-transform:uppercase}.before-after__header .rte{max-width:34rem;color:var(--color-muted);font-size:clamp(.95rem,1.2vw,1.08rem)}.comparison{position:relative;width:100%;aspect-ratio:12 / 5;min-height:34rem;overflow:hidden;background:#ebe9e5}.comparison__image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.comparison__image img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.comparison__image--after{clip-path:inset(0 0 0 var(--comparison-position))}.comparison__label{position:absolute;z-index:2;inset-block-start:50%;color:var(--color-foreground);font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;transform:translateY(-50%)}.comparison__label--before{inset-inline-start:max(var(--page-margin),3rem)}.comparison__label--after{inset-inline-end:max(var(--page-margin),3rem)}.comparison__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}.comparison__handle{position:absolute;top:50%;left:50%;display:flex;width:4rem;height:4rem;align-items:center;justify-content:center;gap:.45rem;background:#fff;color:#0b0b0b;box-shadow:0 0 0 1px #0b0b0b14;transform:translate(-50%,-50%)}.comparison__handle-icon{width:.72rem;height:.45rem}.comparison__handle-icon--previous{transform:rotate(90deg)}.comparison__handle-icon--next{transform:rotate(-90deg)}.comparison__range{position:absolute;z-index:4;inset-inline:0;inset-block-start:50%;width:100%;height:4rem;margin:0;opacity:0;cursor:ew-resize;transform:translateY(-50%)}.comparison__range:focus-visible{opacity:.01;outline:3px solid var(--color-accent);outline-offset:-6px}.comparison__meta{position:absolute;z-index:3;inset-inline:max(var(--page-margin),2rem);inset-block-end:1.4rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;color:#fff;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:auto}.comparison__meta p{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.comparison__meta .text-link{position:relative;z-index:5}.before-after__empty{display:grid;min-height:20rem;place-items:center;margin-block-end:2rem}@media(max-width:989px){.comparison{aspect-ratio:16 / 9;min-height:28rem}.comparison__image img{object-position:center 60%}}@media(max-width:639px){.before-after{padding-block-start:3.5rem}.before-after__header{padding-block-end:1.75rem}.before-after__header h2{max-width:12ch;font-size:clamp(2.7rem,12vw,3.5rem)}.comparison{aspect-ratio:4 / 5;min-height:0}.comparison__image img{object-position:center 60%}.comparison__label{inset-block-start:1rem;padding:.35rem .5rem;background:#f7f4efe0;transform:none}.comparison__label--before{inset-inline-start:1rem}.comparison__label--after{inset-inline-end:1rem}.comparison__handle{width:3.25rem;height:3.25rem}.comparison__meta{inset-inline:1rem;inset-block-end:1rem;align-items:flex-start;justify-content:space-between;gap:.75rem;font-size:.65rem}.comparison__meta p{display:grid;gap:.15rem}.comparison__meta p>span[aria-hidden=true]{display:none}}.comparison-heading{max-width:1004px;margin-inline:auto;padding:0 24px 14px;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.comparison--v1-d03{width:calc(100% - 48px);max-width:956px;margin-inline:auto;aspect-ratio:956 / 520;min-height:0;background:#fafafa}.comparison--v1-d03 .comparison__image img{position:absolute;inset:auto;left:-20.292887%;top:-3.846154%;width:131.171548%;height:auto;max-width:none;object-fit:initial}.comparison--v1-d03 .comparison__image--after img{top:-111.538462%}.comparison--v1-d03 .comparison__handle{width:44px;height:44px;border-radius:50%;gap:8px;font-size:24px;font-weight:400;line-height:1;box-shadow:0 2px 12px #00000029}.comparison--v1-d03:has(.comparison__range:focus-visible) .comparison__handle{outline:2px solid var(--color-accent);outline-offset:3px}.comparison-product{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding-block:1rem;font-size:.85rem}.comparison-product p{margin:0}@media(max-width:639px){.comparison-heading{padding-inline:16px;font-size:.65rem;padding-bottom:10px}.comparison--v1-d03{width:calc(100% - 32px)}.comparison-product{font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-before-after.css.map */