@layer ds-components;@layer ds-components{.e9vi5i0,.e9vi5i1{margin-inline:-1.5rem}.e9vi5i2{margin-inline:-1.25rem}.e9vi5i3{position:relative}.e9vi5i4{display:flex;overflow-x:auto;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none}.e9vi5i4:active{cursor:grabbing}.e9vi5i4:focus{outline-style:none}.e9vi5i4:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.e9vi5i4::-webkit-scrollbar{display:none}.e9vi5i5{position:absolute;top:50%;translate:0 -50%;width:2.5rem;height:2.5rem;cursor:pointer;border-width:1px;border-style:solid;border-color:var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);color:var(--muted);opacity:0;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s cubic-bezier(.4,0,.2,1)}.e9vi5i5:hover{border-color:color-mix(in srgb,var(--text) 30%,transparent);color:var(--text);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.e9vi5i5:focus-visible{opacity:1}.e9vi5i3:hover .e9vi5i5{opacity:1}.e9vi5i6{left:0}.e9vi5i7{right:0}@media screen and (min-width:768px){.e9vi5i1,.e9vi5i2{margin-inline:-4rem}}}