@layer uikit{.login-form{align-items:flex-start;border:1px solid #dfdfe1;border-radius:15px;display:flex;flex-direction:column;gap:1em;margin:1em 0;padding:1.5em 2em;width:90%}.login-form input{border:none;border-bottom:2px solid #dfdfe1;flex-grow:1;outline:none}.login-form input:disabled{opacity:.5}.login-form input::placeholder{color:rgba(21,21,40,.4)}.login-form input::-webkit-search-cancel-button,.login-form input::-webkit-search-cancel-button:focus{-webkit-appearance:none}.login-group{display:flex;gap:1em;width:100%}.login-group>*{display:flex;line-height:1.8em;margin:.1em 0;width:100%}.login-group div{width:4.5em}.login-group>div{display:flex}.login-buttom{align-items:center;align-self:center;border:1px solid #bfbfbf;border-radius:.5em;cursor:pointer;display:flex;font-size:1em;height:2.5em;justify-content:center;margin:1em 0;padding:0 2em}.login-apply{background-color:#dd2020;border:1px solid transparent;color:#fff}.login-group a{font-size:.8em}.login-group .forgot-password{margin-top:-.5em;width:auto}@media (min-width:560px){.login-form{width:30em}}@media (pointer:fine){.login-form{margin:1.5em 0}.login-form input{transition-property:border-bottom}.login-form input:active,.login-form input:focus,.login-form input:hover{border-color:#ff2020}.login-form input:-webkit-autofill,.login-form input:-webkit-autofill:focus,.login-form input:-webkit-autofill:hover{transition:background-color 100000s ease-in-out 0s}.login-buttom{transition-property:color,background-color,box-shadow}.login-buttom:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}.login-apply:hover{background-color:#ff2020;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff}.login-buttom,.login-form input{transition-duration:.15s;transition-timing-function:ease-in-out}}}