.bool-property.muted {
  cursor: default;
  opacity: var(--blend--medium--light);
}

.toggle {
  cursor: pointer;

  width: 24px;
  height: 24px;
  padding: 0;

  background-color: transparent;
  border: none;

  &--secondary {
    color: rgb(var(--foreground--neutral-medium-default--light));
  }

  &--success {
    color: rgb(var(--foreground--success-high-default--light));
  }

  &--ghost {
    box-shadow: none;
  }

  &--disabled {
    cursor: default;
  }
}