.searchbar-enter-active,.searchbar-leave-active{transition:all .2s ease-in-out}.searchbar-enter-from,.searchbar-leave-to{opacity:0;transform:translateY(-50px)}.search-nav-button{background:none;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;transition:transform .3s ease-in-out}.search-nav-button:hover{transform:scale(1.2)}.nav-search-wrapper{background-color:inherit;height:100%;left:0;padding:0 24px;position:absolute;top:0}.nav-search-wrapper,.searchbar-container{align-items:center;display:flex;justify-content:center;width:100%}.searchbar-container{gap:16px;max-width:700px}