/* .vstars — Vivid Stars, a star rating field, from @senserva/vivid-js@0.0.1 on 2026-10-25.
   GENERATED. Do not edit in a consuming repo: change src/vivid-stars.css in
   Senserva/vivid-js, re-run `npm run bundle:survey`, and re-vendor ALL THREE files.
   Needs the Vivid tokens beside it — every value here is a --sv-* token. */
.vstars{--_fill: var(--vivid-stars-fill, var(--sv-gold));--_ink: var(--vivid-stars-ink, var(--sv-text-secondary));--_ring: var(--vivid-stars-focus-ring, var(--sv-focus-ring, var(--sv-accent)));--_size: var(--vivid-stars-size, 30px);display:inline-flex;gap:4px;align-items:center}.vstar{position:relative;display:inline-flex;cursor:pointer;padding:2px;border-radius:6px;line-height:0}.vstar input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.vstar svg{width:var(--_size);height:var(--_size);fill:transparent;stroke:var(--_ink);stroke-width:1.5;stroke-linejoin:round;transition:fill .12s,stroke .12s,transform .12s}.vstar-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vstar input:focus-visible~svg{outline:2px solid var(--_ring);outline-offset:2px;border-radius:4px}.vstar:has(input:checked) svg,.vstar:has(~.vstar input:checked) svg{fill:var(--_fill);stroke:var(--_fill)}.vstars:hover .vstar svg{fill:transparent;stroke:var(--_ink)}.vstars:hover .vstar:hover svg,.vstars:hover .vstar:has(~.vstar:hover) svg{fill:var(--_fill);stroke:var(--_fill)}.vstar:hover svg{transform:scale(1.08)}.vstars-scale{display:block;color:var(--vivid-stars-ink, var(--sv-text-secondary));font-size:.78rem;margin-top:4px}@media(prefers-reduced-motion:reduce){.vstar svg{transition:none}.vstar:hover svg{transform:none}}