.DateInput__modal{flex-direction:column;flex:1;justify-content:center;padding-inline:20px;display:flex;position:relative}.DateInput__modalShadow{background-color:#00000080;position:absolute;inset:0}.DateInput__modalContent{background-color:#fff;border-radius:8px;padding:16px;position:relative}.DateInput__header{align-items:center;gap:8px;display:flex}.DateInput__calendarHeader{grid-template-columns:repeat(7,1fr);margin-block-start:24px;display:grid}.DateInput__calendarBody{grid-template-columns:repeat(7,1fr);display:grid}.DateInput__calendarDay{aspect-ratio:1;background-color:#0000;border:none;border-radius:50%}.DateInput__calendarDay:not(:disabled){cursor:pointer}.DateInput__calendarDay:not(:is(:disabled,.DateInput__calendarDay--selected)):is(:hover,:focus-visible),.DateInput__calendarDay--current{background-color:#eefff6}.DateInput__calendarDay--outOfMonth{opacity:.5}.DateInput__calendarDay--selected{color:#fff;background-color:#0add7c}