@layer base{.scroll-strip{gap:.25rem;max-width:100%}.scroll-strip,.scroll-strip-track{align-items:center;min-width:0;display:flex}.scroll-strip-track{scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;overflow:auto hidden}.scroll-strip-track::-webkit-scrollbar{display:none}.scroll-strip-track>*{flex-shrink:0}.scroll-strip-track:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:-2px}.scroll-strip-control{width:var(--scroll-strip-control-size,calc(var(--size-field,.25rem) * 8));height:var(--scroll-strip-control-size,calc(var(--size-field,.25rem) * 8));color:var(--color-base-content);cursor:pointer;transition:background-color var(--duration,.15s),opacity var(--duration,.15s);background-color:#0000;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.scroll-strip-control svg{width:var(--scroll-strip-icon-size,1rem);height:var(--scroll-strip-icon-size,1rem);flex-shrink:0}.scroll-strip-control[hidden]{display:none}.scroll-strip-control:hover{background-color:var(--color-base-200)}.scroll-strip-control:active{background-color:var(--color-base-300)}.scroll-strip-control:disabled{opacity:var(--disabled-opacity,.4);cursor:default;background-color:#0000}.scroll-strip-control:focus-visible{outline:var(--focus-width,2px) solid var(--color-base-content);outline-offset:var(--focus-offset,2px)}[dir=rtl] .scroll-strip-control svg{transform:scaleX(-1)}.scroll-strip-xs{--scroll-strip-control-size:calc(var(--size-field,.25rem) * 6);--scroll-strip-icon-size:.75rem}.scroll-strip-sm{--scroll-strip-control-size:calc(var(--size-field,.25rem) * 7);--scroll-strip-icon-size:.875rem}.scroll-strip-md{--scroll-strip-control-size:calc(var(--size-field,.25rem) * 8);--scroll-strip-icon-size:1rem}.scroll-strip-lg{--scroll-strip-control-size:calc(var(--size-field,.25rem) * 10);--scroll-strip-icon-size:1.25rem}.scroll-strip-xl{--scroll-strip-control-size:calc(var(--size-field,.25rem) * 12);--scroll-strip-icon-size:1.5rem}.scroll-strip-faded>.scroll-strip-track{--scroll-strip-fade-start:var(--scroll-strip-fade,1.5rem);--scroll-strip-fade-end:var(--scroll-strip-fade,1.5rem);--scroll-strip-fade-left:var(--scroll-strip-fade-start);--scroll-strip-fade-right:var(--scroll-strip-fade-end);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-strip-fade-left),#000 calc(100% - var(--scroll-strip-fade-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--scroll-strip-fade-left),#000 calc(100% - var(--scroll-strip-fade-right)),transparent 100%)}.scroll-strip-faded[data-at-start]>.scroll-strip-track{--scroll-strip-fade-start:0px}.scroll-strip-faded[data-at-end]>.scroll-strip-track{--scroll-strip-fade-end:0px}[dir=rtl] .scroll-strip-faded>.scroll-strip-track{--scroll-strip-fade-left:var(--scroll-strip-fade-end);--scroll-strip-fade-right:var(--scroll-strip-fade-start)}@media (prefers-reduced-motion:reduce){.scroll-strip-track{scroll-behavior:auto}}}