/* Download and Unzip: styles, taken from notes/get-started/load-dataset/index.html. Needs the colour variables in ../_shared/page-base.css. */
.scene.active .dlbig .file:first-child .e{animation:zipshake .7s .5s both}
.scene.active .dlbig .file:last-child{animation:popin .8s 1.3s both}
@media (prefers-reduced-motion:reduce){.scene.active .dlbig .file:first-child .e,.scene.active .dlbig .file:last-child{animation:none}}
.file{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 26px}
.file .e{font-size:44px}
.file b{font:700 clamp(18px,2.2vw,28px) 'JetBrains Mono';color:var(--orange)}
.file span{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.dlarrow{font-size:40px;color:var(--accent2);animation:bob 1.4s infinite}
.dlbig{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:26px}
@keyframes zipshake{0%,100%{transform:none}20%{transform:rotate(-8deg) scale(1.08)}40%{transform:rotate(8deg) scale(1.08)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}
@keyframes popin{0%{opacity:0;transform:scale(.7) translateY(-14px)}70%{transform:scale(1.06)}100%{opacity:1;transform:none}}
@keyframes bob{50%{transform:translateY(8px)}}