.timeline-calendar .timeline-cell{position:relative;overflow:visible}
.timeline-calendar .timeline-event{position:absolute;top:var(--timeline-offset,4px);right:4px;left:4px;z-index:4;height:var(--timeline-height,52px);margin:0;box-sizing:border-box;overflow:hidden}
.timeline-calendar .timeline-event[draggable="true"]{cursor:grab}
.timeline-calendar .timeline-event.dragging{opacity:.42;cursor:grabbing;transform:scale(.97)}
.timeline-calendar .timeline-cell.drop-target{background:#e9efd5;box-shadow:inset 0 0 0 2px #849464}
.timeline-calendar .timeline-cell.drop-target::before{position:absolute;inset:5px;z-index:2;border:1px dashed #718052;border-radius:7px;content:"";pointer-events:none}
.timeline-calendar .timeline-day-head.vacation{background:#f2d7ad}
.timeline-vacation-mark{display:block;max-width:calc(100% - 8px);margin-top:3px;padding:3px 7px;border:0;border-radius:999px;background:#c98758;color:#fff;font-size:8px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:none}
.timeline-vacation-mark:hover:not(:disabled){background:#ad7047;transform:none}
.timeline-calendar .timeline-cell.vacation-time{background:#fbf0df;cursor:pointer}
.timeline-calendar .timeline-cell.vacation-time:hover{background:#f6e3c9}
.timeline-calendar .timeline-cell.vacation-time::after{position:absolute;inset:0;z-index:1;border-right:2px solid #d9a36f;border-left:2px solid #d9a36f;content:"";pointer-events:none;opacity:.55}
.timeline-calendar .timeline-cell.past-time{background:#f1f2ed}
.timeline-calendar .timeline-cell.past-time>*:not(.timeline-now-line){opacity:.58;filter:saturate(.7)}
.timeline-now-line{position:absolute;top:var(--now-offset,0);right:-1px;left:-1px;z-index:7;height:2px;background:#c86f5f;box-shadow:0 1px 4px #c86f5f45;pointer-events:none}
.timeline-now-line::before{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;background:#c86f5f;content:""}
.timeline-now-line span{position:absolute;top:-9px;right:4px;padding:2px 5px;border-radius:5px;background:#c86f5f;color:#fff;font-size:8px;font-weight:800;line-height:1}
.timeline-support-slot{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:49px;padding:6px 8px;border:1px solid #aeb994;border-radius:8px;background:#7b8561;color:#fff;text-align:left;box-shadow:0 2px 6px #454c361c;cursor:pointer;overflow:hidden}
.timeline-support-slot b,.timeline-support-slot span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeline-support-slot b{font-size:11px;font-weight:800}
.timeline-support-slot span{margin-top:3px;color:#eef2e3;font-size:9px}
.timeline-support-slot.done{opacity:.78}
.timeline-support-slot.cancelled{background:#a57b72;border-color:#a57b72;opacity:.62}
@media(max-width:650px){.timeline-calendar .timeline-event{top:var(--timeline-mobile-offset,4px);height:var(--timeline-mobile-height,48px)}.timeline-now-line{top:var(--now-mobile-offset,0)}.timeline-support-slot{min-height:45px;padding:5px 7px}.timeline-support-slot b{font-size:10px}.timeline-vacation-mark{padding:3px 5px;font-size:7px}}