.account-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-left:var(--sp-1,.25rem);border:1px solid var(--c-line,#ded7e6);border-radius:50%;background:var(--c-brand-soft,#f4eafd);color:var(--c-brand,#661d92);font-size:.8rem;font-weight:700;text-decoration:none;flex:none;transition:border-color .2s,background .2s}
.account-badge:hover,.account-badge:focus-visible{border-color:var(--c-brand,#661d92);background:var(--c-bg,#fff)}
.account-badge .icon{width:1.15rem;height:1.15rem}
.account-badge.is-active{background:var(--c-brand,#661d92);border-color:var(--c-brand,#661d92);color:#fff}
.account-badge__face{display:inline-flex;align-items:center;justify-content:center}
.account-badge__face img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.account-badge__dot{display:none;position:absolute;right:-.08rem;bottom:-.08rem;width:.55rem;height:.55rem;border:2px solid var(--c-bg,#fff);border-radius:50%;background:#29a66a}
.account-badge.is-active .account-badge__dot{display:block}
@media(max-width:26rem){.account-badge{width:2.15rem;height:2.15rem;margin-left:.1rem}}