/* Select2 no tema escuro ConnectPlus (docs/regras/dropdown_select2.md) */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  min-height: 3rem;
  border-radius: .75rem;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  display: flex;
  align-items: center;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single { border-color: #DC5A8F; }
/* Simples: o "x" de limpar fica à direita, antes da seta (o flex acima anularia o float dele e o jogaria à esquerda). */
.select2-container--default .select2-selection--single { display: block; position: relative; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #EDE6EC; padding-left: 1rem; padding-right: 5rem; line-height: 3rem; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #8A8592; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 3rem; right: .5rem; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #8A8592 transparent transparent; }
.select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute; right: 2rem; top: 0; width: 2.75rem; height: 3rem; margin: 0; padding: 0;
  background: transparent; border: 0; color: #8A8592; font-size: 1.25rem; line-height: 3rem; text-align: center; cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__clear:hover { color: #EDE6EC; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(178,58,109,.25); border: 1px solid rgba(220,90,143,.4); color: #EDE6EC; border-radius: 999px; padding: 2px 10px 2px 24px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #EDE6EC; border: 0; }
/* No toque, o chip e o "×" têm 44px (alvo mínimo de toque); o "×" ocupa a ponta esquerda inteira do chip. */
@media (pointer: coarse) {
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    min-height: 2.75rem; line-height: 2.75rem; padding: 0 14px 0 2.75rem; margin-top: 4px; font-size: .875rem;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    width: 2.75rem; height: 100%; font-size: 1.25rem; line-height: 2.75rem; padding: 0; border-radius: 999px 0 0 999px;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background: rgba(255,255,255,.08); color: #fff; }
}
.select2-container--default .select2-search--inline .select2-search__field { color: #EDE6EC; }
.select2-dropdown { background: #1E1A23; border: 1px solid rgba(255,255,255,.10); border-radius: .75rem; overflow: hidden; z-index: 9999; color: #EDE6EC; }
.select2-search--dropdown .select2-search__field { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10) !important; border-radius: .5rem; color: #EDE6EC; height: 2.75rem; }
.select2-results__option { padding: .75rem 1rem; font-size: .875rem; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: #B23A6D; color: #fff; }
.select2-container--default .select2-results__option--selected { background: rgba(255,255,255,.06); }