.input{box-sizing:border-box;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius);transition:var(--transition-colors);background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.input:hover:not(:disabled){border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(74,103,65,.2)}.input:focus-visible{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(74,103,65,.2)}.input:invalid{border-color:var(--color-error)}