.grp {
  @include flex(1);
  @include display(flex);
  @include align-items(stretch);
  @include flex-direction(column);
  @include justify-content(flex-start);
  @include scrollbar-on-hover;
  width: 100%;
  user-select: none;

  &__back-button {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: $base-padding-h;
    padding: $base-padding-v * 2 0 1px 0;
    z-index: 1;
  }

  >.scroller {
    @include flex(1);
    @include display(flex);
    @include align-items(stretch);
    @include flex-direction(column);
    @include justify-content(flex-start);
    overflow-x: hidden;
    padding-top: 3px;
  }

  &__icon {
    display: block;
    font-size: $large-header-font-size;
    padding: $base-padding-px;
    @include align-self(flex-start);
    @include area-selectable();
    &--image {
      width: 28px;
      height: 28px;
    }
  }

  &__buttons {
    @include display(flex);
    @include flex-direction(row);
    margin-top: $base-padding-v;

    &-trash {
      @include icon-btn($error:true);
    }
  }
}
