font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
0 0 2px 1px rgba(79, 148, 212, 0.8);
border-left: 4px solid #72aee6;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border-left-color: #00a32a;
border-left-color: #d63638;
.login-action-lostpassword p.submit {
margin: -10px 0 20px; /* May want to revisit this */
.login .input::-ms-clear {
.login .button.wp-hide-pw {
border: 1px solid transparent;
.login .button.wp-hide-pw:hover {
.login .button.wp-hide-pw:focus {
box-shadow: 0 0 0 1px #3582c4;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
.login .button.wp-hide-pw:active {
.login .button.wp-hide-pw .dashicons {
border: 1px solid #c3c4c7;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both;
animation-iteration-count: 3;
transform: translateX(0);
transform: translateX(-20px);
transform: translateX(20px);
transform: translateX(0);
@media (prefers-reduced-motion: reduce) {
.login-action-confirm_admin_email #login {
@media screen and (max-width: 782px) {
.login-action-confirm_admin_email #login {
.login form .forgetmenot {
.login .reset-pass-submit {
justify-content: space-between;
.login .reset-pass-submit .button {
.login .admin-email-confirm-form .submit {
.login form p.admin-email__details {
.login h1.admin-email__heading {
border-bottom: 1px #f0f0f1 solid;
.admin-email__actions div {
.login .admin-email__actions .button-primary {
.login .forgetmenot label,
vertical-align: baseline;
background-image: url(../images/w-logo-blue.png?ver=20131202);
background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
background-position: center top;
background-repeat: no-repeat;
.login #backtoblog a:hover,
.login #backtoblog a:focus,
.login .privacy-policy-page-link {
.login input[type="text"],
.login input[type="password"] {
line-height: 1.33333333; /* 32px */
padding: 0.1875rem 0.3125rem; /* 3px 5px */
.js.login input.password-input,
.js.login-action-rp form .input,
.js.login-action-rp input[type="text"] {
.login input[type="text"],
.login form input[type="checkbox"] {
.js.login-action-rp input[type="text"],
.js.login-action-rp input[type="password"] {
.login #pass-strength-result {
.interim-login.login h1 a {
.interim-login #login_error,
.interim-login.login .message {
.interim-login.login form {
/* Hide visually but not from screen readers */
.screen-reader-text span {
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
/* Hide the Edge "reveal password" native button */
@media screen and (max-height: 550px) {
@media screen and (max-width: 782px) {
.interim-login input[type=checkbox] {
.interim-login input[type=checkbox]:checked:before {
margin: -0.1875rem 0 0 -0.25rem;