.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))}:is(.slideshow-controls__dots,.slideshow-controls__counter):only-child{margin-inline:auto}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)}}:is():hover{--color: var(--color-hover)}.slideshow-controls__dots button[aria-selected=true]{--color: var(--color-active)}.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__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-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)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/css/carousels/slideshow-controls-ui.css.map */