.combobox{position:relative}.combobox__button{font:inherit;position:relative;display:flex;align-items:center;width:100%;padding:0;background:none;border:none}.combobox__input{padding-right:3.5em}.combobox__input--empty{padding-right:2em}.combobox__input--selected{padding-left:3.5em}.combobox__input-chevron{position:absolute;right:.5em;width:1em;height:1em}.combobox__input-clear{font:inherit;position:absolute;right:1.75em;display:flex;padding:.25em;background:none;border:none;cursor:pointer}.combobox__input-clear>svg{width:1em;height:1em}.combobox__input-selected{font:inherit;position:absolute;left:.5em;display:flex;align-items:center;padding:0 .25em 0 .5em;color:#fff;background:#00b0f0;border:none;border-radius:.75em;cursor:pointer}.combobox__input-selected>svg{width:1em;height:1em}.combobox__listbox{position:absolute;width:max-content;min-width:100%;max-width:45vw;max-height:40svh;overflow-y:auto;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0008;user-select:none;z-index:1}.combobox__listbox--top{bottom:100%}.combobox__listbox--right{right:0}.combobox__listbox-item{position:relative;display:flex;align-items:center;padding:.25em .75em .25em 1.75em;cursor:pointer}.combobox__listbox-item--selected{background-color:#ddd}.combobox__listbox-item--highlighted{color:#fff;background-color:#00b0f0}.combobox__listbox-item-check{position:absolute;left:.5em;width:1em;height:1em}