.responsive-image{width:100%;height:auto;display:block}.image-container{position:relative;overflow:hidden;background-color:var(--color-bg-secondary, #f5f5f5)}.image-container--square{aspect-ratio:1}.image-container--portrait{aspect-ratio:3/4}.image-container--landscape{aspect-ratio:4/3}.image-container--wide{aspect-ratio:16/9}.image-container img{height:auto;display:block;position:relative;top:0;left:0;width:100%;height:100%;object-fit:cover}img:not(.loaded){opacity:0;transition:opacity .3s ease}img.loaded{opacity:1}.progressive-image{position:relative;overflow:hidden}.progressive-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);animation:shimmer 1.5s infinite;z-index:1}.progressive-image.loaded:before{display:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.image-placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary, #f5f5f5);color:var(--color-text-light, #666)}.blur-up{filter:blur(5px);transform:scale(1.1);transition:filter .3s,transform .3s}.blur-up.loaded{filter:blur(0);transform:scale(1)}.image-gallery{display:grid;gap:1rem}.image-gallery--grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.image-gallery__item{position:relative;overflow:hidden;cursor:pointer;border-radius:var(--radius-sm, .25rem)}.image-gallery__item img{transition:transform .3s ease}.image-gallery__item:hover img{transform:scale(1.05)}.image-zoom{position:relative;overflow:hidden}.image-zoom img{transition:transform .3s ease;transform-origin:center}.image-zoom:hover img{transform:scale(1.2)}.image-with-text{position:relative}.image-with-text__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(to bottom,#0003,#0009);color:#fff;text-align:center}@media (prefers-color-scheme: dark){.image-placeholder{background-color:#2a2a2a;color:#999}}@media print{img[loading=lazy]{display:none}.image-placeholder{page-break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/image-styles.css.map */