zoom-dialog dialog{width:100vw;height:100vh;border:none;margin:0;padding:0;max-width:100%;max-height:100%;background:#fff;opacity:0;transition:opacity var(--animation-speed) var(--animation-easing);scrollbar-width:none}zoom-dialog dialog[open]{opacity:1}@media(prefers-reduced-motion:no-preference){zoom-dialog dialog{scroll-behavior:smooth}}zoom-dialog dialog::backdrop{background:transparent}.close-button{position:fixed;top:var(--margin-lg);right:var(--margin-lg);width:var(--minimum-touch-target);height:var(--minimum-touch-target);z-index:var(--layer-flat);background-color:transparent;display:flex;align-items:center;justify-content:center;opacity:0;animation:elementSlideInBottom var(--animation-speed) var(--animation-easing) forwards;animation-delay:calc(var(--animation-speed) * 2)}.dialog--closed .close-button{animation:elementSlideOutBottom calc(var(--animation-speed) * .5) var(--animation-easing) forwards}.dialog-thumbnails-list-container{position:fixed;width:100%;bottom:0;display:flex;z-index:var(--layer-raised)}.dialog-thumbnails-list{position:relative;display:inline-flex;flex-direction:row;gap:8px;bottom:0;overflow-x:auto;opacity:0;padding:var(--padding-lg);margin-inline:auto;scrollbar-width:none;animation:thumbnailsSlideInBottom calc(var(--animation-speed) * .75) var(--animation-easing) forwards;animation-delay:calc(var(--animation-speed) * 1.5)}.dialog--closed .dialog-thumbnails-list{animation:thumbnailsSlideOutBottom var(--animation-speed) var(--animation-easing) forwards}@media screen and (min-width:750px){.dialog-thumbnails-list{position:fixed;flex-direction:column;inset:50% var(--margin-lg) auto auto;right:0;max-height:calc(100vh - 200px);overflow-y:auto;animation:thumbnailsSlideInTop calc(var(--animation-speed) * .5) var(--animation-easing) forwards;animation-delay:calc(var(--animation-speed) * 2)}.dialog--closed .dialog-thumbnails-list{animation:thumbnailsSlideOutTop var(--animation-speed) var(--animation-easing) forwards}}.dialog-thumbnails-list__thumbnail{width:var(--thumbnail-width);height:auto;transition:transform var(--animation-speed) var(--animation-easing);flex-shrink:0;border-radius:var(--media-radius)}.dialog-thumbnails-list__thumbnail img{height:100%;object-fit:cover;border-radius:var(--media-radius);aspect-ratio:var(--aspect-ratio)}.dialog-thumbnails-list__thumbnail: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 rgba(from var(--color-border) r g b / var(--media-border-opacity))}.close-button:hover{background-color:transparent;opacity:.8}.close-button svg{width:20px;height:20px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-media-zoom.css.map */