.smart-image{width:var(--smart-image-width,100%);height:var(--smart-image-height,auto);background-color:#f3f4f6;position:relative;overflow:hidden}.smart-image__img{opacity:0;width:100%;height:100%;transition:opacity .2s ease-out;display:block}.smart-image__img--visible{opacity:1}.smart-image--fit-cover .smart-image__img{object-fit:cover}.smart-image--fit-contain .smart-image__img{object-fit:contain}.smart-image--fit-fill .smart-image__img{object-fit:fill}.smart-image--fit-none .smart-image__img{object-fit:none}.smart-image__placeholder{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.smart-image__placeholder--blur{filter:blur(20px);transition:opacity .3s ease-out;transform:scale(1.1)}.smart-image--loaded .smart-image__placeholder--blur{opacity:0;pointer-events:none}.smart-image__placeholder--skeleton{background:linear-gradient(90deg,#e5e7eb 0%,#f3f4f6 50%,#e5e7eb 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite smart-image-shimmer}@keyframes smart-image-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.smart-image--loaded .smart-image__placeholder--skeleton{opacity:0;pointer-events:none;transition:opacity .2s ease-out}.smart-image--error{background-color:#f9fafb}.smart-image--error .smart-image__img{opacity:.8}.smart-image--loading:after{content:"";opacity:0;pointer-events:none;border:2px solid #ffffff4d;border-top-color:#fffc;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite smart-image-spin;position:absolute;bottom:8px;right:8px}@keyframes smart-image-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.smart-image__img,.smart-image__placeholder--blur{transition:none}.smart-image__placeholder--skeleton{background:#e5e7eb;animation:none}}@media (prefers-contrast:high){.smart-image{border:1px solid}}