.location-select { position: relative; display: block; width: 100%; min-width: 0; }
.location-select .location-select-native { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; opacity: 0; clip-path: inset(50%); pointer-events: none; }
.location-select-button { display: block; width: 100%; min-height: 2.8rem; padding: .65rem 2.3rem .65rem .9rem; border: 1px solid #bfc3cc; border-radius: .35rem; color: #20232b; background-color: #fff; font: inherit; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.location-select-button::after { position: absolute; top: 50%; right: 1rem; width: .5rem; height: .5rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ''; transform: translateY(-75%) rotate(45deg); }
.location-select-button { background-image: none !important; }
.location-select-button:focus-visible { outline: 3px solid var(--color-accent, #d8b900); outline-offset: 2px; }
.location-select-button:disabled { opacity: .65; cursor: not-allowed; }
.location-select-button.is-invalid { border-color: #b42318; }
.location-select-panel { position: fixed; z-index: 20000; display: flex; flex-direction: column; box-sizing: border-box; padding: .5rem; color: #20232b; background: #fff; border: 1px solid #bfc3cc; border-radius: .35rem; box-shadow: 0 .5rem 1.5rem #0003; font-family: var(--nyx-body, Arial, sans-serif); font-size: 1rem; text-align: left; }
.location-select-panel[hidden] { display: none; }
.location-select-panel .location-select-search { display: block; box-sizing: border-box; flex: 0 0 auto; width: 100%; min-height: 2.5rem; padding: .5rem .65rem; margin: 0 0 .4rem; border: 1px solid #bfc3cc; border-radius: .25rem; color: #20232b; background: #fff; font: inherit; }
.location-select-list { min-height: 0; max-height: 250px; overflow-y: auto; overscroll-behavior: contain; }
.location-select-option { display: block; width: 100%; padding: .6rem .65rem; border: 0; border-radius: .2rem; color: #20232b; background: #fff; font: inherit; text-align: left; cursor: pointer; }
.location-select-option[aria-selected="true"] { font-weight: 700; }
.location-select-option.is-highlighted, .location-select-option:hover { color: #111; background: #f4d900; }
.location-select-empty { padding: .6rem; margin: 0; color: #646975; }