.mlops-split{flex-direction:column;display:flex}.mlops-loop{order:-1}.mlops-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}.mlops-plot{max-height:calc(100svh - var(--header-h) - 8rem)}@media (max-height:500px){.mlops-plot{--chart-font:12px}}@media (min-width:768px){.mlops-loop{order:0}.mlops-nodes{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1024px),(min-width:768px) and (max-height:899px){.mlops-split{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.mlops-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px) and (min-height:700px){.mlops-nodes{grid-template-columns:minmax(0,1fr)}}@media screen and (min-width:768px) and (min-height:600px){.mlops-plot{max-height:calc(100svh - var(--header-h) - 14rem)}@media (max-width:1023px) and (min-height:900px){.mlops-plot{max-height:calc(100svh - var(--header-h) - 23rem)}}@media (prefers-reduced-motion:no-preference){.mlops-pin{top:calc(var(--header-h) + 1rem);position:sticky}.mlops-track:after{content:"";height:100svh;display:block}}}
.mch-flow{--step:var(--duration-reveal)}.mch-node,.mch-lit,.mch-link{transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transition-delay:calc(var(--i) * var(--step))}.mch-lit{transition-delay:calc(var(--i) * var(--step) + var(--duration-fast))}.mch-link{background-color:var(--accent);transform-origin:top;width:1px;transition-duration:var(--duration-slow);transition-delay:calc(var(--i) * var(--step) + var(--duration-base));position:absolute;top:3rem;bottom:0;left:1.5rem}.mch-node:last-child .mch-link{display:none}@container (min-width:36rem){.mch-link{transform-origin:0;width:auto;height:1px;inset:1.5rem -.375rem auto 3.625rem}}@media (prefers-reduced-motion:no-preference){html.js .mch-flow:not([data-revealed]) .mch-node{opacity:0;transform:translateY(.5rem)}html.js .mch-flow:not([data-revealed]) .mch-lit{opacity:0;transform:scale(.8)}html.js .mch-flow:not([data-revealed]) .mch-link{transform:scaleY(0)}@container (min-width:36rem){html.js .mch-flow:not([data-revealed]) .mch-link{transform:scaleX(0)}}}.mch-flow[data-revealed=instant] :is(.mch-node,.mch-lit,.mch-link){transition:none}@media (prefers-reduced-motion:reduce){:is(.mch-node,.mch-lit,.mch-link){transition:none}}@media print{:is(.mch-node,.mch-lit,.mch-link){opacity:1!important;transform:none!important}}
.vdr-pipeline{--gap-x:1.5rem}.vdr-connector{background-color:var(--border-strong);transform-origin:top;width:1px;transition:transform var(--duration-slow) var(--ease-out) var(--duration-base);position:absolute;top:3rem;bottom:0;left:1.5rem}.vdr-stage:last-child .vdr-connector{display:none}.vdr-stage[data-reveal-i="1"] .vdr-connector{transition-delay:calc(var(--duration-base) + var(--stagger))}.vdr-stage[data-reveal-i="2"] .vdr-connector{transition-delay:calc(var(--duration-base) + 2 * var(--stagger))}.vdr-stage[data-reveal-i="3"] .vdr-connector{transition-delay:calc(var(--duration-base) + 3 * var(--stagger))}.vdr-stage[data-reveal-i="4"] .vdr-connector{transition-delay:calc(var(--duration-base) + 4 * var(--stagger))}.vdr-stage[data-reveal-i="5"] .vdr-connector{transition-delay:calc(var(--duration-base) + 5 * var(--stagger))}@media (min-width:768px){.vdr-pipeline{column-gap:var(--gap-x)}.vdr-connector{top:1.5rem;bottom:auto;left:3.625rem;right:calc(.625rem - var(--gap-x));transform-origin:0;width:auto;height:1px}.vdr-stage:nth-child(3n) .vdr-connector{display:none}}@media (min-width:1024px){.vdr-pipeline{--gap-x:1rem}.vdr-stage:nth-child(3n):not(:last-child) .vdr-connector{display:block}}@media (prefers-reduced-motion:no-preference){html.js .vdr-stage:not([data-revealed]) .vdr-connector{transform:scaleY(0)}@media (min-width:768px){html.js .vdr-stage:not([data-revealed]) .vdr-connector{transform:scaleX(0)}}}.vdr-stage[data-revealed=instant] .vdr-connector{transition:none}@media (prefers-reduced-motion:reduce){.vdr-connector{transition:none}}@media print{.vdr-connector{transform:none!important}}
