deck-carousel-o2{--deck-carousel-o2-tuck-span: var(--o2-size-banner-carousel-tuck-span);--deck-carousel-o2-tuck-blur: var(--o2-size-banner-carousel-tuck-blur);--deck-carousel-o2-tuck-scale: var(--o2-size-banner-carousel-tuck-scale);--deck-carousel-o2-tuck-step: var(--o2-space-banner-carousel-tuck-step-mobile);--deck-carousel-o2-step-duration: var(--o2-duration-banner-carousel-step);--deck-carousel-o2-snap-duration: var(--o2-duration-banner-carousel-snap);--deck-carousel-o2-arrow-room: 0px;--deck-carousel-o2-arrow-inset: 0px;display:block;position:relative}.deck-carousel-o2__deck{position:relative;box-sizing:border-box;max-width:var(--deck-carousel-o2-deck-box, 100%);margin-inline:auto}.deck-carousel-o2__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.deck-carousel-o2__viewport::-webkit-scrollbar{display:none}.is-deck .deck-carousel-o2__viewport{overflow:visible;scroll-snap-type:none;touch-action:pan-y;cursor:grab}.is-deck.is-grabbing .deck-carousel-o2__viewport{cursor:grabbing;-webkit-user-select:none;user-select:none}.deck-carousel-o2__track{display:flex;align-items:stretch;gap:var(--deck-carousel-o2-card-gap, var(--o2-space-banner-carousel-card-gap));width:max-content;isolation:isolate;margin:0;padding:0;list-style:none}.deck-carousel-o2__arrow{display:inline-flex;position:absolute;top:50%;z-index:var(--o2-z-overlay);box-sizing:border-box;align-items:center;justify-content:center;width:var(--o2-size-deck-carousel-arrow-pill-width);height:var(--o2-size-deck-carousel-arrow-pill-height);min-height:0;padding:var(--o2-space-deck-carousel-arrow-ring);border:0;background-color:var( --deck-carousel-o2-arrow-ring-fill, rgba(var(--o2-text-inverse), var(--o2-opacity-deck-carousel-arrow-glass)) );-webkit-backdrop-filter:blur(var(--o2-size-deck-carousel-arrow-glass-blur));backdrop-filter:blur(var(--o2-size-deck-carousel-arrow-glass-blur));cursor:pointer;translate:0 -50%;transition:opacity var(--o2-duration-slow) var(--o2-ease-standard),visibility var(--o2-duration-slow) var(--o2-ease-standard)}.deck-carousel-o2__arrow-face{display:flex;box-sizing:border-box;align-items:center;justify-content:center;width:100%;height:100%;background-color:var( --deck-carousel-o2-arrow-face-fill, rgb(var(--o2-action-primary)) );color:var(--deck-carousel-o2-arrow-glyph-color, rgb(var(--o2-text-inverse)));transition:background-color var(--o2-duration-button-hover) var(--o2-ease-standard),color var(--o2-duration-button-hover) var(--o2-ease-standard)}.deck-carousel-o2__arrow--prev{left:calc(0px - var(--deck-carousel-o2-arrow-inset) - var(--o2-space-deck-carousel-arrow-ring));border-radius:0 var(--o2-size-deck-carousel-arrow-pill-radius) var(--o2-size-deck-carousel-arrow-pill-radius) 0}.deck-carousel-o2__arrow--prev .deck-carousel-o2__arrow-face{border-radius:0 var(--o2-size-deck-carousel-arrow-pill-core-radius) var(--o2-size-deck-carousel-arrow-pill-core-radius) 0}.deck-carousel-o2__arrow--next{right:calc(0px - var(--deck-carousel-o2-arrow-inset) - var(--o2-space-deck-carousel-arrow-ring));border-radius:var(--o2-size-deck-carousel-arrow-pill-radius) 0 0 var(--o2-size-deck-carousel-arrow-pill-radius)}.deck-carousel-o2__arrow--next .deck-carousel-o2__arrow-face{border-radius:var(--o2-size-deck-carousel-arrow-pill-core-radius) 0 0 var(--o2-size-deck-carousel-arrow-pill-core-radius)}.deck-carousel-o2__arrow--prev svg{rotate:180deg}.deck-carousel-o2__arrow svg{display:block}.deck-carousel-o2__arrow svg path{fill:currentcolor}.deck-carousel-o2__arrow-glyph{display:flex}.deck-carousel-o2__arrow-glyph--long{display:none}.deck-carousel-o2__arrow:focus-visible{outline:0;box-shadow:var(--o2-focus-ring)}.deck-carousel-o2__arrow:disabled{opacity:var(--o2-opacity-hidden);visibility:hidden;pointer-events:none}.deck-carousel-o2__arrow[hidden]{display:none}@media(hover:hover)and (pointer:fine){.deck-carousel-o2__arrow:hover .deck-carousel-o2__arrow-face{background-color:var( --deck-carousel-o2-arrow-face-fill-hover, rgb(var(--o2-action-primary-strong)) );color:var( --deck-carousel-o2-arrow-glyph-color-hover, rgb(var(--o2-text-inverse)) )}}.deck-carousel-o2__controls{position:relative;z-index:var(--o2-z-base);display:flex;justify-content:center;margin-top:var(--o2-space-lg)}.deck-carousel-o2__controls[hidden]{display:none}.deck-carousel-o2__range{-webkit-appearance:none;appearance:none;width:var(--o2-size-slider-progress);height:var(--o2-size-touch);margin:0;padding:0;background:transparent;color:rgb(var(--o2-action-primary));cursor:pointer}.deck-carousel-o2__range::-webkit-slider-runnable-track{height:var(--o2-size-progress-track);border-radius:var(--o2-space-2xs);background-color:rgba(var(--o2-action-primary),var(--o2-opacity-divider-subtle))}.deck-carousel-o2__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--deck-carousel-o2-range-thumb, 20px);height:var(--o2-size-progress-track);border:0;border-radius:var(--o2-space-2xs);background-color:currentcolor}.deck-carousel-o2__range::-moz-range-track{height:var(--o2-size-progress-track);border-radius:var(--o2-space-2xs);background-color:rgba(var(--o2-action-primary),var(--o2-opacity-divider-subtle))}.deck-carousel-o2__range::-moz-range-thumb{width:var(--deck-carousel-o2-range-thumb, 20px);height:var(--o2-size-progress-track);border:0;border-radius:var(--o2-space-2xs);background-color:currentcolor}.deck-carousel-o2__range:focus-visible{outline:none;box-shadow:var(--o2-focus-ring);border-radius:var(--o2-radius-sm)}@media screen and (min-width:1300px){.deck-carousel-o2__arrow{width:var(--o2-size-product-action);height:var(--o2-size-product-action);padding:var(--o2-space-deck-carousel-arrow-ring-circle);border-radius:var(--o2-radius-full);background-color:var( --deck-carousel-o2-arrow-ring-fill-circle, rgb(var(--o2-surface-page)) );-webkit-backdrop-filter:none;backdrop-filter:none}.deck-carousel-o2__arrow--prev,.deck-carousel-o2__arrow--next,.deck-carousel-o2__arrow--prev .deck-carousel-o2__arrow-face,.deck-carousel-o2__arrow--next .deck-carousel-o2__arrow-face{border-radius:var(--o2-radius-full)}.deck-carousel-o2__arrow--prev{left:calc(0px - var(--deck-carousel-o2-arrow-inset))}.deck-carousel-o2__arrow--next{right:calc(0px - var(--deck-carousel-o2-arrow-inset))}.deck-carousel-o2__arrow-glyph--chevron{display:none}.deck-carousel-o2__arrow-glyph--long{display:flex}}@media(prefers-reduced-motion:reduce){.deck-carousel-o2__arrow,.deck-carousel-o2__arrow-face{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-deck-carousel-o2.css.map */