.date-input{display:flex;align-items:center;position:relative}.date-input .react-datepicker-wrapper{width:100%}.date-input .react-datepicker-wrapper .date-input-custom{cursor:pointer;border:1px solid var(--gray-alpha-300);padding:.65rem 2rem .65rem .8rem;border-radius:.75rem;background-color:var(--background);color:var(--foreground);min-width:150px;width:100%}.date-input .react-datepicker-wrapper .date-input-custom.placeholder{color:var(--gray-alpha-500)}.date-input .arrow-down{position:absolute;right:.4rem;pointer-events:none}.react-datepicker__triangle{stroke:var(--gray-alpha-300)!important}.react-datepicker{font-size:1.25rem!important;box-shadow:0 2px 6px rgba(0,0,0,.2);border:1px solid var(--gray-alpha-300);border-radius:.75rem}.react-datepicker__header{padding:.75rem;border-radius:.75rem .75rem 0 0!important;border-bottom:1px solid var(--gray-alpha-400)}.react-datepicker__month{margin:.75rem;border-radius:0 0 .75rem .75rem!important}.react-datepicker__day,.react-datepicker__day-name{width:2.25rem!important;height:2.25rem!important;line-height:2.25rem!important;margin:.25rem!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day:hover{background-color:var(--primary-color-bg)!important}.react-datepicker__day--selected{background-color:var(--primary-color)!important;color:var(--background)!important}.react-datepicker__day--disabled{color:var(--gray-alpha-300)!important}.react-datepicker__day--disabled:hover{color:var(--gray-alpha-300)!important;background-color:rgba(0,0,0,0)!important}.react-datepicker__current-month{font-size:1.25rem!important}.react-datepicker__navigation{top:1.25rem!important;width:1.5rem!important;height:1.5rem!important}.react-datepicker__navigation--previous{left:1rem!important}.react-datepicker__navigation--next{right:1rem!important}