.ba-section{padding:60px 16px;color:#fff}.ba-section--contained .ba-section-inner{max-width:1100px;margin:0 auto}.ba-section--full .ba-section-inner{max-width:1400px;margin:0 auto}.ba-header{text-align:center;margin-bottom:24px}.ba-title{font-size:32px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.ba-subtitle{margin-top:8px;font-size:15px;opacity:.8}.ba-wrapper{position:relative}.ba-wrapper--card{border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #00000073}.ba-wrapper--hero{border-radius:0}.ba-inner{position:relative;width:100%;max-height:700px;aspect-ratio:16/9;overflow:hidden;cursor:ew-resize;--ba-pos: 50%}.ba-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ba-img--after{z-index:1}.ba-img--before{z-index:2;clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.ba-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#222;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.2em;z-index:1}.ba-placeholder--before{z-index:2}.ba-label{position:absolute;top:16px;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#00000073;z-index:3}.ba-label--before{left:16px}.ba-label--after{right:16px}.ba-handle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.ba-handle-line{position:absolute;top:0;bottom:0;left:var(--ba-pos);width:2px;background:#fff;opacity:.9;transform:translate(-50%)}.ba-handle-knob{pointer-events:auto;position:absolute;top:50%;left:var(--ba-pos);transform:translate(-50%,-50%);width:48px;height:48px;border-radius:999px;border:2px solid #fff;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;gap:4px;cursor:grab;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ba-handle-knob:active{cursor:grabbing}.ba-handle-knob .ba-dot{width:10px;height:10px;border-radius:999px;background:#fff}.ba-arrow{font-size:18px;line-height:1}.ba-icon-minimal{width:34px;height:34px;border-width:1px}.ba-style-glow .ba-handle-knob{box-shadow:0 0 18px #ffffffa6;background:radial-gradient(circle at 30% 30%,#fff,#111)}.ba-style-glow .ba-handle-line{background:linear-gradient(to bottom,#fff,#f0f,#00f5ff)}.ba-style-minimal .ba-handle-line{width:1px;background:#fffc}.ba-style-minimal .ba-handle-knob{background:#0000008c}.ba-style-bold .ba-handle-line{width:3px}.ba-style-bold .ba-handle-knob{width:54px;height:54px}.ba-style-hero .ba-inner{aspect-ratio:21/9}.ba-style-hero .ba-title{font-size:40px}.ba-handle-knob:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 16px #0009}@media (max-width: 900px){.ba-section{padding:40px 12px}.ba-title{font-size:26px}.ba-inner{aspect-ratio:4/5}}@media (max-width: 600px){.ba-title{font-size:22px}.ba-subtitle{font-size:14px}.ba-label{font-size:11px;padding:4px 10px}.ba-handle-knob{width:40px;height:40px}.ba-style-bold .ba-handle-knob{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/before-after.css.map */