.ls{--ls-h:56px;--ls-pad:15px;--ls-kw:58px;--ls-kh:32px;--ls-track:#e5e5ea;--ls-knob:#fff;width:min(380px,100%);height:var(--ls-h);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;position:relative}.ls[data-drag=true]{cursor:grabbing}.ls--dark{--ls-track:#ffffff2e}.ls-track{left:var(--ls-pad);right:var(--ls-pad);background:var(--ls-track);height:6px;transform-origin:var(--tr-origin,center);transform:scaleX(var(--tr-scale,1));will-change:transform;border-radius:99px;margin-top:-3px;position:absolute;top:50%;overflow:hidden;box-shadow:inset 0 .5px 1px #0000000f}.ls-fill{height:100%;width:calc(clamp(0%, var(--p) * 100%, 100%));background:var(--ls-fill-color,#007aff);border-radius:99px;transition:background .25s}.ls-thumb{width:var(--ls-kw);height:var(--ls-kh);top:50%;left:calc(var(--ls-pad) + (100% - var(--ls-pad) * 2) * var(--p));transform:translate(-50%, -50%) scale(var(--sx,1), var(--sy,1));transform-origin:50%;pointer-events:none;will-change:left, transform;position:absolute}.ls-solid{width:calc(var(--ls-kw) * .52);height:calc(var(--ls-kh) * .69);background:var(--ls-knob);border-radius:99px;transition:opacity .16s ease-out,transform .22s cubic-bezier(.2,.9,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000002e,0 0 0 .5px #00000014}.ls[data-drag=true] .ls-solid,.ls[data-glass=true] .ls-solid{opacity:0;transform:translate(-50%,-50%)scale(.8)}.ls-glass{width:var(--ls-kw);height:var(--ls-kh);opacity:0;pointer-events:none;transition:opacity .16s ease-out,transform .22s cubic-bezier(.2,.9,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}.ls[data-drag=true] .ls-glass,.ls[data-glass=true] .ls-glass{opacity:1;transform:translate(-50%,-50%)scale(1)}.ls-glass .lg{box-shadow:0 14px 28px -4px #00000029, 0 6px 14px -2px #0000001f, 0 2px 5px -1px #00000014, 0 0 0 .5px #0000000a, inset 0 0 0 var(--lg-stroke-w,1px) color-mix(in srgb, var(--lg-tint,#fff) calc(var(--lg-stroke,.12) * 100%), transparent), inset 1.5px 1.5px .5px -.5px rgb(255 255 255/var(--lg-spec,0)), inset -1px -1px .5px -.5px rgb(255 255 255/var(--lg-spec-dim,0))}.ls:focus-visible .ls-solid{outline-offset:3px;outline:2px solid #007aff}.ctrl .track .ls,.tint-opacity-wrap .ls,.a-slider .ls,.lab-light-section .ls{width:100%}.a-slider .ls{flex:1;min-width:0}@media (prefers-reduced-motion:reduce){.ls-solid,.ls-glass{transition:none}}