@layer amset-ui.tokens,amset-ui.base;@layer amset-ui.components{.amset-emoji{--amset-emoji-columns:8;--amset-emoji-cell:2.25rem;--amset-emoji-height:16rem;--amset-emoji-font:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif;gap:var(--amset-space-2);width:calc(var(--amset-emoji-cell) * var(--amset-emoji-columns) + var(--amset-space-2) * 2);max-width:100%;padding:var(--amset-space-2);font-family:var(--amset-font);color:var(--amset-ink);flex-direction:column;display:flex}.amset-emoji__dialog{padding:0}.amset-emoji__search .amset-field__control{align-items:center;gap:var(--amset-space-1);display:flex}.amset-emoji__search-icon{color:var(--amset-ink-3);flex:none;place-items:center;padding-inline-start:var(--amset-space-2);display:grid}.amset-emoji__search-icon svg{width:1rem;height:1rem}.amset-emoji__shelves{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.amset-emoji__shelf,.amset-emoji__tone{width:var(--amset-height-control-sm);height:var(--amset-height-control-sm);border-radius:var(--amset-radius);color:var(--amset-ink-2);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.amset-emoji__shelf svg{width:1.125rem;height:1.125rem}.amset-emoji__shelf:hover,.amset-emoji__tone:hover{background:var(--amset-surface-2);color:var(--amset-ink)}.amset-emoji__shelf[aria-pressed=true],.amset-emoji__tone[aria-checked=true]{background:var(--amset-accent-soft);color:var(--amset-accent-text)}.amset-emoji__shelf:focus-visible,.amset-emoji__tone:focus-visible,.amset-emoji__cell:focus-visible{outline:var(--amset-ring-width) solid var(--amset-focus);outline-offset:-2px}.amset-emoji__list{min-height:calc(var(--amset-emoji-cell) * 2);max-height:var(--amset-emoji-height);overscroll-behavior:contain;position:relative;overflow-y:auto}.amset-emoji__loading{padding:var(--amset-space-3)}.amset-emoji__empty{padding:var(--amset-space-3) var(--amset-space-2);color:var(--amset-ink-2);font-size:var(--amset-text-sm);text-align:center;margin:0}.amset-emoji__row{display:flex}.amset-emoji__gridcell{flex:none;display:block}.amset-emoji__cell{width:var(--amset-emoji-cell);height:var(--amset-emoji-cell);border-radius:var(--amset-radius);font-family:var(--amset-emoji-font);cursor:pointer;transition:background var(--amset-duration-fast) var(--amset-easing-standard);background:0 0;border:0;place-items:center;padding:0;font-size:1.375rem;line-height:1;display:grid}.amset-emoji__cell:hover{background:var(--amset-surface-2)}.amset-emoji__cell:active{background:var(--amset-accent-soft)}.amset-emoji__tones{padding-top:var(--amset-space-1);border-top:var(--amset-border-width) solid var(--amset-divider);gap:2px;display:flex}.amset-emoji__tone{font-family:var(--amset-emoji-font);font-size:1.125rem;line-height:1}@media (pointer:coarse){.amset-emoji{--amset-emoji-cell:var(--amset-target-touch)}}}
