.wheel-hero-rail {
  display: grid;
  grid-template-columns: 230px 230px;
  gap: 14px;
  align-items: center;
  min-width: 474px;
}

.wheel-hero-rail .wheel-balance {
  display: grid;
  align-content: center;
  min-width: 230px;
  height: 100%;
}

.wheel-vote-card {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.wheel-vote-card.wheel-vote-nudge {
  animation: wheel-vote-nudge 1.55s cubic-bezier(.28,.84,.42,1);
}

@keyframes wheel-vote-nudge {
  0%, 100% { transform: translateY(0) scale(1); }
  18% { transform: translateY(-13px) scale(1.025); }
  35% { transform: translateY(0) scale(.99); }
  52% { transform: translateY(-8px) scale(1.015); }
  68% { transform: translateY(0) scale(1); }
  82% { transform: translateY(-3px) scale(1.005); }
}

@media (prefers-reduced-motion: reduce) {
  .wheel-vote-card.wheel-vote-nudge {
    animation: none;
  }
}

.wheel-vote-card.widget-unavailable #widget156::after {
  content: "Voting widget unavailable";
  display: block;
  padding: 10px 0;
  color: #8879ad;
  font-size: .78rem;
}

@media (max-width: 900px) {
  .wheel-hero-rail {
    grid-template-columns: 230px 230px;
    align-items: stretch;
    justify-content: start;
    margin-top: 18px;
  }

  .wheel-hero-rail .wheel-balance {
    margin-top: 0;
  }
}

@media (max-width: 650px) {
  .wheel-hero-rail {
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .wheel-vote-card {
    width: 100%;
  }
}