.ssl-stage{gap:16px;width:100%;min-height:260px;align-content:center}.ssl,.ssl-stage{display:grid;justify-items:center}.ssl{--ssl-surface:#ffffff;--ssl-well:#f4f4f5;--ssl-line:rgb(10 10 11/0.1);--ssl-edge:rgb(0 0 0/0.06);--ssl-ink:#0a0a0b;--ssl-soft:#3f3f46;--ssl-muted:#71717a;gap:12px;width:min(100%,360px);color:var(--ssl-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;letter-spacing:-.006em;-webkit-font-smoothing:antialiased}.dark .ssl{--ssl-surface:#18181b;--ssl-well:#27272a;--ssl-line:rgb(255 255 255/0.12);--ssl-edge:rgb(255 255 255/0.07);--ssl-ink:#fafafa;--ssl-soft:#d4d4d8;--ssl-muted:#a1a1aa}.ssl-label{color:var(--ssl-soft);font-size:13px;font-weight:600}.ssl-row{display:flex;justify-content:center;width:100%}.ssl-control{position:relative;height:52px;overflow:clip;border-radius:999px;background:var(--ssl-surface);box-shadow:0 0 0 1px var(--ssl-edge),0 1px 2px rgb(0 0 0/.05),0 12px 28px -20px rgb(0 0 0/.16);touch-action:pan-y;user-select:none}.ssl-face{display:flex;align-items:center;width:100%;height:100%}.ssl-face>*{flex:1}.ssl-group{display:flex;align-items:center;height:52px;padding:0 6px}.ssl-step{display:grid;flex:none;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--ssl-well);color:var(--ssl-ink);cursor:pointer;transition:transform .15s,opacity .15s}.ssl-step:active:not([data-disabled]){transform:scale(.92)}.ssl-step[data-disabled]{opacity:.35;cursor:default}.ssl-step svg{width:16px;height:16px}.ssl-number{position:relative;display:grid;flex:1;place-items:center;height:100%;cursor:ew-resize}.ssl-input{position:absolute;inset:0;width:100%;border:0;background:transparent;color:transparent;caret-color:var(--ssl-ink);font:inherit;font-size:18px;font-weight:650;text-align:center;font-variant-numeric:tabular-nums;outline:none;cursor:ew-resize}.ssl-input:focus{color:var(--ssl-ink);cursor:text}.ssl-control:has(.ssl-input:focus) .ssl-value{visibility:hidden}.ssl-value{position:absolute;top:9px;left:0;z-index:1;display:inline-flex;align-items:center;gap:2px;height:34px;padding:0 12px;border-radius:999px;background:transparent;color:var(--ssl-ink);font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;transition:background-color .25s,color .25s}.ssl-value[data-mode=range]{background:var(--ssl-ink);color:var(--ssl-surface)}.ssl-unit{margin-left:3px;color:color-mix(in oklab,currentColor 55%,transparent);font-size:12.5px;font-weight:600}.ssl-slider{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px}.ssl-end{flex:none;width:34px;color:var(--ssl-muted);font-size:12px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.ssl-slider-control{display:flex;flex:1;align-items:center;height:52px}.ssl-track{position:relative;width:100%;height:4px;border-radius:2px;background:var(--ssl-line)}.ssl-fill{border-radius:2px;background:var(--ssl-ink)}.ssl-thumb{width:64px;height:34px;border-radius:999px;outline:none}.ssl-control:has(.ssl-input:focus-visible){box-shadow:inset 0 0 0 1.8px var(--ssl-ink)}.ssl-control:has(.ssl-thumb:focus-visible) .ssl-value,.ssl-step:focus-visible{outline:2px solid var(--ssl-ink);outline-offset:2px}.ssl-input:focus-visible{outline:none}.dark .ssl-hint{color:#a1a1aa}.ssl-hint{margin:0;color:#71717a;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;font-size:12px}@media (max-width:480px){.ssl-step{width:44px}.ssl-step,.ssl-thumb{height:44px}}