/* Small additions for the existing #user-profile-nav element. */

#user-profile-nav[data-authenticated="true"] {
    cursor: pointer;
}

#user-profile-nav .apd-profile-name,
#user-profile-nav .apd-profile-name + small {
    pointer-events: none;
}

#user-profile-nav .apd-profile-name {
    display: block;
    font-weight: 700;
}

#user-profile-nav .apd-profile-name + small {
    display: block;
    margin-top: 4px;
    font-size: 9px;
    opacity: .75;
    white-space: nowrap;
}

#user-profile-nav.profile-auth-error {
    animation: apd-profile-error 1.4s ease;
}

@keyframes apd-profile-error {
    0%, 100% { opacity: 1; }
    50% { opacity: .55; }
}