.input-with-placeholder{position:relative;width:100%}.input-with-placeholder label{align-items:center;color:var(--body);display:flex;font-size:16px;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s;width:100%}.textarea-label{height:unset!important}.input-with-placeholder input,.input-with-placeholder textarea{border-bottom:1px solid var(--main);color:var(--body);height:40px;margin-top:6px;outline:none;padding:12px 8px;transition:background .2s;width:100%}.input-with-placeholder input:focus,.input-with-placeholder textarea:focus{border-bottom:1px solid var(--brand-2)}.input-with-placeholder textarea{height:auto;min-height:150px}.input-with-placeholder input:focus,.input-with-placeholder textarea:focus{background:#fff}.input-with-placeholder input:not(:-moz-placeholder)+label,.input-with-placeholder textarea:not(:-moz-placeholder)+label{color:#777;font-size:14px;height:50%;padding-bottom:12px;padding-left:0;transform:translateY(-50%)}.input-with-placeholder input:focus+label,.input-with-placeholder input:not(:placeholder-shown)+label,.input-with-placeholder textarea:focus+label,.input-with-placeholder textarea:not(:placeholder-shown)+label{color:#777;font-size:14px;height:50%;padding-bottom:12px;padding-left:0;transform:translateY(-50%)}.input-with-placeholder input{margin-top:6px}.input-with-placeholder input:not(:-moz-placeholder),.input-with-placeholder textarea:not(:-moz-placeholder){background:var(--white)}.input-with-placeholder input:focus,.input-with-placeholder input:not(:placeholder-shown),.input-with-placeholder textarea:not(:placeholder-shown){background:var(--white)}.input-with-placeholder input.border-red-500,.input-with-placeholder textarea.border-red-500{border-bottom-color:#ef4444}