.site-auth-avatar {
    border: 0;
    box-shadow:
        0 10px 24px rgba(2, 6, 23, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        box-shadow 220ms var(--ease-out-expo, ease),
        background-color 220ms var(--ease-out-expo, ease),
        color 220ms var(--ease-out-expo, ease);
}

.site-auth-avatar:hover {
    box-shadow:
        0 12px 30px rgba(2, 6, 23, 0.28),
        0 0 0 1px rgba(59, 130, 246, 0.08);
}

html[data-theme="light"] .site-auth-avatar {
    box-shadow:
        0 10px 24px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .site-auth-avatar:hover {
    box-shadow:
        0 12px 30px rgba(15, 23, 42, 0.16),
        0 0 0 1px rgba(59, 130, 246, 0.08);
}