.input-container{flex-direction:column;justify-content:start;align-items:start;gap:1rem;width:100%;font-size:1.2em;display:flex}.input-container label,.input-container .input-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-off-white-secondary);font-weight:700}.input-container .input-field-container,.input-container .select-field-container{width:100%;position:relative}:is(.input-container .input-field-container,.input-container .select-field-container) .icon{color:var(--text-off-white);font-size:1.2em;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.input-container input,.input-container .input-field{width:100%;color:var(--text-off-white-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-weight:700;font-size:inherit;outline:none;padding:1rem 2rem 1rem 5rem}.input-container .input-field.error{border:1px solid var(--color-fighting-300)}.input-container input::placeholder,.input-container .input-field::placeholder{color:var(--text-off-white);letter-spacing:1px;font-weight:500}.input-container input:focus,.input-container .input-field:focus{border:1px solid var(--accent-color)}.input-container input:focus+.icon,.input-container .input-field:focus+.icon{color:var(--accent-color)}.input-container .error-message{width:100%;height:20px;color:var(--color-fighting-500);text-transform:capitalize;border-radius:2px;margin-left:1rem;font-size:.8em;font-weight:500}