/* Behaviour only; editable layout and colours belong to Breakdance selectors. */
.breakdance .gkc-countbar {
  position: fixed;
  inset: var(--gkc-admin-offset, 0px) 0 auto;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
  box-shadow: 0 3px 14px #0002;
}
.breakdance .gkc-countbar.gkc-countbar-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
  .breakdance .gkc-countbar { transition: none; }
}