@media (max-width:47.999rem){.cycle-list{position:relative;padding-left:1.75rem}.cycle-list:before{content:"";position:absolute;left:3px;top:.6rem;bottom:0;width:1px;background:var(--color-line)}.cycle-list>li{position:relative}.cycle-list>li:before{content:"";position:absolute;left:-1.75rem;top:.35rem;width:7px;height:7px;border-radius:50%;background:var(--color-ink)}}.cycle-figure{view-timeline-name:--ciclo;view-timeline-axis:block}.cycle-arc{stroke-dasharray:50;animation-name:cycle-draw;animation-fill-mode:both;animation-timing-function:linear}.cycle-mark{animation-name:cycle-appear;animation-fill-mode:both;animation-timing-function:linear}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cycle-arc{animation-range:entry calc(10% + var(--i, 0) * 4%) entry calc(24% + var(--i, 0) * 4%)}.cycle-arc,.cycle-mark{animation-timeline:--ciclo}.cycle-mark{animation-range:entry calc(24% + var(--i, 0) * 4%) entry calc(30% + var(--i, 0) * 4%)}@media (max-width:47.999rem){.cycle-label,.cycle-return{animation-name:reveal-rise;animation-fill-mode:both;animation-timing-function:cubic-bezier(.33,0,.2,1);animation-timeline:view();animation-range:entry 4% entry 46%}}@media (min-width:48rem){.cycle-label{animation-name:cycle-appear;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:--ciclo;animation-range:entry calc(26% + var(--i, 0) * 4%) entry calc(34% + var(--i, 0) * 4%)}}}}html[data-motion=js] .cycle-figure:not([data-skip]) :is(.cycle-arc,.cycle-mark){animation-duration:.42s;animation-delay:calc(var(--i, 0) * .13s);animation-play-state:paused}html[data-motion=js] .cycle-figure:not([data-skip]) .cycle-mark{animation-delay:calc(.3s + var(--i, 0) * .13s)}html[data-motion=js] .cycle-figure[data-in] :is(.cycle-arc,.cycle-mark){animation-play-state:running}@media (max-width:47.999rem){html[data-motion=js] :is(.cycle-label,.cycle-return):not([data-skip]){animation-name:reveal-rise;animation-fill-mode:both;animation-timing-function:cubic-bezier(.33,0,.2,1);animation-duration:.62s;animation-play-state:paused}html[data-motion=js] :is(.cycle-label,.cycle-return)[data-in]{animation-play-state:running}}@media (min-width:48rem){html[data-motion=js] .cycle-figure:not([data-skip]) .cycle-label{animation-name:cycle-appear;animation-fill-mode:both;animation-timing-function:linear;animation-duration:.32s;animation-delay:calc(.42s + var(--i, 0) * .13s);animation-play-state:paused}html[data-motion=js] .cycle-figure[data-in] .cycle-label{animation-play-state:running}}@keyframes cycle-draw{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes cycle-appear{0%{opacity:0}to{opacity:1}}@media (hover:hover){@media (prefers-reduced-motion:no-preference){.cycle-figure[data-replay] .cycle-arc{animation-timeline:auto!important;animation-duration:.34s!important;animation-delay:calc(var(--i, 0) * 115ms)!important;animation-play-state:running!important}.cycle-figure[data-replay] .cycle-mark{animation-timeline:auto!important;animation-duration:.18s!important;animation-delay:calc(.3s + var(--i, 0) * 115ms)!important;animation-play-state:running!important}}}