.custom-nav {
	display: block;
	position: relative;

  &-bar {
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 1024;
    left: 0;

    &-action {
      flex: none;
      box-sizing: border-box;

      image {
        display: inline-block;
        border: 0;
      }

      &-btns {
        width: 100%;
        height: 100%;
        display: flex;

        & > view {
          flex: auto;
          width: 50%;
          text-align: center;

          image {
            width: 100%;
            height: 30px;
          }
        }
      }
    }

    &-logo {
      display: block !important;
      border-radius: 50%;
      margin: 0 auto;
    }

    &-content {
      flex: none;
      text-align: center;
      font-size: 32px;
      cursor: none;
      pointer-events: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
    }
  }
}