.root {
  color: #333;
  font-size: 14px;

  .nav {
    display: flex;
    text-align: center;
    border-bottom: 1px solid #eee;

    a {
      flex: 1;
      cursor: pointer;
      position: relative;
      padding: .75em 1em;

      &.active {
        color: #28b9be;

        &::after {
          margin-top: .25em;
          position: absolute;
          left: calc(50% - .25em);

          content: "";
          width: .75em;
          height: 2px;
          display: block;
          background-color: currentColor;
        }
      }
    }
  }
}