.modal__overlay{z-index:3000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-variant);width:100%;max-width:400px;color:var(--color-white);border:1px solid var(--color-primary);text-align:center;border-radius:1rem;padding:2.5rem 2rem 2rem;animation:.25s modal-pop;position:relative;box-shadow:0 20px 50px #00000059}.modal__close{color:var(--color-light);cursor:pointer;transition:var(--transition);background:0 0;font-size:1.1rem;position:absolute;top:.8rem;right:.8rem}.modal__close:hover{color:var(--color-white)}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.modal__icon{margin-bottom:1rem;font-size:3rem}.modal__icon--success{color:#2ecc71}.modal__icon--error{color:#e74c3c}.modal__message{margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.modal__btn{width:100%}.modal__btn:active{transform:translateY(0)scale(.98)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.modal,.modal__overlay{animation:none}}