*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background-color:#eee}#app{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app,.form{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form{padding-bottom:2rem;width:300px}.form__group{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem 0}.form__label{color:#767c82;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1.4rem;line-height:1;white-space:nowrap}.form__value{color:#202224;font-family:Open Sans;font-size:1.5rem;line-height:1}.form__value:hover{color:#00467f}.form__input{font-family:Open Sans;font-size:1.5rem;line-height:1.1;position:relative;width:150px}.form__svg{display:inline-block;fill:#202224;height:24px;width:24px}.form__svg:hover{fill:#00467f}.input-container{cursor:pointer;margin-left:2rem;position:relative}.value-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:150px}.helper{bottom:-22px;color:#42a4f4;display:block;font-size:1rem;height:20px;left:0;line-height:14px;position:absolute;width:100%}@-webkit-keyframes fade-in{0%{background-color:transparent}50%{background-color:#7dc8f7}to{background-color:transparent}}@keyframes fade-in{0%{background-color:transparent}50%{background-color:#7dc8f7}to{background-color:transparent}}.fade-in{-webkit-animation:fade-in 1s;animation:fade-in 1s}