.modal__btn{cursor:pointer}.modalContainer{position:fixed;display:none;width:100%;height:100%;top:0;left:0;padding:20px;opacity:0;z-index:1000;pointer-events:none;box-sizing:border-box;justify-content:center;justify-items:center;align-items:center}.modalContainer.js-active{display:flex;animation:.5s ease-in-out 0s modalOpen forwards}.modalContainer.js-close{display:flex;animation:.5s ease-in-out 0s modalClose forwards}.modalContents{position:relative;max-width:700px;width:90%;height:auto;margin-bottom:6%;padding:10px;background:#fff;border-radius:10px;z-index:200}@media screen and (max-width: 750px){.modalContents{width:85%;margin-bottom:15%}}.modalContentsBody{max-height:80vh;overflow-y:auto}.modal__close{position:absolute;max-width:160px;width:20%;inset:auto 0 4%;margin:0 auto;border-radius:50%;cursor:pointer;z-index:10}@media screen and (max-width: 750px){.modal__close{inset:auto 0 3%}}.modal__bg{position:absolute;width:100%;height:100%;background:rgba(66,58,58,.8)}@keyframes modalOpen{0%{z-index:100;opacity:0;pointer-events:auto}100%{z-index:100;opacity:1;pointer-events:auto}}@keyframes modalClose{0%{z-index:100;opacity:1;pointer-events:auto}99%{z-index:100;opacity:0}100%{z-index:-1;opacity:0;pointer-events:none}}/*# sourceMappingURL=modal.min.css.map */