.container.large .timeline-months-month{width:25px}.container.medium .timeline-months-month{width:20px}.container.small .timeline-months-month{width:15px}.container.extra-small .timeline-months-month{width:10px}.container.large .timeline-weekdays-weekday,.container.medium .timeline-weekdays-weekday{height:22px}.container.small .timeline-weekdays-weekday,.container.extra-small .timeline-weekdays-weekday{height:14px}.container.large .timeline-cells,.container.medium .timeline-cells{height:168px}.container.small .timeline-cells,.container.extra-small .timeline-cells{height:98px}.container.large .timeline-cells-cell{height:22px;width:25px}.container.medium .timeline-cells-cell{height:22px;width:20px}.container.small .timeline-cells-cell{height:14px;width:15px}.container.extra-small .timeline-cells-cell{height:14px;width:10px}.timeline{margin:10px 0 20px}.timeline .timeline-months{display:flex;padding-left:30px}.timeline .timeline-months-month{margin:0;border:1px solid transparent;font-size:10px}.timeline .timeline-months .january~.january,.timeline .timeline-months .february~.february,.timeline .timeline-months .march~.march,.timeline .timeline-months .april~.april,.timeline .timeline-months .may~.may,.timeline .timeline-months .june~.june,.timeline .timeline-months .july~.july,.timeline .timeline-months .august~.august,.timeline .timeline-months .september~.september,.timeline .timeline-months .october~.october,.timeline .timeline-months .november~.november,.timeline .timeline-months .december~.december{visibility:hidden}.timeline-body{display:flex}.timeline-body .timeline-weekdays{display:inline-flex;flex-direction:column;width:30px}.timeline-body .timeline-weekdays-weekday{font-size:10px;border:1px solid transparent;margin:0;vertical-align:middle}.timeline-body .timeline-cells{display:inline-flex;flex-direction:column;flex-wrap:wrap}.timeline-body .timeline-cells-cell{margin:0;border:1px solid var(--color-grey-500);position:relative;display:flex;align-items:center;justify-content:center}.timeline-body .timeline-cells-cell:hover{border:1px solid rgba(0,0,0,.3)}.timeline-body .timeline-cells-cell .tooltip{visibility:hidden;width:60px;background-color:var(--color-grey-700);color:var(--color-primary-white);text-align:center;border-radius:5px;padding:5px 0;position:absolute;z-index:1;bottom:170%;left:50%;margin-left:-30px;opacity:0;transition:opacity .3s;font-size:10px}.timeline-body .timeline-cells-cell:hover .tooltip{visibility:visible;opacity:1}.timeline-body .timeline-cells-cell.first-month-day{border-top:3px solid var(--color-grey-700)}.timeline-body .timeline-cells-cell.last-month-day{border-bottom:3px solid var(--color-grey-700)}.timeline-body .timeline-cells-cell.month-end{border-right:3px solid var(--color-grey-700)}.timeline-body .timeline-cells-cell.monday{border-top:3px solid var(--color-grey-700)}.timeline-body .timeline-cells-cell.sunday{border-bottom:3px solid var(--color-grey-700)}.timeline-body .timeline-cells-cell.first-week{border-left:3px solid var(--color-grey-700)}.timeline-body .timeline-cells-cell .dot{font-weight:700;font-size:18px;color:var(--color-primary-black);padding-bottom:10px;text-align:center}.gradient-bar{display:flex;align-items:center}.gradient-bar .gradient-box{width:20px;height:20px;margin:0 1px}.running-status{background-color:var(--color-secondary-bms);width:20px;height:20px}.planned-status{width:20px;height:20px;border:1px solid var(--color-primary-black);font-weight:700;font-size:18px;color:var(--color-primary-black);text-align:center;line-height:8px}.no-status{width:20px;height:20px;border:1px solid var(--color-primary-black)}.timeline-text{width:50px;height:10px;font-weight:700;font-size:18px;color:var(--color-primary-black);text-align:center;line-height:8px}.timeline-text.normal-sizes{transform:rotate(-90deg);margin:auto 0}.timeline-text.extra-small{margin-top:10px}.header-container{display:flex;gap:10px}.header-container.normal-sizes{flex-direction:row;justify-content:space-between}.header-container.extra-small{flex-direction:column;align-items:flex-start}