._picker_1hv5v_1{background-color:#fff;border-radius:12px;flex-direction:column;width:352px;max-width:calc(100vw - 32px);display:flex;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05)}._header_1hv5v_12{border-bottom:1px solid rgba(0,0,0,.08);justify-content:space-between;align-items:flex-end;gap:8px;padding:6px 12px 4px;display:flex}._textButton_1hv5v_21{color:currentColor;opacity:.6;cursor:pointer;height:28px;font:inherit;background:0 0;border:none;border-radius:6px;padding:0 8px}._textButton_1hv5v_21:hover{opacity:1;background:rgba(0,0,0,.04)}._textButton_1hv5v_21:active{background:rgba(0,0,0,.08)}._header_1hv5v_12 ._textButton_1hv5v_21{margin-right:-8px;font-size:14px}._toolbar_1hv5v_45{gap:8px;padding:12px 12px 4px;display:flex}._search_1hv5v_51{opacity:1;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);border-radius:8px;flex:1;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}._search_1hv5v_51 svg{opacity:.4;flex-shrink:0;width:16px;height:16px}._search_1hv5v_51 input{color:currentColor;min-width:0;font:inherit;background:0 0;border:none;outline:none;flex:1}._search_1hv5v_51:focus-within{border-color:#1677ff}._squareButton_1hv5v_82,._toneButton_1hv5v_83{color:currentColor;cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}._squareButton_1hv5v_82 svg,._toneButton_1hv5v_83 svg{width:16px;height:16px}._squareButton_1hv5v_82{border:1px solid rgba(0,0,0,.12)}._toneButton_1hv5v_83{font-family:var(--emoji-font);border:none;font-size:20px}._squareButton_1hv5v_82:hover,._toneButton_1hv5v_83:hover{background:rgba(0,0,0,.04)}._squareButton_1hv5v_82:active,._toneButton_1hv5v_83:active{background:rgba(0,0,0,.08)}._toneWrapper_1hv5v_121{position:relative}._toneMenu_1hv5v_125{z-index:2;background-color:#fff;border-radius:8px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 16px rgba(0,0,0,.12)}._list_1hv5v_137{overscroll-behavior:contain;height:280px;padding:0 12px 8px;position:relative;overflow-y:auto}._sectionLabel_1hv5v_145{z-index:1;opacity:.6;background-color:#fff;padding:8px 2px 4px;font-size:13px;font-weight:500;position:sticky;top:0}._grid_1hv5v_156{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));display:grid}._emoji_1hv5v_161{aspect-ratio:1;cursor:pointer;min-width:32px;font-family:var(--emoji-font);background:0 0;border:none;border-radius:6px;padding:0;font-size:22px;line-height:1}._emoji_1hv5v_161:hover{background:rgba(0,0,0,.06)}._emoji--selected_1hv5v_177{background:rgba(0,0,0,.08)}._empty_1hv5v_181{text-align:center;opacity:.5;padding:24px 12px}._nav_1hv5v_187{border-top:1px solid rgba(0,0,0,.08);justify-content:space-between;padding:6px 8px;display:flex}._navButton_1hv5v_194{color:currentColor;opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}._navButton_1hv5v_194 svg{width:20px;height:20px}._navButton_1hv5v_194:hover:not(:disabled){background:rgba(0,0,0,.06)}._navButton_1hv5v_194:disabled{opacity:.25;cursor:default}._navButton--active_1hv5v_220{opacity:1;background:rgba(0,0,0,.06)}._wantToUse_1hv5v_225{justify-content:center;padding:24px 12px;display:flex}.fs-dark ._picker_1hv5v_1,.fs-dark ._toneMenu_1hv5v_125,.fs-dark ._sectionLabel_1hv5v_145{background-color:#1f1f1f}.fs-dark ._picker_1hv5v_1{box-shadow:none;outline:1px solid rgba(255,255,255,.12)}.fs-dark ._toneMenu_1hv5v_125{outline:1px solid rgba(255,255,255,.12);box-shadow:0 6px 16px rgba(0,0,0,.5)}.fs-dark ._header_1hv5v_12,.fs-dark ._nav_1hv5v_187{border-color:rgba(255,255,255,.1)}.fs-dark ._search_1hv5v_51{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}.fs-dark ._search_1hv5v_51:focus-within{border-color:#1668dc}.fs-dark ._squareButton_1hv5v_82{border-color:rgba(255,255,255,.16)}.fs-dark ._squareButton_1hv5v_82:hover,.fs-dark ._toneButton_1hv5v_83:hover,.fs-dark ._textButton_1hv5v_21:hover,.fs-dark ._emoji_1hv5v_161:hover,.fs-dark ._navButton_1hv5v_194:hover:not(:disabled),.fs-dark ._navButton--active_1hv5v_220,.fs-dark ._emoji--selected_1hv5v_177{background:rgba(255,255,255,.1)}.fs-dark ._squareButton_1hv5v_82:active,.fs-dark ._toneButton_1hv5v_83:active,.fs-dark ._textButton_1hv5v_21:active{background:rgba(255,255,255,.16)}
