/* Atlas searchable dropdown (ui2/combobox.js). Closed it reads like a select (selected value, chevron); open it is a text field with a list under it.
   Options are 44 px tall on every viewport. No inline styles anywhere (CSP): the list is positioned by CSS alone. */
html.ui2 .cbx{position:relative;display:block;width:100%;max-width:none}
html.ui2 .cbx-input{display:block;width:100%;height:44px;min-height:44px;padding:0 40px 0 14px;border:1px solid var(--u2-line-2,#c9ccc2);border-radius:999px;background:var(--surface,#fff);color:var(--u2-ink,#12202b);font:600 15px/1.2 var(--u2-font,inherit);text-overflow:ellipsis;cursor:pointer;box-shadow:none;-webkit-appearance:none;appearance:none}
html.ui2 .cbx.is-open .cbx-input{cursor:text;border-color:var(--u2-ink,#12202b);border-radius:14px}
html.ui2 .cbx-input::placeholder{color:var(--u2-muted,#667);font-weight:500}
html.ui2 .cbx-input:focus-visible{outline:0;border-color:var(--u2-ink,#12202b);box-shadow:0 0 0 3px rgba(0,74,181,.28)}
html.ui2 .cbx-chev{position:absolute;right:16px;top:0;height:44px;width:12px;pointer-events:none;display:flex;align-items:center;justify-content:center}
html.ui2 .cbx-chev::before{content:"";width:7px;height:7px;border-right:2px solid var(--u2-muted,#667);border-bottom:2px solid var(--u2-muted,#667);transform:translateY(-2px) rotate(45deg);transition:transform .15s}
html.ui2 .cbx.is-open .cbx-chev::before{transform:translateY(2px) rotate(225deg)}
html.ui2 .cbx-list{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);max-height:min(320px,45vh);overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--u2-line,#dde0d6);border-radius:14px;background:var(--u2-surface,#fff);box-shadow:var(--u2-shadow,0 12px 32px -12px #0006)}
html.ui2 .cbx-list[hidden]{display:none}
html.ui2 .cbx-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:none;color:var(--u2-ink,#12202b);font:500 15px/1.25 var(--u2-font,inherit);text-align:left;cursor:pointer}
html.ui2 .cbx-opt .cbx-text{min-width:0;overflow-wrap:anywhere}
html.ui2 .cbx-opt small{flex:none;padding:2px 8px;border-radius:999px;background:var(--u2-canvas,#f3f4ef);color:var(--u2-muted,#667);font:600 11px/1.5 var(--u2-font,inherit)}
html.ui2 .cbx-opt:hover,html.ui2 .cbx-opt[data-active]{background:var(--u2-canvas,#f3f4ef)}
html.ui2 .cbx-opt[data-active]{box-shadow:inset 0 0 0 2px rgba(0,74,181,.5)}
html.ui2 .cbx-opt[aria-selected="true"]{background:var(--u2-sky,#e7f0fb);font-weight:700}
html.ui2 .cbx-opt[aria-selected="true"]::after{content:"\2713";margin-left:8px;color:var(--u2-blue,#004ab5)}
html.ui2 .cbx-opt[disabled]{opacity:.6;cursor:not-allowed}
html.ui2 .cbx-group+.cbx-group{margin-top:6px;padding-top:6px;border-top:1px solid var(--u2-line,#dde0d6)}
html.ui2 .cbx-head{margin:0 0 2px;padding:0 12px;font:700 11px var(--u2-font,inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--u2-muted,#667)}
html.ui2 .cbx-empty{margin:0;padding:12px;color:var(--u2-muted,#667);font-size:14px}
html.ui2 .s2-controls .cbx{max-width:none}
/* The View As panel keeps its always-open list: same option look, with the keyboard cursor. */
html.ui2 #leader-options button[data-active]{box-shadow:inset 0 0 0 2px rgba(0,74,181,.5);background:var(--u2-canvas)}
html.ui2 #leader-options .view-people{display:grid;gap:2px}
html.ui2 #leader-options .view-people .view-store-head{margin-top:2px}
/* Home store filter: the in-panel search that narrows the checkbox list. */
html.ui2 .store-search{display:block;width:100%;height:44px;min-height:44px;margin:0 0 6px;padding:0 14px;border:1px solid var(--u2-line-2,#c9ccc2);border-radius:999px;background:var(--surface,#fff);font:500 15px var(--u2-font,inherit)}
html.ui2 .store-options label[hidden]{display:none}
@media (max-width:640px){html.ui2 .cbx-list{max-height:min(300px,40vh)}}
html.ui2 .s2-controls .cbx-list{right:auto;min-width:100%;width:max-content;max-width:min(420px,calc(100vw - 32px))}