.LocationCombobox{display:flex;flex-direction:column;align-items:center;overflow-x:auto;overflow-y:hidden;height:100%;margin:0 auto;width:25em;max-width:90%}.LocationCombobox.hidden{display:none}.LocationCombobox .input{position:relative;padding-left:1px;padding-right:1px;max-width:100%;display:inline-flex}.LocationCombobox .input button.select-region{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;height:100%;width:34px;padding-left:6px;line-height:1;border:1px solid grey;border-radius:2em 0 0 2em;background-color:var(--highlight-color);color:#fff}.LocationCombobox .input button.select-region:hover svg{color:#fff}.LocationCombobox .input button.select-region svg{width:1.5em;height:1.5em;color:var(--heading-color)}.LocationCombobox .input:has(button.select-region){padding-left:18px}.LocationCombobox .input:has(button.select-region) input{padding-left:1.25em}.LocationCombobox .input button.region-filter{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding-left:0;line-height:1;border:1px solid grey;border-radius:2em 0 0 2em;background-color:var(--highlight-color);color:#fff;font-size:75%;text-align:center;height:100%;width:84px}.LocationCombobox .input button.region-filter span{display:inline-block;margin-top:0;margin-right:-2px}.LocationCombobox .input button.region-filter:hover{text-decoration:underline}.LocationCombobox .input:has(button.region-filter){padding-left:68px}.LocationCombobox .input:has(button.region-filter) input{padding-left:1.25em}.LocationCombobox .input input{flex-grow:1;height:2.5em;padding-left:.5em;padding-right:1.75em;max-width:100%;font-size:1em;border-radius:2em;border:1px solid grey}.LocationCombobox .input input::-moz-placeholder{opacity:.75;text-align:center}.LocationCombobox .input input::placeholder{opacity:.75;text-align:center}.LocationCombobox .input input:focus,.LocationCombobox .input input:focus-visible{border-color:var(--highlight-color)}.LocationCombobox .input button.clear-input{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:100%;border:none}.LocationCombobox .input button.clear-input:focus-visible svg,.LocationCombobox .input button.clear-input:hover svg{stroke-width:2px}.LocationCombobox .input button.clear-input svg{width:1.25em;height:1.25em}.LocationCombobox ul{flex-grow:1;overflow-y:auto;visibility:collapse;cursor:default;width:100%;padding-top:2px}.LocationCombobox ul li{background-color:var(--background-color);border-bottom:1px solid var(--border-color);padding:0 .5em}.LocationCombobox ul li:first-child{border-radius:.5em .5em 0 0;padding-top:.25em}.LocationCombobox ul li:last-child{border-radius:0 0 .5em .5em;padding-bottom:.25em;margin-bottom:5em;border-bottom:none;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.LocationCombobox ul li:hover,.LocationCombobox ul li.highlighted{background-color:var(--highlight-color-lighter)}.LocationCombobox ul li span.filter-item{font-weight:700}.LocationCombobox ul.open{visibility:visible}
