.login{width:100%;max-width:384px;margin-left:auto;margin-right:auto;background-color:hsla(0,0%,100%,.0625);-webkit-box-shadow:0 8px 8px rgba(0,0,0,.2);box-shadow:0 8px 8px rgba(0,0,0,.2);padding:1rem;border-radius:.5rem}.login>*:not(:last-child){margin-bottom:1rem}.login__intro{text-align:center}.login label{text-align:left;line-height:2em;display:inline-block}.login label,.login input{width:100%;height:32px;margin:0px}@media(min-width: 384px){.login__input{position:relative}.login label{float:left;display:block;width:7.5rem;margin-bottom:0px}.login .login__input__container{padding-left:7.5rem}.login input{width:100%}.login .login__password .login__password__state{padding-left:7.5rem}}.password__feedback:not(:-moz-placeholder){font-family:monospace;letter-spacing:.15em}.password__feedback:not(:-ms-input-placeholder){font-family:monospace;letter-spacing:.15em}.password__feedback:not(:placeholder-shown){font-family:monospace;letter-spacing:.15em}.login__password__icons-container{position:relative}.login__password__state{margin-top:1rem;line-height:1.25;opacity:.9;color:#acf}.login__password__state>[data-kind]::before{display:inline-block;margin-right:.375rem;font-family:"font-icon--example-password-interface";font-size:1em;line-height:1;vertical-align:-0.05em}.login__password__state>[data-kind=prompt]::before{content:"";color:#3a87bd}.login__password__state>[data-kind=caps-on]{color:#c54a48}.login__password__state>[data-kind=caps-on]::before{content:"";color:#c54a48}.login__password__state>[data-kind=shift-on]{color:#c59b48}.login__password__state>[data-kind=shift-on]::before{content:"";color:#c59b48}.login__password__icon{display:inline-block;height:100%}.login__password__icon--hidden{display:none}.login__password__icons{position:absolute;right:0;top:.125rem;pointer-events:none}.login__password__icons>*{margin-left:.5rem}.login__password__icons button{margin:0px;padding:0px}.login__password__icons__show{-webkit-transition-property:opacity;transition-property:opacity;cursor:pointer;opacity:1;-webkit-transition-duration:100ms;transition-duration:100ms}.login__password__icons__show:hover{opacity:.65}.login__password__icons__show:active,.login__password__icons__show.login__password__icons__show--active{opacity:.4 !important}.login__password__icons__shift,.login__password__icons__capslock,.login__password__icons__show button{height:100%;text-align:center;line-height:2rem;font-size:1.25rem}.login__password__icons__show button{display:inline-block;border:0;background-color:rgba(0,0,0,0);pointer-events:auto;cursor:pointer}.login__password__icons__shift::before,.login__password__icons__capslock::before,.login__password__icons__show button::before{font-family:"font-icon--example-password-interface";font-size:inherit;line-height:1}.login__password__icons__shift::before{content:"";color:#c59b48}.login__password__icons__capslock::before{content:"";color:#c54a48}.login__password__icons__show button::before{content:"";color:#3a87bd}.login.login-feedback input[type=password]::-ms-reveal,.login.login-feedback input[type=text]::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-caps-lock-indicator{display:none;content:none}/* Built with Synticore Website Compiler 1.1.4 */
/*# sourceMappingURL=password-interface.min.css.map */