.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background-color:#0000001a;justify-content:center;align-items:center;width:100%;height:100%;padding-inline:30px;display:flex;position:fixed;top:0;left:0}.overlay .popup{background-color:var(--body-color);border-radius:4px;max-height:90vh;padding:20px 30px;animation:.3s popup;position:relative;overflow:auto}.overlay .popup .close-btn{justify-content:flex-end;margin-bottom:5px;display:flex}.overlay .popup img{max-height:500px}.overlay .popup h1{text-transform:capitalize;text-align:center;font-size:25px;font-weight:500}.overlay .popup>div:not(.close-btn){gap:10px;display:flex}table .overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#0000}.confirm-popup.popup{border-radius:10px;width:90%;max-width:500px;padding:0;overflow:hidden}.confirm-popup .close{background-color:var(--aside-color);color:var(--font-color);flex-wrap:wrap-reverse;justify-content:space-between;align-items:center;gap:10px 20px;padding:10px 20px;display:flex}.confirm-popup .close h1{font-size:18px}.confirm-popup .close svg{cursor:pointer}.confirm-popup .close svg:hover{color:red}.confirm-popup .close h1:after{content:" ? "}.confirm-popup.popup .undone{border-bottom:solid 1px var(--aside-color);color:var(--font-color);text-transform:capitalize;padding:20px}.confirm-popup.popup .btns{flex-wrap:wrap;justify-content:flex-end;margin:0;padding:10px 20px;display:flex}@media (width<=1000px){.overlay .popup{padding:20px}.confirm-popup.popup{padding:0}.confirm-popup .close{padding:10px}.confirm-popup .close h1{font-size:15px}.confirm-popup.popup .undone{padding:10px;font-size:16px}.overlay .popup>div:not(.close-btn){margin-top:10px}}@media (width<=700px){.overlay .popup{padding:10px 15px}.confirm-popup.popup{padding:0}.confirm-popup .close h1{font-size:13px}.confirm-popup .close svg,.confirm-popup.popup .undone{font-size:14px}.overlay .popup>div:not(.close-btn){margin-top:0}.confirm-popup.popup .btns{padding:10px}.overlay{padding-inline:20px}}@media (width<=500px){.overlay .popup{padding:10px}.confirm-popup.popup{padding:0}.confirm-popup .close h1{font-size:11px}.confirm-popup .close svg,.confirm-popup.popup .undone{font-size:12px}.overlay{padding-inline:10px}}@keyframes popup{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:translateY(1px)}}