#planScheduleLegend .schedule-plan-legend { flex-wrap: wrap; gap: 6px 11px; color: rgb(208, 208, 210); font-size: 8.5px; }
#planScheduleLegend .schedule-plan-legend span { display: flex; align-items: center; gap: 5px; }
#planScheduleLegend .schedule-plan-legend i { width: 13px; height: 8px; border-radius: 2px; background: rgb(184, 197, 211); }
#planScheduleLegend .schedule-plan-legend .is-today { background: rgb(111, 136, 164); }
#planScheduleLegend .schedule-plan-legend .is-both { background: repeating-linear-gradient(45deg, rgb(184, 197, 211) 0px, rgb(184, 197, 211) 4px, rgb(111, 136, 164) 4px, rgb(111, 136, 164) 8px); }
#ganttv .schedule-compare-viewport { width: 100%; min-width: 0px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: #696b6c var(--schedule-surface); scrollbar-width: thin; }
#ganttv .schedule-compare { min-width: 1000px; background: var(--schedule-surface); }
#ganttv .schedule-compare-head { display: grid; min-height: 38px; grid-template-columns: 220px repeat(10, minmax(78px, 1fr)); align-items: stretch; border-bottom: 1px solid var(--schedule-panel-line); background: var(--schedule-surface-raised); }
#ganttv .schedule-compare-head > span { display: flex; align-items: center; justify-content: center; padding: 8px 5px; border-left: 1px solid rgba(255, 255, 255, 0.1); color: rgb(199, 199, 201); font-size: 8px; text-align: center; }
#ganttv .schedule-compare-head > span:first-child { position: sticky; left: 0px; z-index: 3; justify-content: flex-start; padding-left: 14px; border-left: 0px; background: var(--schedule-surface-raised); text-align: left; }
#ganttv .schedule-compare-row { display: grid; min-height: 58px; grid-template-columns: 220px minmax(780px, 1fr); align-items: center; border-bottom: 1px solid var(--schedule-panel-line); background: var(--schedule-surface); }
#ganttv .schedule-compare-label { position: sticky; left: 0px; z-index: 3; display: grid; min-width: 0px; grid-template-columns: auto minmax(0px, 1fr); gap: 1px 7px; align-items: center; align-self: stretch; padding: 7px 14px; border-right: 1px solid var(--schedule-panel-line); background: var(--schedule-surface); color: rgb(255, 255, 255); font-size: 9px; }
#ganttv .schedule-compare-label b { color: rgb(183, 184, 186); font-size: 8px; font-weight: 500; }
#ganttv .schedule-compare-label > span { min-width: 0px; overflow: hidden; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
#ganttv .schedule-compare-track { position: relative; height: 100%; min-height: 57px; background-image: repeating-linear-gradient(90deg, transparent 0px, transparent calc(10% - 1px), rgba(255, 255, 255, 0.09) calc(10% - 1px), rgba(255, 255, 255, 0.09) 10%); }
#ganttv .schedule-compare-marker { position: absolute; top: 15px; left: calc(var(--start)*1%); width: max(calc(var(--span)*1%),4px); height: 8px; border-radius: 3px; background: rgb(184, 197, 211); }
#ganttv .schedule-compare-marker.is-today { top: 34px; background: rgb(111, 136, 164); }
#ganttv .schedule-compare-marker.is-both { top: 23px; height: 11px; background: repeating-linear-gradient(45deg, rgb(184, 197, 211) 0px, rgb(184, 197, 211) 4px, rgb(111, 136, 164) 4px, rgb(111, 136, 164) 8px); }
#ganttv .schedule-compare-marker.is-milestone { width: 9px; min-width: 9px; transform: translateX(-50%) rotate(45deg); border-radius: 2px; }
#ganttv .schedule-compare-overlap { position: absolute; top: 15px; left: calc(var(--start)*1%); width: calc(var(--span)*1%); height: 8px; border-radius: 3px; background: repeating-linear-gradient(45deg, rgb(184, 197, 211) 0px, rgb(184, 197, 211) 4px, rgb(111, 136, 164) 4px, rgb(111, 136, 164) 8px); }
#ganttv .schedule-compare-overlap.is-today { top: 34px; }
#ganttv .schedule-compare-delta { position: absolute; inset: 0px; z-index: 1; pointer-events: none; }
#ganttv .schedule-compare-delta i, #ganttv .schedule-compare-delta b { position: absolute; display: block; }
#ganttv .schedule-compare-delta i { top: 27px; left: calc(var(--delta-start)*1%); width: calc(var(--delta-span)*1%); height: 2px; background: rgb(215, 224, 233); }
#ganttv .schedule-compare-delta b { top: 27px; left: calc(var(--delta-end)*1% + 8px); padding: 1px 2px; border-radius: 2px; background: rgba(29, 29, 29, 0.92); color: rgb(215, 224, 233); font-size: 8.5px; font-weight: 750; line-height: 1.2; white-space: nowrap; }
#ganttv .schedule-compare-delta.is-milestone b { left: calc(var(--delta-end)*1% + 11px); }
#ganttv .schedule-compare-delta i::after { content: ""; position: absolute; top: -2px; right: 0px; width: 6px; height: 6px; border-top: 2px solid rgb(215, 224, 233); border-right: 2px solid rgb(215, 224, 233); transform: rotate(45deg); }
#planScheduleLegend .schedule-plan-legend { gap: 6px 9px; }
#ganttv .schedule-compare { min-width: 1000px; }
#ganttv .schedule-compare-head { grid-template-columns: 220px repeat(10, minmax(78px, 1fr)); }
#ganttv .schedule-compare-row { grid-template-columns: 220px minmax(780px, 1fr); }
#ganttv .schedule-compare-label { padding-inline: 10px; }
#ganttv .schedule-compare-marker.is-baseline{top:15px;height:8px;background:#b8c5d3}
#ganttv .schedule-compare-marker.is-today{top:34px;height:8px;background:#6f88a4}
#ganttv .schedule-compare-marker.is-milestone{height:9px}
#ganttv .schedule-compare-marker.is-baseline.is-milestone{top:14px}
#ganttv .schedule-compare-marker.is-today.is-milestone{top:33px}
#planScheduleLegend .schedule-plan-legend i,#planScheduleLegend .schedule-plan-legend .is-baseline{background:#b8c5d3}
#planScheduleLegend .schedule-plan-legend .is-today{background:#6f88a4}
#ganttv .schedule-compare-delta i{background:#ef4129}
#ganttv .schedule-compare-delta i::after{border-top-color:#ef4129;border-right-color:#ef4129}
#ganttv .schedule-compare-delta b{color:#ef4129}
#ganttv .schedule-compare-delta i{top:18px}
#ganttv .schedule-compare-delta b{top:10px;left:calc(var(--delta-end)*1% + 9px);font-size:12px;font-weight:750;padding:0 3px;line-height:1.3}
#ganttv .schedule-compare-delta.is-milestone b{left:calc(var(--delta-end)*1% + 12px)}
#ganttv .schedule-compare-delta.is-milestone i{left:calc(var(--delta-start)*1% + 7px);width:calc(var(--delta-span)*1% - 7px)}
#ganttv .schedule-compare-label{font-size:12px}
#ganttv .schedule-compare-label b{font-size:11px}
#ganttv .schedule-compare-head>span{font-size:11px}
#ganttv .schedule-compare-delta b{font-size:13px;top:9px}
#ganttv .schedule-compare-delta b{font-size:15px;top:7px}
#ganttv{--schedule-panel-line:rgba(255,255,255,.16);--schedule-surface:#1d1d1d;--schedule-surface-raised:#242424}
#ganttv .schedule-compare{border:1px solid rgba(255,255,255,.16);border-radius:10px;overflow:clip}
#ganttv .schedule-compare-head{grid-template-columns:220px minmax(780px,1fr)}
#ganttv .schedule-compare .gantt-head-track{grid-template-columns:repeat(10,minmax(78px,1fr))}
#ganttv .schedule-compare .gantt-period{color:#c7c7c9;font-size:11px;font-weight:400;text-transform:none}
#ganttv .schedule-compare-row{border-top:0;min-height:58px;font:inherit}
#ganttv .schedule-compare-label .gantt-title{font-size:12px;color:#fff;font-weight:650}
#ganttv .gantt-reference-task{opacity:1;transform:none}
#ganttv .gantt-task:hover .schedule-compare-label{background:#242424}
#ganttv .gantt-task:active .schedule-compare-label,#ganttv .gantt-task.is-autoplay-pressed .schedule-compare-label{background:#3a211e}
#ganttv .gantt-task.is-autoplay-pressed .schedule-compare-label{z-index:3}
#sc1 .plan-schedule-footer.homepage-plan-comparison-footer{justify-content:flex-end}
#planScheduleLegend .schedule-plan-legend{justify-content:flex-end;gap:6px 11px;font-size:11px;font-weight:400;color:#d0d0d2}
#planScheduleLegend .schedule-plan-legend span{display:flex;align-items:center;gap:5px}
#planScheduleLegend .schedule-plan-legend i{width:13px;height:8px;border-radius:2px;background:#b8c5d3}
#planScheduleLegend .schedule-plan-legend .is-today{background:#6f88a4}
@media(max-width:520px){#ganttv .schedule-compare-label{padding-inline:10px}}
#ganttv .schedule-compare .schedule-current-date{position:absolute;z-index:3;top:0;bottom:0;left:var(--gantt-today);width:1px;transform:translateX(-50%);pointer-events:none}
@media(max-width:520px){#ganttv .schedule-compare-head,#ganttv .schedule-compare-row{grid-template-columns:130px minmax(870px,1fr)}#ganttv .schedule-compare .gantt-head-track{grid-template-columns:repeat(10,minmax(87px,1fr))}}
#sc1.on:has(.homepage-plan-comparison-footer){display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
#sc1:has(.homepage-plan-comparison-footer) .issues-head,#sc1 .homepage-plan-comparison-footer{flex:none}
#ganttv:has(.schedule-compare){display:flex;flex:1;min-height:0}
#ganttv .schedule-compare-viewport{flex:1;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-gutter:stable;border-radius:10px;padding-bottom:0}
#ganttv .schedule-compare-head{position:sticky;top:0;z-index:5;min-height:0;background:#1a1a1a;border-bottom-color:rgba(255,255,255,.08);font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.07em;text-transform:uppercase}
#ganttv .schedule-compare-head > span:first-child{padding:9px 4px;background:#1a1a1a;color:#8a8a8a;font:inherit}
#ganttv .schedule-compare .gantt-period{align-items:center;justify-content:flex-start;padding:9px 5px;color:#8a8a8a;font:inherit;text-transform:inherit}
#ganttv .schedule-compare .gantt-period time{font:inherit;font-variant-numeric:tabular-nums}
#ganttv .schedule-compare .has-current-date::before{bottom:-1px}
#ganttv .schedule-compare-viewport:focus-visible{outline:2px solid #ef4129;outline-offset:2px}
@media(max-width:520px){#ganttv .schedule-compare-label .gantt-title{white-space:normal;overflow-wrap:anywhere}}
html:not(.product-showcase-embed) .scr:has(#sc1.on .homepage-plan-comparison-footer) .idrw.is-mobile-plan-autoplay{transition-duration:.25s}