.material-input[data-v-31305d7e]{background-color:#000;border:none;border-bottom:3px solid #fff;border-radius:0;display:block;font-size:1rem;padding:10px 10px 10px 1px;width:100%}.material-input[data-v-31305d7e]:focus{outline:none}.material-label[data-v-31305d7e]{color:#fff;left:1px;pointer-events:none;position:absolute;top:10px;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.material-input:focus~.material-label[data-v-31305d7e],.material-input:valid~.material-label[data-v-31305d7e]{color:#bfbfbf;font-size:.7rem;top:-10px}.material-bar[data-v-31305d7e]{display:block;position:relative;width:100%}.material-bar[data-v-31305d7e]:after,.material-bar[data-v-31305d7e]:before{background:#bfbfbf;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;width:0}.material-bar[data-v-31305d7e]:before{left:50%}.material-bar[data-v-31305d7e]:after{right:50%}.material-input:focus~.material-bar[data-v-31305d7e]:after,.material-input:focus~.material-bar[data-v-31305d7e]:before{width:50%}.material-input[data-v-496bf7f0]{background-color:#000;border:none;border-bottom:3px solid #fff;border-radius:0;display:block;font-size:1rem;padding:10px 10px 10px 1px;width:100%}.material-input[data-v-496bf7f0]:focus{outline:none}.material-label[data-v-496bf7f0]{color:#fff;left:1px;pointer-events:none;position:absolute;top:10px;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.material-input:focus~.material-label[data-v-496bf7f0],.material-input:valid~.material-label[data-v-496bf7f0]{color:#bfbfbf;font-size:.7rem;top:-10px}.material-bar[data-v-496bf7f0]{display:block;position:relative;width:100%}.material-bar[data-v-496bf7f0]:after,.material-bar[data-v-496bf7f0]:before{background:#bfbfbf;bottom:0;content:"";height:2px;position:absolute;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;width:0}.material-bar[data-v-496bf7f0]:before{left:50%}.material-bar[data-v-496bf7f0]:after{right:50%}.material-input:focus~.material-bar[data-v-496bf7f0]:after,.material-input:focus~.material-bar[data-v-496bf7f0]:before{width:50%}