.cdr-header-avatar-wrapper {
    border-radius: 50% !important;
    overflow: visible !important;
    border: 1px solid color-mix(in srgb, var(--bs-primary) 24%, var(--cdr-border-subtle)) !important;
}

.cdr-header-avatar {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--bs-avatar-size) * 0.36);
    font-weight: 700;
    color: var(--bs-primary);
    background: color-mix(in srgb, var(--bs-primary) 14%, var(--cdr-surface-elevated));
    border-radius: inherit;
}