.spinner{display:block;color:var(--color-foreground)}::view-transition-group(product-gallery){animation-duration:var(--gallery-transition-duration, .3s)}::view-transition-old(product-gallery),::view-transition-new(product-gallery){height:100%;mix-blend-mode:normal;animation-duration:inherit}:root[data-gallery-transition]::view-transition{pointer-events:none}:root[data-gallery-transition]::view-transition-old(root),:root[data-gallery-transition]::view-transition-new(root){animation:none}:root[data-gallery-transition=fade]::view-transition-old(product-gallery){animation-name:gallery-fade-out}:root[data-gallery-transition=fade]::view-transition-new(product-gallery){animation-name:gallery-fade-in}:root[data-gallery-transition=zoom]::view-transition-old(product-gallery){animation-name:gallery-zoom-out}:root[data-gallery-transition=zoom]::view-transition-new(product-gallery){animation-name:gallery-zoom-in}:root[data-gallery-transition=reveal]::view-transition-old(product-gallery){animation:none}:root[data-gallery-transition=reveal]::view-transition-new(product-gallery){animation-name:gallery-reveal}@keyframes gallery-fade-out{0%{opacity:1}45%,to{opacity:0}}@keyframes gallery-fade-in{0%,55%{opacity:0}to{opacity:1}}@keyframes gallery-zoom-out{to{opacity:0;transform:scale(1.03)}}@keyframes gallery-zoom-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes gallery-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.spinner__stage{width:100%;aspect-ratio:var(--gallery-aspect-ratio, 1);display:block;position:relative;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.spinner__stage[data-dragging]{cursor:grabbing}.spinner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.spinner__controls{display:grid;gap:4px;padding-inline:clamp(12px,3vw,28px);color:var(--color-foreground)}.spinner__track{position:relative}.spinner input{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:max(44px,var(--spinner-handle-height));margin:0;background:transparent;cursor:ew-resize}.spinner input::-webkit-slider-runnable-track{height:var(--spinner-handle-height);background:radial-gradient(circle,color-mix(in srgb,var(--color-foreground) 30%,transparent) 3px,transparent 4px) center / calc(100% / 12) 100% repeat-x}.spinner input::-moz-range-track{height:var(--spinner-handle-height);background:radial-gradient(circle,color-mix(in srgb,var(--color-foreground) 30%,transparent) 3px,transparent 4px) center / calc(100% / 12) 100% repeat-x}.spinner input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:var(--spinner-handle-width);height:var(--spinner-handle-height);border:var(--style-border-width-primary) solid var(--color-primary-button-border);border-radius:var(--style-border-radius-buttons-primary);background:var(--color-primary-button-background);cursor:grab}.spinner input::-moz-range-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:var(--spinner-handle-width);height:var(--spinner-handle-height);border:var(--style-border-width-primary) solid var(--color-primary-button-border);border-radius:var(--style-border-radius-buttons-primary);background:var(--color-primary-button-background);cursor:grab}.spinner input:active::-webkit-slider-thumb{cursor:grabbing}.spinner input:active::-moz-range-thumb{cursor:grabbing}.spinner__arrow{position:absolute;top:50%;left:calc(var(--spinner-progress, 0) * (100% - var(--spinner-handle-width)));transform:translateY(-50%);display:grid;place-items:center;width:var(--spinner-handle-width);color:var(--color-primary-button-text);pointer-events:none}.spinner__labels{display:flex;justify-content:space-between;gap:12px;font-size:clamp(11px,1.8vw,14px);line-height:1.2}.spinner__caption{font-size:11px;line-height:1.4;letter-spacing:.5px;text-align:center;color:color-mix(in srgb,var(--color-foreground) 65%,transparent);margin:8px 12px 10px}.media-gallery--spinner-ready{--thumbnail-size: var(--thumbnail-width)}.media-gallery--spinner-ready .slideshow-controls__thumbnails{gap:var(--thumbnail-gap)}.media-gallery--spinner-ready .slideshow-controls__thumbnail{width:var(--thumbnail-size);flex-shrink:0}.media-gallery--spinner-ready .slideshow-controls__thumbnail img{width:100%;height:100%;object-fit:contain}.media-gallery--spinner-ready .slideshow-controls__thumbnail-badge--spinner{inset:auto auto 4px 50%;transform:translate(-50%);width:auto;height:auto;padding:2px 6px;font-size:10px;font-weight:700;border-radius:var(--style-border-radius-buttons-primary);background:var(--color-primary-button-background);color:var(--color-primary-button-text)}.media-gallery--spinner-ready slideshow-arrows{filter:none;padding-inline:var(--padding-sm)}.media-gallery--spinner-ready slideshow-arrows .slideshow-control:not(.slideshow-control--style-none){display:grid;place-items:center;opacity:1;padding:0;width:var(--minimum-touch-target);height:var(--minimum-touch-target);border:var(--style-border-width-primary) solid var(--color-primary-button-border);border-radius:var(--style-border-radius-buttons-primary);background:var(--color-primary-button-background);color:var(--color-primary-button-text);box-shadow:0 4px 10px color-mix(in srgb,var(--color-foreground) 15%,transparent)}.media-gallery--spinner-ready slideshow-arrows .slideshow-control:not(.slideshow-control--style-none):hover{background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-border)}.media-gallery--spinner-ready .product-media-container--spinner{aspect-ratio:auto;max-height:none}.media-gallery--spinner-ready.media-gallery--grid .media-gallery__grid .product-media-container--spinner{height:auto;align-self:start}.media-gallery--spinner-ready .spinner{width:100%;min-width:0}.media-gallery--spinner-ready .spinner__stage{border-radius:var(--media-radius);overflow:hidden}.media-gallery--spinner-ready .spinner__image{object-fit:var(--product-media-fit, contain)}.media-gallery--spinner-ready .spinner__controls[hidden]{display:none}.spinner input:focus-visible{outline:2px solid var(--color-primary-button-background);outline-offset:3px}@media(min-width:750px){.media-gallery--spinner-ready .constrain-height .spinner__stage{max-height:var(--constrained-height)}}@media(max-width:749px){.media-gallery--spinner-ready{--thumbnail-size: var(--thumbnail-mobile-width);--thumbnail-width: var(--thumbnail-mobile-width)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/product-gallery.css.map */