/* Emoji Picker Styles */
emoji-picker {
    --border-radius: 0.75rem;
    --border-size: 1px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    border: 1px solid rgb(229 231 235);
}

/* Dark mode support for emoji picker */
.dark emoji-picker {
    --background: rgb(30 41 59);
    --border-color: rgb(51 65 85);
    --input-border-color: rgb(71 85 105);
    --input-font-color: rgb(226 232 240);
    --input-placeholder-color: rgb(148 163 184);
    --outline-color: rgb(59 130 246);
    --category-font-color: rgb(148 163 184);
    --button-hover-background: rgb(51 65 85);
    --button-active-background: rgb(71 85 105);
    border-color: rgb(51 65 85);
}

/* Hide the emoji picker when not needed */
.emoji-picker-popover {
    animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}