/* Isolate the category row and emoji grid from the old flat-picker layout. */
.notification-check226 > label {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
}
.notification-check226 select[data-sound-choice] {
  width:auto;
  min-height:36px;
  max-width:100%;
  padding:6px 10px;
  border:1px solid #d4dfce;
  border-radius:8px;
  background:white;
  font:inherit;
}
#chat #emoji-picker221 > .emoji-panel226 {
  display:block;
  grid-template-columns:none;
  box-sizing:border-box;
  width:300px;
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 24px);
  overflow:auto;
  padding:10px;
}
#chat #emoji-picker221 .emoji-tabs226 {
  display:flex;
  flex-flow:row nowrap;
  align-items:center;
  width:100%;
  gap:4px;
  margin:0 0 8px;
}
#chat #emoji-picker221 .emoji-tabs226 > button {
  position:static;
  display:block;
  flex:1 1 0;
  width:auto;
  min-width:0;
  height:32px;
  min-height:32px;
  max-height:32px;
  padding:4px;
  font-family:inherit;
  font-weight:500;
  font-size:12px;
  line-height:20px;
  white-space:nowrap;
}
#chat #emoji-picker221 .emoji-grid226 {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:4px;
  width:100%;
  min-width:0;
  margin:0;
  overflow:auto;
}
#chat #emoji-picker221 .emoji-grid226 > button {
  position:static;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:38px;
  min-height:38px;
  max-height:38px;
  padding:2px;
  font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;
  font-size:24px;
  line-height:1;
  border:0;
  background:transparent;
}