slideshow-controls{flex-shrink:0;display:flex;justify-content:space-between;scrollbar-width:none;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__dots{gap:var(--spacing-2xs);padding-block:calc(var(--spacing-s) - var(--spacing-4xs));padding-inline:var(--spacing-l);border-radius:var(--spacing-3xs);overflow:hidden}.slideshow-controls__dots button{border:none;--size: var(--spacing-s);--color: var(--color-neutral-dark-grey);padding:0;display:flex;align-items:center;justify-content:center;height:var(--spacing-4xs);font-size:0;border-radius:var(--spacing-3xs)}.slideshow-controls__dots button:after{content:"";display:block;background-color:var(--color);height:var(--spacing-4xs);width:var(--spacing-s);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-neutral-dark)}:is(.slideshow-controls__dots,.slideshow-controls__counter):only-child{margin-inline-end:auto}@media not (max-width:64rem){:is(.slideshow-controls__dots,.slideshow-controls__counter):only-child{margin-inline:auto}}.slideshow-controls__counter{color:var(--color-foreground);background-color:#0006;width:auto;border-radius:2rem;padding:.3rem var(--padding-sm);margin-inline:var(--margin-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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__thumbnails .slideshow-control.slideshow-controls__thumbnail{background:transparent!important;border:0;padding:0;color:inherit}.slideshow-controls__thumbnails .slideshow-control.slideshow-controls__thumbnail img{display:block;width:100%;height:100%;object-fit:cover;background:transparent;mix-blend-mode:normal}.slideshow-controls__thumbnails button.slideshow-control.button{background:transparent;background-color:transparent;box-shadow:none}.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}
/*# sourceMappingURL=/cdn/shop/t/117/assets/slideshow-controls.css.map */