.ms-ba{--ba-pos:50%;background:color-mix(in srgb, var(--color-surface) 92%, var(--color-brand));cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:18px;width:100%;position:relative;overflow:hidden}.ms-ba-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ms-ba-before{clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.ms-ba-handle{top:0;bottom:0;left:var(--ba-pos);pointer-events:none;background:#fff;width:3px;margin-left:-1.5px;position:absolute;box-shadow:0 0 0 1px #00000014,0 0 14px #00000038}.ms-ba-knob{color:#fff;background:linear-gradient(135deg,#a35cff,#7c3aed);border:3px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #4c1d9559}.ms-ba-label{z-index:1;color:#fff;pointer-events:none;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;line-height:18px;position:absolute;top:12px}.ms-ba-label.is-before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1414188c;left:12px}.ms-ba-label.is-after{background:linear-gradient(90deg,#8b3ff5,#d95cf0);right:12px}.ms-ba-range{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ms-ba:has(.ms-ba-range:focus-visible){outline:3px solid var(--color-brand);outline-offset:3px}@media (max-width:767px){.ms-ba{border-radius:14px}.ms-ba-knob{width:36px;height:36px}.ms-ba-label{padding:2px 8px;font-size:11px;top:9px}.ms-ba-label.is-before{left:9px}.ms-ba-label.is-after{right:9px}}@media (forced-colors:active){.ms-ba-handle{background:canvastext}.ms-ba-knob{color:highlighttext;background:highlight;border-color:canvas}}