.weather-rig__dial {
  width: 120px;
  aspect-ratio: 1;
  border: 2px solid var(--line);
  border-radius: 50%;
  background:
    conic-gradient(var(--danger) 0 var(--risk, 0%), rgba(197, 248, 42, 0.2) var(--risk, 0%) 100%);
  animation: weather-wobble 2.4s ease-in-out infinite;
}

.weather-rig--allowed .weather-rig__dial {
  border-color: var(--lime);
}

.weather-rig--ask-first .weather-rig__dial {
  border-color: var(--amber);
}

.weather-rig--never-use .weather-rig__dial {
  border-color: var(--danger);
}

@keyframes weather-wobble {
  50% { transform: rotate(8deg); }
}