.oo-emoji{display:inline-flex;position:relative}.oo-emoji-trigger{color:inherit;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;place-items:center;display:grid}.oo-emoji-trigger:disabled{cursor:default;opacity:.5}.oo-emoji-panel{z-index:40;gap:var(--space-8);inline-size:min(20.5rem, max(15rem, calc(100vw - var(--space-24))));padding:var(--space-8);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-lg,0 12px 32px #0000002e);flex-direction:column;display:flex;position:absolute}.oo-emoji-panel[data-side=top]{transform-origin:bottom;inset-block-end:calc(100% + var(--space-8))}.oo-emoji-panel[data-side=bottom]{transform-origin:top;inset-block-start:calc(100% + var(--space-8))}.oo-emoji-panel[data-align=start]{inset-inline-start:0}.oo-emoji-panel[data-align=end]{inset-inline-end:0}.oo-emoji-search{inline-size:100%;padding:var(--space-6) var(--space-10);border:1px solid var(--border-input,var(--border-default));border-radius:var(--radius-md);background:var(--surface-page,var(--bg-canvas));color:var(--text-primary);font:inherit;font-size:var(--size-font-caption)}.oo-emoji-search::placeholder{color:var(--text-secondary)}.oo-emoji-search::-webkit-search-cancel-button{appearance:none}.oo-emoji-tabs{gap:var(--space-2,2px);border-block-end:1px solid var(--border-default);justify-content:space-between;padding-block-end:var(--space-6);display:flex}.oo-emoji-tab{border-radius:var(--radius-sm,6px);cursor:pointer;opacity:.55;block-size:2rem;transition:background-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:1 1 0;place-items:center;font-size:1.0625rem;line-height:1;display:grid}.oo-emoji-tab:hover,.oo-emoji-tab[aria-selected=true]{background:var(--surface-hover,var(--bg-subtle));opacity:1}.oo-emoji-scroll{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;block-size:14rem;overflow-y:auto}.oo-emoji-heading{padding-block:var(--space-4);padding-inline:var(--space-4);color:var(--text-secondary);font-size:var(--size-font-eyebrow);font-weight:var(--weight-semibold);margin:0}.oo-emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.oo-emoji-cell{aspect-ratio:1;border-radius:var(--radius-sm,6px);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;place-items:center;font-size:1.375rem;line-height:1;display:grid}.oo-emoji-cell:hover{background:var(--surface-hover,var(--bg-subtle))}.oo-emoji-empty{padding:var(--space-24) var(--space-12);color:var(--text-secondary);font-size:var(--size-font-caption);text-align:center;margin:0}