.shift-bar{display:block;background:color-mix(in srgb,var(--event-color) 22%,white);border-left:4px solid var(--event-color);color:#172033;border-radius:5px;padding:4px 6px;margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-number i{display:none;font-style:normal;color:#64748b;font-size:12px;margin-left:5px}
@media(max-width:600px){.single-calendar .month,.year-grid .month{padding:12px}.weekdays{display:none!important}.single-calendar .week:not(.weekdays),.year-grid .week:not(.weekdays){display:block}.single-calendar .day,.year-grid .day{display:block;width:100%;height:auto;min-height:58px;border:0;border-top:1px solid #e5eaf1;padding:8px 4px;overflow:visible}.single-calendar .day.outside,.year-grid .day.outside{display:none}.day-number{display:block;font-weight:750;margin-bottom:5px}.day-number i{display:inline}.event-bar,.shift-bar{white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.3;padding:7px 9px;margin-top:5px;overflow-wrap:anywhere}.year-grid{display:block}.year-grid .month{margin-bottom:14px}.toolbar h1{font-size:22px}header{height:auto;min-height:58px;gap:8px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}nav{flex-wrap:wrap;justify-content:flex-end}.detail-head{gap:12px;flex-wrap:wrap}.detail-head>div:last-child{display:flex;gap:7px;flex-wrap:wrap}}