:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{display:grid;grid-template-columns:1fr 50vw 1fr;gap:1rem}header,main,footer{grid-column:2/3}header{display:flex;align-items:center;gap:.5rem}header .space{flex-grow:1}header button{font-size:1.1rem;padding:.5rem 1rem;border:1px solid black;border-radius:.1rem}header button:active{opacity:.8}header .reset{background:#ffffff}header .submit{background:green;color:#fff}header .hidden{display:none;visibility:hidden}.clickable-group{cursor:pointer}[data-rating] rect{transition:filter 1s;filter:grayscale(.9)}