@layer quartz-base{.fx-progress{z-index:1000;transform-origin:0;background:linear-gradient(90deg, var(--secondary), var(--tertiary));pointer-events:none;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.fx-reveal{opacity:0;transform:translateY(14px)}.fx-reveal.fx-in{opacity:1;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transform:none}svg.fx-diagram .node,svg.fx-diagram .cluster,svg.fx-diagram .edgeLabel,svg.fx-diagram .actor,svg.fx-diagram .messageText,svg.fx-diagram .note,svg.fx-diagram [id^=state-]{opacity:0}svg.fx-diagram.fx-play .node,svg.fx-diagram.fx-play .cluster,svg.fx-diagram.fx-play .edgeLabel,svg.fx-diagram.fx-play .actor,svg.fx-diagram.fx-play .messageText,svg.fx-diagram.fx-play .note,svg.fx-diagram.fx-play [id^=state-]{animation:.5s cubic-bezier(.2,.8,.3,1.2) both fx-pop;animation-delay:calc(var(--fx-i,0) * 70ms);transform-box:fill-box;transform-origin:50%}svg.fx-diagram .fx-draw{stroke-dasharray:1;stroke-dashoffset:1px}svg.fx-diagram.fx-play .fx-draw{animation:.7s ease-out forwards fx-draw;animation-delay:calc(.2s + var(--fx-i,0) * 70ms)}svg.fx-diagram marker path{opacity:0}svg.fx-diagram.fx-play marker path{animation:.3s .6s forwards fx-fade}svg.fx-diagram.fx-play path.edge-pattern-dotted,svg.fx-diagram.fx-play .messageLine1{animation:1.1s linear infinite fx-flow}}@keyframes fx-pop{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes fx-draw{to{stroke-dashoffset:0}}@keyframes fx-fade{to{opacity:1}}@keyframes fx-flow{0%{stroke-dasharray:4 6;stroke-dashoffset:20px}to{stroke-dasharray:4 6;stroke-dashoffset:0}}}