.zent-select[data-cp-zv="v2.3.1"] {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  line-height: 1.5;
  margin-right: 10px;
  outline: none;
  position: relative;
  text-align: left;
  -webkit-user-select: none;
          user-select: none;
  width: 240px;
  vertical-align: middle;
}
.zent-select--disabled[data-cp-zv="v2.3.1"] {
  color: #e0e0e0;
  color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  cursor: not-allowed;
}
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-input,
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-text,
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-tags {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-input::after,
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-text::after,
.zent-select--disabled[data-cp-zv="v2.3.1"] .zent-select-tags::after {
  opacity: 0.25;
}
.zent-select[data-cp-zv="v2.3.1"] .zent-select-text,
.zent-select[data-cp-zv="v2.3.1"] .zent-select-popup,
.zent-select[data-cp-zv="v2.3.1"] .zent-select-input,
.zent-select[data-cp-zv="v2.3.1"] .zent-select-tags {
  font-size: 14px;
  line-height: 18px;
}
.zent-select__popover[data-cp-zv="v2.3.1"] {
  width: 240px;
  line-height: 1.5;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
          user-select: none;
}
.zent-select__popover[data-cp-zv="v2.3.1"].zent-select-auto-width {
  width: auto;
}

.zent-select-input[data-cp-zv="v2.3.1"],
.zent-select-text[data-cp-zv="v2.3.1"],
.zent-select-tags[data-cp-zv="v2.3.1"] {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  display: inline-block;
  min-height: 30px;
  max-height: 76px;
  outline: none;
  padding: 5px 10px;
  transition: border-color 0.25s;
  width: 100%;
  position: relative;
}
.zent-select-input[data-cp-zv="v2.3.1"]::after,
.zent-select-text[data-cp-zv="v2.3.1"]::after,
.zent-select-tags[data-cp-zv="v2.3.1"]::after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZG93bjwvdGl0bGU+CiAgICA8ZyBpZD0iZG93biIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iIzk5OTk5OSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMzMwMSwgNi4xOTk3NDcpIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtOC4wMDMzMDEsIC02LjE5OTc0NykgIiBwb2ludHM9IjExLjc1MzMwMDkgMi40NDk3NDc0NyAxMS43NTMzMDA5IDkuOTQ5NzQ3NDcgNC4yNTMzMDA4NiA5Ljk0OTc0NzQ3IDQuMjUzMzAwODYgOC45NDk3NDc0NyAxMC43NTI1NTM0IDguOTQ5IDEwLjc1MzMwMDkgMi40NDk3NDc0NyI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: 8px;
  width: 16px;
  content: "";
  height: 16px;
  position: absolute;
  transform: translateY(-50%);
  transition: transform 0.25s;
}
.zent-select-input[data-cp-zv="v2.3.1"].zent-select--visible,
.zent-select-text[data-cp-zv="v2.3.1"].zent-select--visible,
.zent-select-tags[data-cp-zv="v2.3.1"].zent-select--visible {
  border-color: #155bd4;
  border-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.zent-select-input[data-cp-zv="v2.3.1"].zent-select--visible::after,
.zent-select-text[data-cp-zv="v2.3.1"].zent-select--visible::after,
.zent-select-tags[data-cp-zv="v2.3.1"].zent-select--visible::after {
  transform: rotate(180deg) translateY(50%);
}

.zent-select-placeholder[data-cp-zv="v2.3.1"] {
  color: #ccc;
  color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
}

.zent-select-simple[data-cp-zv="v2.3.1"] {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}
.zent-select-simple[data-cp-zv="v2.3.1"]::after {
  border-top-color: #155bd4;
  border-top-color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
  content: "";
  border-left: 4px solid transparent;
  border-top-width: 6px;
  border-top-style: solid;
  border-right: 4px solid transparent;
  display: inline-block;
  margin-left: 5px;
  height: 1px;
  transition: transform 0.25s;
}

.zent-select-text[data-cp-zv="v2.3.1"] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 6px 25px 6px 12px;
}

.zent-select-tags[data-cp-zv="v2.3.1"] {
  padding: 4px 25px 4px 12px;
  max-height: none;
}
.zent-select-tags[data-cp-zv="v2.3.1"]::-webkit-scrollbar {
  display: none;
}
.zent-select-tags__empty[data-cp-zv="v2.3.1"] {
  padding: 6px 25px 6px 12px;
  line-height: 18px;
}
.zent-select-tags[data-cp-zv="v2.3.1"] .zent-select-inner {
  border: 0;
  display: inline-block;
  outline: none;
}
.zent-select-tags[data-cp-zv="v2.3.1"] .zent-select-tag {
  border-color: #ccc;
  border-color: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  display: inline-block;
  margin: 2px 4px 2px 0;
  padding: 0 18px 0 4px;
  line-height: 16px;
  font-size: 12px;
  position: relative;
}
.zent-select-tags[data-cp-zv="v2.3.1"] .zent-select-delete {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
  display: block;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.zent-select-popup[data-cp-zv="v2.3.1"] {
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  left: 0;
  outline: none;
  overflow-y: auto;
  position: relative;
  width: 100%;
  z-index: 2000;
  max-height: 224px;
  border-radius: 3px;
  font-size: 14px;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option,
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-filter,
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-empty {
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  display: block;
  outline: none;
  padding: 7px 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-search {
  position: relative;
  box-sizing: border-box;
  border-width: 0 0 1px;
  padding-left: 20px;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-search.zent-input--has-focus {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  box-shadow: none;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-search::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAM1BMVEUAAABmZmZmZmZnZ2dnZ2dmZmZnZ2dmZmZsbGxnZ2dmZmZoaGhnZ2dmZmZnZ2dmZmZmZmYOy3DdAAAAEHRSTlMAVttEnOWJNwzzpVHsz8ZQ9cP58AAAAItJREFUKM+FkdsSgCAIRFXEa7f//9okSsqRaZ8WjrOoGJYtLmdXrPmquuOWq+9+OF4KQ39C6lX6mFL0l33SKB+BPSDNYW/pEPWZUMV3K5QjAymt9KQoIPas3FwSkFqZNbBoUZs23GvXBeWBq/YlQT5xkP0nsqg1dCKrXTYPzQkZxGTXCJoZ0YDZEeEEs9MNoPE7LN4AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  content: "";
  height: 100%;
  left: 10px;
  position: absolute;
  width: 12px;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-filter {
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));
  border-style: solid;
  border-width: 0 0 1px;
  padding-left: 30px;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.current, .zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.hover, .zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option:hover {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
  font-weight: 500;
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active:hover, .zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active.hover, .zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active.current {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.current {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-option.active.current {
  background-color: #e6efff;
  background-color: var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));
}
.zent-select-popup[data-cp-zv="v2.3.1"] .zent-select-empty {
  color: #999;
  color: var(--theme-hint-color, var(--theme-stroke-3, #999));
}

.has-error[data-cp-zv="v2.3.1"] :not(.no-error) > .zent-select-input, .has-error[data-cp-zv="v2.3.1"] :not(.no-error) > .zent-select-text, .has-error[data-cp-zv="v2.3.1"] :not(.no-error) > .zent-select-tags {
  border-color: #d42f15;
  border-color: var(--theme-danger-color, var(--theme-error-2, #d42f15));
  border-width: 1px;
  border-style: solid;
}