.lazy-image{opacity:0;transition:opacity .3s ease-in-out;will-change:opacity}.lazy-image.loaded{opacity:1}.lazy-image-container,.eager-image-container{position:relative;display:block}.lazy-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:-1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progressive-image{position:relative;overflow:hidden}.progressive-image img{transition:filter .3s ease-out}.progressive-image img.loading{filter:blur(10px)}.progressive-image img.loaded{filter:blur(0)}.performance-transform{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.performance-transition{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:0 500px}@font-face{font-display:swap}.aspect-ratio-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.aspect-ratio-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.fade-in-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}.critical-styles{display:block;visibility:visible}.performance-marker{contain:layout style paint}.image-responsive{width:100%;height:auto;max-width:100%}.product-image{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.collection-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.high-dpi-optimized{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.critical-inline{display:block;visibility:visible;opacity:1}.core-web-vitals-optimized{contain:layout style paint;will-change:auto}.webp-supported .webp-image{display:block}.webp-supported .fallback-image,.no-webp .webp-image{display:none}.no-webp .fallback-image{display:block}
/*# sourceMappingURL=/cdn/shop/t/16/assets/performance-optimization.css.map */