@import '../../style/themes/index';

.lm-icon_select {
  user-select: none;

  .lm-icon_row {
    display: flex;

    .lm-icon_col_wrapper {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 25%;
    }

    .lm-icon_col {
      font-size: 18px;
      color: @text-color-secondary-deep;
      border: 1px dashed transparent;
      padding: 0 8px;
      transition: 0.3s;
      cursor: pointer;

      &:hover,
      &.lm-icon_active {
        color: @primary-color;
        border-color: @primary-color;
      }
    }
  }
}