.ba{background:var(--ba-bg, #faf3e6)}.ba__container{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}.ba__head{text-align:center;max-width:640px;margin:0 auto 44px}.ba__eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ba-ink, #221c14);opacity:.7;font-weight:700;margin-bottom:10px}.ba__heading{font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:32px;line-height:1.15;letter-spacing:-.01em;color:var(--ba-ink, #221c14);margin:0 0 14px;text-wrap:balance}.ba__subtext{color:var(--ba-ink-soft, #5f5546);font-size:16px;line-height:1.6;margin:0}.ba__wrap{max-width:720px;margin:0 auto}.ba__frame{position:relative;perspective:1400px}.ba__inner{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16 / 10;user-select:none;-webkit-user-select:none;touch-action:pan-y;box-shadow:0 30px 56px -22px #18100673;transform-style:preserve-3d;transform:rotateX(0) rotateY(0);transition:transform .15s ease-out,box-shadow .3s ease;cursor:ew-resize}.ba__inner.is-dragging{transition:none;box-shadow:0 36px 64px -22px #1810068c}.ba__layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ba__layer img,.ba__placeholder{width:100%;height:100%;object-fit:cover;display:block}.ba__layer--after{transform:translateZ(0)}.ba__layer--before{clip-path:inset(0 calc(100% - var(--ba-start, 50%)) 0 0);transform:translateZ(18px);filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}.ba__placeholder{display:flex;align-items:center;justify-content:center;background:#00000014;color:var(--ba-ink-soft, #5f5546);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.ba__label{position:absolute;top:14px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--ba-label-bg, #000000);color:var(--ba-label-text, #ffffff);opacity:.75;padding:5px 11px;border-radius:999px;transform:translateZ(70px);pointer-events:none}.ba__label--left{left:14px}.ba__label--right{right:14px}.ba__handle-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;transform-style:preserve-3d;pointer-events:none}.ba__line{position:absolute;top:0;bottom:0;width:3px;background:var(--ba-line, #ffffff);box-shadow:0 0 0 1px #00000026;left:var(--ba-start, 50%);transform:translate(-50%) translateZ(60px)}.ba__handle{position:absolute;top:50%;left:var(--ba-start, 50%);width:46px;height:46px;border-radius:50%;background:var(--ba-handle-bg, #ffffff);transform:translate(-50%,-50%) translateZ(90px);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 26px -8px #00000073;font-size:16px;color:var(--ba-handle-icon, #a8541f);transition:transform .15s ease-out}.ba__inner.is-dragging .ba__handle{transform:translate(-50%,-50%) translateZ(90px) scale(1.12)}.ba__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:ew-resize;opacity:0}.ba__range:focus-visible{opacity:1;outline:2px solid var(--ba-handle-icon, #a8541f);outline-offset:4px}.ba__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:46px;height:46px}.ba__range::-moz-range-thumb{width:46px;height:46px;border:none}.ba__caption{text-align:center;font-size:12.5px;color:var(--ba-ink-soft, #5f5546);margin:14px 0 0}@media screen and (max-width:749px){.ba__container{padding-left:16px;padding-right:16px}.ba__heading{font-size:26px}.ba__subtext{font-size:15px}.ba__head{margin-bottom:30px}.ba__inner{aspect-ratio:4 / 5;border-radius:16px}.ba__handle{width:40px;height:40px;font-size:14px}.ba__label{top:10px;font-size:10.5px;padding:4px 9px}}@media(prefers-reduced-motion:reduce){.ba__inner{transition:none;transform:none!important}.ba__handle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/before-after-slider.css.map */