.date-control{position:relative}.date-control input{padding-right:38px;cursor:pointer}.open-calendar{position:absolute;right:1px;top:1px;width:34px;height:calc(100% - 2px);border:0;background:transparent;color:#52617b;cursor:pointer}.calendar-popover{position:fixed;z-index:50;width:310px;background:#fff;border:1px solid #dbe3ef;border-radius:10px;box-shadow:0 18px 40px #17274730;padding:13px}.calendar-popover[hidden]{display:none}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calendar-head strong{font-size:14px}.calendar-head button{border:0;border-radius:6px;background:#f2f5fb;color:#255bdc;width:29px;height:29px;font-size:18px;cursor:pointer}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.calendar-week span{font-size:10px;font-weight:800;color:#78849a;padding:4px 0}.calendar-week .weekend{color:#c76a72}.calendar-days button{height:33px;border:0;border-radius:6px;background:#fff;color:#25324a;font:12px inherit;cursor:pointer}.calendar-days button:hover:not(:disabled){background:#eaf1ff;color:#1f59dd}.calendar-days button.weekend{color:#c96a72}.calendar-days button.selected{background:#2860e9;color:#fff}.calendar-days button:disabled{color:#c7cfdb;cursor:not-allowed}.calendar-days .outside{color:#c5ccd7}