@import "../../../themes/default";

:global {
  .app-menu {
    position: relative;
    width: 100%;
    margin-left: 32px;
    z-index: 11;

    a {
      position: relative;
      padding: 21px 3px;
      line-height: 60px;
      height: 60px;
      font-weight: 300;
      margin-right: 32px;
      color: @menu-color;

      &:last-child {
        margin-right: 0;
      }

      &:hover {
        color: @menu-color-hover;
      }
    }

    .active {
      color: @menu-color-hover;

      &:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        width: 100%;
        height: 2px;
        background-color: @text-color-hover;
      }
    }
  }
}