.slide-combobox { position: relative; text-align: left; width: 100%; color: #172033; }
.choice-entry { position: relative; }
.choice-entry input { padding-right: 2.75rem; }
.choice-open { position: absolute; right: 4px; top: 4px; bottom: 4px; width: 2.3rem; border: 0; background: transparent; color: #536079; border-radius: .4rem; }
.choice-results { max-height: 260px; overflow-y: auto; border: 1px solid #cbd5e1; border-radius: .65rem; background: #fff; box-shadow: 0 8px 24px #17203318; margin-top: 5px; }
.choice-results [role=option] { padding: .7rem 1rem; cursor: pointer; overflow-wrap: anywhere; }
.choice-results [role=option]:hover, .choice-results [aria-selected=true] { background: #eef2ff; color: #312e81; }
.choice-results > div:not([role]) { padding: .7rem 1rem; color: #64748b; }
.choice-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .4rem; }
.choice-chip { border: 1px solid #c7d2fe; border-radius: 1rem; background: #eef2ff; color: #3730a3; padding: .25rem .65rem; overflow-wrap: anywhere; max-width: 100%; }
.choice-status { font-size: .8rem; color: #64748b; margin-top: .3rem; }
.choice-open:focus-visible, .choice-chip:focus-visible { outline: 2px solid #4f46e5; outline-offset: 2px; }
.choice-entry input { box-sizing: border-box; width: 100%; min-height: 3.1rem; padding: .7rem 2.75rem .7rem .9rem; border: 1px solid #cbd5e1; border-radius: .65rem; background: #fff; color: #172033; font: inherit; }
.choice-entry input:focus { outline: 2px solid #6366f1; outline-offset: 1px; }
.choice-entry input.is-invalid { border-color: #dc3545; }