/* Searchable dropdowns: the list that opens from a dropdown */
.chf-ss { position: fixed; z-index: 100100; box-sizing: border-box; padding: 6px; border: 1px solid #c4c9d0; border-radius: 10px; background: #fff; color: #1d2327; box-shadow: 0 12px 32px rgba(16, 24, 40, .18), 0 2px 6px rgba(16, 24, 40, .08); font-size: 14px; line-height: 1.35; text-align: left; }
.chf-ss[hidden] { display: none; }
.chf-ss *, .chf-ss *::before, .chf-ss *::after { box-sizing: border-box; }
.chf-ss .chf-ss-q { display: block; width: 100%; max-width: none; min-height: 38px; margin: 0 0 6px; padding: 7px 10px; border: 1px solid; border-color: inherit; border-radius: 7px; background: transparent; box-shadow: none; color: inherit; font: inherit; }
.chf-ss .chf-ss-q:focus { outline: 2px solid #2271b1; outline-offset: 0; }
.chf-ss .chf-ss-q::placeholder { color: inherit; opacity: .75; }
.chf-ss-list { margin: 0; padding: 0; overflow-y: auto; list-style: none; overscroll-behavior: contain; }
.chf-ss-list li { margin: 0; padding: 8px 10px; border-radius: 6px; cursor: pointer; overflow-wrap: anywhere; }
.chf-ss-list li.is-on { background: rgba(128, 128, 128, .2); }
.chf-ss-list li.is-cur { font-weight: 700; }
.chf-ss-list li.is-off { opacity: .6; cursor: default; }
.chf-ss-list li.chf-ss-group { padding: 8px 10px 4px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; cursor: default; }
.chf-ss-list li.chf-ss-none { cursor: default; }
@media (forced-colors: active) { .chf-ss-list li.is-on { outline: 2px solid Highlight; } }

/* opened in the top layer (above dialogs): undo the browser's popover centring */
.ctp-ss[popover] { inset: auto; margin: 0; overflow: visible; }
.ctp-ss[popover]:not(:popover-open) { display: none; }