.dropdown-lab .dd-panel {
  position: relative;
  box-sizing: border-box;
  padding: 2px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  justify-content: center;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .08);
}

.dropdown-lab .dd-panel.dd-large {
  width: 310px;
  height: 208px;
  padding: 2px;
  gap: 2px;
  border-radius: 4px;
}

.dropdown-lab .dd-panel.dd-large .dd-item {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  min-height: 30px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 30px;
  border-radius: 2px;
  color: #666666;
  background: rgba(0, 0, 0, 0);
  font: 400 14px/22px "Source Han Sans CN", "思源黑体 CN", sans-serif;
  white-space: nowrap;
}

.dropdown-lab .dd-panel.dd-large .dd-item > span {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
}

.dropdown-lab .dd-panel.dd-large .dd-item.hover,
.dropdown-lab .dd-panel.dd-large .dd-item:hover:not(.disabled) {
  color: #333333;
  background: rgba(0, 0, 0, .04);
}

.dropdown-lab .dd-panel.dd-large .dd-item.active {
  color: #2279d6;
  background: rgba(0, 0, 0, 0);
}

.dropdown-lab .dd-panel.dd-large .dd-item.selected {
  color: #2990ff;
  background: rgba(0, 0, 0, 0);
}

.dropdown-lab .dd-panel.dd-large .dd-item.disabled {
  color: #bfbfbf;
}

.dropdown-lab .dd-panel.dd-large .dd-check {
  width: 12px;
  height: 12px;
  margin-left: auto;
}

.dropdown-lab .dd-panel.dd-large .dd-item.disabled .dd-icon,
.dropdown-lab .dd-panel.dd-large .dd-item.disabled .dd-check {
  opacity: .45;
}

.dropdown-lab .dd-panel.dd-large .dd-scrollbar {
  top: 32px;
  height: 66px;
}

.dropdown-lab .dd-panel.dd-small {
  min-width: 0;
  height: 98px;
}

.dropdown-lab .dd-panel.dd-small.dd-state-custom {
  height: 162px;
}

.dropdown-lab .dd-basic-single.dd-small { width: 48px; }
.dropdown-lab .dd-basic-single.dd-small.dd-state-custom { width: 62px; }
.dropdown-lab .dd-basic-multi.dd-small { width: 72px; }
.dropdown-lab .dd-basic-multi.dd-small.dd-state-custom { width: 73px; }
.dropdown-lab .dd-basic-iconSingle.dd-small { width: 64px; }
.dropdown-lab .dd-basic-iconSingle.dd-small.dd-state-custom { width: 78px; }
.dropdown-lab .dd-basic-iconMulti.dd-small { width: 83px; }
.dropdown-lab .dd-basic-iconMulti.dd-small.dd-state-custom { width: 80px; }

.dropdown-lab .dd-panel.dd-small .dd-item {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  min-height: 30px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 30px;
  border-radius: 2px;
  color: #666666;
  background: rgba(0, 0, 0, 0);
  font: 400 14px/22px "Source Han Sans CN", "思源黑体 CN", sans-serif;
  white-space: nowrap;
}

.dropdown-lab .dd-panel.dd-small .dd-item > span {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
}

.dropdown-lab .dd-basic-iconMulti.dd-small .dd-item,
.dropdown-lab .dd-basic-iconSingle.dd-small .dd-item {
  gap: 4px;
}

.dropdown-lab .dd-basic-multi.dd-small .dd-item,
.dropdown-lab .dd-basic-iconMulti.dd-small .dd-item {
  gap: 4px;
}

.dropdown-lab .dd-panel.dd-small .dd-item.hover {
  color: #333333;
  background: rgba(0, 0, 0, .04);
}

.dropdown-lab .dd-panel.dd-small .dd-item.active {
  color: #2279d6;
  background: rgba(0, 0, 0, 0);
}

.dropdown-lab .dd-panel.dd-small .dd-item.selected {
  color: #2990ff;
  background: rgba(0, 0, 0, 0);
}

.dropdown-lab .dd-panel.dd-small .dd-item.disabled {
  color: #bfbfbf;
}

.dropdown-lab .dd-panel.dd-small .dd-check {
  width: 12px;
  height: 12px;
  margin-left: auto;
}

.dropdown-lab .dd-panel.dd-small .dd-item.disabled .dd-icon,
.dropdown-lab .dd-panel.dd-small .dd-item.disabled .dd-check {
  opacity: .45;
}

.dropdown-lab .dd-scrollbar {
  position: absolute;
  z-index: 2;
  top: 32px;
  right: 0;
  width: 4px;
  height: 66px;
  display: block;
  border-radius: 2px;
  background: rgba(0, 0, 0, .3);
  pointer-events: none;
}

.dropdown-lab .dd-basic-iconSingle.dd-state-custom .dd-scrollbar,
.dropdown-lab .dd-basic-iconMulti.dd-state-custom .dd-scrollbar {
  top: 34px;
}

.dropdown-lab .dd-basic-iconSingle.dd-state-custom .dd-item,
.dropdown-lab .dd-basic-iconMulti.dd-state-custom .dd-item {
  gap: 4px;
}

.dropdown-lab .dd-card-preview:has(.dd-panel.dd-small) {
  min-height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown-lab .dd-card-preview .dd-panel.dd-small {
  align-self: center;
  justify-self: center;
  flex: 0 0 auto;
}

@media (max-width: 720px) {
  .dropdown-lab .dd-gallery {
    grid-template-columns: 1fr;
  }
}

.dropdown-lab .dd-item:hover:not(.disabled),
.dropdown-lab .dd-search-item:hover,
.dropdown-lab .dd-cascade-item:hover,
.dropdown-lab .dd-table-row:hover {
  color: #4BA2FF;
}

.dropdown-lab .dd-item:hover:not(.disabled) .dd-icon,
.dropdown-lab .dd-search-item:hover .dd-icon,
.dropdown-lab .dd-cascade-item:hover .dd-icon,
.dropdown-lab .dd-table-row:hover .dd-icon {
  filter: brightness(0) saturate(100%) invert(56%) sepia(67%) saturate(1814%) hue-rotate(186deg) brightness(102%) contrast(101%);
}

.dropdown-lab .dd-cascade {
  gap: 8px !important;
}

.dropdown-lab .dd-panel.dd-large .dd-item:hover:not(.disabled),
.dropdown-lab .dd-panel.dd-small .dd-item:hover:not(.disabled),
.dropdown-lab .dd-panel.dd-large .dd-item:hover:not(.disabled) > span,
.dropdown-lab .dd-panel.dd-small .dd-item:hover:not(.disabled) > span,
.dropdown-lab .dd-search-item:hover,
.dropdown-lab .dd-search-item:hover > span,
.dropdown-lab .dd-cascade-item:hover,
.dropdown-lab .dd-cascade-item:hover > span,
.dropdown-lab .dd-table-row:hover,
.dropdown-lab .dd-table-row:hover > span {
  color: #4BA2FF !important;
}

.dropdown-lab .dd-panel.dd-large .dd-item:hover:not(.disabled) .dd-icon,
.dropdown-lab .dd-panel.dd-small .dd-item:hover:not(.disabled) .dd-icon,
.dropdown-lab .dd-search-item:hover .dd-icon,
.dropdown-lab .dd-cascade-item:hover .dd-icon,
.dropdown-lab .dd-table-row:hover .dd-icon {
  filter: brightness(0) saturate(100%) invert(56%) sepia(67%) saturate(1814%) hue-rotate(186deg) brightness(102%) contrast(101%) !important;
}
