/* public/css/emojis.css */

/* Emoji Picker Styling */
.emoji-picker {
    position: absolute;
    bottom: 60px; /* Adjust based on input height */
    right: 10px;
    z-index: 1002;
}

/* Adjust the position of the emoji picker on different screen sizes */
@media (max-width: 768px) {
    .emoji-picker {
        bottom: 50px;
        right: 5px;
    }
}

@media (max-width: 480px) {
    .emoji-picker {
        bottom: 40px;
        right: 5px;
    }
}