label{color:#8798ab;display:block;position:relative}label>span{top:0;left:0;color:#8798ab;width:100%;height:100%;cursor:text;position:absolute;font-weight:300;line-height:32px;pointer-events:none}label>span span{top:0;left:0;cursor:text;position:absolute;transition:transform .2s ease-in-out;transform-origin:0% 50%}label .field.is-focused+span span,label .field:not(.is-empty):not(.Input--empty)+span span{cursor:default;transform:scale(.68) translateY(-36px)}.field{width:100%;color:#4a5568;border:0;cursor:text;outline:none;display:block;background:transparent;font-weight:600;line-height:32px;transition:opacity .2s ease-in-out}.field::-webkit-input-placeholder{color:#a0aec0;opacity:1}.field::-moz-placeholder{color:#a0aec0;opacity:1}.field:-ms-input-placeholder{color:#424770}.field.is-empty:not(.is-focused){opacity:0}