section.svelte-48c288{justify-content:center;align-items:center;display:flex}section.svelte-48c288>div:where(.svelte-48c288){width:100%;max-width:40ch}form.svelte-48c288{flex-direction:column;display:flex}h1.svelte-48c288{font-family:var(--font-main);text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-h3);line-height:1.2}p.svelte-48c288{text-wrap:balance}.rating.svelte-48c288{width:fit-content;margin-bottom:.25em;display:flex}input[type=radio].svelte-48c288{display:none}label.svelte-48c288{cursor:pointer;padding:4px}svg.svelte-48c288{width:2em;height:2em;stroke:var(--sea-green);stroke-width:1.6px;fill:var(--sea-green);transition:fill .4s cubic-bezier(.25,1,.5,1),stroke .4s cubic-bezier(.25,1,.5,1)}.rating.svelte-48c288:hover label:where(.svelte-48c288)>svg:where(.svelte-48c288){fill:var(--mint);stroke:var(--mint)}.rating.svelte-48c288:not(:hover) input:where(.svelte-48c288):indeterminate+label:where(.svelte-48c288)>svg:where(.svelte-48c288),.rating.svelte-48c288:not(:hover) input[type=radio]:where(.svelte-48c288):checked~input[type=radio]:where(.svelte-48c288)+label:where(.svelte-48c288)>svg:where(.svelte-48c288),.rating.svelte-48c288 input[type=radio]:where(.svelte-48c288):hover~input[type=radio]:where(.svelte-48c288)+label:where(.svelte-48c288)>svg:where(.svelte-48c288){fill:#0000}textarea.svelte-48c288{field-sizing:content;width:100%;min-height:8em;margin-top:.125em;margin-bottom:.75em}span.svelte-48c288{color:var(--coral);font-size:var(--font-size-small);text-wrap:pretty;margin-bottom:1em}span.svelte-48c288:first-letter{text-transform:capitalize}