/* Keep values readable; animate only the bars, preserving their 100:35 ratio. */
.s5-graph.grant-example .grant-motion .g-bar i{transform:scaleX(0);transform-origin:left center;transition:transform 1.6s cubic-bezier(.22,.65,.3,1);height:6px;bottom:-4px}
.s5-graph.grant-example .grant-motion .g-bar.sub i{transition-delay:.3s}
.s5-graph.grant-example .grant-motion.grant-visible .g-bar i{transform:scaleX(1)}
.s5-graph.grant-example .grant-motion:not(.grant-visible) .g-bar i{transition:none}
@media(prefers-reduced-motion:reduce){.s5-graph.grant-example .grant-motion .g-bar i{transform:none;transition:none}}
.grant-replay-button{justify-self:end;border:1px solid #9db3c6;border-radius:5px;background:transparent;color:#fff;padding:7px 12px;font:inherit;font-size:14px;cursor:pointer}
.grant-replay-button:hover{background:#ffffff18}
.grant-replay-button:focus-visible{outline:2px solid #f2cd86;outline-offset:3px}
.s5-graph.grant-example .grant-replaying .g-bar i{animation:grant-bar-grow 1.6s cubic-bezier(.22,.65,.3,1) both!important;transition:none}
.s5-graph.grant-example .grant-replaying .g-bar.sub i{animation-delay:.3s!important}
@keyframes grant-bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}