@use '../../../styles';
@use '../../../components/controls/EditableDivShared';
@use '../../../themes/defaults';

.jse-enum-value {
  background: defaults.$hover-background-color;
  border: none;
  padding: 0;

  font-family: inherit;
  font-size: inherit;

  cursor: pointer;
  outline: none;

  &.jse-selected {
    background: defaults.$selection-background-color;
    color: inherit;
  }

  &.jse-value:focus {
    // override the color to black when editing
    color: defaults.$text-color;
  }
}