/**
 * Copyright (c) OpenLens Authors. All rights reserved.
 * Licensed under MIT License. See LICENSE in root directory for more information.
 */

.BottomBar {
  @apply flex px-2 text-white;

  grid-area: bottom-bar;
  background-color: var(--blue);
  height: var(--bottom-bar-height);
  font-size: var(--font-size-small);
}

.item {
  @apply flex items-center mr-2 h-full px-2 last:mr-0;

  &:hover {
    @apply cursor-pointer;

    background-color: #ffffff33;
  }
}

.onLeft + .onRight {
  @apply ml-auto;
}

.onRight {}
