.product-media-container__zoom-button{position:absolute;width:100%;height:100%;z-index:var(--layer-flat);cursor:zoom-in;background-color:transparent}.product-media-container__zoom-button:hover{background-color:transparent}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;border-radius:50%}@supports not (background-color: rgb(from red 150 g b / alpha)){.close-button:focus-visible{outline:none;overflow:visible}.close-button:focus-visible:after{content:"";position:absolute;inset:calc(-1 * var(--focus-outline-offset));border:var(--focus-outline-width) solid currentColor;border-radius:50%;display:inherit}}.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 rgb(var(--color-border-rgb) / var(--media-border-opacity))}.close-button:hover{background-color:transparent;opacity:.8}.close-button svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/css/product/product-media-zoom.css.map */