.modalContainer{align-items:center;background:rgba(0,0,0,.35);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .4s ease;visibility:hidden;z-index:100}.modalContainer .modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.9));border-radius:20px;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);color:#000;font-size:1.2rem;height:auto;padding:2rem;-webkit-transform:translateY(-600px);transform:translateY(-600px);transition:all .4s ease;width:calc(20rem + 55vw)}.modalContainer .modal,.modalContainer .modal h2{font-family:Poppins,sans-serif}@media only screen and (max-width:768px){.modalContainer .modal h2{font-size:1.2rem}}@media only screen and (max-width:676px){.modalContainer .modal{font-size:1rem;width:calc(10rem + 55vw)}}.modalContainer .modal_header{border-bottom:1px solid #ddd;position:relative}.modalContainer .modal_header-title{margin-bottom:15px;text-align:center}.modalContainer .modal_header .close{background:transparent;border:none;cursor:pointer;position:absolute;right:.2rem;top:0}@media only screen and (max-width:676px){.modalContainer .modal_header .close{right:-1rem;top:-1rem}}.modalContainer .modal_header .close img{height:auto;transition:all .3s ease;width:1.5rem}@media only screen and (max-width:676px){.modalContainer .modal_header .close img{width:.8rem}}.modalContainer .modal_header .close:hover img{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}.modalContainer .modal_content{border-bottom:1px solid #ddd;padding:2rem 0}.modalContainer .modal_footer{display:flex;justify-content:flex-end;padding:2rem 0 0}.modalContainer .modal_footer button{border-radius:8px;padding:.5rem}.modalContainer .modal_footer .submit{background-color:#364348;color:#fff;margin-right:1rem}.modalContainer .modal_footer .submit:hover{background:rgba(54,67,72,.8)}.modalContainer .modal_footer .modal-close{background:transparent;cursor:pointer;font-weight:600;transition:all .3s ease-in-out}.modalContainer .modal_footer .modal-close:hover{background:hsla(0,0%,100%,.7);color:rgba(54,67,72,.8)}.modalContainer.show{opacity:1;visibility:visible}.modalContainer.show .modal{-webkit-transform:translateY(0);transform:translateY(0)}
/*# sourceMappingURL=main.4351dd01.css.map*/