@layer theme,base;@layer components{.ws-board{background:#fff;border:1px solid #dfe3ee;border-radius:18px;position:absolute;inset:7% 5% 21%;overflow:hidden;box-shadow:0 24px 60px #07074d1a}.ws-col{width:29%;font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#0457c8;border-bottom:2px solid #e6f0ff;padding-bottom:8px;animation:10s infinite wsHead;position:absolute;top:5%}@keyframes wsHead{0%,34%{opacity:0}44%,92%{opacity:1}98%,to{opacity:0}}.ws-note{box-sizing:border-box;width:29%;height:15%;font:600 12px/15px var(--font-sans);color:#07074d;animation:wsNote 10s var(--ease) infinite;animation-delay:var(--dl,0s);border-radius:8px;padding:8px 10px;position:absolute;box-shadow:0 4px 10px #07074d14}.ws-note.q{background:#f1fcd6;border:1px solid #c8f560}.ws-note.b{background:#e6f0ff;border:1px solid #c9dcff}.ws-note.l{background:#f4f6fb;border:1px solid #dfe3ee}@keyframes wsNote{0%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.5)}6%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1)}30%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}46%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.5)}}.ws-vote{animation:wsVote 10s var(--ease) infinite;gap:3px;display:flex;position:absolute;top:-6px;right:6px}.ws-vote i{background:#046af3;border:2px solid #fff;border-radius:999px;width:10px;height:10px}@keyframes wsVote{0%,56%{opacity:0;transform:scale(0)}62%,90%{opacity:1;transform:scale(1)}96%,to{opacity:0}}.ws-out{animation:wsOut 10s var(--ease) infinite;position:absolute;bottom:56px;right:6%}@keyframes wsOut{0%,66%{opacity:0;transform:translateY(12px)}72%,92%{opacity:1;transform:none}98%,to{opacity:0}}}@layer utilities;
