.gallery{container-type:inline-size}.gallery__main{--gh:min(calc(100cqw * 4 / 3), calc(100svh - 150px) );aspect-ratio:auto!important;height:var(--gh);max-height:none!important;display:block!important;position:relative;overflow:hidden;isolation:isolate;background:#fff}@supports not (height:1cqw){.gallery__main{height:auto;aspect-ratio:3/4!important;max-height:calc(100vh - 150px)!important}}.gallery__main .gallery__blur{display:none!important}.gallery__main>img:not(.gallery__blur),.gallery__main>.placeholder-svg{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:contain!important;object-position:center center!important;mix-blend-mode:normal!important;z-index:1}.gallery__main>img.contain{top:8%!important;right:8%!important;bottom:8%!important;left:8%!important;width:84%!important;height:84%!important}.gallery__fill{position:absolute;z-index:0;pointer-events:none;filter:blur(10px);opacity:0;transition:opacity .2s}.gallery__fill.is-on{opacity:1}.gallery__thumbs button img{object-position:center}@media(min-width:901px){.gallery:has(.gallery__thumbs){grid-template-columns:72px minmax(0,1fr);column-gap:14px;align-items:start}.gallery:has(.gallery__thumbs) .gallery__main{--gh:min(calc((100cqw - 86px) * 4 / 3), calc(100svh - 150px) );grid-column:2;grid-row:1}.gallery__thumbs{grid-column:1;grid-row:1;display:flex!important;flex-direction:column;gap:10px;max-height:min(calc((100cqw - 86px) * 4 / 3),calc(100svh - 150px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.gallery__thumbs::-webkit-scrollbar{display:none}.gallery__thumbs button{flex:0 0 auto;width:72px;height:72px;aspect-ratio:1}}@media(max-width:900px){.gallery__main{--gh:min(calc(100cqw * 4 / 3), calc(100svh - 140px) )}.gallery__thumbs{display:flex!important;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.gallery__thumbs::-webkit-scrollbar{display:none}.gallery__thumbs button{flex:0 0 calc((100% - 40px)/5);min-width:64px;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ff-pdp-gallery.css.map */