.modal{display:none;position:fixed;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:#959da533 0 8px 24px;border-radius:15px;border:1px solid rgb(167,167,167);background-color:var(--s3);min-width:250px;min-height:200px}.modal p,.modal h3{margin:5px}.modal .close{background-color:var(--s3);position:absolute;right:5px;top:5px;box-shadow:none;border-radius:15px}.modal .btns{position:absolute;display:flex;flex-direction:column;align-items:center;width:100%;bottom:10px;gap:7px}.modal .btns button{width:90%;height:30px;border-radius:8px}.screen{left:0;top:0;display:none;position:fixed;width:100%;height:100vh;background-color:#0000004d}@keyframes open{0%{opacity:.4;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.025)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes close{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes closeOpacity{0%{opacity:1}to{opacity:0}}@keyframes zoom-in-zoom-out{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes opacity{0%{opacity:0}to{opacity:1}}