/* generated by build_pages.py from the scene SVG for /research/covid-sentiment-news-social */
.lbl { font: 600 15px 'Space Grotesk', sans-serif; fill: #e8eefb; }
    .sub { font: 500 11px 'Inter', sans-serif; fill: #94a3bd; }
    .big { font: 700 20px 'Space Grotesk', sans-serif; fill: #e8eefb; }
    .box { fill: rgba(255,255,255,.05); stroke: rgba(255,255,255,.16); rx: 14; }
    .teal { fill: #2dd4bf; } .amber { fill: #fbbf24; }
    @keyframes dash { to { stroke-dashoffset: -200; } }
    @keyframes pulse { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
    @keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: .15; } }
    @keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
    @keyframes growring { from { r: 6; opacity: .9; } to { r: 34; opacity: 0; } }
    .flow { stroke: #2dd4bf; stroke-width: 2; fill: none; stroke-dasharray: 8 8; animation: dash 3s linear infinite; opacity: .8; }
    .flow.a { stroke: #fbbf24; }
.lnews { stroke-dasharray: 620; stroke-dashoffset: 620; animation: draw 5s ease-out infinite; }
    .lsoc  { stroke-dasharray: 620; stroke-dashoffset: 620; animation: draw 5s 1s ease-out infinite; }
    @keyframes draw { 0% { stroke-dashoffset: 620; } 55%, 92% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
    .virus { animation: floaty 5s ease-in-out infinite; transform-origin: center; }