/* generated by build_pages.py from the scene SVG for /research/credit-card-fraud */
.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; }
.tx { animation: travel 6s linear infinite; }
    .tx.t2 { animation-delay: 1.5s; } .tx.t3 { animation-delay: 3s; } .tx.fraud { animation-delay: 4.5s; }
    @keyframes travel { 0% { transform: translateX(0); opacity: 0; } 6% { opacity: 1; } 55% { transform: translateX(330px); } 70%,100% { transform: translateX(560px); opacity: 1; } }
    .fraudball { animation: fraudtravel 6s 4.5s linear infinite; }
    @keyframes fraudtravel { 0% { transform: translate(0,0); opacity: 0; } 6% { opacity: 1; } 55% { transform: translate(330px, 0); } 75%,95% { transform: translate(400px, 110px); opacity: 1; } 100% { opacity: 0; } }
    .siren { animation: blink 1s ease infinite; }