@layer theme,base;@layer components{.ed-flow{position:relative}.ed-flow__body{justify-content:space-between;align-items:center;gap:24px;padding:10px 0;display:flex;position:relative}.ed-flow__body--heads{padding-top:30px}.ed-flow__links{pointer-events:none;z-index:0;position:absolute;top:0;left:0;overflow:visible}.ed-flow__link{fill:none;stroke:var(--ed-accent);stroke-width:1.5px;stroke-linecap:round}.ed-flow__dot{fill:var(--ed-accent)}.ed-flow__bracket{fill:none;stroke:var(--ed-ink-4);stroke-width:1px}.ed-flow__col{z-index:1;flex-direction:column;flex:0 auto;gap:9px;min-width:0;display:flex;position:relative}.ed-flow__colhead{font-family:var(--ed-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--ed-ink-3);margin-bottom:8px;font-size:9.5px;line-height:1.2;position:absolute;bottom:100%;left:0}.ed-flow__chip,.ed-flow__plain,.ed-flow__box{z-index:1;box-sizing:border-box;border:1px solid var(--ed-ink);border-radius:var(--ed-r);background:var(--ed-paper);color:var(--ed-ink);font-family:var(--ed-mono);letter-spacing:.03em;text-transform:uppercase;font-size:10.5px;font-style:normal;position:relative}.ed-flow__chip{align-items:center;min-height:24px;padding:4px 9px;line-height:1.15;display:flex}.ed-flow__plain{text-align:center;text-wrap:balance;padding:7px 10px;line-height:1.35}.ed-flow__t{gap:2px;display:grid}.ed-flow__sub{letter-spacing:.07em;color:var(--ed-ink-3);font-size:8.5px;font-weight:400;line-height:1.2;display:block}.ed-flow__box{min-width:116px;overflow:hidden}.ed-flow__box-h{background:var(--ed-ink);color:var(--ed-badge-ink);letter-spacing:.04em;padding:6px 9px 5px;font-size:11px;font-weight:700;line-height:1.2}.ed-flow__box-h .ed-flow__sub{color:inherit;opacity:.8}.ed-flow__row{align-items:center;gap:8px;min-height:24px;padding:3px 9px;line-height:1.2;display:flex}.ed-flow__row+.ed-flow__row{border-top:1px solid var(--ed-hair-2)}.ed-flow__mark{background:var(--ed-accent);border-radius:2px;flex:none;width:8px;height:8px}.ed-flow__mark--ink{background:var(--ed-ink)}.ed-flow__row-sub{letter-spacing:.06em;white-space:nowrap;color:var(--ed-ink-3);margin-left:auto;padding-left:6px;font-size:8.5px}.ed-flow[data-phase=pre] .ed-flow__link{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.ed-flow[data-phase=pre] .ed-flow__dot,.ed-flow[data-phase=pre] .ed-flow__bracket{opacity:0}.ed-flow[data-phase=pre] .ed-flow__mark{box-shadow:inset 0 0 0 1.25px var(--ed-ink-4);background:0 0}.ed-flow[data-phase=play] .ed-flow__link{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .7s var(--ed-ease) var(--ed-flow-d,0s), opacity 0s linear var(--ed-flow-d,0s)}.ed-flow[data-phase=play] .ed-flow__dot{transition:opacity .3s var(--ed-ease) calc(var(--ed-flow-d,0s) + .6s)}.ed-flow[data-phase=play] .ed-flow__bracket{transition:opacity .3s var(--ed-ease) var(--ed-flow-d,0s)}.ed-flow[data-phase=play] .ed-flow__mark{transition:background-color .3s var(--ed-ease) var(--ed-flow-d,0s), box-shadow .3s var(--ed-ease) var(--ed-flow-d,0s)}@media (max-width:720px){.ed-flow__body,.ed-flow__body--heads{flex-direction:column;align-items:stretch;gap:34px;padding:0}.ed-flow__col{flex-flow:wrap;justify-content:center;gap:8px}.ed-flow__colhead{text-align:center;flex-basis:100%;margin:0 0 1px;position:static}.ed-flow__col:last-child>.ed-flow__colhead{order:1;margin:1px 0 0}.ed-flow__box,.ed-flow__plain{min-width:210px}}.ed-art{display:block;overflow:visible}.ed-art__ink,.ed-art__thin,.ed-art__accent{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ed-art__ink{stroke:currentColor;stroke-width:1.25px}.ed-art__thin{stroke:currentColor;stroke-opacity:.38;stroke-width:1.25px}.ed-art__accent{stroke:var(--ed-accent,var(--brand));stroke-width:1.5px}.ed-art__accent-fill{fill:var(--ed-accent,var(--brand))}.ed-art__fill{fill:currentColor}.ed-art__mono,.ed-art__mono-s{font-family:var(--ed-mono,ui-monospace, monospace);letter-spacing:.02em;fill:currentColor}.ed-art__mono{font-size:9.5px;font-weight:700}.ed-art__mono-s{fill-opacity:.8;font-size:7.5px;font-weight:400}@media (prefers-reduced-motion:reduce){.ed-flow__link,.ed-flow__dot,.ed-flow__bracket,.ed-flow__mark{transition:none!important}}}@layer utilities;
