component-scroll{display:block;position:relative;--scroll-button-width: 56px}@media(scripting:enabled){component-scroll{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;transition:opacity .2s ease}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.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(--container-gutter, var(--s0));padding-inline:var(--container-gutter, 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:coarse)and (min-width:768px){component-scroll.state--scrollable .scroll-track.scroll--center{scroll-snap-type:none}}@media(pointer:fine){component-scroll .scroll-track{margin-inline:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}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 currentColor;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-container,.scroll-container--standard{max-width:calc(var(--container-width, 1240px) + (var(--s0) * 2));margin-right:auto;margin-left:auto}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-scroll.css.map */