@layer theme,base;@layer components{.md-frame{position:absolute;inset:10% 7% 20%}.md-old,.md-new{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.md-old{color:#333;background:#e9e9e4;border:2px solid #9a9a92;font-family:Times New Roman,Times,serif}.md-old-bar{color:#fff;background:#1d3a8a;padding:4px 8px;font:700 12px/16px Arial,sans-serif}.md-old table{border-collapse:collapse;margin:10px;font-size:12px}.md-old td{background:#f4f4ef;border:1px solid #9a9a92;padding:4px 8px}.md-old-btn{background:#d6d6cf;border:2px outset #c9c9c0;align-self:flex-start;margin:0 10px;padding:3px 10px;font:12px Arial,sans-serif}.md-new{clip-path:inset(0 100% 0 0 round 16px);animation:mdWipe 10s var(--ease) infinite;background:#fff;border:1px solid #dfe3ee;border-radius:16px;box-shadow:0 24px 60px #07074d1f}@keyframes mdWipe{0%,12%{clip-path:inset(0 100% 0 0 round 16px)}48%,86%{clip-path:inset(0 round 16px)}96%,to{clip-path:inset(0 100% 0 0 round 16px)}}.md-new-bar{font:600 13px/18px var(--font-display);color:#07074d;border-bottom:1px solid #dfe3ee;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.md-new-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px;display:grid}.md-tile{background:#e6f0ff;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.md-tile small{font:500 9.5px/12px var(--font-mono);letter-spacing:.08em;color:#4a4f6e}.md-tile b{font:600 15px/18px var(--font-display);color:#07074d}.md-rows{flex-direction:column;grid-column:1/4;gap:6px;display:flex}.md-rows span{color:#07074d;background:#f4f6fb;border-radius:10px;justify-content:space-between;padding:8px 10px;font-size:12px;display:flex}.md-rows em{color:#13804a;font-style:normal;font-weight:700}.md-handle{width:3px;animation:mdHandle 10s var(--ease) infinite;z-index:3;background:#046af3;border-radius:3px;margin-left:-1.5px;position:absolute;top:-10px;bottom:-10px;left:0}.md-handle:after{content:"";background:#046af3;border-radius:999px;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 5px #046af333}@keyframes mdHandle{0%,12%{opacity:1;left:0}48%{opacity:1;left:100%}52%,to{opacity:0;left:100%}}.md-tag{z-index:4;font:600 11px/16px var(--font-sans);border-radius:999px;padding:4px 10px;position:absolute;top:-14px}.md-tag.before{color:#fff;background:#6b7085;left:10px}.md-tag.after{color:#07074d;opacity:0;background:#c8f560;animation:10s infinite mdAfter;right:10px}@keyframes mdAfter{0%,46%{opacity:0}52%,86%{opacity:1}96%,to{opacity:0}}}@layer utilities;