@layer components{.biosphere-scroll-area{display:block}.biosphere-scroll-area__track{position:relative;block-size:var(--scroll-area-track-size);margin-block-end:var(--scroll-area-gap, var(--space-2));overflow:hidden;background-color:var(--scroll-area-track-color, var(--color-tint-soft));border-radius:var(--radius-pill);cursor:pointer}.biosphere-scroll-area__track[hidden]{display:none}.biosphere-scroll-area__thumb{block-size:100%;inline-size:var(--scroll-area-thumb-size, 0);transform:translate(var(--scroll-area-thumb-offset, 0));background-color:var(--scroll-area-thumb-color, var(--color-border-cyan));border-radius:var(--radius-pill);cursor:grab;touch-action:none}.biosphere-scroll-area__viewport{overflow-x:auto;background-color:var(--scroll-area-ground, var(--color-surface-raised));background-image:linear-gradient(to right,var(--scroll-area-ground, var(--color-surface-raised)) 40%,transparent),linear-gradient(to left,var(--scroll-area-ground, var(--color-surface-raised)) 40%,transparent),radial-gradient(farthest-side at 0 50%,var(--color-scroll-shadow),transparent),radial-gradient(farthest-side at 100% 50%,var(--color-scroll-shadow),transparent);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:var(--scroll-area-cover) 100%,var(--scroll-area-cover) 100%,var(--scroll-area-shadow) 100%,var(--scroll-area-shadow) 100%;background-attachment:local,local,scroll,scroll}.biosphere-scroll-area:has(>.biosphere-scroll-area__track:not([hidden]))>.biosphere-scroll-area__viewport{scrollbar-width:none}.biosphere-scroll-area:has(>.biosphere-scroll-area__track:not([hidden]))>.biosphere-scroll-area__viewport::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/biosphere-scroll-area.css.map */