.modal{display:none}.modal.is-open{display:block}.modal__overlay{background:rgba(0,0,0,0.5);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;padding:5px}.modal__container{background:#fff;padding:20px;border-radius:6px;max-width:400px;width:90%}.modal__header{position:relative}.modal__close{float:right;background:none;border:none;font-size:20px;cursor:pointer}.modal__footer{padding-bottom:15px}