.before-after__header{text-align:center;margin-bottom:5.6rem;max-width:92rem;margin-left:auto;margin-right:auto}.before-after__subheading{display:inline-block;margin:0 0 1.8rem;font-size:1.05rem;font-weight:500;text-transform:uppercase;letter-spacing:.24em;color:rgba(var(--color-foreground),.34);font-family:ui-monospace,Courier New,monospace;line-height:1}.before-after__heading{margin:0 0 2rem;line-height:1.04;letter-spacing:-.025em}.before-after__text{max-width:64rem;margin:0 auto;color:rgba(var(--color-foreground),.5);font-size:1.55rem;line-height:1.78}.before-after__text p{margin:0}@media screen and (max-width:749px){.before-after__header{margin-bottom:3.6rem;text-align:left}}.before-after__compare{position:relative;width:100%;display:block;line-height:0;-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize}.before-after__stage{position:relative;border-radius:var(--ba-radius, 1.2rem);overflow:hidden;border:1px solid rgba(var(--color-foreground),.1);box-shadow:0 0 rgba(var(--color-foreground),0),0 4px 32px #00000012,0 1px 6px #0000000a}.before-after-section--full-width .before-after__stage{border-radius:0;border:none;box-shadow:none}.before-after__images{position:relative;width:100%}.before-after__layer{display:block;width:100%}.before-after__layer--before{position:relative}.before-after__layer--before img,.before-after__layer--before .placeholder-svg{display:block;width:100%;height:auto}.before-after__layer--after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--divider-pos, 50%));will-change:clip-path}.before-after__layer--after img,.before-after__layer--after .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.before-after__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--overlay-color, transparent);opacity:var(--overlay-opacity, 0)}.before-after__label{position:absolute;bottom:1.8rem;z-index:4;pointer-events:none;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.26em;line-height:1;font-family:ui-monospace,Courier New,monospace;color:#ffffff80}.before-after__label--before{left:2rem}.before-after__label--after{right:2rem}@media screen and (max-width:749px){.before-after__label{bottom:1.4rem;font-size:.75rem}.before-after__label--before{left:1.4rem}.before-after__label--after{right:1.4rem}}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--divider-pos, 50%);width:1px;background:#ffffffbf;z-index:3;pointer-events:none;transform:translate(-50%);will-change:left;box-shadow:0 0 1px #fff6,0 0 8px #ffffff0f}.before-after__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.6rem;height:3.6rem;border-radius:50%;background:#ffffffe0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 6px #ffffff0f,0 2px 16px #00000024,0 1px 4px #00000014;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:ew-resize;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.before-after__compare:hover .before-after__handle{box-shadow:0 0 0 8px #ffffff1a,0 4px 20px #0000002e,0 1px 4px #00000014}.before-after__compare:active .before-after__handle{transform:translate(-50%,-50%) scale(.95);box-shadow:0 0 0 10px #ffffff12,0 6px 24px #0003,0 2px 6px #0000001a}.before-after__handle:before,.before-after__handle:after{content:"";position:absolute;top:50%;width:1.5px;height:11px;background:#00000052;border-radius:2px}.before-after__handle:before{left:calc(50% - 4px);transform:translateY(-50%)}.before-after__handle:after{right:calc(50% - 4px);transform:translateY(-50%)}@media screen and (max-width:749px){.before-after__handle{width:4rem;height:4rem}}.before-after__caption{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.8rem;line-height:normal}.before-after__caption-side{display:flex;flex-direction:column;gap:.6rem}.before-after__caption-side--before{align-items:flex-start;text-align:left;padding-right:2rem;border-right:1px solid rgba(var(--color-foreground),.07)}.before-after__caption-side--after{align-items:flex-end;text-align:right;padding-left:2rem}.before-after__caption-label{display:block;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:rgba(var(--color-foreground),.3);font-family:ui-monospace,Courier New,monospace;line-height:1;margin-bottom:.4rem}.before-after__product{display:inline-flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit;transition:opacity .35s cubic-bezier(.16,1,.3,1)}.before-after__product:hover{opacity:.55}.before-after__product-name{display:block;font-size:1.4rem;font-weight:500;letter-spacing:-.01em;color:rgba(var(--color-foreground),.88);line-height:1.35}.before-after__product-cta{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;font-family:ui-monospace,Courier New,monospace;color:rgba(var(--color-foreground),.36);line-height:1.3}@media screen and (max-width:749px){.before-after__caption{margin-top:2rem;gap:0}.before-after__caption-side--before{padding-right:1.6rem}.before-after__caption-side--after{padding-left:1.6rem}.before-after__product-name{font-size:1.25rem}.before-after__caption-label{font-size:.8rem}}.before-after-section--full-width .before-after__compare{max-width:none}@media(prefers-reduced-motion:reduce){.before-after__handle,.before-after__product{transition:none}.before-after__compare:active .before-after__handle{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/before-after.css.map */