.mcv{--gl-ink: var(--ui-ink);display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:118px;padding:var(--ui-space-3) var(--ui-space-4);overflow:hidden;border-bottom:1px solid var(--ui-hair);background:rgb(var(--color-surface));color:var(--ui-ink)}.edc-card:has(>.edc-badge) .mcv{padding-right:var(--ui-space-9)}.mcv-dg{width:100%;max-width:200px;height:100%;max-height:90px;overflow:visible}.mcv-dg *{vector-effect:non-scaling-stroke}.mcv-dg :is(.s,.m,.k,.kk){fill:none;stroke-linecap:round;stroke-linejoin:round}.mcv-dg .s{stroke:var(--ui-ink);stroke-width:1.6}.mcv-dg .m{stroke:var(--ui-tick-off);stroke-width:1.3;stroke-dasharray:3 3}.mcv-dg :is(.k,.kk){stroke:var(--dg-key, var(--ui-glyph));stroke-width:2.4}.mcv-dg .p{fill:var(--ui-pane);stroke:var(--ui-ink);stroke-width:1.6}.mcv-dg .ks{fill:color-mix(in srgb,var(--dg-key, var(--ui-glyph)) 14%,transparent);stroke:var(--dg-key, var(--ui-glyph));stroke-width:2.4}.mcv-dg .kf{fill:var(--dg-key, var(--ui-glyph))}.mcv-dg .f{fill:var(--ui-ink)}.mcv-dg text{font-family:var(--ui-font-serif);font-style:italic;font-size:var(--ui-text-m);fill:var(--ui-ink-2);stroke:none}.mcv-dg text.kt{font-weight:var(--ui-weight-strong);fill:var(--dg-key, var(--ui-glyph))}.mcv-dg text:is(.n,.kn){font-family:var(--ui-font-sans);font-style:normal;font-variant-numeric:tabular-nums;font-size:var(--ui-text-m);fill:var(--ui-ink)}.mcv-dg text.kn{font-weight:var(--ui-weight-strong);fill:var(--dg-key, var(--ui-glyph))}.mcv-dg text.r{font-family:var(--ui-font-sans);font-style:normal;font-size:var(--ui-text-s);fill:var(--ui-ink-3)}.mcv-gl{width:56px;height:56px}@media(prefers-reduced-motion:no-preference){:is(.mcv,.mcv-dg){--mcv-step: 30ms;--mcv-draw: .52s;--mcv-key: .38s}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg [pathLength]{animation:mcv-draw var(--mcv-draw) var(--ui-ease) calc(var(--i, 0) * var(--mcv-step)) both}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg rect{transform-box:fill-box;transform-origin:50% 100%;animation:mcv-rise var(--mcv-draw) var(--ui-ease) calc(var(--i, 0) * var(--mcv-step)) both}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg .m{animation:mcv-fade var(--ui-motion-base) var(--ui-ease) calc(var(--mcv-draw) * .5) both}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg :is(.k,.kk)[pathLength]{animation-delay:calc(var(--mcv-draw) + var(--i, 0) * var(--mcv-step) * .5)}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg :is(.k,.kk):not([pathLength]){animation:mcv-fade var(--mcv-key) var(--ui-ease) var(--mcv-draw) both}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg :is(circle,ellipse):is(.kf,.f){transform-box:fill-box;transform-origin:center;animation:mcv-pop var(--mcv-key) var(--ui-ease) calc(var(--mcv-draw) + var(--i, 0) * var(--mcv-step) * .5) both}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg path.kf{animation:mcv-fade var(--mcv-key) var(--ui-ease) var(--mcv-draw) both}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg rect.kf{animation-delay:calc(var(--mcv-draw) * .6 + var(--i, 0) * var(--mcv-step))}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg text{animation:mcv-fade var(--ui-motion-base) var(--ui-ease) calc(var(--mcv-draw) * .8) both}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-dg text.kt{animation-delay:calc(var(--mcv-draw) + var(--mcv-key))}.etc-host:is(:hover,:focus-visible,[data-etc-play]) .mcv-gl [pathLength]{animation:mcv-draw calc(var(--mcv-draw) * 1.4) var(--ui-ease) calc(var(--i, 0) * var(--mcv-step) * 3) both}}@keyframes mcv-draw{0%{stroke-dasharray:1 1;stroke-dashoffset:1}to{stroke-dasharray:1 1;stroke-dashoffset:0}}@keyframes mcv-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mcv-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes mcv-fade{0%{opacity:0}to{opacity:1}}