.site .tl-hb-step,.site .tl-hb-week,.site .tl-hb-legend span,.site .tl-hb-head{--band:color-mix(in srgb, var(--fg) 34%, transparent);--band-ink:var(--fg)}.site .tl-hb-step.is-distress,.site .tl-hb-week.is-distress,.site .tl-hb-legend .is-distress,.site .tl-hb-head.is-distress{--band:var(--tl-bad);--band-ink:var(--tl-bad-ink)}.site .tl-hb-step.is-watch,.site .tl-hb-week.is-watch,.site .tl-hb-legend .is-watch,.site .tl-hb-head.is-watch{--band:var(--tl-warn);--band-ink:var(--tl-warn-ink)}.site .tl-hb-step.is-growing,.site .tl-hb-week.is-growing,.site .tl-hb-legend .is-growing,.site .tl-hb-head.is-growing{--band:color-mix(in srgb, var(--tl-good) 55%, var(--bg));--band-ink:var(--tl-good-ink)}.site .tl-hb-step.is-breakout,.site .tl-hb-week.is-breakout,.site .tl-hb-legend .is-breakout,.site .tl-hb-head.is-breakout{--band:var(--tl-good);--band-ink:var(--tl-good-ink)}.site .tl-hb-head{gap:.8rem;display:grid}.site .tl-hb-head__band{color:var(--band-ink);letter-spacing:-.03em;margin:0;font-size:5.6rem;font-weight:700;line-height:1}.site .tl-hb-head__text{color:var(--fg-2);margin:0;font-size:1.8rem}.site .tl-hb-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.site .tl-hb-step{grid-template-rows:2.4rem auto auto auto;align-content:start;gap:.8rem;padding-bottom:.4rem;display:grid;position:relative}.site .tl-hb-step__bar{background:color-mix(in srgb, var(--band) 38%, transparent);height:1.2rem;transition:height .3s var(--ease), background-color .3s ease-out;align-self:end;display:block}.site .tl-hb-step:first-child .tl-hb-step__bar{border-radius:99px .3rem .3rem 99px}.site .tl-hb-step:last-child .tl-hb-step__bar{border-radius:.3rem 99px 99px .3rem}.site .tl-hb-step b{color:var(--fg-2);font-size:1.7rem;font-weight:700}.site .tl-hb-step small{color:var(--fg-3);font-size:1.4rem;line-height:1.35}.site .tl-hb-step.is-on .tl-hb-step__bar{background:var(--band);height:2.4rem;box-shadow:0 1rem 2.4rem -1.2rem var(--band);border-radius:.6rem}.site .tl-hb-step.is-on b{color:var(--band-ink)}.site .tl-hb-step.is-on small{color:var(--fg-2)}.site .tl-hb-step__mark{background:var(--fill);color:var(--on-fill);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:99px;justify-self:start;margin-top:.4rem;padding:.5rem 1rem;font-size:1.15rem;font-style:normal}html[data-motion=on] .site .tl-hb-step.is-on .tl-hb-step__bar{animation:tl-hb-rise .7s var(--ease) both}@keyframes tl-hb-rise{0%{height:1.2rem}}.site .tl-hb-idle .tl-hb-step__bar{background:color-mix(in srgb, var(--band) 70%, transparent)}.site .tl-hb-idle .tl-hb-step b{color:var(--fg)}.site .tl-hb-weeks{gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.site .tl-hb-week{flex:1 1 0;justify-items:center;gap:.8rem;min-width:0;max-width:9rem;display:grid}.site .tl-hb-week span{background:var(--band);width:100%;height:6.4rem;transition:transform .2s var(--ease);border-radius:.6rem;display:block}.site .tl-hb-week.is-none span{box-shadow:inset 0 0 0 1px var(--line);background:0 0}@media (hover:hover) and (pointer:fine){.site .tl-hb-week:hover span{transform:translateY(-.3rem)}}.site .tl-hb-week small{color:var(--fg-3);font-family:var(--mono);white-space:nowrap;font-size:1.1rem}.site .tl-hb-legend{color:var(--fg-2);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;gap:.8rem 2rem;margin:0;font-size:1.2rem;display:flex}.site .tl-hb-legend span:before{content:"";background:var(--band);vertical-align:-.1rem;border-radius:.3rem;width:1.2rem;height:1.2rem;margin-right:.8rem;display:inline-block}@media (max-width:649px){.site .tl-hb-head__band{font-size:4rem}.site .tl-hb-scale{grid-template-columns:minmax(0,1fr);gap:1.2rem}.site .tl-hb-step{grid-template-rows:auto auto;grid-template-columns:4.8rem minmax(0,1fr);gap:.2rem 1.6rem;padding-bottom:0}.site .tl-hb-step__bar,.site .tl-hb-step.is-on .tl-hb-step__bar{border-radius:.6rem;grid-row:1/span 2;align-self:stretch;height:auto;min-height:4rem}.site .tl-hb-step:first-child .tl-hb-step__bar,.site .tl-hb-step:last-child .tl-hb-step__bar{border-radius:.6rem}.site .tl-hb-step b,.site .tl-hb-step small,.site .tl-hb-step__mark{grid-column:2}.site .tl-hb-step.is-on .tl-hb-step__bar{grid-row:1/span 3}.site .tl-hb-weeks{gap:.3rem}.site .tl-hb-week span{border-radius:.4rem;height:4.8rem}.site .tl-hb-week small{display:none}}