/* ==========================================================================
   Dropdown Component
   ========================================================================== */

/* Dropdown animation */
@keyframes dropdown-in {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.animate-dropdown-in {
    animation: dropdown-in 0.15s ease-out forwards;
}

/* Dropdown menu base styles */
[data-dropdown-target="menu"] {
    transform-origin: top right;
}