.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1);width:90%;max-width:500px}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.loader{border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;width:24px;height:24px;margin-left:12px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-dark{border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:#3b82f6;width:40px;height:40px;animation:spin 1s linear infinite}