.nb-emoticon-popout{position:absolute;z-index:9999;width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.22);padding:10px}.nb-emoticon-popout[hidden]{display:none}.nb-emoticon-popout-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-weight:800}.nb-emoticon-popout-close{border:0;background:#f1f5f9;border-radius:999px;width:28px;height:28px;cursor:pointer}.nb-emoticon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;max-height:260px;overflow:auto}.nb-emoticon-choice{display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:9px;min-height:38px;cursor:pointer}.nb-emoticon-choice:hover,.nb-emoticon-choice:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.22);outline:none}.nb-emoticon-choice img{width:24px;height:24px;object-fit:contain}.nb-post-emoticon{display:inline-block;width:1.35em;height:1.35em;vertical-align:-.25em;object-fit:contain;margin:0 .05em}