.text-field{display:block}.text-field__label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:500;color:var(--color-text)}.text-field__input-wrapper{position:relative;display:block}.text-field__input-wrapper--has-suffix .text-field__input{padding-right:2.75rem}.text-field__input{height:2.875rem;width:100%;padding:0 1rem;border:1px solid var(--color-border);border-radius:.75rem;color:var(--color-text);font-size:1rem;font-family:inherit;background-color:var(--color-bg-card);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.text-field__input::placeholder{color:var(--color-text-light)}.text-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.text-field__input:disabled{opacity:.5;cursor:not-allowed}.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:.6}.text-field__input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.text-field__suffix{position:absolute;right:.875rem;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:.375rem;font-size:.875rem;color:var(--color-error)}