.dropdown{ position:relative; display:block; width:100%; padding:0; font-size:1rem; line-height:1.5; background-color:var(--inputColor); color:var(--neutralColor); border:1.25px solid var(--inputColorBorder); border-radius:var(--radiusXS); }
.dropdown-toggle{ display:block; width:100%; padding:0.5rem 1rem 0.5rem 1.5rem; font-size:1rem; line-height:1.4; color:var(--neutralColor); }
.dropdown-toggle::after{ content:""; position:absolute; top:0.8rem; right:1rem; display:block; width:0.5rem; height:0.5rem; margin:0 0 0 auto; border-top:1px solid var(--neutralColor); border-right:1px solid var(--neutralColor); border-bottom:0; border-left:0; transform:rotate(135deg); }
.dropdown-toggle.show::after{ transform:translateY(0.3rem) rotate(-45deg); }
.dropdown-toggle.icon{ position:relative; padding-left:3rem; }
.dropdown-toggle.icon::before{ content:''; position:absolute; top:0.5rem; left:1rem; width:1.5rem; height:1.5rem; background-size:contain; background-repeat:no-repeat; }
.dropdown-toggle.icon.order::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 15L12 20L17 15' stroke='%23D96802' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 9L12 4L7 9' stroke='%23D96802' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.dropdown-menu{ min-width:100%; top:2.6rem; }
.dropdown-menu.show{ width:100%; }
.dropdown-item{ cursor:pointer; }
.dropdown-item:focus, .dropdown-item:hover{ background-color:var(--secondaryColor); color:var(--colorInverted); }
.dropdown .invalid-feedback{ position:absolute; }
.dropdown:has(.is-invalid){ margin-bottom:3rem; border-color:var(--negativeColor); }
.dropdown:has(.is-valid){ border-color:var(--positiveColor); }