.avn-avatar{--avn-avatar-size:24px;--avn-avatar-font-size:11px;--avn-avatar-seed-lightness:55%;--avn-avatar-seed-chroma:60;--avn-avatar-seed-hue:260;--avn-avatar-fallback-bg:lch(var(--avn-avatar-seed-lightness) var(--avn-avatar-seed-chroma) var(--avn-avatar-seed-hue));--avn-avatar-fallback-color:var(--avn-control-primary-label);--avn-avatar-transition-duration:var(--avn-motion-duration-fast,.12s);--avn-avatar-transition-easing:var(--avn-motion-easing-standard,ease);box-sizing:border-box;width:var(--avn-avatar-size);height:var(--avn-avatar-size);color:var(--avn-avatar-fallback-color);font-family:var(--avn-font-sans,inherit);font-feature-settings:var(--avn-font-feature-settings);font-size:var(--avn-avatar-font-size);font-weight:var(--avn-font-weight-semibold,600);vertical-align:middle;isolation:isolate;border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.avn-avatar,.avn-avatar *,.avn-avatar :before,.avn-avatar :after{box-sizing:border-box}.avn-avatar[data-disabled]{opacity:.55}.avn-avatar-fallback,.avn-avatar-image{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.avn-avatar-fallback{background-color:var(--avn-avatar-fallback-bg);color:inherit;letter-spacing:0;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:background-color var(--avn-avatar-transition-duration) var(--avn-avatar-transition-easing), box-shadow var(--avn-avatar-transition-duration) var(--avn-avatar-transition-easing), color var(--avn-avatar-transition-duration) var(--avn-avatar-transition-easing), opacity var(--avn-avatar-transition-duration) var(--avn-avatar-transition-easing);border:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avn-avatar-image{z-index:1;object-fit:cover;object-position:center;color:#0000;transition:filter var(--avn-avatar-transition-duration) var(--avn-avatar-transition-easing), opacity var(--avn-avatar-transition-duration) var(--avn-avatar-transition-easing);display:block;overflow:hidden}.avn-avatar[data-avatar-state=inactive]{color:var(--avn-label-faint)}.avn-avatar[data-avatar-state=inactive] .avn-avatar-fallback{background-color:var(--avn-bg-border-solid)}.avn-avatar[data-avatar-state=inactive] .avn-avatar-image{filter:grayscale();opacity:.52}.avn-avatar[data-avatar-state=invite]{color:var(--avn-label-muted)}.avn-avatar[data-avatar-state=invite] .avn-avatar-fallback{box-shadow:inset 0 0 0 1px var(--avn-bg-border-solid);background-color:var(--avn-bg-base)}.avn-avatar[data-avatar-state=invite] .avn-avatar-image{opacity:.72}.avn-avatar-presence{--avn-avatar-presence-size:8px;--avn-avatar-presence-ring:2px;--avn-avatar-presence-offset:-1px;--avn-avatar-presence-bg:var(--avn-green-base);z-index:2;right:var(--avn-avatar-presence-offset);bottom:var(--avn-avatar-presence-offset);width:var(--avn-avatar-presence-size);height:var(--avn-avatar-presence-size);background-color:var(--avn-avatar-presence-bg);box-shadow:0 0 0 var(--avn-avatar-presence-ring) var(--avn-bg-base);pointer-events:none;transition:background-color var(--avn-avatar-transition-duration) var(--avn-avatar-transition-easing), box-shadow var(--avn-avatar-transition-duration) var(--avn-avatar-transition-easing);border-radius:50%;display:inline-block;position:absolute;overflow:hidden}.avn-avatar-presence[data-avatar-presence-status=away]{--avn-avatar-presence-bg:var(--avn-yellow-base)}.avn-avatar-presence[data-avatar-presence-status=away]:before{content:"";width:calc(var(--avn-avatar-presence-size) * .72);height:calc(var(--avn-avatar-presence-size) * .72);border-radius:inherit;background:var(--avn-bg-base);position:absolute;top:-1px;right:-1px}.avn-avatar-presence[data-avatar-presence-status=offline]{--avn-avatar-presence-bg:var(--avn-label-faint)}.avn-avatar-presence[data-avatar-presence-variant=hollow]:after{content:"";inset:clamp(2px, calc(var(--avn-avatar-presence-size) / 4), 4px);border-radius:inherit;background:var(--avn-bg-base);position:absolute}.avn-avatar-group{--avn-avatar-group-size:18px;--avn-avatar-group-offset:-4.5px;--avn-avatar-group-mask-width:clamp(.5px, calc(var(--avn-avatar-group-size) / 24), 1px);min-width:0;height:var(--avn-avatar-group-size);align-items:center;display:inline-flex}.avn-avatar-group__item{flex:0 0 var(--avn-avatar-group-size);width:var(--avn-avatar-group-size);height:var(--avn-avatar-group-size);isolation:isolate;border-radius:50%;justify-content:center;align-items:center;margin-inline-start:var(--avn-avatar-group-offset);display:inline-flex;position:relative}.avn-avatar-group__item:first-child{margin-inline-start:0}.avn-avatar-group__item[data-avatar-group-item-mask]:not(:first-child):before{content:"";inset:calc(var(--avn-avatar-group-mask-width) * -1);border-radius:inherit;background:var(--avn-bg-base);pointer-events:none;position:absolute}.avn-avatar-group__item[data-avatar-group-item-mask]>.avn-avatar{z-index:1}.avn-avatar-group__item[data-avatar-group-item-mask]>.avn-avatar[data-avatar-state=invite] .avn-avatar-fallback{box-shadow:none}.avn-avatar-group__item[data-avatar-group-item-mask]:not([data-avatar-group-item-last]) .avn-avatar-presence{display:none}.avn-avatar-group__item[data-avatar-group-item-last]{z-index:1}