.reaction-grid{position:fixed;z-index:1000;width:min(320px,calc(100vw - 16px));background:var(--color-base-100, #fff);color:var(--color-base-content, #3d3a2e);border:1px solid var(--color-item-border, rgba(204, 197, 168, .6));border-radius:8px;box-shadow:0 4px 16px #0000001a;font-size:.85rem}.reaction-grid__cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;max-height:240px;overflow-y:auto;padding:8px}.reaction-grid__cells button{display:grid;place-items:center;padding:4px;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer}.reaction-grid__cells button:hover,.reaction-grid__cells button:focus-visible{border-color:var(--color-primary, #6d7729);background:color-mix(in srgb,var(--color-primary, #6d7729) 8%,var(--color-base-100, #fff))}.reaction-grid__cells img{width:40px;height:40px}.reaction-grid__empty{margin:0;padding:12px}.reaction-grid__foot{padding:6px 10px;border-top:1px solid var(--color-item-border, rgba(204, 197, 168, .6));font-size:.75rem;color:color-mix(in srgb,var(--color-base-content, #3d3a2e) 70%,var(--color-base-100, #fff))}reaction-picker:not(:defined){display:none}