@layer saro-components{.saro-step-range{--range-ink:var(--saro-accent);--range-track:var(--saro-line);--range-thumb:var(--saro-card);--range-radius:min(.25rem, var(--saro-surface-radius,0rem));--range-border:1px;--range-direction:to right;--range-thumb-size:1.25rem;min-width:0}.saro-step-range:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--range-direction:to left}.saro-step-range__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.375rem 1rem;display:flex}.saro-step-range__header label{font-weight:calc(600 + var(--saro-font-weight-step,0))}.saro-step-range__header output{color:var(--range-ink);font-size:var(--saro-input-font-size)}.saro-step-range input{appearance:none;box-sizing:border-box;width:calc(100% - 100%/var(--range-count) + var(--range-thumb-size));height:2rem;cursor:var(--saro-cursor-pointer,pointer);background:0 0;margin:0 auto;padding:0;display:block}.saro-step-range input::-webkit-slider-runnable-track{border-radius:var(--range-radius);background:linear-gradient(var(--range-direction),var(--range-ink) var(--range-position),var(--range-track) var(--range-position));height:.25rem}.saro-step-range input::-moz-range-track{border-radius:var(--range-radius);background:linear-gradient(var(--range-direction),var(--range-ink) var(--range-position),var(--range-track) var(--range-position));height:.25rem}.saro-step-range input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--range-thumb-size);height:var(--range-thumb-size);border:var(--range-border) solid var(--range-ink);border-radius:var(--range-radius);background:var(--range-thumb);margin-top:-.5rem}.saro-step-range input::-moz-range-thumb{box-sizing:border-box;width:var(--range-thumb-size);height:var(--range-thumb-size);border:var(--range-border) solid var(--range-ink);border-radius:var(--range-radius);background:var(--range-thumb)}.saro-step-range input:disabled{cursor:var(--saro-cursor-not-allowed,not-allowed);opacity:.5}.saro-step-range__options{grid-template-columns:repeat(var(--range-count),minmax(0,1fr));display:grid}.saro-step-range__options button{border-radius:var(--range-radius);min-width:0;min-height:2rem;color:var(--saro-muted);font:inherit;font-size:var(--text-xs);word-break:keep-all;overflow-wrap:anywhere;cursor:var(--saro-cursor-pointer,pointer);background:0 0;border:0;padding:.125rem .25rem}.saro-step-range__options button[aria-pressed=true]{color:var(--range-ink);text-underline-offset:.3em;text-decoration:underline}@media (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-step-range__options button:hover{color:var(--range-ink);background:color-mix(in srgb,var(--range-ink) 8%,transparent)}}@media not all and (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-step-range__options button:hover:where(:not(*)){color:var(--range-ink);background:color-mix(in srgb,var(--range-ink) 8%,transparent)}}}