@layer m3-components{.m3-avatar{--_s:var(--md-sys-size-avatar);--_r:50%;--_dot:10px;--_bg:var(--md-sys-color-primary-container);--_fg:var(--md-sys-color-on-primary-container);width:var(--_s);height:var(--_s);border-radius:var(--_r);background:var(--_bg);color:var(--_fg);-webkit-user-select:none;user-select:none;font:500 calc(var(--_s) * .4)/1 var(--md-ref-typeface-brand);letter-spacing:0;flex:none;place-items:center;display:inline-grid;position:relative}.m3-avatar[data-size=s]{--_s:24px;--_dot:8px;font-size:11px}.m3-avatar[data-size=l]{--_s:var(--md-sys-size-avatar-l);--_dot:12px}.m3-avatar[data-shape=square]{--_r:var(--md-sys-shape-corner-small)}.m3-avatar[data-shape=square][data-size=l]{--_r:var(--md-sys-shape-corner-medium)}.m3-avatar[data-tone=secondary]{--_bg:var(--md-sys-color-secondary-container);--_fg:var(--md-sys-color-on-secondary-container)}.m3-avatar[data-tone=tertiary]{--_bg:var(--md-sys-color-tertiary-container);--_fg:var(--md-sys-color-on-tertiary-container)}.m3-avatar__img{-o-object-fit:cover;object-fit:cover;border-radius:inherit;width:100%;height:100%}.m3-avatar__initials{line-height:1;display:block}.m3-avatar__status{width:var(--_dot);height:var(--_dot);background:var(--md-sys-color-outline);box-shadow:0 0 0 2px var(--md-sys-color-surface);border-radius:50%;position:absolute;inset-block-end:0;inset-inline-end:0;translate:10% 10%}.m3-avatar[data-shape=circle] .m3-avatar__status{translate:0}.m3-avatar[data-status=online] .m3-avatar__status{background:var(--md-sys-color-success)}.m3-avatar[data-status=away] .m3-avatar__status{background:var(--md-sys-color-warning)}.m3-avatar[data-status=busy] .m3-avatar__status{background:var(--md-sys-color-error)}.m3-avatar[data-status=offline] .m3-avatar__status{box-shadow:0 0 0 2px var(--md-sys-color-surface),inset 0 0 0 2px var(--md-sys-color-outline);background:0 0}}