.o-avatar{--o-avatar-size:50px;--o-avatar-letter-size:28px;--o-avatar-dot-size:8px;--o-avatar-dot-top:2px;--o-avatar-dot-left:8px;--o-avatar-border-width:1px;flex-shrink:0;transition:opacity .3s;display:inline-flex;position:relative}.o-avatar:hover{opacity:.75}.o-avatar__shape{box-sizing:border-box;width:var(--o-avatar-size);height:var(--o-avatar-size);border-radius:var(--radius-full);background-color:#0000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.o-avatar__img{z-index:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:relative}.o-avatar__img--fallback{background-color:var(--Background-Surface);z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.o-avatar__img--main{z-index:1}.o-avatar__letter{font-family:var(--font-avatar-brand);font-size:var(--o-avatar-letter-size);line-height:1;font-weight:var(--font-weight-semibold);text-transform:uppercase}.o-avatar--type-logo .o-avatar__icon,.o-avatar__letter{color:var(--Text-Fixed-White)}.o-avatar--mode-icon .o-avatar__shape{background-color:var(--Background-Surface)}.o-avatar--mode-letter .o-avatar__shape,.o-avatar--mode-letter.o-avatar--type-brand .o-avatar__shape,.o-avatar--type-logo .o-avatar__shape{background-color:var(--Background-Primary-Dark)}.o-avatar--type-brand .o-avatar__shape{background-color:var(--Background-Secondary-Surface)}.o-avatar--border .o-avatar__shape:before{content:"";border-radius:inherit;border:var(--o-avatar-border-width) solid var(--Strokes-and-Dividers-Fixed-White-Secondary);pointer-events:none;z-index:2;position:absolute;inset:0}.o-avatar--ring .o-avatar__shape:before{display:none}.o-avatar--ring{border:2px solid var(--Strokes-and-Dividers-Border);border-radius:var(--radius-full);padding:6px}.o-avatar__counter{top:var(--o-avatar-dot-top);left:var(--o-avatar-dot-left);z-index:2;display:inline-flex;position:absolute}