/* Hexagon, the host's phone: the phase clock as a bar that empties as the time runs out (ring-clock sets
   --progress from 1 to 0; the fill is what has gone). The rest is the host shell (11_host_shell.css). */

.gtf-hc-bar--clock .gtf-hc-bar__fill {
  width: calc((1 - var(--progress, 0)) * 100%);
  transition: width 0.25s linear;
}