.tabsContainer {
  position: relative;

  .tab {
    display: inline-block;
    margin-left: 1em;

    & > input {
      height: 0.1px;
      opacity: 0;
      position: absolute;
      width: 0.1px;

      &:checked ~ .tabPanel {
        display: block;
      }

      &:checked ~ label {
        background: #000;
      }
    }

    & > label {
      background: #447;
      clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
      color: #fff;
      font-style: italic;
      font-weight: bold;
      height: 1.4em;
      padding: 0.2em 1em;
      -webkit-clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
    }

    & > .tabPanel {
      background: #fff;
      border-radius: 1em;
      border-bottom: solid 2px #000;
      border-top: solid 2px #000;
      display: none;
      left: 0;
      padding: 1em;
      position: absolute;
      top: 2em;
      width: 95%;
    }
  }
}