html,body{margin:0}.page{box-sizing:border-box}.login .main-container{width:350px;margin:100px auto 0}.login .main-header{border-bottom:1px solid #00ffe033;margin-top:4vh}.panel{text-align:left;width:100%;max-width:380px}label{margin-bottom:4px;font-size:.95rem;font-weight:500;display:block}.field{background:#d9d9d926;border-radius:.25rem;align-items:stretch;height:35px;display:flex;position:relative;overflow:hidden}.field:focus-within{outline-offset:2px}.fill{background:var(--brand1);transition:width .18s ease-out;position:absolute;inset:0 auto 0 0}.field input{min-width:0;color:var(--dark-gray);font:inherit;letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1;padding:0 14px;font-size:1.1rem;position:relative}.field input.no-password{color:#fff}.error{min-height:1.4em;margin:10px 0 18px;font-size:.9rem}.submit{background:var(--brand2);width:100px;height:35px;font:inherit;cursor:pointer;border:0;border-radius:.25rem;padding-top:2px;font-size:1rem;font-weight:400;position:absolute;right:0}.submit:disabled{opacity:.45}@media (prefers-reduced-motion:reduce){.fill{transition:none}}