/* Higher or Lower host controls: blue tone, the picking clock bar, and the low-clock colour on the stat. */
.gtf-hc-tone--blue { color: oklch(0.76 0.12 230); }
.gtf-hc-feed__mark.gtf-hc-tone--blue,
.gtf-hc-bar__fill.gtf-hc-tone--blue { background: oklch(0.76 0.12 230); }

.gtf-hc-stat__value .is-low { color: var(--gtf-orange); }

.gtf-hc-clock__fill {
  width: 100%;
  background: oklch(0.76 0.12 230);
  transform-origin: left center;
  transition: none;
  animation: gtf-hc-clock var(--clock-ms, 10s) linear var(--clock-delay, 0s) forwards;
}

@keyframes gtf-hc-clock {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  .gtf-hc-clock__fill { animation: none; transform: scaleX(0); }
}