/* generated by build_pages.py from the scene SVG for /research/disease-prediction-drugs */
.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; }
.pill { animation: floaty 4s ease-in-out infinite; }
    .line1 { animation: write 5s ease infinite; } .line2 { animation: write 5s .5s ease infinite; } .line3 { animation: write 5s 1s ease infinite; }
    @keyframes write { 0% { width: 0; } 40%,100% { width: 120px; } }
    .d1 { animation: popin 5s 2s ease infinite; } .d2 { animation: popin 5s 2.6s ease infinite; } .d3 { animation: popin 5s 3.2s ease infinite; }
    @keyframes popin { 0% { opacity: 0; transform: scale(.7); } 12%,85% { opacity: 1; transform: none; } 100% { opacity: 0; } }