/* emoji-data.css */
.emoji-btn {
  background-color:#d4af37;
  border:none;
  padding:.5rem .8rem;
  border-radius:8px;
  cursor:pointer;
  font-size:1.2rem;
  margin-left:4px;
  transition:.3s;
}
.emoji-btn:hover{background-color:#b99329;}
.emoji-picker{
  position:absolute;
  bottom:50px;
  right:10px;
  width:340px;
  max-width:90vw;
  background:#1a1a1a;
  border-radius:12px;
  box-shadow:0 0 15px rgba(212,175,55,.3);
  display:none;
  flex-direction:column;
  z-index:1000;
}
.emoji-picker.show{display:flex;}
.emoji-tabs{
  display:flex;
  justify-content:space-around;
  padding:4px 0;
  border-bottom:1px solid #333;
}
.emoji-tab{
  cursor:pointer;
  padding:6px 8px;
  font-size:1.2rem;
  color:#f2f2f2;
  transition:.2s;
}
.emoji-tab.active{
  color:#d4af37;
  border-bottom:2px solid #d4af37;
}
.emoji-content{
  display:flex;
  flex-wrap:wrap;
  padding:6px;
  max-height:220px;
  overflow-y:auto;
}
.emoji-item{
  cursor:pointer;
  font-size:1.4rem;
  margin:3px;
  transition:transform .1s;
}
.emoji-item:hover{transform:scale(1.3);}
@media(max-width:480px){
  .emoji-picker{width:90vw;bottom:45px;right:5px;}
  .emoji-tab{font-size:1rem;}
  .emoji-item{font-size:1.2rem;}
  .emoji-btn{padding:.4rem .6rem;font-size:1rem;}
}