@import"https://fonts.googleapis.com/css2?family=Overpass:wght@400..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Overpass",sans-serif;font-size:.9375rem;background-color:hsl(216,12%,8%);padding-inline:1.75em;display:flex;justify-content:center;align-items:center;height:100svh}main{background-color:hsl(213,19%,18%);color:hsl(217,12%,63%);border-radius:.75em;font-size:.9375rem;padding:2.25em 1.75em}.rating{display:grid;gap:1.25em}.rating__img--icon{background-color:hsl(213,19%,20%);padding:.75em;border-radius:50%;display:flex;justify-content:center;align-items:center}.rating__title{color:#fff;font-weight:700}.rating__values{display:grid;grid-template-columns:repeat(5, 1fr);gap:.5em}.rating__value{background-color:hsl(213,19%,20%);border:none;outline:none;color:inherit;font-family:inherit;font-size:.9375rem;padding:.25em;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out}.rating__value:hover{background-color:hsl(25,97%,53%);color:hsl(213,19%,18%);font-weight:700}.rating__value.active{background-color:#fff;color:hsl(213,19%,18%);font-weight:700}.rating__submit{border:none;outline:none;background-color:hsl(25,97%,53%);color:hsl(216,12%,8%);font-family:inherit;font-size:.9375rem;font-weight:700;text-transform:uppercase;padding:.975em;border-radius:1.25em;letter-spacing:2px;margin-block-start:.975em;cursor:pointer;transition:background-color .3s ease-in-out}.rating__submit:hover{background-color:#fff}.thanks{display:none;gap:1.5em;text-align:center}.thanks__selected{color:hsl(25,97%,53%);background-color:hsl(213,19%,20%);padding:.975em 1.5em;border-radius:1.5em;inline-size:fit-content;margin:0 auto}.thanks__title{margin-block-start:.25em;font-weight:700;color:#fff}@media screen and (min-width: 662px){main{max-width:375px}}