/* Shared place picker — inherits each screen's tokens, dark or light */ .blxpp{ position:relative; } /* Mounted on and positioned to its field, so no panel can clip it. */ .blxpp-menu.blxpp-fixed{ position:fixed; left:0; top:0; right:auto; z-index:100200; overflow-y:auto; -webkit-overflow-scrolling:touch; } .blxpp-menu{ position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:60; padding:6px; border-radius:12px; max-height:320px; overflow-y:auto; overscroll-behavior:contain; background:var(--blxpp-bg,#151519); border:1px solid var(--blxpp-line,rgba(255,255,255,.13)); box-shadow:0 24px 60px rgba(0,0,0,.55); } .blxpp-menu[hidden]{ display:none; } .blxpp-sec{ padding:8px 10px 4px; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--blxpp-dim,#8d8a83); } .blxpp-empty{ padding:10px; font-size:12.5px; color:var(--blxpp-dim,#8d8a83); } .blxpp-row{ display:flex; align-items:center; gap:11px; width:100%; padding:11px 10px; cursor:pointer; text-align:left; background:none; border:0; border-radius:9px; color:var(--blxpp-fg,#ededf0); font-family:inherit; } .blxpp-row:hover,.blxpp-row.active{ background:var(--blxpp-hover,rgba(255,255,255,.06)); } .blxpp-row .ic{ flex:none; width:22px; text-align:center; color:var(--blxpp-accent,#c9a227); font-size:13px; } .blxpp-row .tx{ min-width:0; display:flex; flex-direction:column; gap:2px; } .blxpp-row .tx b{ font-size:14px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .blxpp-row .tx i{ font-style:normal; font-size:12px; color:var(--blxpp-dim,#8d8a83); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* touch: selection-first bottom sheet, and a dropdown while typing */ @media(max-width:640px){ .blxpp-menu{ position:fixed; left:10px; right:10px; top:auto; bottom:calc(10px + env(safe-area-inset-bottom)); max-height:56dvh; border-radius:16px; padding:8px; box-shadow:0 -18px 60px rgba(0,0,0,.7); } .blxpp-menu.typing{ position:absolute; left:0; right:0; top:calc(100% + 6px); bottom:auto; max-height:34dvh; border-radius:12px; } .blxpp-row{ padding:13px 12px; } .blxpp-row .tx b{ font-size:15px; } .blxpp input{ font-size:16px; } }