component-scroll{display:block;position:relative;--scroll-button-width: 56px;visibility:hidden}component-scroll.state--ready{visibility:visible}component-scroll .scroll-track{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}component-scroll .scroll-track::-webkit-scrollbar{display:none}component-scroll .scroll-button{display:none}component-scroll.state--scrollable .scroll-button{display:flex;position:absolute;top:35%;transform:translateY(-50%);width:44px;height:44px;align-items:center;justify-content:center;background-color:#ffffff59;border-radius:50%;z-index:1}component-scroll .scroll-button-left{left:16px}component-scroll .scroll-button-right{right:16px}component-scroll .scroll-button{transition:opacity .2s ease}component-scroll .scroll-button.state--hidden{opacity:0;pointer-events:none}@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:center}}@media(pointer:fine){component-scroll .scroll-track{margin-inline:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(var(--s0) + var(--scrollbar-compensation, 0px))}component-scroll.state--scrollable .scroll-track{cursor:grab}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}}component-scroll .scroll-item:first-of-type{padding-left:0}.scroll-dots{display:flex;justify-content:center;gap:24px;padding-top:24px}.scroll-dot{width:11px;height:11px;border-radius:50%;border:1px solid #6F7650;background-color:transparent;padding:0;cursor:pointer;opacity:.3;transition:opacity .2s ease,background-color .2s ease}.scroll-dot.state--active{background-color:currentColor;opacity:1}.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/66/assets/component-scroll.css.map */