.dropdown-base,
.image-prompt-popover,
.aspect-ratio-dropdown,
.options-dropdown,
.resolution-dropdown,
.style-transfer-popover,
.model-selector-popup,
.slider-dropdown {
    position: fixed;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.1s ease, visibility 0.1s ease;
}

.dropdown-base.visible,
.image-prompt-popover.visible,
.aspect-ratio-dropdown.visible,
.options-dropdown.visible,
.resolution-dropdown.visible,
.style-transfer-popover.visible,
.model-selector-popup.visible,
.slider-dropdown.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.dropdown-base .popover-content,
.image-prompt-popover .popover-content,
.aspect-ratio-dropdown .popover-content,
.options-dropdown .popover-content,
.resolution-dropdown .popover-content,
.style-transfer-popover .popover-content,
.slider-dropdown .popover-content {
    border: 1px solid var(--border);
    transform-origin: bottom center;
    overflow: hidden;
    border-radius: 1.5rem;
    background-color: var(--popover);
    box-shadow: var(--shadow-dropdown);
}

.dropdown-base.visible > div:first-child,
.image-prompt-popover.visible > div:first-child,
.aspect-ratio-dropdown.visible > div:first-child,
.options-dropdown.visible > div:first-child,
.resolution-dropdown.visible > div:first-child,
.style-transfer-popover.visible > div:first-child,
.model-selector-popup.visible > div:first-child,
.slider-dropdown.visible > div:first-child {
    transform-origin: bottom center;
    animation: dropdown-bounce 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes dropdown-bounce {
    0% {
        transform: scale(0.95);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}