.popup-box{border-radius:var(--nader-radius-r);background:var(--nader-color-white);visibility:hidden;opacity:0;z-index:9001;width:calc(100% - 40px);max-width:500px;max-height:80%;transition:all .3s;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(.9)rotateX(90deg)}@media (width<=768px){.popup-box{width:calc(100% - 20px)}}.popup-box.active{visibility:visible;opacity:1;transform:translate(-50%,-50%)scale(1)rotateX(0)}.popup-box .popup-box-header{padding:16px}@media (width<=768px){.popup-box .popup-box-header{padding:10px}}.popup-box .popup-box-inner-wrapper{border-top:1px solid var(--nader-color-white-gray);padding:16px}@media (width<=768px){.popup-box .popup-box-inner-wrapper{padding:16px 10px}}.popup-box-closer svg{fill:red}