/* net.css — CHI co o V3.
   `css/style.css` giu nguyen tung byte nhu V2; moi thu them vi co may chu nam o
   day, de doi chieu giao dien van chung minh duoc bang `cmp`.

   V2 doc du lieu tai cho nen doi co la doi hinh tuc thi. V3 phai goi mang, lan
   goi dau (ham con "nguoi") co the mat ca giay. Vach nay chi hien khi cho lau
   hon 200 ms, khong lam xe dich bat cu thu gi tren trang. */

#netbar {
  position: fixed;
  inset: 0 auto auto 0;
  height: 2px;
  width: 0;
  background: var(--accent);
  opacity: 0;
  z-index: 50;
  pointer-events: none;
  transition: width .45s ease-out, opacity .2s linear;
}

#netbar.on  { width: 70%; opacity: 1; }
#netbar.end { width: 100%; opacity: 0; transition: width .12s linear, opacity .3s linear .1s; }

@media (prefers-reduced-motion: reduce) {
  #netbar { transition: none; }
}