#diagramma-dati{min-inline-size:0}#diagramma-dati .diagramma-nodo{--giro-fine:translateY(2.25rem)}#diagramma-dati .diagramma-nodo:nth-child(3){--giro-ritardo:.6s}#diagramma-dati .diagramma-nodo:nth-child(4){--giro-ritardo:1.2s}#diagramma-dati .diagramma-nodo:nth-child(5){--giro-ritardo:1.8s}@media (width>=768px){#diagramma-dati .diagramma-nodo{--giro-fine:translateX(2.25rem)}}#diagramma-dati .diagramma-nodo+.diagramma-nodo:after{animation:none}#diagramma-dati .diagramma-riga:has(input:checked) .diagramma-nodo:last-child:after{opacity:1;transform:var(--giro-fine)}#diagramma-dati .diagramma-riga:has(input:checked:is(:focus,:not(:default))) .diagramma-nodo+.diagramma-nodo:after{animation:giro-passa .6s var(--ease-scena) var(--giro-ritardo,0s) both}#diagramma-dati .diagramma-riga:has(input:checked:is(:focus,:not(:default))) .diagramma-nodo:last-child:after{animation-name:giro-arriva}@keyframes giro-passa{0%{opacity:0;transform:none}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:var(--giro-fine)}}@keyframes giro-arriva{0%{opacity:0;transform:none}15%{opacity:1}to{opacity:1;transform:var(--giro-fine)}}#diagramma-dati .diagramma-nodo+.diagramma-nodo:before{transition:opacity .3s var(--ease-scena)}#diagramma-dati .diagramma-riga:not(:has(input:checked)) .diagramma-nodo+.diagramma-nodo:before{opacity:.35}#diagramma-dati .diagramma-marca{border:1px solid var(--color-filo-forte);background-color:var(--color-carta);block-size:1.5rem;inline-size:1.5rem;color:var(--color-inchiostro-3);transition:color .3s var(--ease-scena), border-color .3s var(--ease-scena);border-radius:999px;place-items:center;display:grid;position:absolute;inset-block-start:-.75rem;inset-inline-end:.5rem}#diagramma-dati .diagramma--fondo .diagramma-marca{background-color:var(--color-fondo)}#diagramma-dati .diagramma-marca svg{stroke-width:1.5px;transition:stroke-width .3s var(--ease-scena)}#diagramma-dati .diagramma-riga:has(input:checked) .diagramma-marca,#diagramma-dati .diagramma-riga:has(input:checked) .diagramma-marca svg{transition-delay:calc(var(--giro-ritardo,0s) + .6s)}#diagramma-dati .diagramma-riga:has(input:checked) .diagramma-marca{border-color:var(--color-ambra);color:var(--color-ambra)}#diagramma-dati .diagramma-riga:has(input:checked) .diagramma-marca svg{stroke-width:2.5px}