.safe-image-container[data-v-4e1e8863]{background-color:var(--bg-color);height:100%;position:relative;width:100%}.critical-image-container[data-v-4e1e8863]{overflow:hidden}.safe-image-container img[data-v-4e1e8863]{transition:all .3s ease}.safe-image-container.loading img[data-v-4e1e8863]{opacity:.7}.safe-image-container.loaded img[data-v-4e1e8863]{opacity:1}.image-placeholder[data-v-4e1e8863]{align-items:center;background:#f0f0f0;color:#666;display:flex;height:100%;justify-content:center;min-height:100px;width:100%}.placeholder-text[data-v-4e1e8863]{font-size:.875rem;padding:1rem;text-align:center}.image-loading-spinner[data-v-4e1e8863]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.spinner[data-v-4e1e8863]{animation:spin-4e1e8863 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}@keyframes spin-4e1e8863{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading[data-v-4e1e8863]{position:relative}.loading[data-v-4e1e8863]:after{animation:pulse-4e1e8863 1.5s ease-in-out infinite;background:#ffffff1a;content:"";inset:0;position:absolute}@keyframes pulse-4e1e8863{0%,to{opacity:.1}50%{opacity:.3}}.error[data-v-4e1e8863]{filter:grayscale(100%);opacity:.5}