.menu-item{height:50px;display:flex;justify-content:space-between;align-items:center;padding:.5rem}:root{--speed:500ms}.dropdown{position:flex;width:100%;padding:0 1rem;overflow:hidden;transition:height var(--speed) ease}.menu-primary-enter{position:absolute;transform:translateX(-110%)}.menu-primary-enter-active{transform:translateX(0);transition:all var(--speed) ease}.menu-primary-exit{position:absolute}.menu-primary-exit-active{transform:translateX(-110%);transition:all var(--speed) ease}.menu-secondary-enter{transform:translateX(110%)}.menu-secondary-enter-active{transform:translateX(0);transition:all var(--speed) ease}.menu-secondary-exit-active{transform:translateX(110%);transition:all var(--speed) ease}