.close-modal{background:none;border:none;font-size:2rem}.hd-modal{background-color:#fff;border:1px solid #ccc;border-radius:10px;display:none;left:50%;position:fixed;top:-50%;transform:translate(-50%,-50%);transition:top .3s ease-in-out;width:80vw;z-index:9999}.hd-modal.active{display:block;top:50%}.hd-modal .modal-header{align-items:center;display:flex;justify-content:flex-end;padding:10px 20px}.hd-modal .modal-body{padding:20px}#modal-backdrop{background-color:rgba(0,0,0,.7);display:none;height:100%;left:0;position:fixed;top:0;width:100%}#modal-backdrop.active{display:block}