.ms{--ms-h:52px;--ms-radius:14px;--ms-pad:14px;--ms-from:#e8e8e8;--ms-to:#bdbdbd;--ms-track:color-mix(in srgb,currentColor 7%,transparent);--ms-on-fill:#1a1a1a;--ms-handle:#1a1a1a;--ms-focus:#e03c1a;--ms-value:0.5;--ms-fill:0.5;--ms-lean:0px;--ms-span:calc(100% - var(--ms-pad) * 2);position:relative;height:var(--ms-h);border-radius:var(--ms-radius);background:var(--ms-track);overflow:hidden;container-type:inline-size;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none}.ms:active{cursor:grabbing}.ms:focus-visible{box-shadow:0 0 0 2px var(--ms-focus)}.ms-row{position:absolute;inset:0 auto 0 0;width:100cqw;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 calc(var(--ms-pad) + 6px);font-size:.9375rem;font-weight:500;pointer-events:none}.ms-output{font-variant-numeric:tabular-nums}.ms-fill{inset:0 auto 0 0;width:calc(var(--ms-pad) + var(--ms-fill) * var(--ms-span) + 12px);background:linear-gradient(90deg,var(--ms-from),var(--ms-to)) 0 0 /100cqw 100% no-repeat;color:var(--ms-on-fill);clip-path:polygon(0 0,calc(100% - 12px + var(--ms-lean)) 0,calc(100% - 12px - var(--ms-lean)) 100%,0 100%)}.ms-fill,.ms-handle{position:absolute;pointer-events:none}.ms-handle{top:50%;left:calc(var(--ms-pad) + var(--ms-value) * var(--ms-span));width:3px;height:44%;border-radius:2px;background:var(--ms-handle);transform:translate(-50%,-50%)}.ms:focus-visible .ms-handle,.ms:hover .ms-handle{width:4px}.ms-notch{display:none}.ms[data-notch] .ms-notch{display:block;position:absolute;top:50%;left:calc(var(--ms-pad) + var(--ms-notch, .5) * var(--ms-span));width:1px;height:22%;transform:translate(-50%,-50%);background:currentColor;opacity:.28;pointer-events:none}.ms--glass{--ms-tint:#7d7f86;--ms-from:color-mix(in srgb,var(--ms-tint) 10%,transparent);--ms-to:color-mix(in srgb,var(--ms-tint) 58%,transparent);--ms-track:rgb(255 255 255/0.32);--ms-h:54px;--ms-radius:999px;--ms-pad:18px;backdrop-filter:blur(20px) saturate(1.7);box-shadow:inset 0 1px 0 rgb(255 255 255/.8),inset 0 0 0 1px rgb(255 255 255/.35),inset 0 -1px 0 rgb(0 0 0/.04),0 10px 28px -14px rgb(0 0 0/.22)}.ms--glass .ms-fill{background:linear-gradient(180deg,rgb(255 255 255/.38),rgb(255 255 255/0) 55%),linear-gradient(90deg,var(--ms-from),var(--ms-to)) 0 0 /100cqw 100% no-repeat}.ms--glass .ms-handle{width:6px;height:58%;border-radius:999px;background:#fff;box-shadow:0 0 0 .5px rgb(0 0 0/.1),0 1px 3px rgb(0 0 0/.22);transition:width .2s ease,box-shadow .25s ease}.ms--glass:focus-visible .ms-handle,.ms--glass:hover .ms-handle{width:8px}.ms--glass[data-held] .ms-handle{width:8px;box-shadow:0 0 0 .5px rgb(0 0 0/.1),0 4px 12px rgb(0 0 0/.28)}@media (prefers-reduced-motion:reduce){.ms--glass .ms-handle{transition:none}}.ms[data-orient=vertical]{--ms-len:240px;--ms-w:52px;--ms-pad:20px;width:var(--ms-w);height:var(--ms-len);border-radius:var(--ms-radius-v,calc(var(--ms-w) / 2));touch-action:pan-x;cursor:ns-resize}.ms[data-orient=vertical] .ms-fill{inset:auto 0 0 0;width:auto;height:calc(var(--ms-pad) + var(--ms-fill) * var(--ms-span-v) + 7px);background:linear-gradient(0deg,var(--ms-from),var(--ms-to)) 0 100% /100% var(--ms-len) no-repeat;clip-path:polygon(0 100%,0 7px,15% calc(7px - var(--ms-bulge) * .51),30% calc(7px - var(--ms-bulge) * .84),50% calc(7px - var(--ms-bulge)),70% calc(7px - var(--ms-bulge) * .84),85% calc(7px - var(--ms-bulge) * .51),100% 7px,100% 100%)}.ms[data-orient=vertical]{--ms-span-v:calc(var(--ms-len) - var(--ms-pad) * 2);--ms-bulge:0px}.ms--glass[data-orient=vertical] .ms-fill{background:linear-gradient(90deg,rgb(255 255 255/.34),rgb(255 255 255/0) 45%),linear-gradient(0deg,var(--ms-from),var(--ms-to)) 0 100% /100% var(--ms-len) no-repeat}.ms[data-orient=vertical] .ms-notch{top:auto;bottom:calc(var(--ms-pad) + var(--ms-notch, .5) * var(--ms-span-v));left:50%;width:34%;height:1px;transform:translate(-50%,50%)}.ms[data-orient=vertical] .ms-handle{top:auto;left:50%;bottom:calc(var(--ms-pad) + var(--ms-value) * var(--ms-span-v));width:54%;height:5px;border-radius:999px;background:var(--ms-handle);box-shadow:0 1px 3px rgb(0 0 0/.25);transform:translate(-50%,50%);transition:width .2s ease,box-shadow .25s ease}.ms[data-orient=vertical]:focus-visible .ms-handle,.ms[data-orient=vertical]:hover .ms-handle{width:66%}.ms[data-orient=vertical][data-held] .ms-handle{width:66%;box-shadow:0 3px 10px rgb(0 0 0/.35)}@media (prefers-reduced-motion:reduce){.ms[data-orient=vertical] .ms-handle{transition:none}}