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