ColorSelectorTabs {
  font-size: 24px;
  margin: 10px 0;
  padding: 1px 2px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 6px;

  .color-tab {
    color: #d7d7d7;
    margin: 4px 2px;
    padding: 4px;
    border-radius: 4px;
    flex-grow: 1;
    justify-content: center;
    transition: all 150ms ease-in-out;
    
    &:hover:not(.selected):not(.disabled) {
      background-color: rgba(255, 255, 255, 0.05);
    }

    &.selected {
      color: #e1e1e1;
      background-color: rgba(0, 0, 0, 0.85);
    }

    &.disabled {
      opacity: 0.35;
    }
  }
}