:host,:root{--van-overlay-z-index:1;--van-overlay-background:rgba(0,0,0,.7)}.van-overlay{background:var(--van-overlay-background);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--van-overlay-z-index)}:host,:root{--van-popup-background:var(--van-background-2);--van-popup-transition:transform var(--van-duration-base);--van-popup-round-radius:16px;--van-popup-close-icon-size:22px;--van-popup-close-icon-color:var(--van-gray-5);--van-popup-close-icon-margin:16px;--van-popup-close-icon-z-index:1}.van-overflow-hidden{overflow:hidden!important}.van-popup{background:var(--van-popup-background);box-sizing:border-box;max-height:100%;overflow-y:auto;position:fixed;transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{left:0;margin:0 auto;max-width:calc(100vw - var(--van-padding-md)*2);right:0;top:50%;transform:translateY(-50%);width:-moz-fit-content;width:fit-content}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-radius)}.van-popup--top{left:0;top:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)}.van-popup--right{right:0;top:50%;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0}.van-popup--left{left:0;top:50%;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{transition-timing-function:var(--van-ease-out)}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{transition-timing-function:var(--van-ease-in)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size);position:absolute;z-index:var(--van-popup-close-icon-z-index)}.van-popup__close-icon--top-left{left:var(--van-popup-close-icon-margin);top:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{right:var(--van-popup-close-icon-margin);top:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{bottom:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}