body{margin:0;padding:0}.message{font-size:1.2rem}.message p{margin:4px 0}.ratings-holder{margin:20px;display:flex;flex-direction:row;justify-content:space-around}.rating-container{margin-bottom:15px}.rating-item{width:55px;white-space:nowrap;display:flex;flex-direction:column;align-items:center}.circle-number{display:inline-flex;justify-content:center;align-items:center;width:55px;height:55px;border:0px solid;border-radius:50%;background-color:#e6ebf1;font-weight:700;font-size:1.2rem;cursor:pointer}.circle-number:hover{background-color:#a9bbdb}.comment-box-wrapper{position:relative;width:90vw}.comment-box{resize:none;width:90vw;border-width:0px;border-radius:10px;margin-left:20px;min-height:140px;padding:12px 44px 28px 12px;font-size:14px;line-height:1.4;box-sizing:border-box}.char-counter{position:absolute;right:-15px;bottom:8px;font-size:12px;color:#6b7280;pointer-events:none;background:#ffffffe6;padding:0 4px;border-radius:4px}.submit-button{background-color:#829ed1;border-width:0px;width:18vh;margin:20px 0 0 20px;height:6vh;border-radius:8px;font-size:1.2rem;font-weight:500;cursor:pointer}.selected-rating{display:inline-flex;justify-content:center;align-items:center;width:55px;height:55px;border:0px solid;border-radius:50%;font-weight:700;font-size:1.2rem;background-color:#829ed1}.success-popup{position:fixed;bottom:50px;left:50%;transform:translate(-50%,-50%);background-color:#4bb543;color:#fff;padding:0 10px;border-radius:8px;box-shadow:0 2px 10px #0003;white-space:nowrap}.fail-popup{position:fixed;bottom:50px;left:50%;transform:translate(-50%,-50%);background-color:#f8b242;color:#000;padding:0 10px;border-radius:8px;box-shadow:0 2px 10px #0003;white-space:nowrap}.rating-values{max-width:768px;list-style-type:none;padding:0;margin:1em 20px;font-size:1.1rem}@media (min-width: 768px){.logo{width:211px;margin:17px}.header{display:block}.message-holder{text-align:start}.ratings-holder{margin:50px 0 50px 150px;display:flex;flex-direction:row;width:500px;justify-content:space-around}.comment-box-wrapper{position:relative;width:650px;height:130px}.comment-box{width:650px;height:130px}.submit-button{margin:30px 0 0 20px;width:150px;height:55px}.feedback-form{background-image:url(/assets/background-DaIaluIi.svg);background-size:cover;background-repeat:no-repeat;background-position:center center}.rating-values{margin:10px 0;display:flex;justify-content:space-around}}.feedback-form{background-color:#d0dae72e;width:100vw;height:100vh}.header{height:80px;background-color:#fff;display:flex;align-items:center;justify-content:center}.logo{width:150px;margin:10px}.message-holder{margin:20px;text-align:center}.message{font-size:1.2rem;font-family:sans-serif}.submit-button{background-color:#829ed1;border-width:0px;width:18vh;margin-left:50%;transform:translate(-50%);margin-top:0;height:6vh;border-radius:8px;font-size:1.2rem;font-weight:500}.display-remarks{margin:20px;font-family:sans-serif;font-size:1.2rem;overflow-wrap:break-word}@media (min-width: 768px){.logo{width:211px;margin:17px}.header{display:block}.message-holder{text-align:start}.submit-button{margin-left:20px;transform:none;width:172px;height:55px}.feedback-form{background-image:url(/assets/background-DaIaluIi.svg);background-size:cover;background-repeat:no-repeat;background-position:center center}}