component-scroll{display:block;position:relative}component-scroll.state--scrollable .scroll-track{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}component-scroll.state--scrollable .scroll-track::-webkit-scrollbar{display:none}component-scroll .scroll-button{display:none}component-scroll.state--scrollable .scroll-button{display:flex;position:absolute;top:50%;transform:translateY(-50%)}component-scroll .scroll-button-left{left:3%}component-scroll .scroll-button-right{right:3%}@media(pointer:coarse){*:has(component-scroll.state--scrollable){padding-inline:0}component-scroll.state--scrollable .scroll-track{overscroll-behavior-inline:contain;overscroll-behavior-block:auto;touch-action:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--s0);padding-inline:var(--s0)}component-scroll.state--scrollable .scroll-track>*{scroll-snap-align:start}component-scroll.state--scrollable .scroll-track.scroll--center>*{scroll-snap-align:center}}@media(pointer:fine){component-scroll.state--scrollable .scroll-track{cursor:grab;margin-inline:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(var(--s0) + var(--scrollbar-compensation, 0px))}component-scroll.state--scrollable.state--dragging .scroll-track,component-scroll.state--scrollable.state--dragging .scroll-track *{cursor:grabbing;-webkit-user-select:none;user-select:none}}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.8) transparent;-webkit-overflow-scrolling:touch;padding-bottom:.5em}.scroll::-webkit-scrollbar{height:4px}.scroll::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.scroll::-webkit-scrollbar-thumb:hover{background:#00000080}.scroll::-webkit-scrollbar-track{background:transparent}
/*# sourceMappingURL=/cdn/shop/t/160/assets/component-scroll.css.map */