@layer saro-components{.saro-choice-slider{--choice-direction:1;--choice-line:var(--saro-line);--choice-radius:0rem;--choice-width:1px;--choice-inset:.125rem;--choice-fill:rgb(from var(--saro-accent) r g b / 15%);--choice-duration:.38s;--choice-ease:cubic-bezier(.22,.8,.25,1);box-sizing:border-box;max-width:100%;height:max(var(--saro-control-height),1.5em);padding:var(--choice-inset);border:var(--choice-width) solid var(--choice-line);border-radius:var(--choice-radius);font-family:var(--saro-font-body);font-size:var(--saro-control-font-size);color:var(--saro-fg);isolation:isolate;background:0 0;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;position:relative;overflow:hidden}.saro-choice-slider: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)){--choice-direction:-1}.saro-choice-slider--borderless{border-width:0}.saro-choice-indicator{inset-block:var(--choice-inset);width:calc((100% - var(--choice-inset)*2)/var(--choice-count));translate:calc(var(--choice-index)*100%*var(--choice-direction)) 0;transition:translate var(--choice-duration) var(--choice-ease);pointer-events:none;position:absolute;inset-inline-start:var(--choice-inset)}.saro-choice-wash{background:var(--choice-fill);border-radius:max(0rem,calc(var(--choice-radius) - var(--choice-inset)));width:100%;height:100%;display:block;position:relative;overflow:hidden}.saro-choice-option{z-index:1;min-width:0;height:100%;cursor:var(--saro-cursor-pointer,pointer);position:relative}.saro-choice-option input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.saro-choice-face{height:100%;line-height:1.4;font-weight:calc(500 + var(--saro-font-weight-step,0));white-space:nowrap;place-items:center;padding:0 .85rem;transition:color .18s;display:grid}@media (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-choice-option:hover input:enabled+.saro-choice-face,input:checked+.saro-choice-face{color:var(--saro-accent)}}@media not all and (hover:hover) and (pointer:fine) and (width>41.5rem){.saro-choice-option:hover:where(:not(*)) input:enabled+.saro-choice-face,input:checked+.saro-choice-face{color:var(--saro-accent)}}input:disabled+.saro-choice-face{opacity:.4;cursor:var(--saro-cursor-not-allowed,not-allowed)}@keyframes choice-jelly{0%{scale:.95 1}38%{scale:1.08 .87}70%{scale:.98 1.03}to{scale:1}}@keyframes choice-nacre{0%{translate:-150%}to{translate:150%}}@media (width<=380px){.saro-choice-face{padding-inline:.375rem}}}