.modal{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:2rem;position:fixed;transition:all .3s ease;visibility:hidden;z-index:10}.modal .modal-backdrop{background:rgba(0,0,0,.5);inset:0;position:fixed}.modal .modal-content{background:var(--color-white);border-radius:5px;max-width:calc(100vw - 2rem);overflow:hidden;position:fixed;top:-100%;transition:all .6s ease;z-index:1000}.modal .modal-content iframe{max-width:100%}.modal .modal-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.modal .modal-header .close-modal{cursor:pointer}.modal .modal-header .close-modal svg,.modal .modal-header .close-modal:hover{color:#000}.modal .modal-body{padding:1.5rem}.modal .modal-footer{border-top:1px solid #ccc;padding:1rem;text-align:right}.modal.visible{opacity:1;visibility:visible}.modal.visible .modal-content{top:25%}