.lazy-image{transition:opacity .3s ease-in-out,filter .3s ease-in-out}.lazy-fade-in{opacity:0}.lazy-fade-in.lazy-loaded{opacity:1}.lazy-image:not(.lazy-loaded){filter:blur(2px);opacity:.8}.lazy-image.lazy-loaded{filter:none;opacity:1}.lazy-blur-up:not(.lazy-loaded){filter:blur(20px);transform:scale(1.05);opacity:.8}.lazy-blur-up.lazy-loaded{filter:none;transform:scale(1);opacity:1;transition:filter .4s ease-out,transform .4s ease-out,opacity .4s ease-out}.lazy-image[data-src]{background-color:#f8f8f8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3' fill='%23ddd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px 20px}.lazy-image.lazy-loaded[data-src]{background-image:none;background-color:transparent}.lazy-image.lazy-error{opacity:.5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z' fill='%23ff6b6b'/%3E%3C/svg%3E");filter:grayscale(100%)}.lazy-bg-image{background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .3s ease-in-out;position:relative}.lazy-bg-image[data-bg-src]{opacity:0;background-color:#f8f8f8}.lazy-bg-image.lazy-loaded{opacity:1}.lazy-bg-image.has-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,var(--overlay-opacity, .3));pointer-events:none;z-index:1}.lazy-bg-image.has-overlay>*{position:relative;z-index:2}.bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,var(--overlay-opacity, .3));pointer-events:none;z-index:1}.placeholder-bg{background-color:#f8f8f8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23f8f8f8'/%3E%3Ctext x='50' y='55' text-anchor='middle' font-family='sans-serif' font-size='12' fill='%23999'%3EImage Loading...%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:100px 100px}@media (prefers-reduced-motion: reduce){.lazy-image,.lazy-bg-image{transition:none}.lazy-fade-in{opacity:1}.lazy-image:not(.lazy-loaded){filter:none;opacity:1}}@media (max-width: 768px){.lazy-image{will-change:opacity}.lazy-image.lazy-loaded{will-change:auto}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lazy-image[data-src]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite;pointer-events:none}.lazy-image.lazy-loaded:before{display:none}@media (prefers-contrast: high){.lazy-image[data-src]{background-color:#000}.lazy-image.lazy-error{border:2px solid #ff0000}}@media print{.lazy-image[data-src]{background-image:none!important}.lazy-image:not(.lazy-loaded){filter:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/472/assets/lazy-loading-styles.css.map */