:root{--media-max-width:34em}.avatar-image{align-items:center;background-color:var(--color-accent);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,transparent 75%,var(--foreground)) inset;display:flex;height:var(--avatar-size,1.5em);position:relative;width:var(--avatar-size,1.5em)}.avatar-image:before{content:"?";left:50%;opacity:.25;position:absolute;top:50%;transform:translate(-50%,-50%)}.avatar-image__container{border-radius:50%;display:block;height:100%;overflow:hidden;position:relative;width:100%}.avatar-image__image{border-radius:50%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.avatar-image__score{align-items:center;background:var(--color-background);border:3px solid var(--color-background);border-radius:1em;color:var(--user-score-color,var(--color-primary-text));display:flex;font-size:.66em;font-weight:700;left:100%;position:absolute;top:0;transform:translateY(-40%) translate(-1em);z-index:2}.avatar-image__score--negative{--user-score-background:color-mix(in srgb,var(--error),var(--color-background) 75%);--user-score-color:var(--error-text);--user-score-border-color:var(--error)}.avatar-image__score--superuser{--user-score-background:linear-gradient(to right bottom,color-mix(in srgb,var(--warning),var(--color-background) 75%),color-mix(in srgb,var(--color-light),var(--color-background) 75%),color-mix(in srgb,var(--warning),var(--color-background) 75%));--user-score-color:var(--warning-text);--user-score-border-color:var(--warning)}.avatar-image__score--good{--user-score-background:color-mix(in srgb,var(--success),var(--color-background) 75%);--user-score-color:var(--success-text);--user-score-border-color:var(--success)}.avatar-image__score--neutral{--user-score-background:color-mix(in srgb,var(--info),var(--color-background) 75%);--user-score-color:var(--info-text);--user-score-border-color:var(--info)}.avatar-image__score-level{background:var(--user-score-background,color-mix(in srgb,var(--color-primary),var(--color-background) 75%));border-radius:50%;display:block;height:1em;width:1em}.avatar-image__score-value{display:block;line-height:1;max-width:0;overflow:hidden;transition:max-width .2s var(--bezier)}.avatar-image:hover .avatar-image__score-value{max-width:100px}