@charset "UTF-8";

.combo-trocar-loja.form-select {
    display: block;
    width: 85%;
    margin-inline: auto;
}

/* O input-group dimensiona o campo com `flex: 1 1 auto; width: 1%`, mas
   `.input-modal-text.form-select` manda `width: 100%` e vence por ordem de
   carregamento — sem isto o select toma a linha e joga o ícone para baixo. */
.combo-trocar-loja-grupo {
    flex-wrap: nowrap;
    width: 85%;
    margin: 1rem auto 0;
}

.combo-trocar-loja-grupo .input-group-text {
    border: 2px solid var(--cor-cinza-medio);
    border-right: 0;
    border-radius: 6px 0 0 6px;
    background: var(--cor-roxa-opacidade-claro);
    color: var(--cor-roxa);
}

.combo-trocar-loja-grupo .combo-trocar-loja.form-select {
    flex: 1 1 auto;
    width: 1%;
    border-radius: 0 6px 6px 0;
}