.dialog-thumbnails-list-container{position:fixed;width:100%;bottom:0;display:flex;z-index:var(--layer-raised);padding-block-end:var(--safe-area-inset-bottom);padding-inline:var(--safe-area-inset-left) var(--safe-area-inset-right)}.dialog-thumbnails-list{--active-thumbnail-border-color: rgb(var(--color-border-rgb) / var(--media-border-opacity));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-block:50% auto;inset-inline:auto var(--margin-lg);inset-inline-end:var(--safe-area-inset-right);max-height:calc(100vh - 200px);overflow-y:auto;animation:thumbnailsSlideInTop var(--spring-d220-b0-duration) var(--spring-d220-b0-easing) forwards;animation-delay:calc(var(--spring-d220-b0-duration) * .5)}[dir=rtl] .dialog-thumbnails-list{inset-inline-end:var(--safe-area-inset-left)}.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 var(--active-thumbnail-border-color)}@supports (anchor-name: --test){.dialog-thumbnails-list:has(.dialog-thumbnails-list__thumbnail:is([aria-selected=true])):after{--inset-offset: calc(var(--focus-outline-offset) / 2);content:"";position:absolute;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);position-anchor:--selected-thumbnail;outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-offset) / 2);border:var(--style-border-width) solid var(--active-thumbnail-border-color);border-radius:var(--media-radius);z-index:var(--layer-raised)}@media(prefers-reduced-motion:no-preference){.dialog-thumbnails-list:has(.dialog-thumbnails-list__thumbnail:is([aria-selected=true])):after{transition-property:inset;transition-duration:var(--spring-d180-b0-duration);transition-timing-function:var(--spring-d180-b0-easing)}}.dialog-thumbnails-list__thumbnail:is([aria-selected=true]){outline:none;border:none;anchor-name:--selected-thumbnail}}.dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:calc(var(--thumbnail-width) / var(--media-preview-ratio) + var(--padding-lg) * 2);inset-inline-end:var(--padding-lg)}[dir=rtl] .dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{right:auto}@media screen and (min-width:750px){.dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:var(--padding-lg);inset-inline-end:calc(var(--thumbnail-width) + var(--padding-lg) * 2)}}.dialog-zoomed-gallery__dialog{background-color:var(--color-background);view-transition-name:zoom-dialog-ui}.dialog-zoomed-gallery{cursor:zoom-out}.dialog--preloading{opacity:0}@media screen and (max-width:749px){.dialog-zoomed-gallery{overscroll-behavior:none;scrollbar-width:none;display:flex;scroll-snap-type:x mandatory;overflow-x:hidden;scroll-behavior:smooth;height:100%}.dialog-zoomed-gallery::-webkit-scrollbar{display:none}.dialog-zoomed-gallery .product-media-container{flex:0 0 100%;scroll-snap-align:start;position:relative}.dialog-zoomed-gallery .product-media-container--image .product-media{aspect-ratio:auto;height:100%;width:100%;overflow:hidden}.dialog-zoomed-gallery .product-media-container--video,.dialog-zoomed-gallery .product-media-container--external_video{align-content:center}.dialog-zoomed-gallery :is(.product-media-container--video,.product-media-container--external_video,.product-media-container--model) .product-media{aspect-ratio:auto;align-items:center;height:100%}.dialog-zoomed-gallery :is(.product-media-container--video,.product-media-container--external_video,.product-media-container--model) .product-media .product-media__image{height:100%}.product-media__drag-zoom-wrapper{display:flex;aspect-ratio:auto;height:100%;width:100%;overflow:scroll;scrollbar-width:none;justify-content:center}.product-media__drag-zoom-wrapper::-webkit-scrollbar{display:none}.product-media__drag-zoom-wrapper .product-media__image{--product-media-fit: contain;object-fit:var(--product-media-fit);overflow:hidden;transform:scale(var(--drag-zoom-scale)) translate(var(--drag-zoom-translate-x, 0),var(--drag-zoom-translate-y, 0))}}.dialog-zoomed-gallery__close-button{color:#fff;mix-blend-mode:difference;z-index:var(--layer-raised)}.dialog-zoomed-gallery .product-media-container--zoomable.product-media-container--image{cursor:zoom-out}.dialog-zoomed-gallery .product-media-container--video deferred-media,.dialog-zoomed-gallery .product-media-container--external_video deferred-media{height:auto;aspect-ratio:var(--ratio)}.dialog-zoomed-gallery .product-media-container--model .product-media__image{height:100vh}:root:active-view-transition .dialog-zoomed-gallery__dialog{background-color:transparent}::view-transition-group(zoom-dialog-ui){z-index:calc(var(--layer-overlay) + 1)}::view-transition-old(gallery-item-open),::view-transition-new(gallery-item-open){animation-timing-function:step-start}::view-transition-old(gallery-item-close),::view-transition-new(gallery-item-close){animation-timing-function:step-end}@media screen and (min-width:750px){:root:active-view-transition .product-media__image{background-color:transparent}}::view-transition-group(gallery-item-open),::view-transition-group(gallery-item-close){z-index:var(--layer-overlay);border-radius:var(--gallery-media-border-radius);overflow:clip}::view-transition-group(gallery-item-open){animation-timing-function:var(--spring-d300-b0-easing);animation-duration:var(--spring-d300-b0-duration)}::view-transition-group(gallery-item-close){animation-timing-function:var(--spring-d220-b0-easing);animation-duration:var(--spring-d220-b0-duration)}@media screen and (max-width:749px){::view-transition-group(gallery-item-open),::view-transition-group(gallery-item-close){animation-timing-function:step-start;animation-duration:.1s}::view-transition-new(gallery-item-open){animation:fade-in var(--spring-d180-b0-duration) var(--spring-d180-b0-easing) forwards;animation-timing-function:var(--spring-d180-b0-easing);animation-duration:var(--spring-d180-b0-duration)}::view-transition-old(gallery-item-close){animation:fade-out .08s linear forwards}}@keyframes fade-in{0%{scale:.98;opacity:.8}}@keyframes fade-out{to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/drastik-product-zoom.css.map */