.wp-login .wrap { display:flex; flex-direction:column; height:100%; }
.wp-login .form { flex:1; background:#fff; box-shadow:-2px 0 18px 0 #444; display:flex; align-items:center; padding:20px; overflow:auto }
.wp-login .container { width:100%; }
.wp-login button { height:40px }
.wp-login input[type="text"],
.wp-login input[type="password"] { height:40px; border-radius:5px }
.wp-login .input-icon .icon { width:40px; height:40px }
@media (min-width:768px) {
.wp-login .form { justify-content:center; padding:20px 0; }
.wp-login .container { width:500px; }
}
@media (min-width:1200px) {
.wp-login .wrap { flex-direction:row; }
.wp-login .form { flex:1; padding:0; }
}
.wp-login .container h1 { font-size:32px; font-weight:700; line-height:1.1; padding-bottom:20px; }
.wp-login .container h1 strong { font-weight:800; }
.wp-login .container .paragraph { font-size:13px; line-height:1.3; padding-bottom:20px; }
.wp-login .container .label { font-size:11px; display:block; padding-bottom:5px; }
.wp-login .container .label.label-error { color:#c00; }
.wp-login .icon { margin-bottom:20px; }
.wp-login .icon .user-icon { width:80px; height:80px; }
.wp-login .user { display:flex; align-items:center; padding-bottom:20px; overflow:hidden; }
.wp-login .user .icon { margin-bottom:0; flex-shrink:0; }
.wp-login .user-grow { flex:1; }
.wp-login .user-links { display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-end; align-self:stretch; padding-bottom:5px; flex-shrink:0; }
.wp-login .user-links a { font-size:11px; color:#b23600; text-decoration:none; line-height:1.3; display:inline-flex; align-items:center; gap:4px; }
.wp-login .user-links a::after { font-family:'Material Symbols Rounded'; font-size:12px; content:attr(data-icon); width:0; overflow:hidden; transition:width 0.5s; }
.wp-login .user-links a:hover { color:#ff8500; }
.wp-login .user-links a:hover::after { width:14px; }
.wp-login .user-links a.xhr-sending { position:static; }
.wp-login .user-links a.xhr-sending::before { content:none; }
.wp-login .user-links a.xhr-sending::after { content:'directory_sync'; font-variation-settings:'FILL' 1; width:12px; position:static; background:none; transform:none; display:inline-block; animation:xhr-btn-spin 1s linear infinite; }
.wp-login .container input { width:100%; }
.wp-login .actions { display:flex; align-items:center; padding-top:10px; }
.wp-login .actions-grow { flex:1; }
.wp-login .highlight { color:#b23600; }
.wp-login .input-icon button.on .msym:before { content:'visibility' }
.wp-login .pass-meter .input-icon button { right:45px }
.wp-login .pass-meter .input-icon input { padding-right:85px !important }