.avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex}.avatar:focus{outline:2px solid var(--cds-focus);outline-offset:2px}.avatar--sm{background-size:24px;width:24px;height:24px}.avatar--md{background-size:32px;width:32px;height:32px}.avatar--lg{background-size:48px;width:48px;height:48px}.avatar--placeholder{background-color:var(--cds-layer-01)}.avatar--square{border-radius:4px}.avatar__icon{color:var(--cds-icon-primary)}