:host,:root{--xzx-image-placeholder-text-color:var(--xzx-text-gray-2);--xzx-image-placeholder-font-size:var(--xzx-text-sm);--xzx-image-placeholder-background:var(--xzx-color-white);--xzx-image-loading-icon-size:32px;--xzx-image-loading-icon-color:var(--xzx-text-gray-4);--xzx-image-error-icon-size:32px;--xzx-image-error-icon-color:var(--xzx-text-gray-4)}.xzx-image{display:inline-block;position:relative}.xzx-image--round{border-radius:var(--xzx-br-round);overflow:hidden}.xzx-image--round .xzx-image__img{border-radius:inherit}.xzx-image--block{display:block}.xzx-image__error,.xzx-image__img,.xzx-image__loading{display:block;height:100%;width:100%}.xzx-image__error,.xzx-image__loading{align-items:center;background:var(--xzx-image-placeholder-background);color:var(--xzx-image-placeholder-text-color);display:flex;flex-direction:column;font-size:var(--xzx-image-placeholder-font-size);justify-content:center;left:0;position:absolute;top:0}.xzx-image__loading-icon{color:var(--xzx-image-loading-icon-color);font-size:var(--xzx-image-loading-icon-size)}.xzx-image__error-icon{color:var(--xzx-image-error-icon-color);font-size:var(--xzx-image-error-icon-size)}