.modal{display:none;position:fixed;inset:0;z-index:9999;justify-content:center;align-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s ease}.modal-content{position:relative;background:#fff;width:20%;max-width:500px;border-radius:8px;overflow:hidden;transform:translateY(-30px);opacity:0;transition:all .3s ease;z-index:1;height:30%;@media screen and (max-width:768px){width:50%;height:30%}}.modal.show{display:flex}.modal.show .modal-backdrop{opacity:1}.modal.show .modal-content{transform:translateY(0);opacity:1}.loader-container{display:flex;align-items:center;justify-content:center;height:100%}.loader{width:12px;aspect-ratio:1;border-radius:50%;background:#000;-webkit-clip-path:inset(-220%);clip-path:inset(-220%);animation:l28 2s linear infinite}@keyframes l28{0%{box-shadow:0 0 0 0,40px 0,-40px 0,0 40px,0 -40px}10%{box-shadow:0 0 0 0,12px 0,-40px 0,0 40px,0 -40px}20%{box-shadow:0 0 0 4px,0 0,-40px 0,0 40px,0 -40px}30%{box-shadow:0 0 0 4px,0 0,-12px 0,0 40px,0 -40px}40%{box-shadow:0 0 0 8px,0 0,0 0,0 40px,0 -40px}50%{box-shadow:0 0 0 8px,0 0,0 0,0 12px,0 -40px}60%{box-shadow:0 0 0 12px,0 0,0 0,0 0,0 -40px}70%{box-shadow:0 0 0 12px,0 0,0 0,0 0,0 -12px}80%{box-shadow:0 0 0 16px,0 0,0 0,0 0,0 0}90%,to{box-shadow:0 0 0 0,40px 0,-40px 0,0 40px,0 -40px}}.notif{border-radius:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:20px;max-width:800px}.notif img{height:25px;margin-right:10px}.notif .title{display:flex;align-items:center;margin-bottom:10px}.notif .title h3{margin:0;color:#7e7e81;font-size:14px}.notif .info{color:#7e7e81;font-size:12px}.redirect{padding-top:50px;display:flex;align-items:center;flex-direction:column}.redirect img{height:220px}.content-redirect{text-align:center}.content-redirect h2{font-size:24px;margin-bottom:10px}.content-redirect p{font-size:16px;margin-bottom:20px}.content-redirect button{background-color:#048caa;border-radius:10px;border:0;padding:10px 15px;color:#fff;cursor:pointer}.btn-click{font-size:16px}