.c-avatar{--c-avatar-border-placeholder: var(--cal-border);--c-avatar-radius-status: var(--cal-radius-circle, 50%);--c-avatar-radius-circle: var(--cal-radius-circle, 50%);--c-avatar-radius-rounded: var(--cal-radius-lg, 1rem);--c-avatar-font-weight-initials: var(--cal-font-weight-medium, 500)}.c-avatar{position:relative;display:flex}.c-avatar__image{overflow:hidden}.c-avatar__placeholder{color:var(--c-avatar-color-placeholder-icon);background-color:var(--c-avatar-color-placeholder-background);border:var(--c-avatar-border-placeholder) var(--c-avatar-color-border-placeholder)}.c-avatar__initials{display:flex;align-items:center;justify-content:center;color:var(--c-avatar-color-initials-content);background-color:var(--c-avatar-color-initials);font-weight:var(--c-avatar-font-weight-initials)}.c-avatar__status{position:absolute;inset-block-start:0;border-radius:var(--c-avatar-radius-status);box-shadow:var(--c-avatar-color-border-status) 0 0 0 .125rem}.c-avatar__status span{position:absolute !important;block-size:1px;inline-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;word-wrap:normal}.c-avatar--xs .c-avatar__image,.c-avatar--xs .c-avatar__placeholder,.c-avatar--xs .c-avatar__initials{inline-size:2rem;block-size:2rem}.c-avatar--xs .c-avatar__initials{font-size:1rem}.c-avatar--xs .c-avatar__status{inline-size:0.5rem;block-size:0.5rem}.c-avatar--sm .c-avatar__image,.c-avatar--sm .c-avatar__placeholder,.c-avatar--sm .c-avatar__initials{inline-size:2.5rem;block-size:2.5rem}.c-avatar--sm .c-avatar__initials{font-size:1.25rem}.c-avatar--sm .c-avatar__status{inline-size:0.625rem;block-size:0.625rem}.c-avatar--md .c-avatar__image,.c-avatar--md .c-avatar__placeholder,.c-avatar--md .c-avatar__initials{inline-size:3rem;block-size:3rem}.c-avatar--md .c-avatar__initials{font-size:1.5rem}.c-avatar--md .c-avatar__status{inline-size:0.75rem;block-size:0.75rem}.c-avatar--lg .c-avatar__image,.c-avatar--lg .c-avatar__placeholder,.c-avatar--lg .c-avatar__initials{inline-size:3.5rem;block-size:3.5rem}.c-avatar--lg .c-avatar__initials{font-size:1.75rem}.c-avatar--lg .c-avatar__status{inline-size:0.875rem;block-size:0.875rem}.c-avatar--xl .c-avatar__image,.c-avatar--xl .c-avatar__placeholder,.c-avatar--xl .c-avatar__initials{inline-size:4rem;block-size:4rem}.c-avatar--xl .c-avatar__initials{font-size:2rem}.c-avatar--xl .c-avatar__status{inline-size:1rem;block-size:1rem}.c-avatar--rounded .c-avatar__image,.c-avatar--rounded .c-avatar__placeholder,.c-avatar--rounded .c-avatar__initials{border-radius:var(--c-avatar-radius-rounded)}.c-avatar--circular .c-avatar__image,.c-avatar--circular .c-avatar__placeholder,.c-avatar--circular .c-avatar__initials{border-radius:var(--c-avatar-radius-circle)}.c-avatar--online .c-avatar__status{background-color:var(--c-avatar-color-online)}.c-avatar--offline .c-avatar__status{background-color:var(--c-avatar-color-offline)}.c-avatar--busy .c-avatar__status{background-color:var(--c-avatar-color-busy)}