.bodhi-date-picker{position:relative;color:var(--text-primary);font-size:var(--fs-base);font-weight:400;margin:0!important;cursor:default}.bodhi-date-picker.fullWidth{width:100%!important}.bodhi-date-picker .select-label{font-size:var(--fs-xs);font-weight:400;color:var(--text-primary);padding-bottom:2px}.bodhi-date-picker .select-label .required{color:var(--input-error-red)}.bodhi-date-picker .calendar-icon{position:absolute;right:18px;top:36px}.bodhi-date-picker .selected-value input{box-sizing:border-box;cursor:default;outline:none;transition:all .2s ease;width:100%;padding:12px 16px;border:solid var(--bg-hover) 1px;border-radius:8px;color:var(--text-primary);font-size:var(--fs-base);font-weight:400;line-height:20px;background-color:var(--bg-input)}.bodhi-date-picker .selected-value input::placeholder{color:var(--text-secondary);font-size:var(--fs-base);font-weight:400}.bodhi-date-picker .options{display:none;background-color:var(--primary-color);border:1px solid var(--bg-hover);color:var(--text-primary);border-radius:8px;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:400px;overflow-y:auto;position:absolute;top:calc(100% + 8px);inline-size:max-content;z-index:1000;-webkit-overflow-scrolling:touch}.bodhi-date-picker .options.open{display:block}.bodhi-date-picker .options .MuiDateCalendar-root{inline-size:320px}.bodhi-date-picker .options button{color:var(--text-primary)}.bodhi-date-picker .options button.Mui-selected{background-color:var(--border-strong)}.bodhi-date-picker .options svg{fill:var(--text-primary);color:var(--text-primary)}.bodhi-date-picker .options .MuiTypography-root{color:var(--text-primary)}.bodhi-date-picker.bodhi-date-picker-portal .options{z-index:99999}.bodhi-date-picker .option{box-sizing:border-box;border-bottom:solid 1px var(--bg-hover);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px}.bodhi-date-picker .option.selected,.bodhi-date-picker .option:hover{background-color:var(--bg-hover);color:var(--text-primary)}.bodhi-date-picker.error .select-label{color:var(--input-error-red)}.bodhi-date-picker.error .selected-value input{border:solid var(--input-error-red) 1px}.bodhi-date-picker.success .selected-value input{border:solid var(--success-green) 1px}.bodhi-date-picker.disabled .selected-value input{background-color:var(--bg-hover)}.bodhi-date-picker.focused .selected-value input{border:solid var(--text-secondary) 1px}