main[data-template^=product] media-gallery{--pdp-thumb-gap: 3px;--pdp-thumb-overlay: 8%}main[data-template^=product] .product-details .shopify-app-block wrapped-extension{--shadow-primary-surface: #F4F3EF;--wrapped-launcher-button-surface: #F4F3EF;--shadow-form-element-surface: #F4F3EF;width:100%;max-width:100%!important}main[data-template^=product] .shopify-section:has(.product-information)+.shopify-section .section.spacing-style:not(.section .section){padding-block-start:0}main[data-template^=product] .commune-thumb-chevron{display:none}main[data-template^=product] media-gallery slideshow-container{background-color:#f4f3ef}main[data-template^=product] media-gallery .product-media-container:not(.dialog-zoomed-gallery *),main[data-template^=product] media-gallery .product-media-container:not(.dialog-zoomed-gallery *) .product-media img{background:#f4f3ef}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails{gap:var(--pdp-thumb-gap)}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails .slideshow-control{border-radius:0}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnail{background-color:#f4f3ef}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnail img{border-radius:0}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails .slideshow-control:is([aria-selected=true]){outline:none;border:none;position:relative}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails .slideshow-control:is([aria-selected=true]):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(0 0 0 / var(--pdp-thumb-overlay));pointer-events:none}main[data-template^=product]{--pdp-img-zoom: 1.5;--pdp-img-lift: -12%}main[data-template="product.bath-ritual"],main[data-template="product.6-bottle-box"]{--pdp-img-zoom: 1;--pdp-img-lift: 0%}main[data-template="product.the-voyagers"]{--pdp-img-zoom: 1.1;--pdp-img-lift: -4%}main[data-template="product.trays"],main[data-template="product.hand-cream"]{--pdp-img-zoom: 1.2;--pdp-img-lift: -6%}@media screen and (max-width:749.98px){main[data-template^=product] media-gallery slideshow-controls[thumbnails]{--pdp-thumb-w-m: calc((100vw - 4 * var(--pdp-thumb-gap)) / 5);--pdp-thumb-h-m: calc(var(--pdp-thumb-w-m) * 5 / 4);--slideshow-thumbnails-padding-inline: 0px;margin-block-start:var(--pdp-thumb-gap)}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails-container{width:100%}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails{width:100%;margin:0;padding:0}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails .slideshow-control{width:var(--pdp-thumb-w-m);height:var(--pdp-thumb-h-m);aspect-ratio:auto;flex:0 0 auto}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails:not(:has(>:nth-child(5))) .slideshow-control{width:auto;min-width:0;flex:1 1 0}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails:not(:has(>:nth-child(5))) .slideshow-control:not([data-pdp-bleed]) img{width:100%;object-fit:contain}main[data-template^=product] .group-block-content.layout-panel-flex--row:has(product-card){flex-wrap:nowrap}main[data-template^=product] .group-block-content.layout-panel-flex--row:has(product-card)>*{flex:1 1 0;min-width:0}main[data-template="product.bath-ritual"] [id*=section_YGjNxT] .section-content-wrapper.layout-panel-flex--row{--inside-box-card-width: 78%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}main[data-template="product.bath-ritual"] [id*=section_YGjNxT] .section-content-wrapper.layout-panel-flex--row::-webkit-scrollbar{display:none}main[data-template="product.bath-ritual"] [id*=section_YGjNxT] .section-content-wrapper.layout-panel-flex--row>.group-block{flex:0 0 var(--inside-box-card-width);width:auto;min-width:0;scroll-snap-align:center}}@media screen and (min-width:750px){main[data-template^=product] media-gallery.media-gallery--carousel{--pdp-gap: var(--pdp-thumb-gap);--pdp-frame-h: max(500px, calc(100vh - var(--pdp-chrome-visible, 0px)));--pdp-frame-h-static: max(500px, calc(100vh - var(--pdp-chrome-static, 0px)));--pdp-thumb-h: calc((var(--pdp-frame-h-static) - 5 * var(--pdp-thumb-gap)) / 6);--thumbnail-width: calc(var(--pdp-thumb-h) * 4 / 5) !important}main[data-template^=product] .product-information__grid.product-information--media-left{grid-template-columns:var(--pdp-media-col, 50vw) 1fr!important}main[data-template^=product] media-gallery.media-gallery--carousel:not(:has(slideshow-controls[pagination-position=left] .slideshow-controls__thumbnails>:nth-child(5))){--pdp-max-crop: 1.02}main[data-template^=product] media-gallery slideshow-slide[data-pdp-bleed]{--pdp-max-crop: 9}main[data-template^=product] media-gallery slideshow-slide[data-pdp-bleed]:not(.dialog-zoomed-gallery *) .product-media img{height:100%}main[data-template^=product] media-gallery.media-gallery--carousel slideshow-component{column-gap:var(--pdp-gap)}main[data-template^=product] media-gallery slideshow-controls[thumbnails]{--slideshow-thumbnails-padding-inline: 0px}main[data-template^=product] .product-information.section{padding-block-end:0!important}main[data-template^=product] .product-information .product-details{padding-block-end:50px}main[data-template^=product] .product-information--media-left .product-details{margin-left:var(--pdp-details-shift, 0px);margin-right:calc(-1 * var(--pdp-details-shift, 0px))}main[data-template^=product] .product-information .product-details>.group-block{max-width:min(100%,31rem);margin-inline:auto}body:has(#header-component[sticky=always]) main[data-template^=product] media-gallery.media-gallery--carousel{--sticky-header-offset: var(--header-height)}main[data-template^=product] media-gallery slideshow-controls[thumbnails]:not([controls-on-media]) .slideshow-controls__thumbnails{padding-block:0;padding-block-start:0}main[data-template^=product] media-gallery .product-media-container:not(.dialog-zoomed-gallery *){border-radius:0;overflow:hidden}main[data-template^=product] media-gallery.media-gallery--carousel slideshow-slides{overflow-x:hidden;scroll-behavior:auto}main[data-template^=product] media-gallery slideshow-slide.product-media-container.constrain-height:not(.dialog-zoomed-gallery *){aspect-ratio:auto;height:var(--pdp-frame-h);max-height:none}main[data-template^=product] media-gallery.media-gallery--carousel{--pdp-max-crop: 1.2}main[data-template^=product] media-gallery slideshow-slide.product-media-container:not(.dialog-zoomed-gallery *) .product-media{align-items:center}main[data-template^=product] media-gallery slideshow-slide.product-media-container:not(.dialog-zoomed-gallery *) .product-media img{width:100%;height:min(100%,calc(100vh - var(--pdp-chrome-static, 0px)));object-fit:contain;scale:min(calc(max(calc(var(--pdp-frame-ar, 1) / var(--media-preview-ratio, 1)),calc(var(--media-preview-ratio, 1) / var(--pdp-frame-ar, 1)))*1.01),var(--pdp-max-crop))}main[data-template^=product] .dialog-zoomed-gallery__dialog{background:#f4f3ef;scroll-snap-type:y mandatory}main[data-template^=product] .dialog-zoomed-gallery>.product-media-container{display:flex;width:100%;height:100vh;max-height:none;aspect-ratio:auto;scroll-snap-align:start}main[data-template^=product] .dialog-zoomed-gallery .product-media__drag-zoom-wrapper{display:flex;width:100%;height:100%}main[data-template^=product] .dialog-zoomed-gallery .product-media{width:100%;height:100%;aspect-ratio:auto}main[data-template^=product] .dialog-zoomed-gallery .product-media img{width:100%;height:100%;object-fit:contain}main[data-template^=product] .dialog-thumbnails-list{animation:commune-lightbox-fade-in .25s ease-out forwards;animation-delay:.12s}}@media screen and (min-width:1200px){main[data-template^=product] media-gallery slideshow-controls[thumbnails][pagination-position=left] scroll-hint{mask-image:none!important;-webkit-mask-image:none!important}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails-container{height:100%}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails .slideshow-control{width:var(--thumbnail-width);height:var(--pdp-thumb-h);aspect-ratio:auto}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails:not(:has(>:nth-child(7))){height:100%}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails:not(:has(>:nth-child(7))) .slideshow-control{height:auto;min-height:0;flex:1 1 0}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails:not(:has(>:nth-child(7))) .slideshow-control:not([data-pdp-bleed]) img{width:100%;object-fit:contain}main[data-template^=product] .commune-thumb-chevron{position:sticky;bottom:10px;align-self:center;margin-top:-44px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:50%;background:#fff;color:#1a1a1a;box-shadow:0 1px 6px #00000024;cursor:pointer;z-index:2;transition:opacity .2s ease}main[data-template^=product] .commune-thumb-chevron.is-hidden{opacity:0;pointer-events:none}main[data-template^=product] .commune-thumb-chevron svg{display:block;width:14px;height:14px}}@media screen and (min-width:750px)and (max-width:1199.98px){main[data-template^=product] media-gallery.media-gallery--carousel{--pdp-rail-w: calc(var(--pdp-media-col, 50vw) - var(--gap, 40px) / 2);--pdp-thumb-w-t: calc((var(--pdp-rail-w) - 4 * var(--pdp-thumb-gap)) / 5);--pdp-thumb-h-t: calc(var(--pdp-thumb-w-t) * 5 / 4)}main[data-template^=product] media-gallery.media-gallery--carousel slideshow-component:has(slideshow-controls[pagination-position=left]){grid-template:"container" auto "controls" min-content "arrows" min-content / 1fr;row-gap:var(--pdp-thumb-gap);column-gap:0}main[data-template^=product] media-gallery slideshow-controls[thumbnails][pagination-position=left]{flex-direction:row;height:auto;min-height:0;min-width:0;max-width:100%}main[data-template^=product] media-gallery slideshow-controls[thumbnails][pagination-position=left] .slideshow-controls__thumbnails-container{position:static;overflow-x:auto;overflow-y:hidden;height:auto;max-height:none;min-width:0}main[data-template^=product] media-gallery slideshow-controls[thumbnails][pagination-position=left] .slideshow-controls__thumbnails{flex-direction:row;width:100%;height:auto;margin:0}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails .slideshow-control{width:var(--pdp-thumb-w-t);height:var(--pdp-thumb-h-t);aspect-ratio:auto;flex:0 0 auto}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails:not(:has(>:nth-child(5))) .slideshow-control{width:auto;min-width:0;flex:1 1 0}main[data-template^=product] media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails:not(:has(>:nth-child(5))) .slideshow-control:not([data-pdp-bleed]) img{width:100%;object-fit:contain}main[data-template^=product] media-gallery slideshow-slide.product-media-container.constrain-height:not(.dialog-zoomed-gallery *){height:calc(var(--pdp-frame-h) - var(--pdp-thumb-h-t) - var(--pdp-thumb-gap))}main[data-template^=product] media-gallery slideshow-slide.product-media-container:not([data-pdp-bleed],.dialog-zoomed-gallery *) .product-media img{height:min(100%,calc(100vh - var(--pdp-chrome-static, 0px) - var(--pdp-thumb-h-t) - var(--pdp-thumb-gap)))}main[data-template^=product] .commune-thumb-chevron{display:none}}@keyframes commune-lightbox-fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/166/assets/commune-pdp-media-bg.css.map */