.pd-dropdown-open-animation {
    animation: pdInputShowAnimationIn 180ms cubic-bezier(.2, .8, .2, 1);
    transform-origin: top center;
}

.pd-dropdown-open-animation-above {
    animation: pdInputShowAnimationInAbove 180ms cubic-bezier(.2, .8, .2, 1);
    transform-origin: bottom center;
}

.pd-dropdown-close-animation {
    animation: pdInputHideAnimationInAbove 160ms cubic-bezier(.4, .2, .2, 1);
    transform-origin: top center;
}

.pd-dropdown-close-animation-above {
    animation: pdInputHideAnimationInAboveAbove 160ms cubic-bezier(.4, .2, .2, 1);
    transform-origin: bottom center;
}


@keyframes pdInputShowAnimationIn {
    0% {
        opacity: 0;
        transform: translateY(-6px) scale(.95);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes pdInputShowAnimationInAbove {
    0% {
        opacity: 0;
        transform: translateY(6px) scale(.95);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes pdInputHideAnimationInAbove {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-6px) scale(.96);
    }
}

@keyframes pdInputHideAnimationInAboveAbove {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(6px) scale(.96);
    }
}


@media (prefers-reduced-motion: reduce) {

    .pd-dropdown-open-animation,
    .pd-dropdown-open-animation-above-above {
        animation: none;
    }
}