.icon-lab {
  gap: 16px;
}

.icon-lab .tag-spec-group {
  scroll-margin-top: 72px;
}

.icon-lab .tag-spec-head {
  align-items: center;
  gap: 12px;
}

.icon-lab .tag-spec-head > span {
  color: #999999;
  font-size: 12px;
  line-height: 20px;
}

.icon-lab .asset-icon-grid:not(.sidebar-asset-grid) {
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  gap: 8px;
}

.icon-lab .asset-icon-grid:not(.sidebar-asset-grid) .asset-icon-item {
  height: 64px;
  padding: 8px 6px 22px;
}

.icon-lab .asset-icon-item:hover {
  border-color: #d9d9d9;
  background: rgba(0, 0, 0, .04);
}

.icon-lab .asset-icon-item.selected {
  border-color: #2990ff;
  background: rgba(41, 144, 255, .08);
}

.icon-lab .common-asset-matrix {
  margin-top: 12px;
  display: grid;
  align-items: center;
  gap: 8px;
}

.icon-lab .common-primary-matrix {
  grid-template-columns: 64px repeat(7, minmax(52px, 1fr));
}

.icon-lab .common-step-matrix {
  max-width: 280px;
  grid-template-columns: 64px repeat(2, 80px);
}

.icon-lab .common-asset-matrix > span {
  min-height: 32px;
  display: grid;
  place-items: center;
}

.icon-lab .icon-matrix-corner,
.icon-lab .switch-state-label,
.icon-lab .icon-state-label {
  color: #666666;
  font-size: 12px;
  line-height: 20px;
}

.icon-lab .common-semantic-matrix {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.icon-lab .common-semantic-matrix > div {
  width: 72px;
  min-height: 56px;
  display: grid;
  place-items: center;
  gap: 2px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  background: #ffffff;
  color: #666666;
  font-size: 12px;
  line-height: 20px;
}

.icon-lab .sidebar-asset-grid {
  grid-template-columns: repeat(3, 154px);
  justify-content: start;
  gap: 8px;
}

.icon-lab .sidebar-asset-grid .asset-icon-item {
  width: 154px;
  height: 58px;
  padding: 8px 11px 20px;
}

@media (max-width: 820px) {
  .icon-lab .common-primary-matrix {
    grid-template-columns: 48px repeat(7, minmax(32px, 1fr));
  }

  .icon-lab .sidebar-asset-grid {
    grid-template-columns: repeat(auto-fill, 154px);
  }
}