.text-field{display:block}.text-field__label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.text-field__input-wrapper{position:relative;display:block}.text-field__input-wrapper--has-suffix .text-field__input{padding-right:2.5rem}.text-field__input{min-height:40px;height:auto;width:100%;padding:0 .75rem;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-size:.9375rem;background-color:var(--color-white);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.text-field__input::placeholder{color:var(--color-placeholder)}.text-field__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(35,100,63,.2)}.text-field__input[type=date]{font-variant-numeric:tabular-nums;padding-right:.5rem}.text-field__input[type=date]::-webkit-date-and-time-value{text-align:left}.text-field__input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}.text-field__suffix{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--color-text-muted)}.text-field__suffix button{background:none;border:none;padding:0;cursor:pointer;color:inherit;display:flex;align-items:center}.text-field__suffix button:hover{color:var(--color-text)}.text-field__error{margin-top:.25rem;font-size:.875rem;color:var(--color-error)}