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