.reorder-categories {
  thead {
    th {
      padding-bottom: 0.5em;
    }
  }
  input {
    width: 4em;
    @include breakpoint(mobile-extra-large) {
      width: 2em;
    }
  }
  table {
    width: 100%;
    padding-bottom: 150px;
    td {
      padding: 0.5em 0.5em 0.5em 0;
      @include breakpoint(mobile, min-width) {
        min-width: 15em;
      }
    }
  }
  .badge-wrapper span.badge-category {
    max-width: 20em;
    @include breakpoint(mobile-extra-large) {
      max-width: 30vw;
    }
  }
}

.reorder-categories-depth-1 {
  margin-left: 20px;
}

.reorder-categories-depth-2 {
  margin-left: 40px;
}