.smart_selector {
  margin: 3px 0 10px;
}
.smart_selector > input {
  display: none;
}
.smart_selector.off > .selected, .smart_selector.off > .selected input {
  background-color: #f5f5f5 !important;
  cursor: default;
}
.smart_selector ul .bold {
  font-weight: bold;
}
.smart_selector ul .sub {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
  color: #afacac;
}
.smart_selector .options {
  position: relative;
}
.smart_selector .options ul {
  display: none;
  margin: 0;
  padding: 0;
  max-height: 243px;
  overflow: auto;
}
.smart_selector .options ul .item {
  user-select: none;
  cursor: pointer;
  padding: 5px 10px;
  border-left: 1px solid #999;
  transition: 0.05s;
  margin: 0 0 1px 0;
  list-style: none;
  line-height: 1em;
}
.smart_selector .options ul .item:hover, .smart_selector .options ul .item.selected {
  border-left: 4px solid var(--green);
  background-color: #eee;
}
.smart_selector .options ul .item.selected {
  color: var(--green);
}
.smart_selector .options ul .item .highlight {
  font-weight: bold;
}
.smart_selector .options .msg {
  margin: 0;
  padding: 1px 10px;
  border-bottom: 4px solid #f7f7f7;
  background-color: #f7f7f7;
  color: var(--white);
}
.smart_selector .options .msg.warning {
  background-color: #e79600;
}
.smart_selector .options .msg.more {
  background-color: var(--green);
}
.smart_selector .options .msg.error {
  background-color: #d10000;
}
.smart_selector > .selected {
  margin: 0;
  display: grid;
  grid-auto-columns: 1fr;
  grid-gap: 3px;
  align-items: center;
  justify-content: start;
  background: var(--white);
  border-radius: 4px;
  border: 1px solid #d9dcee;
  padding: 8px 9px;
  cursor: text;
}
.smart_selector > .selected li {
  list-style: none;
  cursor: default;
  display: grid;
  grid-gap: 2px;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  background-color: #f3f3f3;
  margin: 0;
  border-radius: 3px;
  padding: 2px 2px 2px 7px;
}
.smart_selector > .selected li:not(.opened) .settings {
  display: none;
}
.smart_selector > .selected li.opened .toggle {
  transform: rotate(180deg);
}
.smart_selector > .selected li label {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #e3e3e3;
}
.smart_selector > .selected li label:first-child {
  border-top: 2px solid var(--green);
}
.smart_selector > .selected li .header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 4px;
  align-items: center;
}
.smart_selector > .selected li .header .bar {
  display: flex;
  gap: 4px;
}
.smart_selector > .selected li .header .name {
  user-select: none;
  line-height: 1em;
}
.smart_selector > .selected li .remove, .smart_selector > .selected li .toggle {
  border-radius: 3px;
  width: 17px;
  height: 17px;
  background-color: var(--green);
  text-align: center;
  outline: none;
  border: 0;
  padding: 0;
  user-select: none;
}
.smart_selector > .selected li .remove:before, .smart_selector > .selected li .toggle:before {
  cursor: pointer;
  font-family: dashicons, serif;
  color: var(--white);
  line-height: 17px;
}
.smart_selector > .selected li .remove:hover, .smart_selector > .selected li .toggle:hover {
  background-color: #333;
}
.smart_selector > .selected li .remove:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55%;
  background-image: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z'/%3E%3C/svg%3E");
}
.smart_selector > .selected li .toggle:before {
  content: "\f347";
  font-size: 15px;
}
.smart_selector > .selected li.search {
  background: none;
  position: relative;
}
.smart_selector > .selected li.search input {
  padding: 0 !important;
  min-height: auto !important;
  border-radius: 0 !important;
  border: 0 !important;
  outline: none !important;
  background-color: #fff !important;
}
.smart_selector.searching .search:before {
  content: "";
  z-index: 5;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  background-image: url('data:image/svg+xml, <svg fill="%23888888" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M272 112C272 85.5 293.5 64 320 64C346.5 64 368 85.5 368 112C368 138.5 346.5 160 320 160C293.5 160 272 138.5 272 112zM272 528C272 501.5 293.5 480 320 480C346.5 480 368 501.5 368 528C368 554.5 346.5 576 320 576C293.5 576 272 554.5 272 528zM112 272C138.5 272 160 293.5 160 320C160 346.5 138.5 368 112 368C85.5 368 64 346.5 64 320C64 293.5 85.5 272 112 272zM480 320C480 293.5 501.5 272 528 272C554.5 272 576 293.5 576 320C576 346.5 554.5 368 528 368C501.5 368 480 346.5 480 320zM139 433.1C157.8 414.3 188.1 414.3 206.9 433.1C225.7 451.9 225.7 482.2 206.9 501C188.1 519.8 157.8 519.8 139 501C120.2 482.2 120.2 451.9 139 433.1zM139 139C157.8 120.2 188.1 120.2 206.9 139C225.7 157.8 225.7 188.1 206.9 206.9C188.1 225.7 157.8 225.7 139 206.9C120.2 188.1 120.2 157.8 139 139zM501 433.1C519.8 451.9 519.8 482.2 501 501C482.2 519.8 451.9 519.8 433.1 501C414.3 482.2 414.3 451.9 433.1 433.1C451.9 414.3 482.2 414.3 501 433.1z"/></svg>');
  background-position: 1px 0;
  background-size: contain;
  background-repeat: no-repeat;
  animation: loading 1.3s infinite;
}

/*# sourceMappingURL=smart-selector.css.map */