media-gallery:where(.media-gallery--grid) .media-gallery__grid{display:none}media-gallery.media-gallery--grid .media-gallery__grid .product-media-container{height:100%}@media screen and (min-width:750px){.media-gallery--two-column .media-gallery__grid{grid-template-columns:repeat(2,1fr)}media-gallery:is(.media-gallery--grid) slideshow-component{display:none}media-gallery:where(.media-gallery--grid) .media-gallery__grid{display:grid}}.product-media{aspect-ratio:var(--gallery-aspect-ratio, var(--ratio));min-height:0;min-width:0}.product-media__image{object-position:var(--focal-point, center center)}.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}slideshow-slide.product-media-container--tallest{content-visibility:visible}.product-media__drag-zoom-wrapper{aspect-ratio:inherit;min-height:inherit;min-width:inherit;display:inherit;flex:inherit}.media-gallery__mobile-controls{grid-area:auto}.product-media-container--zoomable.product-media-container--image{cursor:zoom-in}@media screen and (min-width:750px){.media-gallery--carousel slideshow-container,.media-gallery--grid .product-media>*{border-radius:var(--media-radius, 0);overflow:hidden}.product-information:not(.product-information--media-right) .media-gallery--carousel.media-gallery--extend slideshow-container{border-top-left-radius:0;border-bottom-left-radius:0}.product-information.product-information--media-right .media-gallery--carousel.media-gallery--extend slideshow-container{border-top-right-radius:0;border-bottom-right-radius:0}.product-information:not(.product-information--media-right) .media-gallery--grid.media-gallery--extend:not(.media-gallery--two-column) .product-media>*,.product-information:not(.product-information--media-right) .media-gallery--grid.media-gallery--extend.media-gallery--two-column:not(.media-gallery--large-first-image) .product-media-container:nth-of-type(odd) .product-media>*,.product-information:not(.product-information--media-right) .media-gallery--grid.media-gallery--extend.media-gallery--two-column.media-gallery--large-first-image .product-media-container:is(:first-of-type,:nth-of-type(2n)) .product-media>*{border-top-left-radius:0;border-bottom-left-radius:0}.product-information.product-information--media-right .media-gallery--grid.media-gallery--extend:not(.media-gallery--two-column) .product-media>*,.product-information.product-information--media-right .media-gallery--grid.media-gallery--extend.media-gallery--two-column:not(.media-gallery--large-first-image) .product-media-container:nth-of-type(2n) .product-media>*,.product-information.product-information--media-right .media-gallery--grid.media-gallery--extend.media-gallery--two-column.media-gallery--large-first-image .product-media-container:is(:first-of-type,:nth-of-type(odd)) .product-media>*{border-top-right-radius:0;border-bottom-right-radius:0}}.dialog-thumbnails-list-container{position:fixed;width:100%;bottom:0;display:flex;justify-content:center;z-index:var(--layer-raised);pointer-events:none}.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;overflow-y:hidden;opacity:0;padding:var(--padding-lg);margin-inline:auto;scrollbar-width:none;max-width:min(100vw - 2 * var(--padding-lg),720px);pointer-events:auto;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}.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);right:var(--padding-lg)}.dialog-zoomed-gallery__dialog{background-color:var(--color-background);view-transition-name:zoom-dialog-ui;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.dialog-zoomed-gallery__nav{position:fixed;top:50%;transform:translateY(-50%);width:clamp(44px,4vw,56px);height:clamp(44px,4vw,56px);border-radius:999px;border:1px solid rgb(var(--color-foreground-rgb) / .12);background:rgb(var(--color-background-rgb) / .88);color:var(--color-foreground);display:none;align-items:center;justify-content:center;z-index:calc(var(--layer-raised) + 1);box-shadow:0 16px 36px #0000001f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dialog-zoomed-gallery__nav .svg-wrapper,.dialog-zoomed-gallery__nav .icon-arrow,.dialog-zoomed-gallery__nav svg{width:18px;height:18px}.dialog-zoomed-gallery__nav--previous{left:clamp(12px,2vw,24px)}.dialog-zoomed-gallery__nav--previous .icon-arrow svg{transform:scaleX(-1)}.dialog-zoomed-gallery__nav--next{right:clamp(12px,2vw,24px)}.dialog-zoomed-gallery__nav:disabled{opacity:.35;cursor:not-allowed}.dialog-zoomed-gallery{--zoom-dialog-padding-inline: clamp(16px, 4vw, 40px);--zoom-dialog-padding-top: calc(env(safe-area-inset-top, 0px) + clamp(64px, 9vh, 96px)) ;--zoom-dialog-padding-bottom: calc( env(safe-area-inset-bottom, 0px) + var(--thumbnail-width, 44px) + clamp(24px, 5vh, 48px) );cursor:zoom-out;display:flex;width:100%;height:100dvh;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.dialog-zoomed-gallery::-webkit-scrollbar{display:none}.dialog-zoomed-gallery .product-media-container{box-sizing:border-box;flex:0 0 100%;width:100%;min-width:100%;height:100dvh;min-height:100dvh;padding:var(--zoom-dialog-padding-top) var(--zoom-dialog-padding-inline) var(--zoom-dialog-padding-bottom);display:flex;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden;position:relative}.dialog-zoomed-gallery .product-media{display:flex;align-items:center;justify-content:center;width:min(100%,calc(100vw - var(--zoom-dialog-padding-inline) * 2));height:min(100%,calc(100dvh - var(--zoom-dialog-padding-top) - var(--zoom-dialog-padding-bottom)));aspect-ratio:auto}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;touch-action:pan-x pinch-zoom}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper[data-zoomed=true]{touch-action:none}.dialog-zoomed-gallery :is(.product-media__image,.deferred-media__poster-image){max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.dialog-zoomed-gallery :is(deferred-media video,deferred-media iframe,product-model model-viewer){width:100%;height:100%;max-width:100%;max-height:100%}.dialog--preloading{opacity: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{display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:auto}.dialog-zoomed-gallery .product-media-container--model .product-media__image{height:100%}: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}::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)}@keyframes fade-in{0%{scale:.98;opacity:.8}}@keyframes fade-out{to{opacity:0}}@media screen and (max-width:749px){.product-media-gallery__slideshow--single-media slideshow-container{grid-area:unset}}@media screen and (min-width:750px){media-gallery:is(.media-gallery--grid) slideshow-component{display:none}}.media-gallery--carousel slideshow-arrows .slideshow-control{padding-inline:var(--padding-md);opacity:1}@media screen and (max-width:749px){.media-gallery--hint :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]:last-of-type),slideshow-slide[aria-hidden=false]+slideshow-slide){content-visibility:auto}slideshow-component[actioned] .media-gallery--hint :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]:last-of-type),slideshow-slide[aria-hidden=false]+slideshow-slide){content-visibility:visible}.dialog-zoomed-gallery{scroll-behavior:smooth;--zoom-dialog-padding-inline: 16px;--zoom-dialog-padding-top: calc(env(safe-area-inset-top, 0px) + 72px) ;--zoom-dialog-padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--thumbnail-width, 44px) + 40px)}.dialog-zoomed-gallery .product-media-container{scroll-snap-align:center}.dialog-zoomed-gallery .product-media-container--image .product-media{width:100%}.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{align-items:center}.dialog-zoomed-gallery :is(.product-media-container--video,.product-media-container--external_video,.product-media-container--model) .product-media .product-media__image{max-height:100%}.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))}.media-gallery--hint{--slideshow-gap: 0;overflow-x:clip}.media-gallery--hint slideshow-slides{overscroll-behavior-x:contain}.media-gallery--hint :not(.dialog-zoomed-gallery)>.product-media-container:not(:only-child){width:100%}.media-gallery--hint :not(.dialog-zoomed-gallery)>.product-media-container:not(:only-child) .product-media img{object-fit:cover}.media-gallery__mobile-controls[thumbnails]{--thumbnail-width: 44px}.media-gallery__mobile-controls[thumbnails] .slideshow-controls__thumbnail{width:var(--thumbnail-width);height:auto}::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}slideshow-component:has(:not(.mobile\:hidden) :is(.slideshow-controls__dots,.slideshow-controls__counter)) .shopify-model-viewer-ui__controls-area{bottom:calc(var(--minimum-touch-target) + var(--padding-sm))}}@media screen and (min-width:750px){.dialog-thumbnails-list{position:relative;flex-direction:row;inset:auto;max-height:none;animation:thumbnailsSlideInTop var(--spring-d220-b0-duration) var(--spring-d220-b0-easing) forwards;animation-delay:calc(var(--spring-d220-b0-duration) * .5)}.dialog--closed .dialog-thumbnails-list{animation:thumbnailsSlideOutTop var(--animation-speed) var(--animation-easing) forwards}.dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area{bottom:var(--padding-lg);right:var(--padding-lg)}.dialog-thumbnails-list-container{bottom:clamp(12px,2vh,24px);padding-inline:clamp(16px,4vw,40px)}.dialog-thumbnails-list{border-radius:999px;background:rgb(var(--color-background-rgb) / .82);box-shadow:0 18px 40px #0000001f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dialog-zoomed-gallery__nav{display:inline-flex}:root:active-view-transition .product-media__image{background-color:transparent}.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]):has(slideshow-controls[pagination-position=right]){display:grid;grid-template:"container controls" auto "arrows controls" min-content / 1fr auto}.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]):has(slideshow-controls[pagination-position=left]){display:grid;grid-template:"controls container" auto "controls arrows" min-content / auto 1fr}.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]) slideshow-controls[pagination-position=left]{order:-1}slideshow-component:has(:not(.desktop\:hidden) :is(.slideshow-controls__dots,.slideshow-controls__counter)) .shopify-model-viewer-ui__controls-area{bottom:calc(var(--minimum-touch-target) + var(--padding-sm))}}.product-information--premium-default .product-information__media media-gallery,.product-information--premium-default .product-information__media .media-gallery__carousel,.product-information--premium-default .product-information__media .media-gallery__grid{border-radius:32px}.product-information--premium-default .product-information__media .product-media-container{overflow:hidden;border:1px solid rgb(44 62 80 / .08);border-radius:24px;background:linear-gradient(180deg,#fffffffa,#f6f9f9fa);box-shadow:0 24px 48px #2c3e5014}.product-information--premium-default .product-information__media .thumbnail{border-radius:16px;overflow:hidden}.product-information--premium-default .product-information__media .thumbnail-list,.product-information--premium-default .product-information__media [class*=thumbnail]{gap:.75rem}.product-information--premium-default .product-information__media .orthocloud-gallery__arrows{padding-inline:clamp(.65rem,2vw,1rem)}.product-information--premium-default .product-information__media .orthocloud-gallery__arrows .slideshow-control{display:inline-flex;align-items:center;justify-content:center;width:clamp(2.75rem,5vw,3.25rem);min-width:clamp(2.75rem,5vw,3.25rem);height:clamp(2.75rem,5vw,3.25rem);min-height:clamp(2.75rem,5vw,3.25rem);padding:0;border:1px solid rgb(255 255 255 / .72);border-radius:999px;background:#ffffffc7;color:#2c3e50;box-shadow:0 14px 32px #2c3e5029;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:1;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.product-information--premium-default .product-information__media .orthocloud-gallery__arrows .slideshow-control:hover:not(:disabled){transform:translateY(-1px);background:#ffffffeb;border-color:#ffffffe0;box-shadow:0 18px 36px #2c3e5033}.product-information--premium-default .product-information__media .orthocloud-gallery__arrows .slideshow-control:focus-visible{outline:none;background:#fffffff5;border-color:#4f9d9c73;box-shadow:0 0 0 4px #4f9d9c33,0 18px 36px #2c3e502e}.product-information--premium-default .product-information__media .orthocloud-gallery__arrows .slideshow-control:disabled{opacity:.45;cursor:not-allowed}.product-information--premium-default .product-information__media .orthocloud-gallery__arrows .slideshow-control .svg-wrapper,.product-information--premium-default .product-information__media .orthocloud-gallery__arrows .slideshow-control svg{width:1rem;height:1rem}@media screen and (max-width:749px){.product-information--premium-default.product-information.section--page-width .product-details>.group-block,.product-information--premium-default .product-details>.group-block,.product-information--premium-default .product-information__media .product-media-container{border-radius:24px}.product-information--premium-default .product-information__media .orthocloud-gallery__arrows{padding-inline:.55rem}.product-information--premium-default .product-information__media .orthocloud-gallery__arrows .slideshow-control{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/oasisleep-product-media.css.map */