.top-enter-active{animation:t .3s ease}.top-leave-active{animation:t .3s ease reverse}.bottom-enter-active{animation:b .3s ease}.bottom-leave-active{animation:b .3s ease reverse}.popup-menu{background:var(--color-box);border-radius:10px;box-shadow:0 0 16px 2px var(--color-box-shadow);min-width:150px;padding:4px;position:fixed;z-index:3}.popup-menu.bottom{transform-origin:bottom}.popup-menu .item{align-items:center;border-radius:10px;color:var(--color-text);cursor:pointer;display:flex;padding:8px;transition:.3s}.popup-menu .item:hover{background:var(--color-ripple)}.popup-menu .item.active{background-color:var(--color-ripple)}.popup-menu .item .icon{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;margin-right:4px;overflow:hidden;width:24px}.popup-menu .item .icon img{display:block;width:100%}.popup-menu .item .icon svg{height:20px;width:20px}.popup-menu .item .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-menu .item .red{color:var(--color-red)}@keyframes t{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes b{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}