.ui-image-wrapper[data-v-2f0e3940]{display:inline-block;height:100%;overflow:hidden;width:100%}.ui-image-wrapper--none[data-v-2f0e3940]{border-radius:0}.ui-image-wrapper--small[data-v-2f0e3940]{border-radius:2px}.ui-image-wrapper--medium[data-v-2f0e3940]{border-radius:4px}.ui-image-wrapper--large[data-v-2f0e3940]{border-radius:8px}.ui-image-container[data-v-2f0e3940]{height:100%;position:relative;width:100%}.ui-image[data-v-2f0e3940]{display:block;height:100%;opacity:0;transition:opacity .3s ease;width:100%}.ui-image--loaded[data-v-2f0e3940]{opacity:1}.ui-image-loading[data-v-2f0e3940]{align-items:center;background-color:var(--color-bg-secondary);display:flex;inset:0;justify-content:center;position:absolute}.ui-image-spinner[data-v-2f0e3940]{animation:spin-2f0e3940 1s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:24px;width:24px}@keyframes spin-2f0e3940{to{transform:rotate(1turn)}}.ui-image-error[data-v-2f0e3940]{align-items:center;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}.ui-image-error-icon[data-v-2f0e3940]{color:var(--color-text-tertiary);font-size:32px}.ui-image-error-text[data-v-2f0e3940]{font-size:12px}.ui-image-wrapper--error[data-v-2f0e3940],.ui-image-wrapper--loading[data-v-2f0e3940]{background-color:var(--color-bg-secondary)}