/* TALKCHAT_DYNAMIC_GIF_POPOVER_CSS_V3150 */
.room-gif-picker-v3150{
  position:fixed;
  z-index:145;
  min-height:210px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #36546f;
  border-radius:12px;
  background:#07111ff5;
  color:#eaf7ff;
  box-shadow:0 18px 55px #000a;
  backdrop-filter:blur(8px);
  contain:layout paint;
}
.room-gif-picker-v3150[hidden]{display:none!important}
.room-gif-picker-v3150>header{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 30px;
  align-items:center;
  gap:8px;
  padding:8px 9px;
  border-bottom:1px solid #263d55;
  background:#0b1b2cf2;
}
.room-gif-picker-v3150>header b{
  color:#fff;
  font-size:12px;
  white-space:nowrap;
}
.room-gif-picker-v3150>header small{
  min-width:0;
  overflow:hidden;
  color:#9eb4c7;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.room-gif-close-v3150{
  width:28px;
  height:28px;
  padding:0;
  border:1px solid #36546f;
  border-radius:7px;
  background:#10283c;
  color:#fff;
  font-size:20px;
  line-height:1;
}
.room-gif-grid-v3150{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:116px;
  align-content:start;
  gap:7px;
  padding:8px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:linear-gradient(#07111fd9,#07111fd9),radial-gradient(circle at 20% 20%,#2e74a044,transparent 42%);
  scrollbar-gutter:stable;
}
.room-gif-picker-v3150 .gif-choice{
  min-width:0;
  height:116px;
  display:grid;
  grid-template-rows:minmax(0,88px) 18px;
  gap:3px;
  padding:5px;
  overflow:hidden;
  border:1px solid #294e64;
  border-radius:8px;
  background:#ffffff08;
  color:#e9f8ff;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.room-gif-picker-v3150 .gif-choice:hover,
.room-gif-picker-v3150 .gif-choice:focus-visible{
  border-color:#5fd9ff;
  background:#153850;
  outline:0;
}
.room-gif-picker-v3150 .gif-choice:active{transform:scale(.97)}
.room-gif-picker-v3150 .gif-choice:disabled{opacity:.55;transform:none}
.room-gif-picker-v3150 .gif-choice img{
  width:100%;
  height:88px;
  display:block;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  object-fit:contain;
  pointer-events:none;
}
.room-gif-picker-v3150 .gif-choice small{
  min-width:0;
  overflow:hidden;
  color:#eaf7ff;
  font-size:9px;
  font-weight:800;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:none;
}
.room-gif-message-v3150{
  flex:0 0 auto;
  min-height:25px;
  margin:0;
  padding:6px 9px;
  border-top:1px solid #20374c;
  color:#8fdcff;
  font-size:9px;
  text-align:center;
}
#gifBtn.active{box-shadow:0 0 0 2px #38c9ff66 inset}
.room-emoji-choice{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

@media(max-width:860px){
  .room-gif-picker-v3150{border-radius:10px}
  .room-gif-picker-v3150>header{padding:7px 8px}
  .room-gif-grid-v3150{gap:6px;padding:7px}
}