.ba-slider{position:relative;width:100%;height:85vh;height:85dvh;overflow:hidden;isolation:isolate;background-color:#1f1f1f}.ba-slider__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:ew-resize;touch-action:pan-y}.ba-slider__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ba-slider__image img,.ba-slider__placeholder{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:saturate(1.05) contrast(1.04) brightness(1.01)}.ba-slider__image--before{z-index:1}.ba-slider__image--after{z-index:2;clip-path:inset(0 0 0 50%);transition:clip-path .5s cubic-bezier(.16,1,.3,1)}.ba-slider[data-dragging=true] .ba-slider__image--after{transition:none}.ba-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(to right,#00000059,#0000001f 40%,#0000 60%);pointer-events:none}.ba-slider__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(ellipse at center,#0000 55%,#00000038);pointer-events:none}.ba-slider__divider{position:absolute;top:0;bottom:0;left:50%;z-index:4;width:2px;background:#ffffffe6;transform:translate(-50%);transition:left .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.ba-slider[data-dragging=true] .ba-slider__divider{transition:none}.ba-slider__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:#1f1f1f;cursor:ew-resize;pointer-events:auto;box-shadow:0 8px 24px #0000002e;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.ba-slider__handle:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 10px 28px #00000038}.ba-slider__handle svg{width:22px;height:22px}.ba-slider__tag{position:absolute;bottom:28px;z-index:4;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.ba-slider__tag--before{left:28px}.ba-slider__tag--after{right:28px}.ba-slider__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;pointer-events:none}.ba-slider__text{max-width:520px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:24px;pointer-events:auto}.ba-slider__heading{margin:0;font-family:var(--font-heading-family);font-size:52px;line-height:1.08;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.75),0 6px 20px rgba(0,0,0,.55)}.ba-slider__subheading{margin:0;font-family:var(--font-body-family);font-size:17px;line-height:1.6;color:#fff;opacity:.95;max-width:420px;text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.7),0 4px 16px rgba(0,0,0,.5)}.ba-slider__btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:12px;background-color:#fff;color:#1f1f1f;border:1px solid #FFFFFF;font-family:var(--font-body-family);font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.ba-slider__btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000002e}@media screen and (max-width:989px){.ba-slider__heading{font-size:40px}.ba-slider__text{max-width:460px}}@media screen and (max-width:749px){.ba-slider{height:75vh;height:75dvh;min-height:480px}.ba-slider__image img,.ba-slider__placeholder{object-position:center 32%}.ba-slider__content{padding-left:20px;padding-right:20px}.ba-slider__text{max-width:100%;gap:16px}.ba-slider__heading{font-size:28px}.ba-slider__subheading{font-size:14px}.ba-slider__btn{padding:14px 28px;font-size:14px}.ba-slider__handle{width:44px;height:44px}.ba-slider__tag{bottom:16px;font-size:11px;padding:5px 12px}.ba-slider__tag--before{left:16px}.ba-slider__tag--after{right:16px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/before-after-hero.css.map */