.mp-combo{position:relative;}
.mp-combo-src{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none;
  height:0 !important;
  min-height:0 !important;
  width:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.mp-combo-q{
  width:100%;
  padding-right:36px !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2393a0b5' d='M1.2 1.2L6 6l4.8-4.8'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:12px 8px;
}
.mp-combo-list{
  position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;
  max-height:240px;overflow:auto;
  background:var(--wa-card, var(--mp-card, #122744));
  border:1px solid var(--wa-stroke, var(--mp-line, rgba(197,165,114,.28)));
  border-radius:12px;
  box-shadow:var(--wa-shadow, var(--mp-shadow, 0 18px 50px rgba(0,0,0,.45)));
}
.mp-combo-list button{
  display:block;width:100%;text-align:left;border:0;background:transparent;
  color:var(--wa-text, var(--mp-ink, #f4efe4)) !important;
  padding:10px 14px;font-size:13.5px;font-weight:600;cursor:pointer;
}
.mp-combo-list button:hover,
.mp-combo-list button.on{
  background:var(--wa-hover, rgba(197,165,114,.14));
}
.mp-combo.is-bad .mp-combo-q{
  border-color:#c45c4a !important;
  box-shadow:0 0 0 2px rgba(196,92,74,.18);
}
.wa-field.is-bad .mp-combo-q{
  border-color:rgba(248,113,113,.55) !important;
  box-shadow:0 0 0 3px rgba(248,113,113,.12);
}