.media{position:relative;overflow:hidden}.media--transparent{background-color:transparent}.media--square{padding-bottom:100%}.media--portrait{padding-bottom:125%}.media--landscape{padding-bottom:66.6%}.media--cropped{padding-bottom:56%}.media--16-9{padding-bottom:56.25%}.media--circle{padding-bottom:100%;border-radius:50%}.media>img,.media>iframe,.media>video{border:0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}img{max-width:100%;height:auto;display:block}.media__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(var(--color-foreground),.03),rgba(var(--color-foreground),.05),rgba(var(--color-foreground),.03));background-size:200% 100%;animation:loading-shimmer 1.5s ease-in-out infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card__media{position:relative;padding-bottom:100%;overflow:hidden}.card__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-wrapper:hover .card__media img{transform:scale(1.05)}.banner__media{position:relative;width:100%;height:0;padding-bottom:50%}@media screen and (min-width: 750px){.banner__media{padding-bottom:40%}}@media screen and (min-width: 1200px){.banner__media{padding-bottom:35%}}.banner__media img,.banner__media video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.thumbnail-list__item{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.thumbnail-list__item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.progressive-image{position:relative;overflow:hidden}.progressive-image__thumb{filter:blur(10px);transform:scale(1.1);transition:opacity .3s ease}.progressive-image__full{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.progressive-image__full.loaded{opacity:1}.progressive-image__full.loaded~.progressive-image__thumb{opacity:0}.no-js img[loading=lazy]{opacity:1}.webp .webp-image{display:block}.no-webp .webp-image,.webp .fallback-image{display:none}.no-webp .fallback-image{display:block}@media screen and (max-width: 749px){.card__media{padding-bottom:100%}.banner__media{padding-bottom:75%}.product__media-item{width:100%}}.card__media img,.media img{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/image-optimization.css.map */