@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.app{padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h2{font-size:2rem;margin-bottom:1rem}.form-container{max-width:600px;margin:0 auto;background-color:#fff;padding:1.5rem;box-shadow:#64646f33 0 7px 29px}.inputs-container{min-height:280px}.form-container form{max-width:400px;margin:0 auto}.form-control{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}label{font-weight:700;color:#777;font-size:.9rem}input,textarea{padding:.6rem;border:none;border-radius:3px;box-shadow:#63636333 0 2px 8px}textarea{height:120px}.actions{display:flex;justify-content:flex-end;gap:1rem}.actions button{font-size:.9rem;padding:.5rem 1rem;display:flex;gap:.5rem;align-items:center;border-radius:3px;background-color:#dfdfdf;cursor:pointer;border:none;transition:.3s}.action buttons:hover{background-color:#cfcfcf}.form-container .score-container{flex-direction:row;gap:2rem;justify-content:center}.score-container svg{font-size:1.6rem;cursor:pointer;transition:.3s}.score-container svg:hover{fill:#7076f4}.score-container input:checked~svg{fill:#7076f4}.radio-container{text-align:center;position:relative}.radio-container input{opacity:0;position:absolute;top:15px;left:31px}.radio-container p{font-size:.7rem;font-style:italic;font-weight:400;margin-top:.4rem}.thanks-container{text-align:center}.thanks-container h2{margin-bottom:1rem}.thanks-container h3{margin:1rem 0}.thanks-container p{font-size:.9rem;margin-bottom:.5rem}.review-data{text-align:left}.review-data svg{margin-left:5px}.review-data span{font-weight:700}.steps{display:flex;gap:4rem;justify-content:center;align-items:center;max-width:400px;margin:0 auto;position:relative;margin-bottom:2rem}.steps:after{content:"";width:380px;border-bottom:1px solid #ccc;position:absolute;top:20px}.step{text-align:center;background-color:#fff;z-index:1;width:120px;padding:.5rem}.step svg{font-size:1.6rem;margin-bottom:.2rem}.active{font-weight:700}.active>svg{fill:#7076f4}*{margin:0;padding:0;box-sizing:border-box;font-family:Barlow;color:#333}body{display:flex;justify-content:center;align-items:center;min-height:100vh}p{color:#777}