.h2o-media-experience{--h2o-media-width: 55%;--h2o-media-max-height: 560px;--h2o-media-scale: 1.06;--h2o-media-radius: 12px;--h2o-media-background: #fff;--h2o-media-top-spacing: 32px;--h2o-media-sticky-gap: 16px;--h2o-media-thumbnail-size: 72px}.h2o-media-experience .product__outer{padding-top:var(--h2o-media-top-spacing)}.h2o-media-experience .product__media-list{border:0;border-radius:var(--h2o-media-radius);background:#fff}.h2o-media-experience .product__media-list .product__media,.h2o-media-experience .product__media-list .deferred-media,.h2o-media-experience .product__media-list .deferred-media__poster{background:#fff}.h2o-media-experience .product__media-item--contain .product__media img,.h2o-media-experience .product__media-item--contain .deferred-media__poster img{transform:scale(var(--h2o-media-scale));transform-origin:center}.h2o-media-experience .product__media-toggle{cursor:zoom-in}.h2o-media-experience .product__media-icon{top:1.2rem;right:1.2rem;bottom:auto;left:auto;width:4rem;height:4rem;border:.1rem solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));box-shadow:0 .4rem 1.4rem rgba(var(--color-foreground),.08);opacity:1}.h2o-media-experience .product__media-icon .icon,.h2o-media-experience .product__media-icon .icon.icon-plus-zoom{display:block;opacity:1}.h2o-media-experience .product__media-sublist{max-width:none;margin-top:1.2rem;margin-inline:0}.h2o-media-experience .product__media-sublist .swiper-wrapper{justify-content:flex-start}.h2o-media-experience .product__media-subitem,.h2o-media-experience .product__media-sublist.no-js-flex .product__media-subitem,.h2o-media-experience .product__media-sublist:not(.swiper-initialized) .product__media-subitem{flex:0 0 var(--h2o-media-thumbnail-size);width:var(--h2o-media-thumbnail-size)!important;height:var(--h2o-media-thumbnail-size);margin-right:1rem!important;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem;opacity:.72}.h2o-media-experience .product__media-subitem .product__media{height:100%;padding-bottom:0!important}.h2o-media-experience .product__media-subitem:hover,.h2o-media-experience .product__media-subitem.swiper-slide-thumb-active{border-color:rgb(var(--color-accent));opacity:1}@media screen and (min-width:1200px){.h2o-media-experience .product__outer{gap:clamp(3.2rem,4vw,6.4rem)}.h2o-media-experience .product__main,.h2o-media-experience .product__outer--desktop-order .product__main{flex:0 1 var(--h2o-media-width);width:var(--h2o-media-width);min-width:0}.h2o-media-experience .product__info-container,.h2o-media-experience .product__outer--desktop-order .product__info-container{position:relative;top:auto;flex:1 1 0;width:auto;min-width:0}.h2o-media-experience .product__main .breadcrumb__desktop{order:-1}.h2o-media-experience--sticky .product__media-wrapper{position:sticky;top:var(--h2o-media-sticky-gap);z-index:2;align-self:flex-start;width:100%}.shopify-section-header-sticky:not(.shopify-section-header-hidden)~main .h2o-media-experience--sticky .product__media-wrapper{top:calc(var(--header-height, 0px) + var(--h2o-media-sticky-gap))}.h2o-media-experience .product__media-list .product__media,.h2o-media-experience .product__media-list .deferred-media{height:min(var(--h2o-media-max-height),calc(100vh - var(--header-height, 0px) - var(--h2o-media-sticky-gap) - 3.2rem))!important;min-height:36rem;padding-bottom:0!important}}@media screen and (max-width:749px){.h2o-media-experience{--h2o-media-top-spacing: 16px}.h2o-media-experience .product__outer{gap:2rem}.h2o-media-experience .product__media-sublist-outer,.h2o-media-experience .product__slider-nav{display:none}.h2o-media-experience.product--mobile-landscape .product__media-list .product__media,.h2o-media-experience.product--mobile-landscape .product__media-list .deferred-media{height:0!important;padding-bottom:80%!important}.h2o-media-experience.product--mobile-square .product__media-list .product__media,.h2o-media-experience.product--mobile-square .product__media-list .deferred-media{height:0!important;padding-bottom:100%!important}.h2o-media-experience .product__pagination{display:block;margin-top:1rem}.h2o-media-experience .product__media-icon{width:3.6rem;height:3.6rem}}@media(prefers-reduced-motion:reduce){.h2o-media-experience .product__media-item--contain .product__media img,.h2o-media-experience .product__media-item--contain .deferred-media__poster img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/h2o-product-media.css.map */