.js-category-selector {
  height: 12rem;
  margin-bottom: 0.5rem;
  table-layout: fixed;
  width: 100%;
  tbody td {
    border: 1px solid var(--input-border-color);
    width: calc(33.3333% - 4px);
    vertical-align: top;
  }
  th {
    padding-bottom: 0.25rem;
    text-align: left;
  }
  ul {
    list-style: none;
  }
  li {
    cursor: pointer;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    &.js-active {
      color: white;
      background: var(--clr-neutral-60);
    }
    input[type="text"] {
      height: 100%;
      width: 100%;
    }
  }
}

.js-category-btns {
  position: absolute;
  right: 0;
}

.js-save-category-btn {
  margin-right: 0.5rem;
}

.js-new-tags-input {
  margin-bottom: 0.5rem;
}
