.new-rule-button {
  min-width: 12rem;
}

.list-wrapper {
  max-height: 19rem;
  padding-bottom: 0.5rem;

  .shader {
    position: sticky;
  }
}

.features-table {
  font-size: smaller;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.5em 0;

  thead {
    font-weight: bold;
    opacity: 0.6;
  }

  td {
    max-width: 7rem;
    vertical-align: middle;
  }

  tbody {
    td {
      padding: 0.5rem 0;
    }
  }

  :not(:last-child) {
    td {
      border-bottom: 1px solid var(--border-basic-color-3);
    }
  }
}

.connector {
  height: 20px;
}
