#plugins-section .mc-msg:empty,
#plugins-section .mc-chips:empty,
#plugins-section:has(.mp-found .mc-result, .mp-found .mc-msg:not(:empty)) #plugin-popular-box {
  display: none;
}
#plugins-section .mp-popular {
  margin-top: 14px;
}
#plugin-limit-msg {
  margin-top: 8px;
}
.pl-pick {
  min-width: 84px;
  flex-shrink: 0;
}
.pl-pick.is-on {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: #fff;
}
.pl-pick:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.mc-result.is-on {
  border-color: var(--clr-primary);
}
.mc-result.is-bad .mr-name,
.mc-result.is-bad img {
  opacity: .6;
}
.mc-result .mr-warn {
  margin-top: 2px;
  font-size: .74rem;
  font-weight: 600;
  color: #dc2626;
}
.mc-chip.is-bad {
  border-color: #dc2626;
  background: rgba(220, 38, 38, .08);
}
.mc-search {
  position: relative;
  flex: 1;
  min-width: 200px;
  display: flex;
  align-items: center;
}
.mc-search > svg {
  position: absolute;
  left: 16px;
  width: 18px;
  height: 18px;
  color: var(--clr-muted);
  pointer-events: none;
  transition: color .15s ease;
}
.mc-search-row .mc-search input {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 48px;
  padding: 0 46px 0 46px;
  border: 1.5px solid var(--clr-border);
  border-radius: 14px;
  background: var(--clr-bg);
  color: var(--clr-text);
  font: inherit;
  font-size: .95rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
  transition: border-color .15s ease, box-shadow .15s ease;
  -webkit-appearance: none;
  appearance: none;
}
.mc-search input::-webkit-search-cancel-button,
.mc-search input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.mc-search input::placeholder {
  color: var(--clr-muted);
}
.mc-search input:hover {
  border-color: color-mix(in srgb, var(--clr-primary) 45%, var(--clr-border));
}
.mc-search input:focus {
  outline: none;
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--clr-primary) 14%, transparent);
}
.mc-search:focus-within > svg {
  color: var(--clr-primary);
}
.mc-search-x {
  position: absolute;
  right: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: var(--clr-bg-alt);
  color: var(--clr-muted);
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.mc-search-x[hidden] {
  display: none;
}
.mc-search-x:hover,
.mc-search-x:focus-visible {
  background: color-mix(in srgb, var(--clr-primary) 14%, transparent);
  color: var(--clr-primary);
  outline: none;
}
.mc-search-x svg {
  width: 15px;
  height: 15px;
}