.test header.login { background-color: #e81902; background-image: url("/common/logo-test.svg"); }

header.registration span { padding-right: var(--module-double-n-half); }

main.login { justify-content: center; padding: var(--module) 0 var(--module-double-n-half); }

main.login > section { flex: 0 1 calc(17.5 * var(--module)); flex-direction: column; padding: 0 var(--module-half); }

main.login > section .caption { align-items: center; justify-content: center; flex-wrap: wrap; }

main.login > section .caption .description { flex: 1 0 calc(7 * var(--module)); padding-right: var(--vertical-spacing); font-size: 85%; }

main.login > section .caption .now-in-cloud { flex: 0 1 calc(4.5 * var(--module)); }

main.login > section .caption .now-in-cloud img { height: auto; width: 100%; }

main.login p { display: flex; font-size: .95rem; flex-direction: column; margin: var(--module-half) 0; position: relative; }

main.login p.button-row { margin-top: var(--module-n-half); }

main.login a.show-pwd { position: absolute; right: calc(0.5 * var(--module-quarter)); top: var(--module); height: var(--module-n-half); width: var(--module-n-half); background-image: url("show-pwd.svg"); background-size: 80%; opacity: 0.5; transition: opacity 100ms; }

main.login a.show-pwd.active { opacity: 1.0; }

main.login a.forgotten-pwd { font-size: 90%; }

main.login span { display: flex; justify-content: space-between; }

main.login span.description { font-size: .8rem; color: rgba(255, 255, 255, 0.7); }

main.login span.login-taken, main.login span.login-available, main.login span.validation { display: inline-block; font-size: .8rem; padding: var(--module-quarter); margin-top: var(--module-quarter); border-radius: var(--module-quarter); }

main.login span.login-taken, main.login span.validation { background-color: #ff1a00; color: white; }

main.login span.login-available { background-color: rgba(0, 255, 102, 0.6); }

main.login span.hidden { display: none; }

main.login .for-completed { display: none; }

main.login.show-completed p { display: none; }

main.login.show-completed p.for-completed { display: flex; }

/*# sourceMappingURL=login.css.map */