.tab {
  .header, .footer {
    left: 0;
    right: 0;
    padding: .75em 1em;
    position: sticky;
    background-color: #fff;
  }

  .header {
    top: 0;
    text-align: center;
    border-bottom: 1px solid #eee;

    .back {
      top: 0;
      left: 0;
      bottom: 0;
      width: 2em;
      font-size: 1.3em;
      position: absolute;
      transition: background-color .3s;

      &:hover {
        background-color: #eee;
      }

      svg {
        width: 1em;
      }
    }
  }

  .body {
    padding: 1em;
  }

  .footer {
    bottom: 0;
    border-top: 1px solid #eee;

    display: flex;
    align-items: flex-end;
  }
}