@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i|Monoton);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);*{box-sizing:border-box}html{font-size:14px}body{background:linear-gradient(180deg,#1e1e2d,#000);color:#454749;display:flex;align-items:center;justify-content:center;font-family:Source Sans Pro,sans-serif;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Monoton,sans-serif;margin-bottom:.5rem}.tile{background-color:#fff;border-radius:.1rem;box-shadow:0 .75rem 1.5rem rgba(0,0,0,.2),0 .25rem .25rem rgba(0,0,0,.2);position:absolute;width:100%;min-width:320px;max-width:24rem;overflow:hidden}.tile .tile-body{padding:2rem}.tile-header{text-align:center}.welcome{font-family:Trebuchet MS;color:#101041}.logo{margin-bottom:0;margin-top:5%}.form-input{display:block;position:relative;margin-bottom:1rem}.form-input>.material-icons{position:absolute;font-size:1.5rem;top:1.2rem;color:#101041}.form-input>.material-icons~.label,.form-input>.material-icons~.underline,.form-input>.material-icons~input{margin-left:2.25rem;width:calc(100% - 2.25rem);font-size:1.2rem}.form-input input{border:none;box-shadow:none;padding:1.5rem 0 .5rem;outline-style:none;width:100%}.form-input input~.label{color:#868e96;font-size:1rem;margin:0;pointer-events:none;position:absolute;top:1.5rem;left:0;transition:top .2s,font .2s;z-index:1}.form-input input~.underline{background-color:#bdc1c5;height:1px;width:100%;position:absolute;bottom:0;left:0}.form-input input:focus~.underline,.form-input input:hover~.underline{background-color:#101041}.form-input input:focus~.label,.form-input input:hover~.label{color:#101041}.form-input input:focus~.underline{height:2px}.form-input input:focus~.label,.form-input input:valid~.label{top:0;font-size:.85rem}.form-input input:-webkit-autofill~.label{top:0;font-size:.85rem}.btn{font-size:1rem;text-decoration:none;color:#fff;text-align:center;letter-spacing:.5px;transition:background-color .2s ease-out;position:relative;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;transition:.3s ease-out;font-size:14px;outline:0;border:none;border-radius:2px;height:36px;line-height:36px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);border-radius:.2rem;display:inline-block;padding:0 7.7rem .75rem}.btn,[role=button],[type=button]{touch-action:manipulation;cursor:pointer}.btn-irenic{background-color:#101041;color:#fff}.btn-irenic:active,.btn-irenic:focus,.btn-irenic:hover{background-color:#0b0b2d}.btn-serene{background-color:#512da8;color:#fff}.btn-serene:active,.btn-serene:focus,.btn-serene:hover{background-color:#472894}.btn-tranquil{background-color:#1e1e2d;color:#fff}.btn-tranquil:active,.btn-tranquil:focus,.btn-tranquil:hover{background-color:#14141e}.btn-calm{background-color:#9c27b0;color:#fff}.btn-calm:active,.btn-calm:focus,.btn-calm:hover{background-color:#89229b}.btn-cool{background-color:#ab47bc;color:#fff}.btn-cool:active,.btn-cool:focus,.btn-cool:hover{background-color:#9b3eab}.btn-ice{background-color:#fff;color:#fff}.btn-ice:active,.btn-ice:focus,.btn-ice:hover{background-color:#f2f2f2}.btn-negro{color:#fff}.btn-negro,.btn-negro:active,.btn-negro:focus,.btn-negro:hover{background-color:#000}.btn-base{background-color:#454749;color:#fff}.btn-base:active,.btn-base:focus,.btn-base:hover{background-color:#393a3c}.clearfix:after{content:"";display:table;clear:both}.float-center{float:center}.submit-container{position:relative}.submit-container #submit{position:relative;z-index:2;outline:none;opacity:1;transition:opacity .1s ease-in,border-radius .1s ease-in,-webkit-transform .1s ease-in;transition:transform .1s ease-in,opacity .1s ease-in,border-radius .1s ease-in;transition:transform .1s ease-in,opacity .1s ease-in,border-radius .1s ease-in,-webkit-transform .1s ease-in}.submit-container #submit span{opacity:1;transition:opacity .1s ease-in}.submit-container #submit.pending{-webkit-transform:scale(.55,1.5);transform:scale(.55,1.5);background-color:#101041;border-radius:50%;opacity:1}.submit-container #submit.pending span{opacity:0}.submit-container #submit.pending~.login-pending{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:3}.submit-container #submit.granted~.login-pending{opacity:1;-webkit-transform:translate(-9rem,-11rem) scale(18);transform:translate(-9rem,-11rem) scale(18);z-index:3}.submit-container #submit.granted~.login-pending .spinner{opacity:0}.submit-container #submit.granted~.login-pending .login-granted-content{opacity:1}.submit-container .login-pending{height:3rem;width:3rem;background-color:#101041;position:absolute;border-radius:50%;right:1rem;bottom:-.5rem;opacity:0;overflow:hidden;-webkit-transform:translate(0) scale(.5);transform:translate(0) scale(.5);transition:scale .2s ease-in,-webkit-transform .2s ease-in;transition:transform .2s ease-in,scale .2s ease-in;transition:transform .2s ease-in,scale .2s ease-in,-webkit-transform .2s ease-in;z-index:1}.spinner{width:3rem;height:3rem;position:relative;margin:0 auto}.spinner .dot1,.spinner .dot2{width:100%;height:100%;border-radius:50%;background-color:#1e1e2d;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:dot-bounce 2s ease-in-out infinite;animation:dot-bounce 2s ease-in-out infinite}.spinner .dot2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes dot-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes dot-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.checkbox{display:inline-flex;position:relative}.checkbox>span{color:#34495e;padding:.5rem .25rem}.checkbox>input{height:18px;width:18px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border:1px solid #34495e;border-radius:4px;outline:none;transition-duration:.3s;background-color:#fff;cursor:pointer}.checkbox>input:checked{border:1px solid rgba(0,0,0,.324);background-color:#101041}.checkbox>input:active{border:2px solid #34495e}