.cb-avatar{background-color:var(--cb-surface-inset);color:var(--cb-text-subtle);font-family:var(--cb-font-family-base);font-weight:var(--cb-font-weight-medium);width:40px;height:40px;line-height:1;font-size:var(--cb-font-size-sm);border-radius:var(--cb-radius-full);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.cb-avatar--sm{width:32px;height:32px;font-size:var(--cb-font-size-xs)}.cb-avatar--lg{width:48px;height:48px;font-size:var(--cb-font-size-base)}.cb-avatar--rounded{border-radius:var(--cb-radius-lg)}.cb-avatar--square{border-radius:0}.cb-avatar--danger{background-color:var(--cb-danger-soft-bg);color:var(--cb-danger-soft-text)}.cb-avatar--success{background-color:var(--cb-success-soft-bg);color:var(--cb-success-soft-text)}.cb-avatar--warning{background-color:var(--cb-warning-soft-bg);color:var(--cb-warning-soft-text)}.cb-avatar--info{background-color:var(--cb-info-soft-bg);color:var(--cb-info-soft-text)}.cb-avatar--primary{background-color:var(--cb-primary-soft-bg);color:var(--cb-primary-soft-text)}.cb-avatar--secondary{background-color:var(--cb-secondary-soft-bg);color:var(--cb-secondary-soft-text)}.cb-avatar--gray{background-color:var(--cb-gray-soft-bg);color:var(--cb-gray-soft-text)}.cb-avatar--orange{background-color:var(--cb-orange-soft-bg);color:var(--cb-orange-soft-text)}.cb-avatar--teal{background-color:var(--cb-teal-soft-bg);color:var(--cb-teal-soft-text)}.cb-avatar--indigo{background-color:var(--cb-indigo-soft-bg);color:var(--cb-indigo-soft-text)}.cb-avatar--purple{background-color:var(--cb-purple-soft-bg);color:var(--cb-purple-soft-text)}.cb-avatar--pink{background-color:var(--cb-pink-soft-bg);color:var(--cb-pink-soft-text)}.cb-avatar__image{object-fit:cover;width:100%;height:100%}.cb-avatar__label{text-transform:uppercase;flex-shrink:0}.cb-avatar__icon{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.cb-avatar--sm .cb-avatar__icon{width:16px;height:16px}.cb-avatar--lg .cb-avatar__icon{width:24px;height:24px}.cb-avatar__icon>svg{width:100%;height:100%}