.input-container{position:relative;display:flex;align-items:center;height:56px;width:100%;border:2px solid var(--outline);border-radius:var(--radius-md);padding:0 12px}.input-field{width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--on-surface);font-size:18px;font-family:Josefin Sans,sans-serif;font-weight:400;padding:var(--size-sm) 0}.input-field:-webkit-autofill{background:transparent!important;-webkit-text-fill-color:var(--on-surface)!important;-webkit-box-shadow:0 0 0 1000px var(--surface-container-lowest) inset!important}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{top:0;font-size:14px;font-weight:500;color:var(--primary)}.input-container:focus-within{border-color:var(--primary)}.input-label{position:absolute;top:50%;left:8px;padding:0 4px;transform:translateY(-50%);font-size:18px;font-family:Josefin Sans,sans-serif;font-weight:400;color:var(--on-surface-low);z-index:40;transition:all .3s ease;pointer-events:none}.input-field::placeholder{color:transparent}.textarea-input-field{width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--text-color);font-size:var(--font-size-md);padding:var(--size-sm) 0}.textarea-input-field:focus+.textarea-input-label,.textarea-input-field:not(:placeholder-shown)+.textarea-input-label{top:0;font-size:var(--size-sm);color:var(--primary);padding:0 var(--size-sm);border-radius:var(--radius-md)}.textarea-input-label{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:var(--font-size-md);color:var(--on-surface-low);z-index:40;transition:all .3s ease;pointer-events:none}