@layer theme,base;@layer components{.pm-art{position:absolute;inset:9% 6% 22%}.pm-node{width:38%;height:64px;box-shadow:var(--shadow-sm);box-sizing:border-box;font:600 14px/18px var(--font-sans);color:#07074d;background:#fff;border:1px solid #dfe3ee;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex;position:absolute}.pm-node em{color:#0457c8;width:30px;height:30px;font:500 12px/1 var(--font-mono);background:#e6f0ff;border-radius:9px;flex:none;place-items:center;font-style:normal;display:grid}.pm-n1{top:4%;left:0}.pm-n2{top:4%;left:62%}.pm-n3{top:54%;left:62%}.pm-n4{top:54%;left:0}.pm-n3{animation:pmHot 10s var(--ease) infinite}@keyframes pmHot{0%,40%{box-shadow:var(--shadow-sm);border-color:#dfe3ee}46%,90%{box-shadow:0 0 0 6px #c8f56073,var(--shadow-md);border-color:#c8f560}97%,to{box-shadow:var(--shadow-sm);border-color:#dfe3ee}}.pm-swap{flex:1;height:36px;position:relative}.pm-swap span{position:absolute;top:50%;left:0;transform:translateY(-50%)}.pm-swap .a{animation:10s infinite pmA}.pm-swap .b{color:#13804a;animation:10s infinite pmB}@keyframes pmA{0%,44%{opacity:1}48%,92%{opacity:0}97%,to{opacity:1}}@keyframes pmB{0%,46%{opacity:0}50%,90%{opacity:1}95%,to{opacity:0}}.pm-slow{color:#fff;font:500 11px/14px var(--font-mono);background:#07074d;border-radius:999px;padding:3px 8px;animation:10s infinite pmA;position:absolute;top:-11px;right:10px}.pm-h{background:repeating-linear-gradient(90deg,#7aaeff 0 6px,#0000 6px 12px);height:2px;animation:.9s linear infinite pmFlow;position:absolute}.pm-v{background:repeating-linear-gradient(#7aaeff 0 6px,#0000 6px 12px);width:2px;animation:.9s linear infinite pmFlowV;position:absolute}.pm-h.rev{animation-direction:reverse}@keyframes pmFlow{to{background-position:12px 0}}@keyframes pmFlowV{to{background-position:0 12px}}.pm-l1{top:calc(4% + 31px);left:38%;right:38%}.pm-l2{height:calc(50% - 64px);top:calc(4% + 64px);left:81%}.pm-l3{top:calc(54% + 31px);left:38%;right:38%}.pm-lens{z-index:4;width:46px;height:46px;box-shadow:var(--shadow-md);color:#046af3;animation:pmLens 10s var(--ease) infinite;background:#ffffffbf;border:3px solid #046af3;border-radius:999px;place-items:center;margin:-23px 0 0 -23px;display:grid;position:absolute}@keyframes pmLens{0%{top:calc(4% + 32px);left:19%}12%{top:calc(4% + 32px);left:19%}22%{top:calc(4% + 32px);left:81%}32%,40%{top:calc(54% + 32px);left:81%}46%{opacity:1;top:calc(54% + 32px);left:81%}52%,96%{opacity:0;top:calc(54% + 32px);left:81%}to{opacity:0;top:calc(4% + 32px);left:19%}}.pm-tag{animation:pmTag 10s var(--ease) infinite;position:absolute;top:calc(54% + 76px);right:0}@keyframes pmTag{0%,50%{opacity:0;transform:translateY(-8px)}56%,90%{opacity:1;transform:none}96%,to{opacity:0}}}@layer utilities;
