.an{--an-navy:#0b1f3a;--an-slate:#5b6b7f;--an-line:#dde3ea;--an-teal:#0e9bae;--an-teal-ink:#0a6f7d;--an-teal-tint:#e3f6f8;--an-red:#d9534f;--an-red-ink:#a12a2a;--an-orange-ink:#8a4a12;--an-orange-tint:#fbebdd;--an-loop:6s;color:var(--an-navy);background:#f3f5f8;border-radius:22px;max-width:1000px;margin-inline:auto;position:relative;container-type:inline-size}.an-stage{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(.75rem,2.4cqi,1.4rem);padding:clamp(1.25rem,4.5cqi,2.5rem);font-size:clamp(.85rem,1.45cqi,.98rem);display:grid}.an p{margin:0}.an-label{color:var(--an-teal-ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4em;font-size:.8em;font-weight:700;display:flex}.an-chat{gap:.7em;display:grid}.an-q{background:var(--an-navy);color:#fff;border-radius:16px 16px 4px;justify-self:end;gap:.15em;max-width:92%;padding:.7em .95em;font-weight:600;display:grid}.an-q span{color:#9fd9e1;letter-spacing:.08em;text-transform:uppercase;font-size:.75em;font-weight:700}.an-a{box-shadow:0 0 0 1px var(--an-line), 0 14px 30px -24px #0b1f3a8c;background:#fff;border-radius:16px 16px 16px 4px;gap:.6em;padding:.9em 1em;display:grid}.an-who{color:var(--an-teal-ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.35em;font-size:.78em;font-weight:700;display:flex}.an-head{font-weight:600}.an-head b{font-variant-numeric:tabular-nums}.an-drivers{gap:.45em;margin:0;padding:0;list-style:none;display:grid}.an-drivers li{grid-template-columns:minmax(0,1fr) 4.5em auto;align-items:center;gap:.6em;display:grid}.an-drivers span{font-size:.92em}.an-drivers i{background:var(--an-red);height:.55em;transform:scaleX(var(--s,1));transform-origin:0;border-radius:999px;display:block}.an-drivers b{color:var(--an-red-ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:.9em}.an-side{gap:.7em;display:grid}.an-chart,.an-sources{box-shadow:0 0 0 1px var(--an-line);background:#fff;border-radius:14px;gap:.6em;padding:.85em 1em;display:grid}.an-bars{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.6em;height:7.5em;display:grid}.an-bars span{grid-template-rows:auto 1fr auto;place-items:center;gap:.25em;height:100%;display:grid}.an-bars b{font-variant-numeric:tabular-nums;font-size:.8em}.an-bars i{height:100%;transform:scaleY(var(--s,1));transform-origin:bottom;background:#b9c6d3;border-radius:6px 6px 2px 2px;align-self:end;width:70%;display:block}.an-bars em{color:var(--an-slate);font-size:.78em;font-style:normal;font-weight:600}.an-bars span[data-now] b{color:var(--an-red-ink)}.an-bars span[data-now] i{background:var(--an-red)}.an-chips{flex-wrap:wrap;gap:.35em;display:flex}.an-chips span{background:var(--an-teal-tint);color:var(--an-teal-ink);border-radius:6px;padding:.2em .5em;font-size:.8em;font-weight:700}.an-flag{background:var(--an-orange-tint);color:var(--an-orange-ink);border-radius:12px;align-items:start;gap:.5em;padding:.65em .8em;font-size:.88em;font-weight:600;display:flex}.an-flag svg{flex:none;margin-top:.15em}.an-pause{border:1px solid var(--an-line);color:var(--an-navy);cursor:pointer;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.an-pause:hover{background:var(--an-navy);color:#fff}.an-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.an-pause{opacity:0}.an:hover .an-pause,.an:focus-within .an-pause{opacity:1}}@container (max-width:640px){.an-stage{grid-template-columns:minmax(0,1fr);gap:.6rem;padding:1rem}}@media (prefers-reduced-motion:no-preference){.an-pause{transition:opacity .18s,background .18s}.an[data-play] .an-q{animation:an-q var(--an-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.an[data-play] .an-a{animation:an-a var(--an-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.an[data-play] .an-drivers li:first-child{animation:an-d1 var(--an-loop) ease .94 forwards}.an[data-play] .an-drivers li:nth-child(2){animation:an-d2 var(--an-loop) ease .94 forwards}.an[data-play] .an-drivers li:nth-child(3){animation:an-d3 var(--an-loop) ease .94 forwards}.an[data-play] .an-drivers i{animation:an-grow-x var(--an-loop) cubic-bezier(.22, 1, .36, 1) .94 forwards}.an[data-play] .an-chart{animation:an-side var(--an-loop) ease .94 forwards}.an[data-play] .an-bars i{animation:an-grow-y var(--an-loop) cubic-bezier(.22, 1, .36, 1) .94 forwards}.an[data-play] .an-sources{animation:an-sources var(--an-loop) ease .94 forwards}.an[data-play] .an-flag{animation:an-flag var(--an-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.an[data-paused] *{animation-play-state:paused!important}}@keyframes an-q{0%,2%{opacity:0;transform:translateY(-12px)}8%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes an-a{0%,12%{opacity:0;transform:translateY(10px)}18%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes an-d1{0%,20%{opacity:0;transform:translate(-8px)}24%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes an-d2{0%,25%{opacity:0;transform:translate(-8px)}29%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes an-d3{0%,30%{opacity:0;transform:translate(-8px)}34%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes an-side{0%,22%{opacity:0;transform:translate(12px)}28%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes an-sources{0%,40%{opacity:0;transform:translateY(8px)}46%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes an-flag{0%,52%{opacity:0;transform:scale(.94)}58%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes an-grow-x{0%,22%{transform:scaleX(0)}36%,to{transform:scaleX(var(--s,1))}}@keyframes an-grow-y{0%,26%{transform:scaleY(0)}42%,to{transform:scaleY(var(--s,1))}}