.before-after-slider{--before-after-position:50%;border-radius:var(--radius-lg);background:var(--color-white);width:100%;box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.before-after-slider--standard{aspect-ratio:var(--before-after-aspect-standard)}.before-after-slider--wide{aspect-ratio:var(--before-after-aspect-wide)}.before-after-slider--portrait{aspect-ratio:var(--before-after-aspect-portrait)}.before-after-slider__viewport{width:100%;height:100%;position:relative;overflow:hidden}.before-after-slider__image{position:absolute;inset:0;overflow:hidden}.before-after-slider__image--before{clip-path:inset(0 calc(100% - var(--before-after-position)) 0 0)}.before-after-slider__image--after{clip-path:inset(0 0 0 var(--before-after-position))}.before-after-slider__media{-webkit-user-select:none;user-select:none;pointer-events:none}.before-after-slider__badge{top:var(--before-after-badge-offset);z-index:3;border-radius:var(--radius-pill);background:var(--color-white-78);padding:var(--before-after-badge-padding-y) var(--before-after-badge-padding-x);color:var(--color-brand-navy);text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute}.before-after-slider__badge--before{left:var(--before-after-badge-offset)}.before-after-slider__badge--after{right:var(--before-after-badge-offset)}.before-after-slider__range{z-index:4;appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;margin:0;position:absolute;inset:0}.before-after-slider__range::-webkit-slider-thumb{width:var(--before-after-handle-size);appearance:none;background:0 0;border:0;height:100%}.before-after-slider__range::-moz-range-thumb{width:var(--before-after-handle-size);background:0 0;border:0;border-radius:0;height:100%}.before-after-slider__range::-moz-range-track{background:0 0}.before-after-slider__divider{top:0;bottom:0;left:var(--before-after-position);z-index:2;pointer-events:none;width:0;position:absolute}.before-after-slider__divider:before{content:"";left:calc(var(--before-after-divider-width) * -.5);height:100%;width:var(--before-after-divider-width);background:var(--color-white);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-brand-navy) 8%, transparent);position:absolute}.before-after-slider__pulse{justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.before-after-slider__pulse:before{content:"";width:var(--before-after-handle-pulse-size);height:var(--before-after-handle-pulse-size);background:var(--color-white);opacity:0;border-radius:999px;animation:1.6s infinite before-after-slider-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.before-after-slider__handle{z-index:1;color:var(--color-white);justify-content:center;align-items:center;display:inline-flex;position:relative}.before-after-slider__handle svg{width:var(--before-after-handle-size);height:var(--before-after-handle-size);filter:drop-shadow(0 10px 24px color-mix(in srgb, var(--color-brand-navy) 12%, transparent));display:block}@keyframes before-after-slider-pulse{0%{opacity:.55;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}