.app-quick-group {
  padding: 4px;
  .app-quick-group-item {
    margin-right: 8px;
    padding: 8px;
    cursor: pointer;
  }
  .app-quick-group-item--selected {
    display: inline-block;
    font-weight: 700;
    padding: 4px;
    position: relative;
    &::after {
      content: '';
      height: 2px;
      position: absolute;
      bottom: -10px;
      width: 100%;
      left: 0px;
    }
  }
  .app-quick-group-item--selected:focus {
    outline: none;
  }
  .app-quick-group-item__counter {
    border-radius: 12px;
    padding-left: 4px;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
  }
}
.app-quick-group {
  background-color: @layout-body-background;

  .app-quick-group-item {
    .app-quick-group-item__label:hover {
      color: @primary-color;
    }
  }
  .app-quick-group-item--selected {
    color: @primary-color;
    &::after {
      background-color: @primary-color;
    }
  }
}