.component--form-date-field .MuiOutlinedInput-root{border-radius:20px}.component--form-date-field:hover .MuiOutlinedInput-notchedOutline{border-color:var(--color-text-field-border-hover-color)}.component--form-date-field .MuiOutlinedInput-notchedOutline{border-color:var(--color-gray-6)}.component--form-date-field .MuiInputBase-input{padding:10px 12px}.component--form-date-field .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--color-black);background-color:#0000;border-width:1px;border-radius:20px;box-shadow:inset 0 0 #0000001a,0 0 3px 1px #0000004d}.component--form-date-field .Mui-error .MuiOutlinedInput-notchedOutline{border-color:var(--color-error)}.component--form-date-field .Mui-error.Mui-focused .MuiOutlinedInput-notchedOutline{box-shadow:0 0 3px 0 var(--color-error)}.component--form-date-field.is-valid .MuiInputBase-root:not(.Mui-focused) .MuiOutlinedInput-notchedOutline{border-color:var(--color-success-green);box-shadow:0 0 3px 0 var(--color-success-green)}