@layer pairgoth {
  /* general rules */

  .steps .step:not(.active) {
    cursor: pointer;
  }
  .tab-content {
    display: none;
    &.active {
      display: block;
    }
  }

  /* information section */

  #tournament-infos {
    input, select, .edit {
      display: none;
    }
    &.edit {
      input, select, .edit {
        display: initial;
      }
      .info, #edit {
        display: none;
      }
    }
  }
  div.field:not(.hidden) {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    margin: 1px;
    background-color: #eeeeee;
  }

  /* registration section */

  #registration {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    > .roundbox {
      flex: 1;
    }
  }
}