.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:9999}.popup.show{display:flex}.popup-content{background:#1e1b2e;color:#fff;padding:30px 24px;border-radius:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.5);max-width:420px;width:90%;text-align:center;animation:popup-sweet-appear .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center}@keyframes popup-sweet-appear{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.popup-svg-container{width:80px;height:80px;margin:0 auto 16px}.popup-svg{width:100%;height:100%}.circle{fill:none;stroke-width:4;stroke:#8b5cf6}.check,.cross{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:50;stroke-dashoffset:50;animation:draw .4s ease forwards;animation-delay:.2s}@keyframes draw{to{stroke-dashoffset:0}}.popup-button{margin-top:24px;padding:10px 24px;background-color:#8b5cf6;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.popup-button:hover{background-color:#7c3aed}:where([class^=ri-]):before{content:"\f3c2"}