.window-band{container-type:inline-size;margin:var(--s-3) 0 var(--s-2)}.band-rows{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:6px;gap:6px}.band-row{display:grid;grid-template-columns:4.25rem repeat(12,minmax(0,1fr));align-items:center;grid-gap:3px;gap:3px}.band-row-label{font-family:var(--mono);font-size:.75rem;color:var(--muted);white-space:nowrap}.band-cell{position:relative;display:block;height:26px;border-radius:2px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.band-cell.step-1{background:var(--band-1)}.band-cell.step-2{background:var(--band-2)}.band-cell.step-3{background:var(--band-3)}.band-cell:is(.step-1,.step-2,.step-3){box-shadow:none}.band-cell.leaving:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-6px;height:4px;background:var(--mark)}.band-cell[tabindex]{cursor:default}.band-cell.active,.band-cell:focus-visible{outline:3px solid var(--focus);outline-offset:1px}@container (min-width: 36rem){.band-rows{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.band-row{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;gap:2px}.band-row-label{grid-row:2;grid-column:1/-1;padding-top:8px;border-left:1px solid var(--line);padding-left:4px}.band-cell{height:34px}}.band-caption{margin:var(--s-3) 0 0;font-size:.9375rem;color:var(--graphite);min-height:1.5em}.band-leaving{font-weight:650;color:var(--ink)}.band-key{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-4);margin:var(--s-2) 0 var(--s-3);padding:0;list-style:none;font-size:.8125rem;color:var(--muted)}.band-key li{display:inline-flex;align-items:center;gap:var(--s-2)}.band-key .band-cell{width:14px;height:14px}.band-key-leaving{display:inline-block;width:14px;height:4px;background:var(--mark)}.print-band{display:none}@media print{.print-band{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));grid-gap:1pt;gap:1pt;margin:4pt 0 8pt;max-width:180mm}.print-cell{height:8pt;border:.5pt solid var(--sheet-rule)}.print-cell.counted{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath d='M-1 1 1-1M0 4 4 0M3 5 5 3' stroke='%231c1e28' stroke-width='0.8'/%3E%3C/svg%3E") 0 0 /4px 4px;-webkit-print-color-adjust:exact;print-color-adjust:exact}}