.bpba{padding:64px 0 56px;overflow:hidden;background:var(--bp-ivory);color:var(--bp-ink)}.bpba *{box-sizing:border-box}.bpba__copy{width:min(760px,calc(100% - 40px));margin:0 auto 30px;text-align:center}.bpba__copy .bp-kicker{margin:0 0 10px}.bpba__copy h2{margin:0;font-size:clamp(37px,5vw,68px);line-height:1.04;letter-spacing:-.045em}.bpba__copy>p:last-child{max-width:640px;margin:17px auto 0;color:var(--bp-muted);font-size:17px;line-height:1.6}.bpba__slider{display:block;width:min(1120px,calc(100% - 48px));margin:0 auto}.bpba__frame{position:relative;width:100%;aspect-ratio:852 / 568;overflow:hidden;background:#b79a7e;-webkit-user-select:none;user-select:none;touch-action:pan-y}.bpba__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.bpba__before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--bpba-reveal)) 0 0)}.bpba__label{position:absolute;top:18px;z-index:2;padding:7px 11px;border-radius:999px;background:#1c201dcc;color:#fff;font:700 11px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bpba__label--before{left:18px}.bpba__label--after{right:18px}.bpba__divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--bpba-reveal);width:2px;background:#fff;box-shadow:0 0 0 1px #0000001f;transform:translate(-50%);pointer-events:none}.bpba__handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:8px;width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:var(--bp-ink);color:#fff;font:400 22px/1 Arial,sans-serif;box-shadow:0 4px 18px #00000038;transform:translate(-50%,-50%)}.bpba__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}.bpba__frame:has(.bpba__range:focus-visible){outline:3px solid var(--bp-ink);outline-offset:-3px}.bpba__note{width:min(1120px,calc(100% - 48px));margin:12px auto 0;color:var(--bp-muted);font-size:10px;line-height:1.4;text-align:right}@media(max-width:749px){.bpba{padding:46px 0 38px}.bpba__copy{width:calc(100% - 36px);margin-bottom:24px}.bpba__copy h2{font-size:39px}.bpba__copy>p:last-child{font-size:15px}.bpba__slider{width:100%}.bpba__label{top:12px}.bpba__label--before{left:12px}.bpba__label--after{right:12px}.bpba__note{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){.bpba__before,.bpba__divider{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/browprint-before-after.css.map */