.user-center.page .user-invoices .popup,.user-center.page .user-order .popup,.user-center.page .user-tickets .popup{--code-bg-color:rgba(0,0,0,0.13);width:0;padding:20px 0 55px 0;overflow:hidden;display:flex;justify-content:center;overflow-y:auto;position:absolute;z-index:10;top:0;bottom:0;left:50%;right:50%;background:linear-gradient(90deg,transparent,var(--code-bg-color) 25%,var(--code-bg-color) 75%,transparent)}.user-center.page .user-invoices .popup.code-active,.user-center.page .user-order .popup.code-active,.user-center.page .user-tickets .popup.code-active{width:200%;left:-50%;right:-50%;-webkit-animation:showCode var(--spread-time) linear;animation:showCode var(--spread-time) linear}.user-center.page .user-invoices .popup.code-hide,.user-center.page .user-order .popup.code-hide,.user-center.page .user-tickets .popup.code-hide{-webkit-animation:hideCode var(--spread-time) linear;animation:hideCode var(--spread-time) linear}.user-center.page .user-invoices .popup .close-icon,.user-center.page .user-order .popup .close-icon,.user-center.page .user-tickets .popup .close-icon{width:0;position:-webkit-sticky;position:sticky;top:0;left:75%;cursor:pointer}.user-center.page .user-invoices .popup .close-icon i[class*=el-icon],.user-center.page .user-order .popup .close-icon i[class*=el-icon],.user-center.page .user-tickets .popup .close-icon i[class*=el-icon]{margin-left:-50px}.user-center.page .user-invoices .popup .close-icon i[class*=el-icon]:before,.user-center.page .user-order .popup .close-icon i[class*=el-icon]:before,.user-center.page .user-tickets .popup .close-icon i[class*=el-icon]:before{font-size:34px;color:#fff}.user-center.page .user-invoices .popup .content,.user-center.page .user-order .popup .content,.user-center.page .user-tickets .popup .content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:30px;background-color:#fff;border-radius:10px}.user-center.page .user-invoices .popup .content.code-opacity-0,.user-center.page .user-order .popup .content.code-opacity-0,.user-center.page .user-tickets .popup .content.code-opacity-0{-webkit-animation:codeOpacity0 var(--reveal-time) linear;animation:codeOpacity0 var(--reveal-time) linear}.user-center.page .user-invoices .popup .content.code-opacity-1,.user-center.page .user-order .popup .content.code-opacity-1,.user-center.page .user-tickets .popup .content.code-opacity-1{-webkit-animation:codeOpacity1 var(--reveal-time) linear;animation:codeOpacity1 var(--reveal-time) linear}@-webkit-keyframes codeOpacity0{0%{opacity:1}to{opacity:0}}@keyframes codeOpacity0{0%{opacity:1}to{opacity:0}}@-webkit-keyframes codeOpacity1{0%{opacity:0}to{opacity:1}}@keyframes codeOpacity1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes showCode{0%{width:0;left:50%;right:50%}to{width:200%;left:-50%;right:-50%}}@keyframes showCode{0%{width:0;left:50%;right:50%}to{width:200%;left:-50%;right:-50%}}@-webkit-keyframes hideCode{0%{width:200%;left:-50%;right:-50%}to{width:200%;left:-50%;right:-50%;top:0;bottom:100%}}@keyframes hideCode{0%{width:200%;left:-50%;right:-50%}to{width:200%;left:-50%;right:-50%;top:0;bottom:100%}}@media(max-width:767px){.user-center.page .user-invoices .popup,.user-center.page .user-order .popup,.user-center.page .user-tickets .popup{position:fixed;bottom:0;padding:70px 0}.user-center.page .user-invoices .popup .close-icon,.user-center.page .user-order .popup .close-icon,.user-center.page .user-tickets .popup .close-icon{top:0}.user-center.page .user-invoices .popup .content,.user-center.page .user-order .popup .content,.user-center.page .user-tickets .popup .content{margin-bottom:20px}}