:root{--s-image-bg:var(--s-fill-color-tertiary);--s-image-width:320px;--s-image-height:240px;--s-image-loading-font-size:var(--s-size-xl);--s-image-loading-color:var(--s-text-color-fourth);--s-image-error-font-size:var(--s-size-xl);--s-image-error-color:var(--s-text-color-fourth);--s-image-duration:var(--s-duration-slow)}.s-image{position:relative;display:inline-block;width:var(--s-image-width);height:var(--s-image-height);overflow:hidden;background:var(--s-image-bg)}.s-image--circle{border-radius:9999px}.s-image__display{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat}.s-image--animated .s-image__display{animation:s-image-fade var(--s-image-duration)}@keyframes s-image-fade{from{opacity:0}to{opacity:1}}.s-image__interaction{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;-webkit-touch-callout:none;user-select:none}.s-image__loading{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:var(--s-image-loading-font-size);color:var(--s-image-loading-color)}.s-image__error{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:var(--s-image-error-font-size);color:var(--s-image-error-color)}