.wp-ba{position:relative;width:100%;max-width:76rem;margin-inline:auto;border-radius:var(--wp-radius, 14px);overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;line-height:0;background:#0000000d}.wp-ba__base{display:block;width:100%;height:auto}.wp-ba__overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;width:var(--wp-ba-pos, 50%);will-change:width}.wp-ba__overlay img{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;object-fit:cover}.wp-ba__label{position:absolute;bottom:1.6rem;z-index:4;padding:.6rem 1.4rem;border-radius:999px;background:#0000009e;color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.4;pointer-events:none;transition:opacity .2s ease}.wp-ba__label--before{left:1.6rem}.wp-ba__label--after{right:1.6rem}.wp-ba__divider{position:absolute;top:0;bottom:0;left:var(--wp-ba-pos, 50%);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px #0000002e;z-index:5;pointer-events:none;will-change:left}.wp-ba__handle{position:absolute;top:50%;left:var(--wp-ba-pos, 50%);z-index:6;width:5.2rem;height:5.2rem;margin:-2.6rem 0 0 -2.6rem;border-radius:50%;background:#fff;box-shadow:0 2px 14px #00000052;display:flex;align-items:center;justify-content:center;gap:.3rem;color:#121212;pointer-events:none;will-change:left}.wp-ba__handle svg{width:2.4rem;height:2.4rem}.wp-ba__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.wp-ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:5.2rem;height:100%;cursor:ew-resize}.wp-ba__range::-moz-range-thumb{width:5.2rem;height:100%;border:0;background:transparent;cursor:ew-resize}.wp-ba__range:focus-visible{opacity:1;outline:0;box-shadow:inset 0 0 0 3px var(--wp-accent, #205896)}.wp-ba__caption{text-align:center;font-size:1.35rem;opacity:.72;margin:1.6rem auto 0;max-width:60ch;line-height:1.6}@media(prefers-reduced-motion:reduce){.wp-ba__overlay,.wp-ba__divider,.wp-ba__handle{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wp-before-after-slider.css.map */