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