:root{--clr-neutral-700: hsl(228, 11%, 9%);--clr-neutral-600: hsl(215, 20%, 16%);--clr-neutral-500: hsl(204, 27%, 18%);--clr-neutral-100: hsl(0, 0%, 100%);--clr-neutral-200: hsl(217, 12%, 63%);--clr-accent-orange-400: hsl(25, 97%, 53%);--ff-primary: "Overpass", sans-serif;--fw-regular: 400;--fw-bold: 700;--fs-small: .875rem;--fs-large: 1.2rem }@media (min-width:50rem){:root{--fs-body: var(--fs-500);--fs-primary-heading: var(--fs-900);--fs-secondary-heading: var(--fs-800);--fs-nav: var(var(--fs-300)) }}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}a{text-decoration:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bg-neutral-600{background-color:var(--clr-neutral-600)}.bg-neutral-500{background-color:var(--clr-neutral-500)}.bg-neutral-700{background-color:var(--clr-neutral-700)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-200{background-color:var(--clr-neutral-200)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-200{color:var(--clr-neutral-200)}.text-neutral-600{color:var(--clr-neutral-600)}.text-neutral-700{color:var(--clr-neutral-700)}.text-accent-400{color:var(--clr-accent-orange-400)}.bg-accent-400{background-color:var(--clr-accent-orange-400)}.fw-bold{font-weight:var(--fw-bold)}.fw-regular{font-weight:var(--fw-regular)}.fs-small{font-size:var(--fs-small)}.fs-large{font-size:var(--fs-large)}.ff-primary{font-family:var(--ff-primary)}.main{height:100vh;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}@media (max-width:350px){.main{justify-content:center;align-items:center}.main-container{flex-direction:column;border-radius:1rem;width:90%!important;gap:1.5rem}}.main-container{padding:1.5rem;display:flex;align-items:start;justify-content:space-between;flex-direction:column;border-radius:1rem;width:28%;gap:1.5rem}.star{background-color:#22303a;width:2rem;height:2rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.star img{width:100%;height:100%;padding:.5rem}.feedback-score{display:flex;width:100%;justify-content:space-between;align-items:center}.feedback-score button{width:2.5rem;height:2.5rem;border-radius:50%;border:none;cursor:pointer}.feedback-score button:hover,.feedback-score button:active{background-color:var(--clr-accent-orange-400)}.feedback-score button:focus-visible{outline:none}.feedback-score button:focus{background-color:var(--clr-neutral-100)}.btn{width:100%;height:2.5rem;border-radius:1rem;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.2rem}.btn:hover,.btn:active{background-color:var(--clr-neutral-100)}.main-thankyou-container{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-direction:column;border-radius:1rem;width:50%;gap:1.5rem}@media (max-width:350px){.main-thankyou-container{flex-direction:column;border-radius:1rem;width:90%!important;gap:1.5rem}}.thank-you-description{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:80%}.rating{width:fit-content;border-radius:18px;padding:.2rem .5rem}.thank-you-image{width:30%}.thank-you-image img{width:100%}button:disabled{cursor:not-allowed;opacity:80%}