.input{display:inline-block;font-size:1.2em;padding:.1em;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.error{border-color:#f44336;color:#f44336}.valid{border-color:#4caf50;color:#4caf50}.input-space{-ms-flex-align:center;align-items:center;border-bottom:0.1em solid rgba(0,0,0,0.2);color:rgba(0,0,0,0.54);cursor:text;display:-ms-flexbox;display:flex;padding:.2em 0 .1em;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-space.disabled{border-bottom:0.1em dotted rgba(0,0,0,0.2)}.input-space.readonly{border-bottom:0.1em dashed rgba(0,0,0,0.2)}.input-space input{color:rgba(0,0,0,0.87);width:100%}.input-space.dark{border-bottom:0.1em solid rgba(255,255,255,0.54);color:rgba(255,255,255,0.54)}.input-space.dark.disabled{border-bottom:0.1em dotted rgba(255,255,255,0.54)}.input-space.dark.readonly{border-bottom:0.1em dashed rgba(255,255,255,0.54)}.input-space.dark input{color:rgba(255,255,255,0.8)}.input-space.disabled{cursor:not-allowed}.input-space .placeholder{font-size:1em;left:0;position:absolute;top:.2em}.input-space .placeholder.left{left:1.5em}.input-space .input{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:12em}.input-space .input input{background:none;border:none;-ms-flex-positive:1;flex-grow:1;font-size:1em;margin:0;outline:none;padding:0}.input-space .icon{-ms-flex-positive:0;flex-grow:0;height:1.2em;width:1.2em}.info-space{font-size:.6em;padding:.2em 0;white-space:nowrap}.info-space .message{display:inline-block;float:left;text-align:left;width:69%}.info-space .counter{display:inline-block;float:right;text-align:right;width:30%}