@layer components{[data-ui=avatar]{--avatar-indicator-size:calc(var(--avatar-size) / 4);width:var(--avatar-size);height:var(--avatar-size);text-transform:uppercase;background-color:var(--color-surface-container-high);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}[data-ui=avatar][data-shape=circle] [data-ui=avatar-image],[data-ui=avatar][data-shape=circle] [data-ui=avatar-group-count],[data-ui=avatar][data-shape=circle]{border-radius:var(--radius-circled)}[data-ui=avatar][data-shape=circle] [data-ui=avatar-status]{inset-block-end:5%;inset-inline-end:0%}[data-ui=avatar][data-shape=square] [data-ui=avatar-image],[data-ui=avatar][data-shape=square] [data-ui=avatar-group-count],[data-ui=avatar][data-shape=square]{border-radius:var(--radius-md)}[data-ui=avatar][data-shape=square] [data-ui=avatar-status]{inset-block-end:-2%;inset-inline-end:-8%}[data-ui=avatar]>[data-ui=avatar-image]{object-fit:cover;width:100%;height:100%}[data-ui=avatar]:not(:has([data-ui=avatar-group-count])):active,[data-ui=avatar]:not(:has([data-ui=avatar-group-count])):focus-visible{outline:var(--color-primary) solid var(--spacing-2);outline-offset:var(--spacing-2)}[data-ui=avatar]>[data-ui=avatar-status]{z-index:2;width:var(--avatar-indicator-size);height:var(--avatar-indicator-size);border-radius:var(--radius-rounded);border:var(--spacing-2) solid var(--color-surface);position:absolute}[data-ui=avatar]>[data-ui=avatar-status][data-status=online]{background-color:var(--color-success)}[data-ui=avatar]>[data-ui=avatar-status][data-status=offline]{background-color:var(--color-on-surface-variant)}[data-ui=avatar]>[data-ui=avatar-status][data-status=busy]{background-color:var(--color-error)}[data-ui=avatar]>[data-ui=avatar-status][data-status=away]{background-color:var(--color-warning)}[data-ui=avatar] [data-ui=avatar-group-count]{width:100%;height:100%;color:var(--color-on-surface);background-color:var(--color-surface);border:var(--spacing-2) solid var(--color-surface-container-highest);justify-content:center;align-items:center;display:flex}[data-ui=avatar-group]{margin-inline-start:var(--spacing-16);display:flex}[data-ui=avatar-group]>[data-ui=avatar]{border:var(--spacing-2) solid var(--color-surface);margin-inline-start:calc(var(--spacing-16) * -1)}}