.ruru-theme-page {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.ruru-theme-hero {
  align-items: center;
}

.ruru-theme-grid {
  gap: 20px;
}

.ruru-theme-card,
.ruru-theme-control-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ruru-theme-choice {
  align-self: flex-start;
}

.ruru-theme-choice.lmgx-theme-choice-active {
  border-color: var(--lmgx-color-primary);
  background: color-mix(in srgb, var(--lmgx-color-primary) 10%, var(--lmgx-color-surface) 90%);
}