.modal.delivery-calendar-modal{width:min(420px,100%);max-width:420px;border-radius:5px;color:#17365d}
.delivery-calendar-modal .modal-head{padding:8px 8px 8px 18px;border-bottom:1px solid var(--border);min-height:50px}
.delivery-calendar-modal .modal-head h2{flex:1;text-align:center;padding-left:30px;margin:0;color:#111;font-size:14px;font-weight:600}
.delivery-calendar-modal .modal-body{padding:22px 18px 24px}
#delivery-calendar-form>label{font-weight:700;margin-bottom:6px}
#delivery-calendar-input{width:130px;background:#fff;border-color:#9ebcda;color:inherit}
.delivery-calendar{margin:8px 0;padding:8px;border:1px solid #b7cce0;border-radius:8px;background:#f4f8fc}
.delivery-calendar-navigation{display:grid;grid-template-columns:28px minmax(0,1fr) 76px 28px;gap:6px;margin-bottom:8px}
.delivery-calendar-navigation select,.delivery-calendar-navigation button,#delivery-calendar-today{min-width:0;min-height:32px;padding:0 5px;border:1px solid #b7cce0;border-radius:5px;background:#fff;color:inherit}
.delivery-calendar-navigation select{font-weight:600}
.delivery-calendar-navigation button{font-size:22px;line-height:26px}
.delivery-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.delivery-calendar-days span{text-align:center;font-weight:600;font-size:12px;padding:3px}
.delivery-calendar-days button{min-width:0;height:30px;padding:0;border:1px solid #d2deea;border-radius:5px;background:#fff;color:inherit;font-weight:500}
.delivery-calendar-days button.outside{background:#ebf1f7;color:#637387}
.delivery-calendar-days button[aria-pressed=true],#delivery-calendar-continue{background:#2576ff;color:white;border-color:#2576ff;font-weight:700}
#delivery-calendar-selected{margin:8px 0 6px;font-weight:600}
#delivery-calendar-today{min-height:26px;padding:0 10px}
.delivery-calendar-note{margin:8px 0 10px;font-size:12px;line-height:1.4}
#delivery-calendar-continue{width:100%;min-height:33px}