.rive-ui-select {
  appearance: none;
  border: 0;
  border-radius: 0.25rem;
  color: var(--rive-ui-color-text);
  font-family: var(--rive-ui-font-family);
  font-size: 0.75rem;
  padding: 0 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  user-select: none;
  height: 1.5rem;
  line-height: 1.5rem;
  gap: 0.25rem;
}

.rive-ui-select-size-small {
  border-radius: 0.25rem;
  font-size: 0.75rem;
  padding: 0 0.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  gap: 0.25rem;
}

.rive-ui-select:hover {
  background: var(--rive-ui-color-button-bg-hover);
}

.rive-ui-select:active {
  background: var(--rive-ui-color-button-bg-active);
}