.yh-popup-mask{background:var(--color-grey);z-index:998;opacity:.4}.yh-popup-content,.yh-popup-mask{position:absolute;top:0;width:100%;height:100%}.yh-popup-content{left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:transparent;z-index:999}.yh-popup-content>div{background:#fff;position:absolute;pointer-events:all}.yh-popup-content-default{position:relative;padding:10px 15px}.yh-popup-content-top{top:0;width:100%;height:30%}.yh-popup-content-bottom{bottom:0;width:100%;height:30%}.yh-popup-content-left{top:0;left:0;height:100%;width:50%}.yh-popup-content-right{top:0;right:0;height:100%;width:50%}.popup-enter-active{-webkit-animation:popup-enter .5s ease-in-out;animation:popup-enter .5s ease-in-out;transition:all .5s ease-in-out}.popup-leave-active{-webkit-animation:popup-leave .5s ease-in-out;animation:popup-leave .5s ease-in-out;transition:all .5s ease-in-out}@-webkit-keyframes popup-enter{0%{opacity:0}to{opacity:.4}}@keyframes popup-enter{0%{opacity:0}to{opacity:.4}}@-webkit-keyframes popup-leave{0%{opacity:.4}to{opacity:0}}@keyframes popup-leave{0%{opacity:.4}to{opacity:0}}.transition-top-enter-active{-webkit-animation:transition-top-enter .5s ease-in-out;animation:transition-top-enter .5s ease-in-out}.transition-top-leave-active{-webkit-animation:transition-top-leave .5s ease-in-out;animation:transition-top-leave .5s ease-in-out}@-webkit-keyframes transition-top-enter{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes transition-top-enter{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@-webkit-keyframes transition-top-leave{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes transition-top-leave{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.transition-bottom-enter-active{-webkit-animation:transition-bottom-enter .5s ease-in-out;animation:transition-bottom-enter .5s ease-in-out}.transition-bottom-leave-active{-webkit-animation:transition-bottom-leave .5s ease-in-out;animation:transition-bottom-leave .5s ease-in-out}@-webkit-keyframes transition-bottom-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes transition-bottom-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes transition-bottom-leave{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes transition-bottom-leave{0%{transform:translateY(0)}to{transform:translateY(100%)}}.transition-left-enter-active{-webkit-animation:transition-left-enter 1s ease-in-out;animation:transition-left-enter 1s ease-in-out}.transition-left-leave-active{-webkit-animation:transition-left-leave 1s ease-in-out;animation:transition-left-leave 1s ease-in-out}@-webkit-keyframes transition-left-enter{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes transition-left-enter{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@-webkit-keyframes transition-left-leave{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes transition-left-leave{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.transition-right-enter-active{-webkit-animation:transition-right-enter .5s ease-in-out;animation:transition-right-enter .5s ease-in-out}.transition-right-leave-active{-webkit-animation:transition-right-leave .5s ease-in-out;animation:transition-right-leave .5s ease-in-out}@-webkit-keyframes transition-right-enter{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes transition-right-enter{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes transition-right-leave{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes transition-right-leave{0%{transform:translateX(0)}to{transform:translateX(100%)}}