.ba-stage{width:100%}.ba-slider{position:relative;width:100%;aspect-ratio:16 / 9;max-height:80vh;overflow:hidden;background:var(--paper-3);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.ba-before,.ba-after{position:absolute;top:0;right:0;bottom:0;left:0}.ba-before{z-index:1}.ba-after{z-index:2;will-change:clip-path}.ba-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;transition:opacity .2s ease}.ba-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ba-ph--before{background:var(--paper-3)}.ba-ph--after{background:var(--ink-3)}.ba-ph-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.3;color:var(--ink)}.ba-ph--after .ba-ph-text{color:var(--paper)}.ba-labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.ba-label{position:absolute;top:var(--s-5);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);text-shadow:0 1px 8px rgba(0,0,0,.6)}.ba-label--before{left:var(--s-5)}.ba-label--after{right:var(--s-5)}.ba-handle{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center}.ba-line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:#1e5fe8}.ba-knob{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:#1e5fe8;border:none;display:flex;align-items:center;justify-content:center;pointer-events:all;cursor:ew-resize;box-shadow:0 2px 18px #1e5fe873;transition:transform .12s ease,box-shadow .12s ease;padding:0}.ba-knob svg path{stroke:#fff}.ba-knob:hover{transform:scale(1.08)}.ba-knob:active,.ba-knob.is-dragging{transform:scale(1.18);box-shadow:0 4px 28px #1e5fe899}.ba-knob svg{display:block}.ba-morph{background:var(--paper);border-top:1px solid var(--line-2)}.ba-morph-inner{padding:var(--s-6) var(--gutter);max-width:var(--maxw);margin:0 auto}.ba-morph-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:0 0 var(--s-4)}.ba-morph-btns{display:flex;gap:10px}.ba-morph-btn{flex:1;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--line-3);color:var(--mute);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.ba-morph-btn:hover:not(.is-active){border-color:var(--ink-3);color:var(--ink-2)}.ba-morph-btn.is-active{background:var(--color-accent, #1E5FE8);color:#fff;border-color:var(--color-accent, #1E5FE8)}.ba-morph-icon{flex-shrink:0;width:18px;height:auto;opacity:.6}.ba-morph-btn.is-active .ba-morph-icon{opacity:1;filter:brightness(0) invert(1)}.ba-disclaimer{margin-top:var(--s-4);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--mute);text-align:center}@media(max-width:767px){.ba-slider{aspect-ratio:4 / 5;max-height:none}.ba-knob{width:48px;height:48px}.ba-morph-inner{padding:var(--s-5) var(--gutter-mob)}.ba-morph-btn{min-height:56px;font-size:10px;gap:5px}.ba-morph-icon{width:14px}}@media(prefers-reduced-motion:reduce){.ba-img,.ba-knob{transition:none}.ba-knob:hover,.ba-knob:active,.ba-knob.is-dragging{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ideon-before-after.css.map */