.DpInput{flex-direction:column;gap:.5rem;display:flex}.DpInput-label{letter-spacing:.05em;color:#9ca3af;text-transform:uppercase;font-size:.75rem;font-weight:600}.DpInput-wrapper{align-items:center;display:flex;position:relative}.DpInput-field{color:#94a3b8;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;width:100%;padding:.875rem 1rem;font-size:.875rem;transition:all .2s}.DpInput-field::placeholder{color:#d1d5db}.DpInput-field:focus{background-color:#fff;border-color:#ff7a00;outline:none;box-shadow:0 0 0 3px #ff7a001a}.DpInput-field.error{background-color:#fef2f2;border-color:#ef4444}.DpInput-field.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.DpInput-field.withToggle{padding-right:2.75rem}.DpInput-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:absolute;right:.875rem}.DpInput-toggle:hover{color:#6b7280}.DpInput-toggle:focus{outline:none}.DpInput-toggle svg{width:20px;height:20px}.DpInput-helper{color:#6b7280;font-size:.75rem}