.ba{display:block;margin:0 auto;min-width:0}.ba--w-narrow{max-width:64rem}.ba--w-medium{max-width:96rem}.ba__frame{position:relative;overflow:hidden;border-radius:var(--media-radius);background:color-mix(in srgb,currentColor 6%,transparent);user-select:none;-webkit-user-select:none;cursor:ew-resize;touch-action:pan-y}.ba--vertical .ba__frame{cursor:ns-resize;touch-action:auto}.ba__img{position:absolute;top:0;right:0;bottom:0;left:0}.ba__img img,.ba__img svg{width:100%;height:100%;object-fit:cover;pointer-events:none}.ba__ph-before{filter:grayscale(1);opacity:.6}.ba--horizontal .ba__img--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba--vertical .ba__img--before{clip-path:inset(0 0 calc(100% - var(--pos)) 0)}.ba__label{position:absolute;z-index:2;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--badge-radius);background:#0000008c;color:#fff;pointer-events:none}.ba--horizontal .ba__label{top:1.2rem}.ba--horizontal .ba__label--before{left:1.2rem}.ba--horizontal .ba__label--after{right:1.2rem}.ba--vertical .ba__label{left:1.2rem}.ba--vertical .ba__label--before{top:1.2rem}.ba--vertical .ba__label--after{bottom:1.2rem}.ba__handle{position:absolute;z-index:3;background:var(--btn)}.ba--horizontal .ba__handle{top:0;bottom:0;left:var(--pos);width:2px;translate:-50% 0}.ba--vertical .ba__handle{left:0;right:0;top:var(--pos);height:2px;translate:0 -50%}.ba__knob{position:absolute;left:50%;top:50%;translate:-50% -50%;width:4.4rem;height:4.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--btn);color:var(--btn-fg);box-shadow:0 2px 10px #00000040;touch-action:none}.ba--vertical .ba__knob{flex-direction:column}.ba__up{rotate:180deg}.ba__range{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;margin:0;pointer-events:none;left:50%;top:50%}.ba__range:focus-visible~.ba__handle .ba__knob{outline:2px solid var(--fg);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-comparison-slider.css.map */