.popup{z-index:999;background-color:rgba(0,0,0,.733);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup .content{box-sizing:border-box;border-radius:var(--border-radius-table);flex-direction:column;align-items:center;gap:30px;width:33.75rem;padding:4.065rem 2.5rem;display:flex}.popup .content.light{background-color:var(--color-text)}.popup .content.dark{background-color:var(--color-background2)}.popup .content.dark p h1 h2 h3 span label{color:var(--color-white)}.popup .content .title{font-size:var(--font-size-md);color:var(--color-background);text-align:center;margin:0}.popup .content .message{font-size:var(--font-size-xxxl);color:var(--color-background);text-align:center;margin:0;font-weight:700}.popup .content .popup-actions{flex-direction:column;gap:12px;width:100%;display:flex}.popup .content h4,.popup .content h1,.popup .content h2,.popup .content h3,.popup .content span{text-align:center;margin:0}.popup .content .change{font-size:var(--font-size-sm);cursor:pointer;color:var(--color-black);flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.popup .content .change span{border-radius:var(--border-radius-table);padding:8px 18px}.popup .content .change .paid{background-color:var(--color-light-green)}.popup .content .change .unpaid{background-color:var(--color-light-red)}.popup .content .change .o_f{background-color:var(--color-orange)}.popup .content .change .w_r{background-color:var(--color-light-green)}.popup .content .change .p_w{background-color:var(--color-light-blue)}.popup .content .change .w_m{background-color:var(--color-light-purple)}.popup .content .change .w_d{background-color:var(--color-pink)}.popup .content .change .z_k{background-color:var(--color-light-gray)}@media screen and (max-width:450px){.popup .content{width:95%!important}}
