.sv-hero-stage{padding:28px 16px 36px}@media (width>=640px){.sv-hero-stage{padding:36px 32px 44px}}.sv-hero{flex-direction:column;align-items:center;display:flex}.sv-hero-art{aspect-ratio:720/600;width:min(80%,340px);position:relative}.sv-hero-backing{position:absolute;inset:0}.sv-hero-backing-paper{transform-origin:50% 100%;--idle:2.7s;--idle-delay:-2000ms;--r1:.5deg;--r2:-.4deg}.sv-hero-megaphone{transform-origin:20% 80%;width:64%;position:absolute;top:13%;left:8%}.sv-hero-megaphone-paper{transform-origin:20% 80%;--idle:3.1s;--idle-delay:-900ms;--r1:.8deg;--r2:-.5deg}.sv-hero-card{z-index:1;width:100%;margin-top:-28px;position:relative}.sv-hero-body{gap:14px;padding:16px 16px 14px;display:grid}.sv-hero-answer:nth-child(3){display:none}@media (width>=600px){.sv-hero{flex-direction:row;justify-content:center;align-items:center;gap:24px}.sv-hero-art{flex:0 0 38%;width:auto;max-width:300px}.sv-hero-card{flex:1 1 0;max-width:460px;margin-top:0}}@media (width>=1024px){.sv-hero-stage{padding:0}.sv-hero{display:block}.sv-hero-art{width:auto;max-width:none;height:88%;position:absolute;bottom:0;left:6%}.sv-hero-card{width:min(44%,580px);max-width:none;position:absolute;top:50%;left:50%;translate:0 -50%}.sv-hero-body{grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);column-gap:18px;padding:18px 22px 16px}.sv-hero-stats{grid-template-columns:1fr;align-content:start}.sv-hero-answer:nth-child(3){display:list-item}}@media (width>=1280px){.sv-hero-art{height:90%;left:8%}}@media (width>=1024px) and (height<=920px){.sv-hero-stage{height:clamp(290px,23vw,330px)}.sv-hero-answer:nth-child(3){display:none}}.sv-fu{max-width:520px;margin-inline:auto;padding-top:34px}.sv-fu-why{z-index:2;transform-origin:30% 100%;width:92px;position:absolute;top:0;right:-6px;rotate:6deg}@media (width>=640px){.sv-fu-why{width:116px;right:-28px}}.sv-fu-why-paper{transform-origin:30% 100%;--idle:2.6s;--idle-delay:-400ms;--r1:2deg;--r2:-1.5deg}.sv-fu-card>p:first-child{padding-right:96px}.sv-fu-follow{transform-origin:50% 0}.sv-sort-wrap{padding-bottom:60px}.sv-sort-replay{position:absolute;bottom:0;right:0}.sv-sort{gap:8px;display:grid;position:relative}.sv-ballot-box{position:relative}@container (width<=559.98px){.sv-sort{grid-template-columns:58px minmax(0,1fr);gap:10px}.sv-ballot-box{position:sticky;top:88px}.sv-ballot-count{display:none}}.sv-ballot-paper{transform-origin:50% 100%;--idle:2.9s;--idle-delay:-1300ms;--r1:.8deg;--r2:-.6deg}.sv-ballot-slot{pointer-events:none;width:40%;height:4%;position:absolute;top:13%;left:30%}.sv-theme+.sv-theme{border-top:1px solid var(--color-paper-hairline);padding-top:16px}.sv-answer{z-index:3;position:relative}.sv-quote--survey{background:color-mix(in srgb, var(--color-golden-yellow) 15%, var(--color-field-bg))}.sv-quote{container-type:inline-size}@container (width<=181.98px){.sv-quote-kind{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sv-quote-sep{display:none}}@container (width>=500px){.sv-theme-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=560px){.sv-sort{grid-template-columns:minmax(0,.33fr) minmax(0,.67fr);align-items:end;gap:0}.sv-ballot{justify-self:end;width:100%;max-width:240px;margin-bottom:18px;margin-right:-18px}.sv-ballot-count{margin-right:18px}.sv-theme-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-ballot{z-index:2;position:relative}}.sv-results{max-width:520px;margin-inline:auto}.sv-bar{transform-origin:0;transform:scaleX(var(--p,1))}.sv-seg{transform-origin:0}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .sv-hero[data-on] .sv-hero-megaphone{animation:1.4s step-end both sv-call}:root:not([data-reduce-motion=reduce]) .sv-hero[data-on] .sv-hero-answer--new{animation:.42s step-end .9s both sv-press}:root:not([data-reduce-motion=reduce]) .sv-fu[data-on] .sv-fu-why-paper{animation:.56s step-end both hero-hop}:root:not([data-reduce-motion=reduce]) .sv-fu[data-on] .sv-fu-follow{animation:.42s step-end .45s both sv-press}@container (width>=560px){:root:not([data-reduce-motion=reduce]) .sv-sort:is([data-scene=before],[data-scene=play]) .sv-answer{animation:.64s step-end both sv-fly;animation-delay:calc(.35s + var(--i,0) * .68s)}:root:not([data-reduce-motion=reduce]) .sv-sort:is([data-scene=before],[data-scene=play]) .sv-theme-count{animation:.24s step-end both hero-pop;animation-delay:calc(1s + var(--i,0) * .68s)}:root:not([data-reduce-motion=reduce]) .sv-sort[data-scene=play] .sv-ballot-box{animation:.68s step-end .33s 3 both sv-jolt}:root:not([data-reduce-motion=reduce]) .sv-sort[data-scene=before] :is(.sv-answer,.sv-theme-count){animation-play-state:paused}}@container (width<=559.98px){:root:not([data-reduce-motion=reduce]) .sv-theme[data-fly] .sv-answer{animation:.64s step-end .15s both sv-fly}:root:not([data-reduce-motion=reduce]) .sv-theme[data-fly] .sv-theme-count{animation:.24s step-end .65s both hero-pop}:root:not([data-reduce-motion=reduce]) .sv-theme[data-fly=wait] :is(.sv-answer,.sv-theme-count){animation-play-state:paused}:root:not([data-reduce-motion=reduce]) .sv-sort[data-jolt=a] .sv-ballot-box{animation:.68s step-end .13s both sv-jolt}:root:not([data-reduce-motion=reduce]) .sv-sort[data-jolt=b] .sv-ballot-box{animation:.68s step-end .13s both sv-jolt-b}}:root:not([data-reduce-motion=reduce]) .sv-results[data-scene=before] :is(.sv-bar,.sv-seg){transform:scaleX(0)}:root:not([data-reduce-motion=reduce]) .sv-results[data-scene=play] .sv-bar{animation:.48s step-end both paper-fill;animation-delay:calc(.15s + var(--i,0) * .16s)}:root:not([data-reduce-motion=reduce]) .sv-results[data-scene=play] .sv-seg{animation:1ms step-end both sv-seg;animation-delay:calc(.75s + var(--i,0) * .11s)}}@keyframes sv-call{0%,to{transform:none}14%{transform:translateY(-3%)rotate(-3deg)}32%,64%{transform:translateY(-6%)rotate(-6deg)scale(1.05)}82%{transform:translateY(-2%)rotate(1deg)}}@keyframes sv-press{0%,to{transform:none}30%{transform:scale(1.04)rotate(-1deg)}65%{transform:scale(.99)rotate(.5deg)}}@keyframes sv-fly{0%{opacity:0;transform:translate(var(--fx,0px), var(--fy,0px)) scale(.3)}1%{opacity:1;transform:translate(var(--fx,0px), var(--fy,0px)) scale(.3) rotate(-10deg)}30%{opacity:1;transform:translate(calc(var(--fx,0px) * .7), calc(var(--fy,0px) * .7 - 56px)) scale(.6) rotate(7deg)}60%{opacity:1;transform:translate(calc(var(--fx,0px) * .25), calc(var(--fy,0px) * .25 - 22px)) scale(.92) rotate(-3deg)}85%{opacity:1;transform:translateY(-3px)scale(1.02)rotate(1deg)}99.9%,to{opacity:1;transform:none}}@keyframes sv-jolt{0%,60%,99.9%{transform:none}12%{transform:translateY(-3%)rotate(-2deg)}30%{transform:translateY(1%)rotate(1.5deg)}}@keyframes sv-jolt-b{0%,60%,99.9%{transform:none}12%{transform:translateY(-3%)rotate(-2deg)}30%{transform:translateY(1%)rotate(1.5deg)}}@keyframes sv-seg{0%{transform:scaleX(0)}99.9%,to{transform:none}}
