.step-chart{position:relative}.step-chart__content{align-items:center;display:flex;flex-direction:column;justify-content:center}.step-chart__grid{display:grid;gap:1px;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),var(--row-height));width:100%}.step-chart__cell{align-items:flex-start;display:flex;height:var(--row-height);justify-content:flex-start;position:relative}.step-chart__cell--active{align-self:end;cursor:pointer;height:6px;transition:opacity .2s ease}.step-chart__cell--active:hover{opacity:.8}.step-chart__cell--a{background:var(--color-level-a)}.step-chart__cell--b{background:var(--color-level-b)}.step-chart__cell--c{background:var(--color-level-c)}.step-chart__cell--d{background:var(--color-level-d)}.step-chart__cell--e{background:var(--color-level-e)}.step-chart__letter{color:var(--color-primary-40);font-size:10px;font-weight:600;left:0;pointer-events:none;position:absolute;top:-18px}.step-chart__loading{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,transparent 0,var(--color-secondary-15) 50%,transparent 100%);background-size:200% 100%;height:100px;width:100%}.step-chart__years{align-items:center;align-self:stretch;display:flex;justify-content:space-between;margin-top:16px}.step-chart__year{color:var(--color-primary-40);font-family:Px Grotesk Pan,sans-serif;font-size:10px;font-weight:400;line-height:1.2;text-align:center}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}