.hero-audience{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:4px;margin-bottom:28px;padding:4px;display:inline-flex}.hero-audience[hidden]{display:none}.hero-audience__tab{color:var(--mute);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:600;position:relative;overflow:hidden}.hero-audience__tab[aria-selected=true]{background:var(--tint-2);color:var(--ink)}.hero-audience__tab:focus-visible,.hero-audience__pause:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-audience__fill{transform-origin:0;background:var(--accent);opacity:.16;position:absolute;inset:0;transform:scaleX(0)}.hero-audience__label{position:relative}:lang(ko) .hero-audience__label{word-break:keep-all}.hero-audience__tab[aria-selected=true][data-running] .hero-audience__fill{animation:hero-audience-fill var(--hero-audience-ms,9s) linear forwards}.hero-audience[data-paused] .hero-audience__tab[data-running] .hero-audience__fill{animation-play-state:paused}.hero-audience__pause{width:32px;height:32px;color:var(--mute);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-left:2px;padding:0;transition:background-color .2s ease-out,color .2s ease-out;display:inline-grid}.hero-audience__pause:hover{background:var(--tint-2);color:var(--ink)}.hero-audience__pause[hidden]{display:none}@keyframes hero-audience-fill{to{transform:scaleX(1)}}@media (max-width:520px){.hero-audience{align-items:stretch;width:100%;display:flex}.hero-audience__tab{text-align:center;flex:1 1 0;justify-content:center;align-items:center;min-width:0;padding:8px 10px;font-size:13px;line-height:1.25;display:flex}.hero-audience__pause{flex:0 0 32px;align-self:center}}.hero-audience__stage--on{display:grid}.hero-audience__stage--on>[role=tabpanel]{grid-area:1/1;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),visibility linear}.hero-audience__stage--on>[role=tabpanel][data-inactive]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease-out,transform .32s ease-out,visibility 0s linear .32s;transform:translateY(10px)}.hero-audience__fill{transition:opacity .3s ease-out}.hero-audience__tab{transition:background-color .3s ease-out,color .3s ease-out}@media (prefers-reduced-motion:reduce){.hero-audience__stage--on>[role=tabpanel],.hero-audience__stage--on>[role=tabpanel][data-inactive],.hero-audience__tab{transition:none;transform:none}}
