.menu-bar[data-v-5ba68425]{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));position:absolute;width:100%;height:4px;left:0}.one[data-v-5ba68425]{top:6px;animation-delay:.1s;transition:all .3s}.two[data-v-5ba68425]{top:14px;transition:all .3s}.middle[data-v-5ba68425]{top:22px;transition:all .3s}@keyframes slideOut-5ba68425{0%{width:100%;left:0;right:auto}50%{width:0;left:0;right:auto}51%{width:0;right:0;left:auto}to{width:100%;right:0;left:auto}}.menu-wrapper:hover .menu-bar.active[data-v-5ba68425]{animation:none}.active .one[data-v-5ba68425]{top:45%;left:0;transform:rotate(45deg)}.active .two[data-v-5ba68425],.active .middle[data-v-5ba68425]{top:45%;left:0;transform:rotate(-45deg)}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.menu-bar[data-v-08ac5016]{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));position:absolute;width:100%;height:4px;left:0}.one[data-v-08ac5016]{top:6px;animation-delay:.1s;transition:all .3s}.two[data-v-08ac5016]{top:14px;transition:all .3s}.middle[data-v-08ac5016]{top:22px;transition:all .3s}@keyframes slideOut-08ac5016{0%{width:100%;left:0;right:auto}50%{width:0;left:0;right:auto}51%{width:0;right:0;left:auto}to{width:100%;right:0;left:auto}}.menu-wrapper:hover .menu-bar.active[data-v-08ac5016]{animation:none}.active .one[data-v-08ac5016]{top:45%;left:0;transform:rotate(45deg)}.active .two[data-v-08ac5016],.active .middle[data-v-08ac5016]{top:45%;left:0;transform:rotate(-45deg)}