/* A seconds marker in the original seal's white outer annulus, not over its artwork. */
.logo-motion {
  position: relative;
  display: block;
  --logo-turn: 60s;
}

.logo-seconds {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  fill: none;
  stroke: var(--color-action, #00563f);
  stroke-width: 8;
  stroke-linecap: butt;
}

.logo-motion[data-logo-motion] .logo-seconds {
  display: block;
}

.logo-seconds-hand {
  transform-box: view-box;
  transform-origin: center;
  animation: logo-second-sweep var(--logo-turn) linear infinite;
  animation-play-state: paused;
}

.logo-motion[data-logo-motion="running"] .logo-seconds-hand {
  animation-play-state: running;
}

.logo-motion-toggle {
  min-height: 44px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@keyframes logo-second-sweep {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(450deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .logo-motion[data-logo-motion] .logo-seconds {
    display: none;
  }
  .logo-seconds-hand {
    animation: none;
  }
}