#login-wrapper * {
    transition: transform .3s ease-in-out;
}

#login-wrapper:hover #dropdown-icon img {
    transform: rotate(180deg);
}

@media (min-width: 426px) {

    #login-wrapper:hover #dropdown-icon img,
    #login-wrapper:hover #login-icon {
        filter: invert(100%) sepia(69%) saturate(0) hue-rotate(132deg) brightness(114%) contrast(101%);
    }

    #login-wrapper:hover+#login-dropdown,
    #login-dropdown:hover {
        display: unset;
    }
}

#login-dropdown {
    display: none;
}


#login-dropdown-main li {
    display: inline-grid;
    grid-template-columns: auto minmax(auto, 100%);
}

#login-dropdown-main li * {
    display: grid;
    align-items: center;
}

#login-alert {
    animation: login-shake 4.72s ease infinite;
}