@layer tx.components{.tx-emoji{vertical-align:-.12em;line-height:1;font-size:inherit;font-variant-emoji:emoji;justify-content:center;align-items:center;display:inline-flex}.tx-emoji__art{object-fit:contain;block-size:1em;inline-size:1em;display:block}.tx-emoji-picker{gap:var(--tx-space-3);min-inline-size:0;color:var(--tx-foreground,CanvasText);background:var(--tx-surface,Canvas);font-family:var(--tx-type-body-family);display:grid}.tx-emoji-picker__search-label{gap:var(--tx-space-1);font-size:var(--tx-type-label-size);font-weight:var(--tx-type-label-weight);display:grid}.tx-emoji-picker__search{min-block-size:var(--tx-size-control-md);border:var(--tx-border-width-thin) solid var(--tx-input,var(--tx-border,ButtonBorder));border-radius:var(--tx-shape-radius-md);padding-inline:var(--tx-space-3);color:var(--tx-foreground,CanvasText);background:var(--tx-surface,Canvas);font:inherit}.tx-emoji-picker__search:focus-visible,.tx-emoji-picker__grid:focus-visible,.tx-emoji-picker__categories button:focus-visible,.tx-emoji-picker__tones input:focus-visible+span{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:var(--tx-focus-ring-offset,2px)}.tx-emoji-picker__categories{gap:var(--tx-space-1);padding-block:var(--tx-space-1);display:flex;overflow-x:auto}.tx-emoji-picker__categories button{min-block-size:var(--tx-size-control-sm);border-radius:var(--tx-shape-radius-md);padding-inline:var(--tx-space-2);color:var(--tx-foreground,CanvasText);font:inherit;cursor:pointer;background:0 0;border:0;flex:none}.tx-emoji-picker__categories button[aria-selected=true]{color:var(--tx-primary-foreground,CanvasText);background:var(--tx-primary,Highlight)}.tx-emoji-picker__tones{gap:var(--tx-space-2);border:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);border-radius:var(--tx-shape-radius-md);padding:var(--tx-space-2);flex-wrap:wrap;margin:0;display:flex}.tx-emoji-picker__tones legend{padding-inline:var(--tx-space-1);font-size:var(--tx-type-label-size)}.tx-emoji-picker__tones label{align-items:center;gap:var(--tx-space-1);min-block-size:var(--tx-size-control-sm);cursor:pointer;display:inline-flex}.tx-emoji-picker__tones input{accent-color:var(--tx-primary,Highlight)}.tx-emoji-picker__grid{gap:var(--tx-space-1);border-radius:var(--tx-shape-radius-md);max-block-size:20rem;padding:var(--tx-space-1);overscroll-behavior:contain;display:grid;overflow:auto}.tx-emoji-picker__grid [role=row]{gap:var(--tx-space-1);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.tx-emoji-picker__grid [role=gridcell]{min-inline-size:0;min-block-size:var(--tx-size-control-md);border-radius:var(--tx-shape-radius-sm);font-size:var(--tx-size-icon-lg);cursor:pointer;place-items:center;display:grid}.tx-emoji-picker__grid [role=gridcell][aria-selected=true]{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:calc(var(--tx-focus-ring-offset,2px) * -1);background:var(--tx-muted,color-mix(in srgb, CanvasText 8%, Canvas))}.tx-emoji-picker__empty{color:var(--tx-muted-foreground,GrayText);grid-column:1/-1}@media (prefers-reduced-motion:reduce){.tx-emoji-picker *,.tx-emoji-picker :before,.tx-emoji-picker :after{scroll-behavior:auto;transition-duration:0s}}@media (forced-colors:active){.tx-emoji-picker__categories button[aria-selected=true],.tx-emoji-picker__grid [role=gridcell][aria-selected=true]{outline-color:highlight}}}