[data-type="custom/navigator"] > .navigator > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: grid;
  grid-template: "products groups levels" "products . ." auto/32% 33% 32%;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
[data-type="custom/navigator"] > .navigator > .block-editor-inner-blocks > .block-editor-block-list__layout div {
  max-width: 100% !important;
  width: 100%;
}
[data-type="custom/navigator"] [data-type="custom/navigator-products"] {
  grid-area: products;
}
[data-type="custom/navigator"] [data-type="custom/navigator-groups"] {
  grid-area: groups;
}
[data-type="custom/navigator"] [data-type="custom/navigator-levels"] {
  grid-area: levels;
}

.placeholders {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 2rem;
}
.placeholders > div {
  width: calc(33.3333% - 10px);
}

.placeholder-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 258px;
  background: #fff;
  border: 2px solid #E5E5E5;
  box-shadow: 4px 4px 0 0 #E5E5E5;
  margin-top: 2rem;
  color: #B2B2B2;
  padding: 1rem;
}
.placeholder-box h3 {
  font-size: 20px;
}
.placeholder-box p {
  margin-top: 0 !important;
}
.placeholder-box.active {
  color: #000;
  align-items: start;
  justify-content: start;
}
.placeholder-box .title-box {
  font-weight: bold;
  color: #000;
}

.dependencies table {
  border: 1px solid #000;
}
.dependencies table th:not(:first-child) {
  width: 20%;
}
.dependencies table th, .dependencies table td {
  padding: 1rem;
  border-bottom: 1px solid;
}
.dependencies table tbody tr th {
  font-weight: 700;
  border-right: 1px solid;
}

.block-editor-block-list__layout .level-item,
.block-editor-block-list__layout .group-item,
.block-editor-block-list__layout .product-item {
  padding: 1rem;
  font-size: 16px;
  background: #fff;
  border: 2px solid #E5E5E5;
}
.block-editor-block-list__layout .level-item .name,
.block-editor-block-list__layout .group-item .name,
.block-editor-block-list__layout .product-item .name {
  font-size: 20px;
  font-weight: bold;
}
.block-editor-block-list__layout .level-item a,
.block-editor-block-list__layout .group-item a,
.block-editor-block-list__layout .product-item a {
  color: red;
}