.root {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

.radioWrapper {
  display: grid;
  align-items: center;
}

.item {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: var(--spacing-2);
  place-content: center;
  align-items: center;
  padding: var(--border-radius-lg, 8px) var(--spacing-1, 4px);
  font-size: var(--font-size-2);
  color: var(--global-foreground);
  cursor: default;
  background-color: var(--dropdown-background-active);
  border-radius: var(--border-radius-base);
}

.item[data-state='checked'] span[data-state='checked'] {
  color: var(--primary-accent);
}

.item:focus-visible {
  outline: none;
}

.label {
  cursor: pointer;
}