/* Milo: each sequence explains a relationship and settles into readable content. */
.mi-context-resolution{position:relative;margin:27px 10px 0 16px;padding:19px 22px 18px;border:0;border-radius:var(--radius-window,16px);background:#ededed;box-shadow:0 10px 30px -24px #00000020}
.mi-context-resolution p{font:400 22px/1.25 var(--serif);letter-spacing:-.025em;margin-top:10px!important}
.mi-context-resolution strong{font-weight:400;color:#686868}
.mi-resolution-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.mi-resolution-sources span{font-size:8px;border:0;background:#00000005;border-radius:3px;padding:3px 6px;color:#707070}
.mi-scene-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 8px 0 16px}
.mi-scene-footer .mi-scene-caption{margin:0}
.mi-motion-replay{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 0 9px 9px;font:400 10px/1.4 var(--sans);white-space:nowrap;color:#6d6d6d;background:none;border:0;cursor:pointer}
.mi-motion-replay svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.mi-motion-replay:hover{color:#181818}
.mi-motion-replay:focus-visible{outline:2px solid #777777;outline-offset:4px;border-radius:2px}
.mi-motion-replay[hidden]{display:none}
.mi-system-diagram{position:relative}
.mi-flow-svg{position:absolute;inset:0;overflow:visible;width:100%;height:100%;pointer-events:none}
.mi-flow-path{fill:none;stroke:#cacaca;stroke-width:1.3;stroke-dasharray:100;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.mi-flow-path-halo{fill:none;stroke:#737373;stroke-width:1;opacity:.35;vector-effect:non-scaling-stroke}
.mi-system-diagram.mi-flow-enhanced .mi-diagram-connector{visibility:hidden}
.mi-system-diagram .mi-system-column,.mi-system-diagram .mi-memory-block{position:relative;z-index:1}
.mi-flow-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:-28px;padding-bottom:19px}
.mi-flow-stages{display:flex;align-items:center;gap:12px;font-size:10px;color:#b2b2b2}
.mi-flow-stages i{font-style:normal;color:#747474;font-size:12px}
.mi-motion-replay-light{color:#c1c1c1;padding-right:0}
.mi-motion-replay-light:hover{color:#f4f4f4}
.mi-motion-replay-light:focus-visible{outline-color:#dedede}
.mi-workspace,.mi-decision-ledger{overflow:hidden}
.mi-artifact{transform-origin:50% 10%}
.mi-change-lines del,.mi-change-lines ins{position:relative}
.mi-source-details{interpolate-size:allow-keywords}
@supports (interpolate-size:allow-keywords){
 .mi-source-details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .42s cubic-bezier(.22,1,.36,1),opacity .3s,content-visibility .42s allow-discrete}
 .mi-source-details[open]::details-content{block-size:auto;opacity:1}
}
@media(max-width:900px){.mi-source-scene{min-height:0}.mi-context-resolution{margin-right:13px}}
@media(max-width:600px){
 .mi-context-resolution{margin:24px 7px 0 3px;padding:16px 16px 15px}
 .mi-context-resolution p{font-size:21px}
 .mi-resolution-sources{gap:5px}.mi-resolution-sources span{font-size:7px;padding:3px 5px}
 .mi-scene-footer{margin:8px 5px 0 3px;gap:8px}.mi-scene-footer .mi-scene-caption{font-size:8px}.mi-motion-replay{font-size:9px}
 .mi-flow-footer{margin-top:-13px;gap:12px;align-items:flex-start;flex-wrap:wrap;padding-bottom:18px}
 .mi-flow-stages{font-size:8px;gap:8px;min-height:44px}.mi-flow-stages i{font-size:10px}
 .mi-motion-replay-light{margin-left:auto}
 .mi-flow-path{stroke-width:1.2}
}
@media(prefers-reduced-motion:reduce){.mi-source-details::details-content{transition:none}.mi-motion-replay{display:none}}

.mi-motion-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mi-diagram-glyph{width:36px;height:36px;border:0;background:#ffffff09;border-radius:5px}
.mi-output-icon{width:20px;height:20px;flex:none;fill:none;stroke:#c2c2c2;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.mi-output-list li{gap:10px}.mi-output-list li>span{display:none}
.mi-resolution-mark{position:absolute;right:19px;top:17px;width:20px;height:20px;fill:none;stroke:#757575;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.mi-file-symbol .mi-motion-icon{width:18px;height:18px}
@media(max-width:900px){.mi-diagram-glyph{width:28px;height:28px}.mi-diagram-glyph .mi-motion-icon{width:18px;height:18px}.mi-output-icon{width:17px;height:17px}.mi-output-list li{gap:7px}}
@media(max-width:600px){.mi-diagram-glyph{width:30px;height:30px}.mi-output-icon{width:18px;height:18px}.mi-output-list li{gap:11px}.mi-source-icon .mi-motion-icon{width:16px;height:16px}}