.lane{position:relative}.lane-step{grid-template-columns:1.25rem 1fr;gap:.875rem;padding-bottom:1.1rem;display:grid;position:relative}.lane-step:last-child{padding-bottom:0}.lane-step:not(:last-child):before{content:"";width:2px;position:absolute;top:.925rem;bottom:-.925rem;left:calc(.625rem - 1px)}.lane-marker{z-index:1;box-sizing:border-box;width:1.25rem;height:1.25rem;margin-top:.3rem;position:relative}.lane-before .lane-step:not(:last-child):before{background:repeating-linear-gradient(to bottom, var(--color-macchina) 0 4px, transparent 4px 8px);opacity:.55}.lane-before .lane-marker{border:2px solid var(--color-macchina);background:var(--color-carta);border-radius:50%}.lane-after .lane-step:not(:last-child):before{background:var(--color-segnale);transform-origin:top;width:4px;left:calc(.625rem - 2px)}.automations[data-changed] .lane-after .lane-step:not(:last-child):before{animation:.42s ease-out both lane-draw}.automations[data-changed] .lane-after .lane-step:nth-child(2):before{animation-delay:70ms}.automations[data-changed] .lane-after .lane-step:nth-child(3):before{animation-delay:.14s}.automations[data-changed] .lane-after .lane-step:nth-child(4):before{animation-delay:.21s}.lane-after .lane-marker{background:var(--color-segnale);border:2px solid var(--color-abete);border-radius:50%}.lane-after .lane-step:not([data-auto]) .lane-marker{background:var(--color-abete);border-radius:0}.legend-auto,.legend-person{border:2px solid var(--color-abete);width:.75rem;height:.75rem;display:inline-block}.legend-auto{background:var(--color-segnale);border-radius:50%}.legend-person{background:var(--color-abete)}.automations[data-changed] .automation-panel{animation:.18s ease-out both panel-in}@keyframes lane-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes panel-in{0%{opacity:.35}to{opacity:1}}