*{padding:0;margin:0;box-sizing:border-box}body{background-color:#ebebf3}#app{width:100vw;height:100vh;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px}#app,.buttons,.checkbox,.exit,.feedback__emoji{display:flex;justify-content:center;align-items:center}.feedbackCard{position:relative;height:625px;width:400px;background-color:#fff;border-radius:12px;box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}.exit{position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:#ebebf3;border-radius:50%;font-weight:900;cursor:pointer}.exit img{width:30%}.feedback{padding:85px 80px 50px 60px;text-transform:uppercase}.feedback p:nth-child(2){margin-top:5px;text-transform:none}.feedback__emoji{justify-content:space-between;margin-top:30px;height:50px}.feedback__emoji svg{box-sizing:initial;width:25px;cursor:pointer;border-radius:50%;transition:.5s ease}.feedback__emoji svg.selected{border:12px solid #ebebf3}.feedback__emoji svg.selected circle#Oval,.feedback__emoji svg.selected polygon#Path{fill:#ebb34b}.feedbackQuestions{padding:0 60px 0 60px}.feedbackQuestions label{font-weight:500}.feedbackQuestions textarea{font-size:13px;width:100%;height:110px;border:1px solid;border-radius:5px;outline:none;padding:10px;margin-top:8px;font-family:Avenir,Helvetica,Arial,sans-serif;resize:none}.feedbackQuestions textarea:focus{border-color:#015ecc}.feedbackCheckbox{padding:30px 60px 0 60px}.feedbackCheckbox p{font-weight:500}.feedbackCheckbox .checkbox{width:120px;margin-top:20px;justify-content:space-between}.feedbackCheckbox .checkbox label{margin-left:10px}.buttons{padding:50px 60px 0 60px;justify-content:space-between}.buttons button{width:135px;height:45px;background-color:transparent;border:1px solid #a8afbe;border-radius:5px;color:#a8afbe;font-weight:700;outline:none;cursor:pointer;transition:.2s ease}.buttons button:hover{transform:scale(.97)}.buttons button:first-child{background-color:#3b70ff;color:#fff;border:none;box-shadow:0 1px 2px rgba(59,112,255,.07),0 2px 4px rgba(59,112,255,.07),0 10px 8px rgba(59,112,255,.07),0 8px 16px rgba(59,112,255,.07),0 16px 32px rgba(59,112,255,.07),0 32px 64px rgba(59,112,255,.07)}@media screen and (max-width:500px){.feedbackCard{width:85%}.feedback{padding:85px 8% 50px 8%}.feedbackQuestions{padding:0 8% 0 8%}.feedbackCheckbox{padding:30px 8% 0 8%}.buttons{padding:50px 8% 0 8%}.buttons button{width:45%}}