.zss-target {
    --zss-translate-y: 0px;
    --zss-entry-y: 0px;
    --zss-entry-scale: 1;
    --zss-enter-duration: 260ms;
    position: relative !important;
    z-index: 30 !important;
    align-self: flex-start !important;
    height: max-content !important;
    max-width: 100%;
    overflow: visible !important;
    will-change: transform;
    transform: translate3d(0, var(--zss-translate-y), 0);
    translate: 0 var(--zss-entry-y);
    scale: var(--zss-entry-scale);
    transform-origin: top center;
    transition:
        opacity var(--zss-enter-duration) cubic-bezier(.2,.7,.2,1),
        translate var(--zss-enter-duration) cubic-bezier(.2,.7,.2,1),
        scale var(--zss-enter-duration) cubic-bezier(.2,.7,.2,1);
}

.zss-target[data-zss-animation="none"] {
    transition: none;
}

.zss-target.zss-is-disabled {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    opacity: 1 !important;
    will-change: auto;
}

.zss-overflow-visible {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

@media (prefers-reduced-motion: reduce) {
    .zss-target {
        transition: none !important;
    }
}