.protect-segment{background:#2ec4b6;border-radius:2px;width:2px;position:absolute;top:32px;bottom:4px;left:-31px;overflow:hidden}.protect-segment i{transform-origin:top;background:#2ec4b6;position:absolute;inset:0}.protect-stack{display:grid}.protect-stack>*{grid-area:1/1}.protect-stack-start{justify-items:start}.protect-stack-end{justify-items:end}.protect-stack-stretch{justify-items:stretch}.protect-state-passing{opacity:0}[data-timeline=waiting] .protect-segment,[data-timeline=playing] .protect-segment{background:#dce6ee}[data-timeline=waiting] .protect-number,[data-timeline=playing] .protect-number{animation:protect-number-reached .7s ease-out var(--in) both}[data-timeline=waiting] .protect-step-title,[data-timeline=playing] .protect-step-title{animation:protect-title-reached .3s ease-out var(--in) both}[data-timeline=waiting] .protect-segment i,[data-timeline=playing] .protect-segment i{animation:protect-segment-filled 1.4s ease-in-out calc(var(--in) + .2s) both}[data-timeline=waiting] .protect-bar,[data-timeline=playing] .protect-bar{animation:protect-bar-paid .4s ease-out var(--in) both}[data-timeline=waiting] .protect-state,[data-timeline=playing] .protect-state{animation:protect-state-in .2s ease-out var(--in) both}[data-timeline=waiting] .protect-state-passing,[data-timeline=playing] .protect-state-passing{animation:protect-state-in .2s ease-out var(--in) both, protect-state-out 10ms linear var(--out) both}[data-timeline=waiting] .protect-state-first,[data-timeline=playing] .protect-state-first{opacity:1;animation:protect-state-out 10ms linear var(--out) both}[data-timeline=waiting] *{animation-play-state:paused!important}@keyframes protect-number-reached{0%{color:#7c8ca0;background:#fff;border-color:#dce6ee;box-shadow:0 0 #2ec4b600}1%{color:#0f2d5b;background:#2ec4b6;border-color:#2ec4b6;box-shadow:0 0 #2ec4b699}to{color:#0f2d5b;background:#2ec4b6;border-color:#2ec4b6;box-shadow:0 0 0 14px #2ec4b600}}@keyframes protect-title-reached{0%{color:#9aa8b8}to{color:#0f2d5b}}@keyframes protect-segment-filled{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes protect-bar-paid{0%{background:#dfe7eb}to{background:#1f9d91}}@keyframes protect-state-in{0%{opacity:0}to{opacity:1}}@keyframes protect-state-out{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){[data-timeline] *{animation:none!important}[data-timeline] .protect-segment{background:#2ec4b6}}