.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999;transition:opacity .3s ease-in-out;opacity:0}.modal.show{display:block;opacity:1}.modal-content{height:100%;overflow-y:auto;border:none;width:100%;margin:0 auto}.footer-content{max-width:768px;margin:0 auto;padding:.75rem 1rem}.btn-modal-next{width:100%;background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center}.btn-modal-next-text-center{justify-content:center}.btn-modal-next-text-center:disabled,.btn-modal-next:disabled{background:#ccc;cursor:not-allowed}@media (min-width:933px){.modal-content{max-width:768px;padding:20px}}.modal.bootstrap-style{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;transition:opacity .3s ease-in-out;opacity:0;background-color:rgba(0,0,0,.5)}.modal.bootstrap-style.show{display:block;opacity:1}.modal.bootstrap-style .modal-wrapper{display:flex;align-items:center;justify-content:center;min-height:100%;padding:1.75rem}.modal.bootstrap-style .modal-container{position:relative;width:100%;max-width:500px;margin:0 auto;background-color:#fff;border-radius:.3rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.15);transform:translate(0,0);transition:transform .3s ease-out}.modal.bootstrap-style .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6}.modal.bootstrap-style .modal-title{margin:0;font-size:1.25rem;font-weight:500;line-height:1.5}.modal.bootstrap-style .close-button{background:0 0;border:0;font-size:1.5rem;font-weight:700;line-height:1;padding:0;opacity:.5;cursor:pointer}.modal.bootstrap-style .close-button:hover{opacity:.75}.modal.bootstrap-style .modal-body{position:relative;flex:1 1 auto;padding:1rem;overflow-y:auto;max-height:calc(100vh - 200px)}.modal.bootstrap-style .modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid #dee2e6;gap:.5rem}.modal.bootstrap-style.modal-sm .modal-container{max-width:300px}.modal.bootstrap-style.modal-lg .modal-container{max-width:800px}.modal.bootstrap-style.modal-xl .modal-container{max-width:1140px}@media (max-width:576px){.modal.bootstrap-style .modal-wrapper{padding:1rem}.modal.bootstrap-style .modal-container{margin:.5rem}}