.calendar-control{position:relative;display:block;width:100%;min-width:150px;height:39px}
.calendar-face{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:100%;padding:7px 10px;border:1px solid #9caed2;border-radius:5px;background:#fff;color:#202943;font:inherit;white-space:nowrap}
.calendar-icon{font-size:19px;color:#245ca7;line-height:1}
.calendar-control input[type="date"]{position:absolute;inset:0;width:100%!important;height:100%;padding:0;margin:0;opacity:0.01;cursor:pointer;z-index:1}
.calendar-control:focus-within .calendar-face{outline:3px solid #ffcf40;outline-offset:2px}
.filter .calendar-control{width:245px;height:32px}
.filter .calendar-face{padding:3px 7px;border-color:#aad3e4;border-radius:4px}
.report-filter .calendar-control{min-width:155px;height:36px}
.report-filter .calendar-face{border-color:#a7b8d5;border-radius:6px}
@media(max-width:700px){.filter .calendar-control{width:150px}}