.xpm-popup{--z-index:var(--xpm-popup-z-index,1000);position:fixed;z-index:var(--z-index)}.xpm-popup-body{position:fixed;background-color:var(--xpm-color-background);z-index:calc(var(--z-index) + 10)}.xpm-popup-body .xpm-popup-close-icon{position:absolute;z-index:100}.xpm-popup-body-position-bottom{width:100%;bottom:0;left:0;border-top-left-radius:8px;border-top-right-radius:8px}.xpm-popup-body-position-bottom .xpm-popup-close-icon{right:8px;top:8px}.xpm-popup-body-position-top{width:100%;top:0;left:0}.xpm-popup-body-position-top .xpm-popup-close-icon{right:8px;bottom:8px}.xpm-popup-body-position-left{height:100%;top:0;left:0}.xpm-popup-body-position-left .xpm-popup-close-icon{right:8px;top:8px}.xpm-popup-body-position-right{height:100%;top:0;right:0}.xpm-popup-body-position-right .xpm-popup-close-icon{left:8px;top:8px}.xpm-popup-close-icon{cursor:pointer;width:24px;height:24px;font-size:18px;line-height:1;color:var(--xpm-color-weak)}