.ciclo{max-width:870px;margin:0 auto;position:relative}.ciclo-var{position:relative;container-type:inline-size}.ciclo-svg{z-index:1;width:100%;height:auto;display:block;position:relative;overflow:visible}.ciclo-var--stretto{max-width:440px;margin:0 auto;display:none}@media (width<=739px){.ciclo-var--largo{display:none}.ciclo-var--stretto{display:block}}.ciclo--largo .ciclo-var--largo,.ciclo--stretto .ciclo-var--stretto{display:block}.ciclo--largo .ciclo-var--stretto,.ciclo--stretto .ciclo-var--largo{display:none}.ciclo-alone,.ciclo-cometa{aspect-ratio:1;pointer-events:none;position:absolute}.ciclo-alone{z-index:0;background:radial-gradient(closest-side,#f6e31499,#f6e31438 55%,#f6e31400);border-radius:50%}.ciclo-cometa{z-index:2;transform:rotate(50deg)}.ciclo-cometa i{-webkit-mask:radial-gradient(closest-side, transparent calc(var(--dentro) - 0.8%), #000 var(--dentro));mask:radial-gradient(closest-side, transparent calc(var(--dentro) - 0.8%), #000 var(--dentro));background:conic-gradient(#1e40ff00 0deg 195deg,#1e40ffd9 352deg,#1e40ff 360deg);border-radius:50%;position:absolute;inset:0}.ciclo-cometa b{left:calc(50% - var(--testa) / 2);top:calc(var(--fascia) / 2 - var(--testa) / 2);width:var(--testa);aspect-ratio:1;background:#1e40ff;border-radius:50%;position:absolute;box-shadow:0 0 0 .35cqw #1e40ff29,0 0 1.4cqw .3cqw #1e40ff66}.mov .ciclo-cometa{animation:12s linear infinite ciclo-gira}.mov .ciclo-alone{animation:5.5s ease-in-out infinite ciclo-respira}.ciclo.fermo .ciclo-cometa,.ciclo.fermo .ciclo-alone{animation-play-state:paused}@keyframes ciclo-gira{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ciclo-respira{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.ciclo .pac{opacity:0}.mov .ciclo .pac-fermo{display:none}.ciclo .segno{opacity:0}.ciclo .segno[data-fermo]{opacity:1}.mov .ciclo .segno[data-fermo]{opacity:0}.ciclo-var.pronto [data-casi]{transition:opacity .5s cubic-bezier(.22,1,.36,1)}.ciclo[data-stato="1"] [data-casi]:not([data-casi~="1"]),.ciclo[data-stato="2"] [data-casi]:not([data-casi~="2"]),.ciclo[data-stato="3"] [data-casi]:not([data-casi~="3"]){opacity:.26}.ciclo[data-stato="1"] .segno:not([data-casi~="1"]),.ciclo[data-stato="2"] .segno:not([data-casi~="2"]),.ciclo[data-stato="3"] .segno:not([data-casi~="3"]){opacity:0!important}.racconto .fisso .ciclo{max-width:none}@media (width>=1060px){.racconto:has(.ciclo){grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}.ciclo-didascalia{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}