.modal_bg{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:0;z-index:-1;transition:all .2s ease-in;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.modal_bg.active{opacity:1;z-index:500}.modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:1.5em 3em;margin:0 auto;max-width:600px;background:#fcfcfc;display:none;opacity:0;transition:all .2s ease-in;width:50%;border-radius:3px}.modal.active{flex-direction:column}.feedback_header,.modal.active{display:flex;align-items:center}.feedback_header{margin-bottom:2em;justify-content:center;width:100%}.modal h1{font-size:2em;font-weight:600;letter-spacing:-3px}.modal p.date{opacity:.7;font-size:1.2em;margin:0}.modal p.text{opacity:.9;font-size:1em;letter-spacing:-1px;margin-bottom:1em;text-align:center}.modal form{width:100%;display:flex;flex-direction:column;align-items:center}.modal .star_div{display:flex;justify-content:space-between;width:100%}.modal .input_div{width:100%;margin-bottom:1em;padding-bottom:1em}.modal p{font-size:1.9em;font-weight:500;margin-bottom:.5em;letter-spacing:-2px;text-align:center}.modal .input_div p.label{font-size:1.1em;opacity:.9;letter-spacing:-1px;font-weight:600;margin-bottom:.5em}.modal .errorMessage{color:#f04;font-weight:600;text-align:center;opacity:0;font-size:1.2em;transition:all .3s ease-in;margin:0}.modal .errorMessage.active{opacity:1}.modal .input_div label{font-size:1em;letter-spacing:-1px;font-weight:500;color:#414141}.modal textarea{padding:1em;resize:none;height:8em;width:100%;border-radius:3px;border:none;box-shadow:0 0 0 1px rgba(55,126,220,.5)}.modal textarea:hover{box-shadow:0 0 2px 1px #377edc}.modal textarea:focus{outline:none;box-shadow:0 0 4px 1px #377edc}.modal button{padding:.5em 1em;border-radius:3px;text-align:center;font-size:1.2em;font-weight:500;background:#4586d6;color:#fff;transition:all .1s ease-in}.modal button.feedback{padding:.5em 0;width:100%!important}.modal button:hover{background:#3f92f8}.modal .star_div img{width:45px}.modal.active{opacity:1}@media screen and (max-width:1180px){.modal{max-width:70%;min-width:600px}}@media screen and (max-width:850px){.modal{max-width:80%;min-width:600px}}@media screen and (max-width:650px){.modal{width:95%;max-width:unset;min-width:unset;padding:1.5em}.modal p{font-size:1.5em;text-align:center}.modal p.text{font-size:.9em}}@media screen and (max-width:500px){.feedback_header{flex-direction:column;align-items:flex-start}}@media screen and (max-width:400px){.modal p{font-size:1.2em}.modal p.text{font-size:.8em}}