.items-scroll{--page-navigation-button-size: 9px;--navigation-button-size: 48px;display:block;width:100%;position:relative;box-sizing:border-box}.items-scroll:after{content:"";display:block;overflow:auto}.items-scroll[scroll-enabled] [data-items]{scroll-snap-type:x mandatory;scroll-snap-type:mandatory;overscroll-behavior-x:contain;display:flex;flex-wrap:nowrap;width:100%;height:auto;margin:0;position:relative;scroll-behavior:smooth;overflow-x:auto;box-sizing:border-box;scrollbar-width:none;padding:0 36px;scroll-padding:0 36px}.items-scroll[scroll-enabled] [data-items]>*{flex-shrink:0;flex-grow:0;scroll-snap-align:start}.items-scroll[scroll-enabled] [data-items]::-webkit-scrollbar{display:none}.items-scroll[scroll-enabled] [data-items]::-webkit-scrollbar-track,.items-scroll[scroll-enabled] [data-items]::-webkit-scrollbar-thumb{background:transparent}@media (min-width: 47.9375em){.items-scroll[scroll-enabled] [data-items]{padding:0 6px;scroll-padding:0 6px;margin-left:-6px;width:calc(100% + 12px)}}.items-scroll[scroll-enabled][snap=center] [data-items]>*{scroll-snap-align:center}.items-scroll[scroll-enabled][snap=start] [data-items]>*{scroll-snap-align:start}.items-scroll[scroll-enabled]:not(.mini-navigation) .navigation{display:none;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:space-between;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}@media (max-width: 47.9275em){.items-scroll[scroll-enabled]:not(.mini-navigation) .navigation{width:calc(100% - 72px);left:36px}}.items-scroll[scroll-enabled]:not(.mini-navigation).ratio-navigation .navigation{aspect-ratio:var(--navigation-ratio);height:auto}.items-scroll[scroll-enabled]:not(.mini-navigation):hover .navigation{opacity:1;transition:opacity .2s ease-in-out}.items-scroll[scroll-enabled]:not(.mini-navigation) .navigation__button{position:absolute;top:50%;transform:translateY(-50%)}.items-scroll[scroll-enabled]:not(.mini-navigation) .navigation__button:before{-webkit-box-shadow:0 0 4px var(--color--text-lightest);box-shadow:0 0 4px var(--color--text-lightest);background-color:var(--color--bg);transition:background-color .2s ease-in-out}.items-scroll[scroll-enabled]:not(.mini-navigation) .navigation__button--prev{left:calc(var(--navigation-button-size) / 2 * -1)}.items-scroll[scroll-enabled]:not(.mini-navigation) .navigation__button--prev .icon{left:calc(50% - 1px)}.items-scroll[scroll-enabled]:not(.mini-navigation) .navigation__button--next{right:calc(var(--navigation-button-size) / 2 * -1)}.items-scroll[scroll-enabled]:not(.mini-navigation) .navigation__button--next .icon{left:calc(50% + 1px)}.items-scroll[scroll-enabled].mini-navigation .navigation{display:flex;column-gap:0;position:absolute;top:calc(var(--navigation-button-size) * -1);right:18px}.items-scroll[scroll-enabled].mini-navigation .navigation__button{width:calc(var(--navigation-button-size) / 1.5)}.items-scroll[scroll-enabled] .navigation__button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--navigation-button-size);height:var(--navigation-button-size);padding:0;margin:0;overflow:hidden;cursor:pointer;background:transparent;border:0;box-shadow:none;color:var(--color--text);-webkit-appearance:none;appearance:none;-webkit-touch-callout:none;pointer-events:all}.items-scroll[scroll-enabled] .navigation__button:before{content:"";position:absolute;top:50%;left:50%;width:calc(100% - 6px);height:calc(100% - 6px);margin:auto;text-align:center;transform:translate(-50%,-50%)}.items-scroll[scroll-enabled] .navigation__button[disabled]{opacity:.4}.items-scroll[scroll-enabled] .navigation__button .icon{--size: calc(var(--navigation-button-size) / 3.25);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;pointer-events:none}.items-scroll[scroll-enabled].is-dragged [data-items]{scroll-snap-type:none}.items-scroll[scroll-enabled].is-dragged .scroll-bar{background-color:var(--color--text);cursor:grab;touch-action:pan-x}.items-scroll[scrollable] [data-items]{overflow-y:hidden;justify-content:flex-start}.no-touchevents .items-scroll[scrollable] .navigation{display:block}.items-scroll .page-navigation-wrapper,.items-scroll .navigation{display:none}@media (min-width: 47.9375em){.container--full .items-scroll[scroll-enabled] .navigation__button--prev{left:calc(var(--navigation-button-size) / 4)}.container--full .items-scroll[scroll-enabled] .navigation__button--next{right:calc(var(--navigation-button-size) / 4)}.items-scroll[scroll-enabled] .grid-spacing--0[data-items]{padding:0;scroll-padding:0;margin-left:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-items-scroll.css.map */