:root {
    --c-primary: #34b7fa;
    --c-primary-30: rgba(52, 183, 250, 0.3);
    --c-border: #D3D3D3;
    --g-border-radius: 6px;
}

/* Main Form */
.login form {
    border-radius: calc(2 * var(--g-border-radius));
    border: none;
}

/* Input Fields */
.login form .input, .login input[type=password], .login input[type=text] {
    border-radius: var(--g-border-radius);
    border: solid 1px var(--c-border);
    padding: .6em 0.8em;
    font-size: 1.2rem;
    width: 100%;
}

/* Input Fields Focus */
.login form .input:focus, .login input[type=password]:focus, .login input[type=text]:focus {
    border-color: var(--c-primary);
    box-shadow: 0 0 0 3px var(--c-primary-30);
    outline: none;
}

/* Show/Hide Password */
.login .button.wp-hide-pw {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: inherit;
    font-size: 1.1rem;
    padding: 0;
    height: 3.2rem;
}

.login .button.wp-hide-pw .dashicons {
    top: .5rem;
}

/* Login Button */
.wp-core-ui .button-primary {
    background-color: var(--c-primary);
    border-radius: var(--g-border-radius);
    border: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

/* Login Error */
.login #login_error {
    border-radius: var(--g-border-radius);
    border-left-width: 3px;
}