$toolbar-height: 56px;

.mw-core-toolbar {
  height: $toolbar-height;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 8px;

  &__title {
    font-size: 11px;
    font-weight: 500;
    flex: 1;
    text-transform: uppercase;

    a {
      cursor: pointer;
    }
  }
  &__toggler {
    margin-left: -2px;
  }

  &__actions ::ng-deep {
    button.mat-icon-button {
      height: $toolbar-height;
      width: $toolbar-height;
      border-radius: 0;
    }
  }

  &__logo {
    margin-left: 8px;
    font-family: Arial, Helvetica, sans-serif;

    &--loading {
      width: 102px;
      height: 32px;
      opacity: 0;
      background-image: url('/assets/img/logo.svg');
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }

    &--full {
      height: 32px;
      width: 102px;
      object-fit: contain;
    }

    img {
      padding-right: 16px;
    }
  }
}