.c-avatar{background:var(--c-color-surface-muted);color:var(--c-color-text-muted);font-weight:var(--c-font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.c-avatar[data-shape=circle]{border-radius:50%}.c-avatar[data-shape=rounded]{border-radius:var(--c-radius-md)}.c-avatar[data-shape=square]{border-radius:0}.c-avatar[data-size=xs]{width:20px;height:20px;font-size:9px}.c-avatar[data-size=sm]{width:28px;height:28px;font-size:11px}.c-avatar[data-size=md]{width:36px;height:36px;font-size:13px}.c-avatar[data-size=lg]{width:48px;height:48px;font-size:16px}.c-avatar[data-size=xl]{width:64px;height:64px;font-size:22px}.c-avatar__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.c-avatar__initials{letter-spacing:.02em}.c-avatar__status{border:2px solid var(--c-color-surface);background:var(--c-color-text-muted);border-radius:50%;width:30%;min-width:8px;height:30%;min-height:8px;position:absolute;bottom:0;right:0}.c-avatar__status[data-status=online]{background:var(--c-color-success)}.c-avatar__status[data-status=busy]{background:var(--c-color-danger)}.c-avatar__status[data-status=away]{background:var(--c-color-warning)}.c-avatar__status[data-status=offline]{background:var(--c-color-text-subtle)}.c-avatar-group{display:inline-flex}.c-avatar-group .c-avatar{border:2px solid var(--c-color-surface);margin-inline-start:-8px}.c-avatar-group .c-avatar:first-child{margin-inline-start:0}.c-avatar-group__more{background:var(--c-color-surface-sunken,var(--c-color-surface-muted));color:var(--c-color-text-muted);font-weight:600}.c-avatar[data-tone],.c-bottom-sheet[data-tone],.c-breadcrumbs[data-tone],.c-data-table[data-tone],.c-data-view[data-tone],.c-mega-menu[data-tone],.c-number-spinner[data-tone],.c-upload[data-tone],[data-c-accordion][data-tone],[data-c-kbd-group][data-tone],[data-c-navbar][data-tone],[data-c-pricing-plan][data-tone],[data-c-split-pane][data-tone],[data-c-statistic][data-tone],[data-c-window][data-tone]{--c-color-primary:var(--c-tone);--c-color-primary-soft:var(--c-tone-soft);--c-color-primary-fg:var(--c-tone-fg)}.c-avatar[data-tone]{background:var(--c-tone-soft);color:var(--c-tone);box-shadow:0 0 0 2px var(--c-color-surface),0 0 0 4px var(--c-tone)}