.hub-mention-picker-layer{position:absolute;z-index:10020;top:0;right:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:0 18px 8px;box-sizing:border-box;background:transparent;pointer-events:none}.hub-mention-picker-layer[hidden]{display:none}.hub-mention-picker{position:relative;width:min(360px,100%);max-height:min(440px,var(--hub-mention-picker-max-height, 440px));overflow:auto;padding:10px;box-sizing:border-box;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:#050505;box-shadow:0 24px 64px #000000ad;color:#fff;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto}.hub-mention-picker-heading{margin:2px 0 8px;color:#fff;font-size:18px;font-weight:600;line-height:1.3;text-align:center}.hub-mention-option{--hub-mention-lead: #bdbdbd;--hub-mention-accent: #bdbdbd;display:flex;align-items:center;justify-content:flex-start!important;width:100%;min-height:56px;gap:12px;padding:7px 10px;border:0;border-radius:13px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:box-shadow .14s ease,transform .14s ease,opacity .14s ease}.hub-mention-option.is-active,.hub-mention-option:not(.is-unavailable):hover{background:transparent;box-shadow:none}.hub-mention-option:not(.is-unavailable):active{background:transparent;box-shadow:none}.hub-mention-option:focus-visible{outline:0}.hub-mention-option:focus-visible .hub-mention-option-copy strong{text-decoration:underline dotted rgba(255,255,255,.82);text-decoration-thickness:2px;text-underline-offset:4px}.hub-mention-option.is-active .hub-mention-option-copy strong,.hub-mention-option:not(.is-unavailable):hover .hub-mention-option-copy strong,.hub-mention-option:focus-visible .hub-mention-option-copy strong{color:#fff}.hub-mention-option.is-unavailable{cursor:default}.hub-mention-option.is-unavailable .hub-mention-option-copy strong{color:#ffffffc2}.hub-mention-option-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;overflow:hidden;border-radius:50%;background:#111;color:#fff;font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .14s ease;--hub-category-gradient-start: var(--hub-mention-lead);--hub-category-gradient-end: var(--hub-mention-accent)}.hub-mention-option-avatar img{width:100%;height:100%;object-fit:cover}.hub-mention-option-avatar svg{width:25px;height:25px}.hub-mention-option-copy{display:grid;min-width:0;gap:2px}.hub-mention-option-copy strong{overflow:hidden;color:#fffffff0;font-size:13.5px;font-weight:650;line-height:1.3;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.hub-mention-option-copy span{overflow:hidden;color:#ffffff7a;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.hub-mention-picker-status{margin:0;padding:16px 12px;color:#ffffff8c;font-size:12px;line-height:1.45;text-align:center}.hub-mention-picker-note{margin:7px 6px 3px;color:#ffffff94;font-size:11.5px;line-height:1.4;text-align:center}.hub-mention-picker-retry{display:block;min-height:40px;margin:-7px auto 4px;padding:6px 14px;border:0;background:transparent;color:#ffffffe6;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.hub-mention-picker-retry:hover{opacity:.74}.hub-mention-picker-retry:active{opacity:.55}.hub-mention-picker-invite{min-height:44px}.hub-mention-compose-preview{width:100%;padding:0 0 8px;box-sizing:border-box;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.hub-mention-compose-preview.active{opacity:1;transform:none}.hub-mention-compose-shell{position:relative;width:100%}.hub-mention-compose-card.hub-link-card{width:100%;margin:0;padding:10px 44px 10px 14px;gap:5px;border-color:#ffffff16;border-radius:20px;background:#040404c2;box-shadow:0 8px 22px #00000047;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);cursor:pointer}.hub-mention-compose-card .hub-link-card-avatar{flex-basis:36px;width:36px;height:36px}.hub-mention-compose-card .hub-link-card-fallback svg{width:24px;height:24px}.hub-mention-compose-card .hub-link-card-name{font-size:13px}.hub-mention-compose-card .hub-link-card-description{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1}.hub-mention-compose-card:hover{background:#040404d1}.hub-mention-compose-card:active{opacity:.72}.hub-mention-compose-card:focus-visible{outline:1px solid rgba(255,255,255,.45);outline-offset:2px}.hub-mention-compose-remove{position:absolute;top:7px;right:6px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#ffffff8c;cursor:pointer}.hub-mention-compose-remove svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.hub-mention-compose-remove:hover{color:#ffffffe0;background:#ffffff0e}.hub-mention-compose-remove:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:1px}@media(max-width:420px){.hub-mention-picker-layer{padding-right:14px;padding-left:14px}.hub-mention-picker{width:min(352px,100%);max-height:min(420px,var(--hub-mention-picker-max-height, 420px))}}@media(prefers-reduced-motion:reduce){.hub-mention-option,.hub-mention-option-avatar,.hub-mention-compose-preview{transition:none}}.hub-mention-option:not(.is-unavailable):active .hub-mention-option-copy strong{color:#fff}
