.image-component-wrapper{position:relative;display:block;width:100%;max-width:400px;min-height:220px;max-height:400px;margin:0 auto;aspect-ratio:4/3}.image-component-wrapper .image-skeleton{position:absolute;inset:0;background:linear-gradient(120deg,#f5f5f7,#ededf1 25%,#f5f5f7 50%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes shimmer{0%{background-position:-120% 0}to{background-position:120% 0}}.image-component{display:block;width:100%;height:100%;object-fit:contain;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:opacity .18s ease,transform .18s ease}.image-component svg{width:100%!important;height:100%!important}.image-component-wrapper.loading .image-component{opacity:0;transform:translateY(6px)}.image-component-wrapper.loaded .image-component{opacity:1;transform:translateY(0)}.image-component-wrapper-instant .image-component{opacity:1;transform:none;transition:none}.image-component.placeholder{background:linear-gradient(180deg,#f9f9f9,#f1f1f1);min-height:220px;aspect-ratio:4/3}