.sr{position:relative;container-type:inline-size}.sr-track{--sr-per: 1;--sr-gap: 12px;display:grid;grid-auto-flow:column;gap:var(--sr-gap);grid-auto-columns:calc((100% - (var(--sr-per) - 1) * var(--sr-gap)) / var(--sr-per));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:4px}.sr-track::-webkit-scrollbar{display:none}.sr-track>*{scroll-snap-align:start}.sr-track:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.sr:has(>.sr-track:focus-visible){outline:2px solid var(--teal);outline-offset:4px;border-radius:18px}.sr:has(>.sr-track:focus-visible)>.sr-track{outline:none}.sr-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-block-start:10px}.sr[data-overflow=false] .sr-controls{display:none}.sr-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:44px;block-size:44px;padding:0;border:0;border-radius:999px;background:var(--surface);color:#fff;box-shadow:0 0 0 1px #ffffff1f;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s var(--ease),scale .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.sr-btn:not([aria-disabled=true]):hover{box-shadow:0 0 0 var(--ring-width) var(--ring-color)}}.sr-btn:focus-visible{outline:var(--ring-focus-width) solid var(--ring-color);outline-offset:var(--ring-focus-offset)}.sr-btn:active:not([aria-disabled=true]){scale:.96}.sr-btn[aria-disabled=true]{color:#ffffff59;cursor:default}.sr-rail{display:grid;align-items:center;flex:1;block-size:44px;border-radius:999px;cursor:pointer;touch-action:pan-y}.sr-rail:focus-visible{outline:var(--ring-focus-width) solid var(--ring-color);outline-offset:var(--ring-focus-offset)}.sr-rail-line{position:relative;display:block;block-size:2px;border-radius:999px;background:var(--border);overflow:hidden}.sr-rail-thumb{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--sr-thumb, 0) * 100%);border-radius:inherit;background:var(--teal);translate:var(--sr-x, 0%) 0}.sr[data-scrubbing=true] .sr-track{scroll-snap-type:none;scroll-behavior:auto}@media(prefers-reduced-motion:reduce){.sr-track{scroll-behavior:auto}.sr-btn{transition:none}.sr-btn:active:not([aria-disabled=true]){scale:none}}