slideshow-component{--cursor: grab;position:relative;display:flex;flex-direction:column;timeline-scope:var(--slideshow-timeline)}.slideshow--single-media{--cursor: default}a slideshow-component{--cursor: pointer}slideshow-slides{width:100%;position:relative;display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-color:transparent transparent;scrollbar-width:none;gap:var(--slideshow-gap, 0);cursor:var(--cursor)}@media(prefers-reduced-motion){slideshow-slides{scroll-behavior:auto}}slideshow-slides::-webkit-scrollbar{width:0}slideshow-slides::-webkit-scrollbar-track{background:transparent}slideshow-slides::-webkit-scrollbar-thumb{background:transparent;border:none}slideshow-slides[size=small]{min-height:17.5rem}slideshow-slides[size=medium]{min-height:21.25rem}slideshow-slides[size=large]{min-height:25rem}@media screen and (min-width:750px){slideshow-slides[size=small]{min-height:26.25rem}slideshow-slides[size=medium]{min-height:35rem}slideshow-slides[size=large]{min-height:45rem}}slideshow-component[disabled=true] slideshow-slides{overflow:hidden}@media screen and (max-width:749px){slideshow-component[mobile-disabled] slideshow-slides{overflow:hidden}}slideshow-slide{position:relative;scroll-snap-align:start;width:var(--slide-width, 100%);max-height:100%;flex-shrink:0;view-timeline-axis:inline;content-visibility:auto;contain-intrinsic-size:auto none}slideshow-component[actioned] slideshow-slide,slideshow-slide[aria-hidden=false]{content-visibility:visible}slideshow-slide slideshow-component slideshow-slide:not([aria-hidden=false]){content-visibility:hidden}slideshow-slide[hidden]:not([reveal]){display:none}.no-nesting .product-grid-container slideshow-slide,.no-nesting .card-gallery slideshow-slide{content-visibility:visible!important}slideshow-slide.product-media-container--tallest{content-visibility:visible}@media screen and (max-width:749px){.media-gallery--hint :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]:last-of-type),slideshow-slide[aria-hidden=false]+slideshow-slide){content-visibility:auto}slideshow-component[actioned] :is(.media-gallery--hint :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]:last-of-type),slideshow-slide[aria-hidden=false]+slideshow-slide)){content-visibility:visible}}:is(.resource-list__carousel,.card-gallery) :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]),slideshow-slide[aria-hidden=false]+slideshow-slide){content-visibility:auto}slideshow-component[actioned] :is(:is(.resource-list__carousel,.card-gallery) :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]),slideshow-slide[aria-hidden=false]+slideshow-slide)){content-visibility:visible}slideshow-component:is([dragging],[transitioning],:hover)>slideshow-container>slideshow-slides>slideshow-slide{content-visibility:visible}slideshow-slides[gutters*=start]{padding-inline-start:var(--gutter-slide-width, 0);scroll-padding-inline-start:var(--gutter-slide-width, 0)}slideshow-slides[gutters*=end]{padding-inline-end:var(--gutter-slide-width, 0)}slideshow-component[dragging]{--cursor: grabbing}slideshow-component[dragging] *{pointer-events:none}slideshow-component[dragging] slideshow-arrows{display:none}slideshow-container{width:100%;display:block;position:relative;grid-area:container;container-type:inline-size}slideshow-controls{flex-shrink:0;display:flex;justify-content:space-between;scrollbar-width:none;min-height:var(--minimum-touch-target);grid-area:controls}slideshow-controls[controls-on-media]{position:absolute;bottom:0}slideshow-controls::-webkit-scrollbar{display:none}slideshow-controls button{--color: rgb(var(--color-foreground-rgb) / var(--opacity-30));--color-active: var(--color-foreground);--color-hover: rgb(var(--color-foreground-rgb) / var(--opacity-50));display:inline-block;height:var(--minimum-touch-target);width:var(--minimum-touch-target);cursor:pointer}slideshow-controls .icon{width:var(--icon-size-sm);height:var(--icon-size-xs)}slideshow-controls[pagination-position=center]{align-items:center;justify-content:center}slideshow-controls[pagination-position=center][thumbnails]{width:100%}slideshow-controls[pagination-position=center]:not([controls-on-media],[thumbnails],[icons-on-media]){justify-content:space-between}slideshow-component:has(slideshow-controls[thumbnails]):has(slideshow-controls[pagination-position=right]){display:grid;grid-template:"container controls" auto "arrows controls" min-content / 1fr auto}slideshow-component:has(slideshow-controls[thumbnails]):has(slideshow-controls[pagination-position=left]){display:grid;grid-template:"controls container" auto "controls arrows" min-content / auto 1fr}slideshow-component:has(slideshow-controls[thumbnails]) slideshow-controls[pagination-position=left]{order:-1}slideshow-controls[thumbnails]:is([pagination-position=right],[pagination-position=left]){display:flex;flex-direction:column;height:0;min-height:100%}slideshow-controls[thumbnails]:is([pagination-position=right],[pagination-position=left]) .slideshow-controls__thumbnails-container{overflow:hidden auto}slideshow-controls[thumbnails]:is([pagination-position=right],[pagination-position=left]):not([controls-on-media]) .slideshow-controls__thumbnails-container{position:sticky;top:var(--sticky-header-offset, 0)}slideshow-controls[thumbnails]:is([pagination-position=right],[pagination-position=left]):not([controls-on-media]) .slideshow-controls__thumbnails{padding-block-start:var(--focus-outline-offset)}slideshow-controls:not([controls-on-media])[icons-on-media][pagination-position=right]{justify-content:flex-end}slideshow-controls:not([controls-on-media])[icons-on-media][pagination-position=left]{justify-content:flex-start}slideshow-controls:not([controls-on-media]):is([pagination-position=left],[pagination-position=right]) .slideshow-controls__thumbnails{padding-block:var(--padding-2xs)}slideshow-controls:not([controls-on-media]):is([pagination-position=right]) .slideshow-controls__thumbnails{padding-inline-end:var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset))}slideshow-controls:not([controls-on-media]):is([pagination-position=left]) .slideshow-controls__thumbnails{padding-inline-start:var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset))}slideshow-controls[controls-on-media]{z-index:var(--layer-raised)}slideshow-controls[controls-on-media]:has(.slideshow-controls__dots,.slideshow-controls__counter){--color-foreground: #fff;--color-foreground-rgb: var(--color-white-rgb)}slideshow-controls[controls-on-media][pagination-position=right]{right:0}slideshow-controls[controls-on-media][pagination-position=left]{left:0}slideshow-controls[controls-on-media][pagination-position=center]{width:100%}slideshow-controls[controls-on-media]:not([thumbnails])[pagination-position=left]{width:fit-content;align-self:flex-start}slideshow-controls[controls-on-media]:not([thumbnails])[pagination-position=right]{width:fit-content;align-self:flex-end}slideshow-controls:is([pagination-position=right],[pagination-position=left]) .slideshow-controls__thumbnails{flex-direction:column}.slideshow-controls__arrows{display:flex;justify-content:space-between;height:var(--minimum-touch-target);grid-area:arrows}.slideshow-controls__arrows button{padding:0 var(--padding-xs)}.slideshow-controls__dots,.slideshow-controls__counter{display:inline-flex;justify-content:center;align-items:center;margin:0;list-style:none}:is(.slideshow-controls__dots,.slideshow-controls__counter) button{--color: rgb(var(--color-foreground-rgb) / var(--opacity-30));--color-active: var(--color-foreground);--color-hover: rgb(var(--color-foreground-rgb) / var(--opacity-50))}slideshow-controls:has(.slideshow-controls__dots),slideshow-component[autoplay] slideshow-controls{mix-blend-mode:difference}.slideshow-controls__dots{gap:.6rem;padding:var(--padding-sm) var(--padding-lg);border-radius:3rem;overflow:hidden}.slideshow-controls__dots button{--size: .5rem;display:flex;align-items:center;justify-content:center;width:calc(var(--size) * 2);height:calc(var(--size) * 2);margin:calc(var(--size) / -2);font-size:0;border-radius:calc(var(--size))}.slideshow-controls__dots button:after{content:"";display:block;background-color:var(--color);height:var(--size);width:var(--size);border-radius:calc(var(--size) / 2)}@supports not (view-timeline-axis: inline){:is()[aria-selected=true]{--color: var(--color-active)}}.slideshow-controls__dots button[aria-selected=true]{--color: var(--color-active)}:is(.slideshow-controls__dots,.slideshow-controls__counter):only-child{margin-inline:auto}.slideshow-controls__counter{color:var(--color-foreground);background-color:transparent;width:auto;border-radius:2rem;padding:.3rem var(--padding-sm);margin-inline:var(--margin-sm);font-variant-numeric:tabular-nums;font-size:var(--font-size--xs)}.slideshow-controls__counter .slash{color:rgb(var(--color-foreground-rgb) / var(--opacity-40));padding-inline:var(--padding-2xs);margin-block-start:-.1rem}.slideshow-control[disabled]{opacity:.5;cursor:not-allowed}.slideshow-control--large .icon-caret{--icon-stroke-width: 1px}.slideshow-control--large .svg-wrapper,.slideshow-control--large svg{width:var(--slideshow-controls-icon);height:var(--slideshow-controls-icon)}.button-unstyled.slideshow-control.slideshow-control--shape-square,.button-unstyled.slideshow-control.slideshow-control--shape-circle{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text)}.button-unstyled.slideshow-control.slideshow-control--shape-circle{border-radius:50%}.button-unstyled.slideshow-control.slideshow-control--shape-square{border-radius:0}.slideshow-control .icon-caret{rotate:-90deg}.slideshow-controls__thumbnails-container{display:flex;width:100%;max-height:100%;overflow-x:scroll;scrollbar-width:none}.slideshow-controls__thumbnails{display:inline-flex;padding-inline:var(--slideshow-thumbnails-padding-inline, var(--padding-sm));padding-block:var(--slideshow-thumbnails-padding-block, var(--padding-sm));gap:var(--gap-xs);margin-inline:auto;height:fit-content}.slideshow-controls__thumbnails .slideshow-control{border-radius:var(--media-radius);width:clamp(44px,7vw,var(--thumbnail-width));height:auto;aspect-ratio:var(--aspect-ratio)}.slideshow-controls__thumbnails .slideshow-control img{height:100%;object-fit:cover;border-radius:var(--media-radius)}.slideshow-controls__thumbnails .slideshow-control:is([aria-selected=true]){outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-offset) / 2);border:var(--style-border-width) solid rgb(var(--color-border-rgb) / var(--media-border-opacity))}.slideshow-controls__thumbnail{position:relative}.slideshow-controls__thumbnail-badge{position:absolute;top:var(--padding-2xs);right:var(--padding-2xs);width:clamp(16px,10%,20px);height:clamp(16px,10%,20px);background-color:var(--color-background);border-radius:var(--style-border-radius-xs);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb) / var(--opacity-5))}.slideshow-controls__thumbnail-badge svg{width:60%;height:60%;fill:var(--color-foreground);opacity:.6}.slideshow-control:is(.icon-pause,.icon-play){color:var(--color-active)}.slideshow-control:is(.icon-pause,.icon-play):hover{color:var(--color-hover)}.slideshow-control:is(.icon-pause,.icon-play) svg{display:none}slideshow-component:is([autoplay]):is([paused]) .icon-play>svg{display:block}slideshow-component:is([autoplay]):not([paused]) .icon-pause>svg{display:block}slideshow-arrows{--cursor-previous: w-resize;--cursor-next: e-resize;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:var(--layer-heightened);pointer-events:none;mix-blend-mode:difference;align-items:flex-end}slideshow-arrows[position=left]{justify-content:flex-start;padding-inline:var(--padding-xs)}slideshow-arrows[position=right]{justify-content:flex-end;padding-inline:var(--padding-xs)}slideshow-arrows[position=center]{justify-content:space-between;align-items:center}slideshow-arrows:has(.slideshow-control--shape-square),slideshow-arrows:has(.slideshow-control--shape-circle){mix-blend-mode:normal}slideshow-component[disabled=true] slideshow-arrows{display:none}slideshow-arrows .slideshow-control{pointer-events:auto;opacity:0;min-height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);padding:0 var(--padding-xs);color:var(--color-white)}slideshow-arrows .slideshow-control.slideshow-control--style-none{display:none}.media-gallery--carousel slideshow-arrows .slideshow-control{padding-inline:0 var(--padding-md)}.card-gallery slideshow-arrows .slideshow-control{padding-inline:var(--padding-xl)}@container (max-width: 249px){.card-gallery slideshow-arrows .slideshow-control{padding-inline:0 var(--padding-sm)}}.media-gallery--carousel slideshow-arrows .slideshow-control{opacity:1}:not(.media-gallery--carousel)>:is(slideshow-component:hover,slideshow-component:focus-within):not(:has(slideshow-controls:hover))>slideshow-container>slideshow-arrows .slideshow-control{animation:arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards}@keyframes arrowsSlideIn{0%{transform:translate(var(--padding-sm));opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/314/assets/slideshow.css.map */