.customer-calendar{margin-top:28px}.customer-calendar-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.customer-calendar-heading h2,.customer-calendar-heading p{margin:0}.customer-calendar-heading p{color:#687680;font-size:13px}.customer-calendar-nav{display:grid;grid-template-columns:34px 130px 34px;align-items:center;text-align:center}.customer-calendar-nav a{display:grid;place-items:center;height:34px;border:1px solid #d9e1e5;border-radius:50%;text-decoration:none}.customer-calendar-legend{display:flex;gap:16px;margin:18px 0 10px;font-size:12px}.customer-calendar-legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px}.customer-calendar-legend .open:before{background:#dcefe9}.customer-calendar-legend .short:before{background:#ffe3a1}.customer-calendar-legend .closed:before{background:#efb3b8}.customer-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.customer-calendar-grid.weekdays div{padding:7px;text-align:center;color:#65737d;font-size:12px;font-weight:700}.customer-calendar-grid.weekdays div:first-child{color:#c33b4c}.customer-calendar-grid.weekdays div:last-child{color:#316bc0}.customer-calendar-day,.customer-calendar-grid .blank{min-height:86px;border:1px solid #e0e6e9;background:#fff}.customer-calendar-day{display:flex;flex-direction:column;gap:2px;padding:8px;text-align:left;font:inherit;cursor:pointer}.customer-calendar-day:hover:not(:disabled){outline:2px solid #26786f;outline-offset:-2px}.customer-calendar-day.open{background:#f8fcfa}.customer-calendar-day.short{background:#fff8e7}.customer-calendar-day.closed{background:#fff2f3;color:#9b4850;cursor:not-allowed}.customer-calendar-day.sunday .customer-day-number,.customer-calendar-day.holiday .customer-day-number{color:#c33b4c}.customer-calendar-day.saturday:not(.holiday) .customer-day-number{color:#316bc0}.customer-day-number{font-weight:800}.customer-calendar-day strong,.open-mark{margin-top:auto;font-size:11px}.customer-calendar-day.short strong{color:#946710}.customer-holiday-name{overflow:hidden;color:#c33b4c;font-size:10px;line-height:1.3}.open-mark{color:#39806d}@media(max-width:680px){.customer-calendar-heading{display:block}.customer-calendar-nav{margin-top:14px}.customer-calendar-day,.customer-calendar-grid .blank{min-height:66px}.customer-calendar-day{padding:5px}.customer-calendar-day .open-mark{display:none}.customer-calendar-day strong{font-size:9px}.customer-holiday-name{display:none}}