@property --mf-cols{syntax:"<number>";inherits:true;initial-value:1}@property --mf-rows{syntax:"<number>";inherits:true;initial-value:1}@property --mf-pd-rule{syntax:"<number>";inherits:true;initial-value:1}@property --mf-pd-fill{syntax:"<number>";inherits:true;initial-value:1}@property --mf-trace{syntax:"<number>";inherits:true;initial-value:1}@keyframes mf-cols-in{0%{--mf-cols:0}to{--mf-cols:1}}@keyframes mf-rows-in{0%{--mf-rows:0}to{--mf-rows:1}}@keyframes mf-plate-drop-in{0%{--mf-pd-rule:0;--mf-pd-fill:0}35%{--mf-pd-rule:1;--mf-pd-fill:0}to{--mf-pd-rule:1;--mf-pd-fill:1}}@keyframes mf-caption-set-in{0%{clip-path:inset(0 100% 0 0)}}@keyframes mf-trace-in{0%{--mf-trace:0}to{--mf-trace:1}}@keyframes mf-trace-host{0%,99%{border-color:transparent}}.mf-trace{position:relative}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mf-cols-draw{view-timeline-name:--mf-cols-tl}.mf-cols-draw>*{animation:mf-cols-in linear both;animation-timeline:--mf-cols-tl;animation-timing-function:var(--mf-ease);animation-range:entry 0 entry 36vh;-o-border-image:linear-gradient(to bottom,var(--mf-line-ink,var(--line)) calc(var(--mf-cols) * 100%),transparent 0) 1;border-image:linear-gradient(to bottom,var(--mf-line-ink,var(--line)) calc(var(--mf-cols) * 100%),transparent 0) 1}.mf-rows-draw>*{animation:mf-rows-in linear both;animation-timeline:view();animation-timing-function:var(--mf-ease);animation-range:entry 0 entry 24vh;-o-border-image:linear-gradient(to right,var(--mf-line-ink,var(--line)) calc(var(--mf-rows) * 100%),transparent 0) 1;border-image:linear-gradient(to right,var(--mf-line-ink,var(--line)) calc(var(--mf-rows) * 100%),transparent 0) 1}.mf-plate-drop{animation:mf-plate-drop-in linear both;animation-timeline:view();animation-timing-function:var(--mf-ease);animation-range:entry 0 entry 40vh;background-image:linear-gradient(var(--line-2),var(--line-2));background-repeat:no-repeat;background-position:0 0;background-size:calc(var(--mf-pd-rule) * 100%) 1px}.mf-plate-drop>*{clip-path:inset(0 0 calc((1 - var(--mf-pd-fill)) * 100%) 0)}.mf-caption-set{animation:mf-caption-set-in linear both;animation-timeline:view();animation-timing-function:var(--mf-ease);animation-range:entry 0 entry 12vh}.mf-trace{animation:mf-trace-in linear both,mf-trace-host linear both;animation-timeline:view(),view();animation-timing-function:var(--mf-ease),linear;animation-range:entry 0 entry 38vh}.mf-trace:after{content:"";position:absolute;inset:-1px;border:1px solid var(--mf-line-ink,var(--line));border-radius:inherit;pointer-events:none;-webkit-mask:conic-gradient(var(--ink) calc(var(--mf-trace) * 1turn),transparent 0);mask:conic-gradient(var(--ink) calc(var(--mf-trace) * 1turn),transparent 0);opacity:calc((1 - var(--mf-trace)) * 1000)}}}@media (forced-colors:active){.mf-trace:after{display:none}}