.avatar-content-link{display:block;text-decoration:none;color:inherit;width:100%}.avatar-content-card{position:relative;width:100%;aspect-ratio:2.5 / 1;border-radius:24px;overflow:hidden;box-sizing:border-box;background-color:var(--surface-container)}.avatar-card-bg{width:100%;height:100%;object-fit:cover;display:block}.known-as-overlay{position:absolute;bottom:0;left:0;right:0;background:#141414bf;backdrop-filter:blur(8px);padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.known-as-left{display:flex;align-items:center;gap:.375rem;min-width:0;flex:1;overflow:hidden}.known-as-left .nickname{font-size:.9rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.known-as-overlay .title{font-size:.8125rem;color:#fffc;white-space:nowrap;flex-shrink:0;padding-left:.5rem}padding-left: .5rem; } .online-dot{width:10px;height:10px;border-radius:50%;border:1px solid #ffffff;flex-shrink:0}.online-dot.online{background-color:#4caf50}.online-dot.offline{background-color:#9e9e9e}