/* generated by build_pages.py from the scene SVG for /research/riot-radicalization-prediction */
.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; }
.p1 { animation: scrollup 6s linear infinite; } .p2 { animation: scrollup 6s 2s linear infinite; } .p3 { animation: scrollup 6s 4s linear infinite; }
    @keyframes scrollup { 0% { transform: translateY(70px); opacity: 0; } 15% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(-90px); opacity: 0; } }
    .needle { transform-origin: 590px 230px; animation: sweep 6s ease-in-out infinite; }
    @keyframes sweep { 0%,10% { transform: rotate(-70deg); } 45%,70% { transform: rotate(40deg); } 90%,100% { transform: rotate(-70deg); } }
    .alert { animation: blink 1s ease infinite; }