.field{--label-active-color:#666;--label-focus-color:#666;background:#fff}.field__label{pointer-events:none;color:#666;margin-top:.5rem;margin-left:.5rem;padding-left:.3em;padding-right:.3em;font-size:.85em;transition:all .2s;position:absolute;top:0;left:0}.field__input{resize:vertical}.field__input:not(:placeholder-shown)+.field__label{color:var(--label-active-color,#666);top:0;translate:.1em -2em}.field__input:focus+.field__label{color:var(--label-focus-color,#666);top:0;translate:.1em -2em}.field__input:focus{outline:none}.field__input:not(:focus):placeholder-shown+.field__label{color:#666;transition-delay:.3s;top:0;translate:0}