.cmp-slider{position:relative;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:rgba(var(--sai-fg-rgb,255 255 255),.05)}.cmp-slider__layer{position:absolute;inset:0}.cmp-slider__img{object-fit:cover}.cmp-slider__label{position:absolute;top:.6rem;font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:var(--radius-pill);pointer-events:none;z-index:2}.cmp-slider__label--before{left:.6rem;background:#ffffff;color:#000000}.cmp-slider__label--after{right:.6rem;background:var(--stream-accent);color:#ffffff}.cmp-slider__handle{z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.cmp-slider__handle,.cmp-slider__line{position:absolute;top:0;bottom:0;transform:translateX(-50%)}.cmp-slider__line{left:50%;width:2px;background:#ffffff;opacity:.9}.cmp-slider__knob{position:relative;width:2.6rem;height:2.6rem;border-radius:var(--radius-pill);background:rgba(255,255,255,.9);color:#000000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}