.o2-slider-wrapper{position:relative;margin:0}.o2-product-slider{display:flex;flex-wrap:nowrap;gap:var(--o2-space-md);padding-bottom:var(--o2-space-control-y);margin-bottom:0;margin-top:0;padding-left:0;list-style:none;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.o2-product-slider.is-dragging,.o2-product-slider.is-programmatic-scrolling{scroll-snap-type:none;scroll-behavior:auto}.o2-product-slider::-webkit-scrollbar{display:none}.o2-slide{flex:0 0 auto;max-width:none;margin:0;padding:0;scroll-snap-align:start}o2-slider-button{display:none}.o2-slider-controls{display:grid;grid-template-columns:var(--o2-size-touch) var(--o2-size-slider-progress) var(--o2-size-touch);align-items:center;justify-content:center;gap:var(--o2-space-nav-gap);margin-top:var(--o2-space-lg)}.o2-slider-controls[hidden],.o2-slider-controls.is-hidden{display:none}.o2-slider-controls o2-slider-button{display:block;position:static;transform:none}.o2-slider-controls o2-slider-button.is-hidden{visibility:hidden}.o2-slider-controls o2-slider-progress{display:flex;align-items:center;width:100%;min-height:var(--o2-size-touch);margin:0;padding:0}.o2-slider-controls .o2-progress-bar-track{height:var(--o2-size-touch);background-color:transparent}.o2-slider-controls .o2-progress-bar-rail{position:absolute;top:50%;right:0;left:0;height:var(--o2-size-progress-track);border-radius:var(--o2-space-2xs);background-color:rgba(var(--o2-action-primary),var(--o2-opacity-divider-subtle));transform:translateY(-50%)}.o2-slider-controls .o2-progress-bar-rail:after{content:"";position:absolute;top:0;bottom:0;left:var(--o2-progress-offset, 0%);width:var(--o2-progress-size, 20%);border-radius:var(--o2-space-2xs);background-color:rgb(var(--o2-action-primary))}.o2-slider-controls .o2-progress-bar-thumb{top:0;height:100%;background-color:transparent}.o2-slider-controls .o2-slider-button--prev .o2-slider-nav-btn svg{transform:rotate(180deg)}.o2-slider-nav-btn{display:flex;align-items:center;justify-content:center;width:var(--o2-size-touch);height:var(--o2-size-touch);min-width:var(--o2-size-touch);padding:0;border:var(--o2-size-border) solid rgb(var(--o2-border-action));border-radius:var(--o2-radius-full);background-color:rgb(var(--o2-surface-page));cursor:pointer;touch-action:manipulation;transition:transform var(--o2-duration-fast) var(--o2-ease-out),background-color var(--o2-duration-fast) var(--o2-ease-standard),border-color var(--o2-duration-fast) var(--o2-ease-standard)}.o2-slider-nav-btn svg path{fill:rgb(var(--o2-action-primary));transition:fill var(--o2-duration-fast) var(--o2-ease-standard)}.o2-slider-nav-btn:active:not(:disabled){transform:scale(var(--o2-scale-press))}.o2-slider-nav-btn:focus-visible,.o2-progress-bar-track:focus-visible{outline:none;box-shadow:var(--o2-focus-ring)}.o2-slider-nav-btn:disabled{border-color:rgb(var(--o2-text-darker));cursor:default}.o2-slider-nav-btn:disabled svg path{fill:rgb(var(--o2-text-darker))}@media screen and (max-width:989px){.o2-slide{width:var(--o2-size-product-card-compact)}.o2-product-slider{gap:var(--o2-space-compact)}}@media screen and (max-width:749px){.o2-slide{width:var(--o2-size-product-card-narrow)}.o2-product-slider{gap:var(--o2-space-control-y);padding-right:1.5rem}.o2-slider-wrapper{margin-right:-1.5rem}}o2-slider-progress{display:block;margin-top:var(--o2-page-gutter);padding:0 var(--o2-page-gutter)}.o2-progress-bar-container{width:var(--o2-size-slider-progress);max-width:100%;margin:0 auto}.o2-progress-bar-track{width:100%;height:var(--o2-size-progress-track);background-color:rgba(var(--color-foreground),.08);border-radius:var(--o2-space-2xs);overflow:hidden;position:relative;z-index:var(--o2-z-base);cursor:pointer;touch-action:none}.o2-progress-bar-rail{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.o2-progress-bar-thumb{position:absolute;top:0;left:0;height:100%;background-color:rgb(var(--o2-action-primary));border-radius:var(--o2-space-2xs);width:20%;transition:transform .1s linear;will-change:transform;z-index:var(--o2-z-raised);cursor:grab}.o2-progress-bar-thumb.dragging{cursor:grabbing;transition:none}@media screen and (min-width:990px){o2-slider-progress{padding:0;margin-top:var(--o2-space-lg)}o2-slider-button{display:block;position:absolute;top:50%;transform:translateY(-50%);z-index:var(--o2-z-overlay);transition:opacity var(--o2-duration-slow) var(--o2-ease-standard),visibility var(--o2-duration-slow) var(--o2-ease-standard)}o2-slider-button.is-hidden{opacity:var(--o2-opacity-hidden);visibility:hidden;pointer-events:none}}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.o2-slider-nav-btn:hover:not(:disabled){background-color:rgb(var(--o2-action-primary))}.o2-slider-nav-btn:hover:not(:disabled) svg path{fill:rgb(var(--o2-text-on-action))}}@media(prefers-reduced-motion:reduce){.o2-product-slider{scroll-behavior:auto}.o2-progress-bar-thumb,o2-slider-button,.o2-slider-nav-btn,.o2-slider-nav-btn svg path{transition:none}.o2-slider-nav-btn:active:not(:disabled){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-slider-o2.css.map */