.reorder-categories {
  thead {
    th {
      padding-bottom: 0.5em;
    }
  }
  input[type="text"] {
    max-width: 2.5em;
    padding: 0.35em;
    text-align: center;
    @include breakpoint(mobile-extra-large) {
      width: 2em;
    }
  }
  #rc-scroll-anchor {
    padding: 0;
  }
  table {
    padding-bottom: 150px;
    margin: 0 0.667em;
    td {
      padding: 0.5em 0.5em 0.5em 0;
      min-width: 10em;
      @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;
}
