.date-picker-dialog{width:min(790px,calc(100vw - 40px));max-width:790px;max-height:calc(100dvh - 48px);padding:24px;border:1px solid #d8dfcd;border-radius:12px;background:#fffefa;color:#253c34;overflow:hidden;box-shadow:0 25px 80px #162d2838}.date-picker-dialog::backdrop{background:#192d2666;backdrop-filter:blur(3px)}body.date-picker-open{overflow:hidden}.date-picker-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.date-picker-top h2{font-size:22px;line-height:1.2;letter-spacing:-.6px}.date-picker-close{background:none;color:#52664a;border:0;text-decoration:underline;text-underline-offset:4px;min-height:40px;padding:8px;font-size:11px}.date-picker-dates{display:grid;grid-template-columns:1fr 1fr;border:1px solid #bdc8ae;border-radius:7px;overflow:hidden}.date-picker-dates button{background:transparent;text-align:left;padding:12px 17px;border:0;color:#253c34;min-height:65px}.date-picker-dates button+button{border-left:1px solid #bdc8ae}.date-picker-dates small{display:block;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px}.date-picker-dates strong{font-size:13px;font-weight:500}.date-picker-dates button.active{box-shadow:inset 0 0 0 2px #253c34;background:#f0f3e9}.date-picker-dialog .calendar-card{max-height:calc(100dvh - 225px);overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;box-shadow:none;background:transparent;margin-top:18px;padding:0 3px 6px}.date-picker-dialog .calendar-heading h3{font-size:19px}.date-picker-dialog .calendar-heading p{min-height:0;font-size:11px;margin:7px 0 0}.date-picker-dialog .calendar-tests,.date-picker-dialog .calendar-footnote,.date-picker-dialog #calendar-feedback:empty{display:none}.date-picker-dialog .calendar-toolbar{margin:10px 0 3px}.date-picker-dialog .months{gap:25px}.date-picker-dialog .calendar-legend{font-size:10px}.date-picker-dialog .calendar-heading .reset-dates{font-size:10px}.date-picker-dialog .day{height:36px;width:36px;min-height:36px;justify-self:center}
@media(max-width:760px){.date-picker-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:17px 14px;border-radius:10px}.date-picker-top{gap:12px;margin-bottom:14px}.date-picker-top h2{font-size:19px;line-height:1.3;max-width:225px}.date-picker-close{min-height:44px;font-size:10px}.date-picker-dates button{padding:11px;min-height:62px}.date-picker-dates small{font-size:8px;letter-spacing:1px}.date-picker-dates strong{font-size:12px}.date-picker-dialog .calendar-card{max-height:calc(100dvh - 202px);margin-top:16px;padding:0 1px 8px}.date-picker-dialog .calendar-heading h3{font-size:17px}.date-picker-dialog .calendar-heading p{font-size:10px}.date-picker-dialog .calendar-toolbar button{width:44px;height:44px}.date-picker-dialog .months{grid-template-columns:1fr;gap:22px}.date-picker-dialog .day{height:44px;min-height:44px;width:100%}.date-picker-dialog .month-title{font-size:14px;margin:6px 0 10px}.date-picker-dialog .calendar-legend{font-size:9px;gap:12px}.date-picker-dialog .calendar-heading{display:flex}.date-picker-dialog .reset-dates{min-height:40px}.date-picker-dialog .calendar-heading .reset-dates{padding-left:8px}}
@media(max-width:359px){.date-picker-top h2{font-size:17px}.date-picker-dialog .day{height:40px;min-height:40px}.date-picker-dialog .calendar-heading h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.date-picker-dialog::backdrop{backdrop-filter:none}}