.tinymce-mobile-toolbar-group:first-of-type, .tinymce-mobile-toolbar-group:last-of-type {
  background: @toolstrip-dark-background-color;
  color: @toolstrip-dark-color;
}

.tinymce-mobile-toolbar-group {
  .mixin-flex-bar;
  flex-shrink: 1;

  & > div {
    .mixin-flex-bar;
    flex: 1;
  }

  &.tinymce-mobile-exit-container {
    background: #f44336;
  }

  &.tinymce-mobile-toolbar-scrollable-group {
    // Allow the scrollable group to fill all the space between the edge groups
    flex-grow: 1;
  }

  .tinymce-mobile-toolbar-group-item {
    padding-left: @toolstrip-button-horizontal-padding;
    padding-right: @toolstrip-button-horizontal-padding;

    &.tinymce-mobile-toolbar-button {
      display: flex;
      align-items: center;
      margin-left: 2px;
      margin-right: 2px;
      height: 80%;

      &.tinymce-mobile-toolbar-button-selected {
        background: @toolstrip-button-selected-background-color;
        color: @toolstrip-button-selected-color;
      }
    }
  }
}
