ul.tab-navigator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -webkit-padding-start: 0;
  position: relative;
  overflow-x: hidden;

  & > li {
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex: 1;
    cursor: pointer;
    position: relative;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }

  & > .indicator {
    height: 3px;
    position: absolute;
    margin-left: 0;
    bottom: 0;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
  }
}

.navigator-drawer {
  & > [data-tab] {
    display: none;

    &.active {
      display: block;
    }
  }
}