#container,#icon,body,form{display:flex}#container,#icon,body,input{box-sizing:border-box}#icon,input[type=submit]{background:var(--primary);color:var(--primary-contrast)}#container,form div{position:relative}#error,#logout,form div input{margin:0 0 1.5rem;padding:1rem .75rem}:root{--body-bg:var(--theme-body-bg, #eee);--container-bg:var(--theme-container-bg, #fff);--container-border:var(--theme-container-border, #d8d8d8);--danger:var(--theme-danger, #dc3545);--danger-contrast:var(--theme-danger-contrast, #fff);--error:var(--theme-error, #721c24);--error-bg:var(--theme-error-bg, #f8d7da);--error-border:var(--theme-error-border, #f5c6cb);--font-color:var(--theme-font-color, #333);--font-family:var(--theme-font-family, Helvetica-Neue-LT-Std, sans-serif);--font-size:var(--theme-font-size, 16px);--input-bg:var(--theme-input-bg, #eee);--input-border:var(--theme-input-border, #aaa);--input-border-danger:var(--theme-input-border-danger, #f00);--input-border-success:var(--theme-border-success, #155724);--primary:var(--theme-primary, #f6861f);--primary-contrast:var(--theme-primary-contrast, #fff);--success:var(--theme-success, #155724);--success-bg:var(--theme-success-bg, #d4edda);--success-border:var(--theme-success-border, #c3e6cb)}body{align-items:center;background:var(--body-bg);color:var(--font-color);font-family:var(--font-family);font-size:var(--font-size);justify-content:center;margin:0;min-height:100vh;padding:80px 24px 24px}input,label{font-family:inherit;font-size:inherit}#container{background:var(--container-bg);border:1px solid var(--container-border);border-radius:5px;flex-direction:column;max-width:500px;min-width:320px;padding:80px 40px 50px;text-align:center;width:100%}#icon,#icon::before,form div label{position:absolute}#container>:nth-child(2){margin-top:0!important;padding-top:0!important}#container>:last-child{margin-bottom:0!important;padding-bottom:0!important}#icon{align-items:center;border:5px solid var(--body-bg);border-radius:50%;height:116px;justify-content:center;left:50%;padding:10px;top:0;transform:translate(-50%,-50%);width:116px}#icon::before{border:1px solid var(--container-border);border-bottom-left-radius:58px;border-bottom-right-radius:58px;border-top:0;bottom:-6px;content:"";height:58px;width:116px}#logo{margin:0 0 48px;max-height:96px;max-width:100%}form{flex-direction:column;text-align:left}#error,#logout{background:var(--error-bg);border:1px solid var(--error-border);border-radius:5px;color:var(--error)}#logout{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}input{color:inherit;outline:0}input[type=submit]{border:0;border-radius:5px;cursor:pointer;margin:0 0 0 auto;padding:.75rem 1rem;transition:opacity .1s ease-in-out}input[type=submit]:active,input[type=submit]:hover{opacity:.9}form div input{background:var(--input-bg);border:0;border-bottom:1.5px solid var(--input-border);border-radius:5px;width:100%}form div input::placeholder{color:inherit;opacity:0}form div input:focus,form div input:not(:placeholder-shown){padding-bottom:.5rem;padding-top:1.5rem}form div input:user-invalid{--input-border:var(--input-border-danger)}form div input:user-valid{--input-border:var(--input-border-success)}form div input:focus{--input-border:var(--primary)}form div label{bottom:0;left:0;overflow:hidden;padding:1rem .75rem;pointer-events:none;right:0;top:0;transform-origin:0 0;transition:transform .1s ease-in-out;white-space:nowrap}form div input:focus~label,form div input:not(:placeholder-shown)~label{opacity:.65;transform:scale(.7) translateY(-.25rem) translate(.15rem)}form div label~div.error{bottom:.7em;color:var(--danger);font-size:.75em;position:absolute}a{color:var(--primary);text-decoration:none;transition:text-decoration .1s ease-in-out}a:hover{text-decoration:underline}