@media only screen and (min-width:40em){.modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background-color:rgba(0,0,0,0.6);opacity:0;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .6s cubic-bezier(0.55,0,0.1,1),visibility .6s cubic-bezier(0.55,0,0.1,1)}.modal-overlay.active{opacity:1;visibility:visible;z-index:99999}}.modal{display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto;background-color:#fff;width:600px;max-width:75rem;min-height:20rem;padding:1rem;border-radius:3px;opacity:0;overflow-y:auto;visibility:hidden;box-shadow:0 2px 10px rgb(0 0 0 / 10%);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.2);transition:all .6s cubic-bezier(0.55,0,0.1,1);position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;max-height:760px}.modal .close-modal{position:absolute;cursor:pointer;top:5px;right:15px;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .6s cubic-bezier(0.55,0,0.1,1),transform .6s cubic-bezier(0.55,0,0.1,1);transition-delay:.3s}.modal .close-modal svg{width:1.75em;height:1.75em}.modal .modal-content{opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .6s cubic-bezier(0.55,0,0.1,1);transition-delay:.3s}.modal.active{visibility:visible;opacity:1;transform:scale(1);z-index:9999999}.modal.active .modal-content{opacity:1}.modal.active .close-modal{transform:translateY(10px);opacity:1}@media only screen and (max-width:39.9375em){h1{font-size:1.5rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-overflow-scrolling:touch;border-radius:0;transform:scale(1.1);padding:0 !important;max-height:100%}.close-modal{right:20px !important}}