.VoiceBanner_banner__jgm4a{position:absolute;top:var(--voice-banner-top,auto);bottom:var(--voice-banner-bottom,calc(var(--practice-bar-height, 0px) + 16px));left:50%;z-index:20;transform:translateX(-50%);width:max-content;max-width:min(520px,calc(100% - 32px));padding:12px 18px 12px 12px;border-radius:22px;display:flex;align-items:center;gap:14px;pointer-events:none;color:var(--flowchord-text-on-glass);background:var(--flowchord-glass-fill-modal);border:1px solid var(--flowchord-glass-line);box-shadow:0 24px 48px -20px rgba(0,0,0,.65)}.VoiceBanner_badge__zHQuM{position:relative;flex:none;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--flowchord-accent-btn);color:var(--flowchord-accent-btn-text)}.VoiceBanner_banner__jgm4a[data-kind=done] .VoiceBanner_badge__zHQuM{background:var(--flowchord-success);color:var(--flowchord-text-inverse)}.VoiceBanner_banner__jgm4a[data-kind=listening] .VoiceBanner_badge__zHQuM:after{content:"";position:absolute;inset:-5px;border-radius:999px;border:2px solid var(--flowchord-accent-btn);opacity:.5}.VoiceBanner_glyph__cjsda{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.VoiceBanner_words__yO8qn{min-width:0;display:flex;flex-direction:column;gap:2px}.VoiceBanner_title__GB93X{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--flowchord-text-on-glass-secondary)}.VoiceBanner_heard__A2WrU{font-size:1.12rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.VoiceBanner_hint__4gLY5{font-size:1rem;font-weight:600;color:var(--flowchord-text-on-glass-secondary)}@media (prefers-reduced-motion:no-preference){.VoiceBanner_banner__jgm4a{animation:VoiceBanner_drop__rqHz6 var(--flowchord-motion-glide) var(--flowchord-motion-ease-glide)}.VoiceBanner_banner__jgm4a[data-kind=listening] .VoiceBanner_badge__zHQuM:after{animation:VoiceBanner_ring__o6QV9 var(--flowchord-motion-pulse) var(--flowchord-motion-ease-loop) infinite alternate}}@keyframes VoiceBanner_drop__rqHz6{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes VoiceBanner_ring__o6QV9{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}
/*# sourceMappingURL=07b87ffdbdbbb50c.css.map*/