/* Made by assets-src/countdown/build_countdown.py: the hourglass's canvas, and the halls. */
.countdown {
  --hg-r: 0.50746;             /* the hourglass canvas, width / height */
  --hg-feet: 0.99546;          /* where its feet stand */
  --hg-neck-x: 0.50145;
  --hg-neck: 0.51979;        /* the neck: where the sand runs out of the top */
  --hg-sand: 0.29786;        /* the top sand's surface, full */
  --hg-pile-top: 0.65542;    /* the mound, full */
  --hg-pile-foot: 0.83777;
  /* the level of the top sand (%) at each tenth of its run, by volume */
  --hg-levels: 29.786 31.278 32.706 34.134 35.626 37.184 38.936 40.883 43.089 45.555 51.979;
}
.cd-base { background-image: url(hourglass.webp); }
.cd-top { background-image: url(sand-top.webp); }
.cd-pile { background-image: url(sand-pile.webp); }
.countdown { --hall-w: 941; --hall-h: 1672; --plinth-x: 0.50159; --plinth-y: 0.60048; --plinth-front: 0.70275; --hg-h: 0.37082; }
.cd-hall { background-image: url(hall.webp); }
@media (min-aspect-ratio: 5/8) {
  .countdown { --hall-w: 1086; --hall-h: 1448; --plinth-x: 0.49448; --plinth-y: 0.66506; --plinth-front: 0.75622; --hg-h: 0.37020; }
  .cd-hall { background-image: url(hall-tab.webp); }
}
@media (min-aspect-ratio: 6/5) {
  html.is-tablet .countdown { --hall-w: 1448; --hall-h: 1086; --plinth-x: 0.28384; --plinth-y: 0.62891; --plinth-front: 0.75046; --hg-h: 0.44931; }
  html.is-tablet .cd-hall { background-image: url(hall-land.webp); }
}