:root{--color-primary: hsl(25, 97%, 53%);--color-accent-1: hsl(216, 12%, 8%);--color-accent-2: rgb(27, 35, 46);--color-neutral-1: hsl(0, 100%, 100%);--color-neutral-2: hsl(217, 12%, 63%);--color-neutral-2-01: hsla(217, 12%, 63%, 0.1);--spacing-sm-1: 0.5rem;--spacing-sm-2: 0.75rem;--spacing-md-1: 1rem;--spacing-md-2: 1.5rem;--spacing-lg-1: 2rem;--spacing-lg-2: 2.5rem;--spacing-xl-1: 3rem;--spacing-xl-2: 3.5rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;align-content:center;background-color:var(--color-accent-1)}fieldset{border:none}li:has(input[type=radio]){list-style-type:none}label{position:relative}label input[type=radio]{position:absolute;margin:0;padding:0;height:0;width:0;pointer-events:none}button{font:inherit;width:100%}span{display:inline-block;height:1rem}html{font-family:"Overpass",Helvetica,sans-serif;color:var(--color-neutral-1);font-size:.9375rem}h2,h3{font-weight:500;font-size:clamp(1.65rem,6.6vw,1.8rem)}p,label{color:var(--color-neutral-2)}label{display:flex;flex-direction:column}p{font-size:.95rem}button{color:var(--color-accent-2)}label:has(input[type=radio]){font-weight:600}button[type=submit]{font-weight:800}.visually-hidden{position:absolute;border:none;outline:none;padding:0;margin:0;height:1px;width:1px;clip:rect(0, 0, 0, 0)}.hidden{display:none}.active{display:flex;flex-direction:column;justify-content:center}.rating__image-wrapper{display:grid;border-radius:100%;padding:var(--spacing-md-1);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:var(--color-neutral-2-01)}.rating__header{display:grid;gap:var(--spacing-sm-2)}.rating__header-paragraph{line-height:1.75rem}.rating__list{display:flex;flex-wrap:wrap;justify-content:space-between}.rating__item{background-color:var(--color-neutral-2-01);border-radius:100%;width:var(--spacing-xl-1);height:var(--spacing-xl-1)}.rating__item:hover{background-color:var(--color-primary)}.rating__item:hover label{color:var(--color-accent-2)}.rating__item:has(input[type=radio]:checked){background-color:var(--color-neutral-1)}.rating__item:has(input[type=radio]:checked) label{color:var(--color-accent-2)}.rating__option{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.rating__submit{border:none;border-radius:calc(1rem + var(--spacing-xl-1));background-color:var(--color-primary);letter-spacing:2px;cursor:pointer;box-sizing:unset;line-height:1rem;height:.75rem;padding-block:1.125rem}.rating__submit:hover{background-color:var(--color-neutral-1)}.success{align-items:center;text-align:center}.success__header,.success__content{display:flex;flex-direction:column;gap:var(--spacing-md-1)}.success__header-text{border-radius:1rem;padding:var(--spacing-sm-2) var(--spacing-md-1);background-color:var(--color-neutral-2-01);color:var(--color-primary);box-sizing:unset;display:inline-block;line-height:1rem;height:.7rem}main{margin-inline:var(--spacing-md-2)}.rating,.success{gap:var(--spacing-md-2);border-radius:1rem;margin-inline:auto;padding:var(--spacing-md-2);min-height:25rem;max-width:24.5rem;background-color:var(--color-accent-2)}@media screen and (min-width: 25.75em){.rating{padding-inline:var(--spacing-lg-1)}}footer{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.attribution{font-size:11px;text-align:center;white-space:nowrap}.attribution a{color:hsl(228,45%,44%)}/*# sourceMappingURL=style.css.map */