.nb-stt{--stt-orb:196px;--stt-move:.9s cubic-bezier(.65, 0, .1, 1);flex:1;width:100%;min-height:380px;position:relative}.nb-stt[data-phase=docked]{--stt-orb:84px}@media (max-width:639px){.nb-stt{--stt-orb:164px;min-height:400px}.nb-stt[data-phase=docked]{--stt-orb:76px}}.nb-stt-dock{left:50%;top:calc(50% - var(--stt-orb) / 2 - 30px);z-index:2;width:min(100%,520px);transition:top var(--stt-move);flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.nb-stt[data-phase=docked] .nb-stt-dock{top:calc(100% - var(--stt-orb) - 46px)}.nb-stt-orb{width:var(--stt-orb);height:var(--stt-orb);transition:width var(--stt-move), height var(--stt-move);position:relative}.nb-stt-cut{z-index:1;transition:bottom var(--stt-move);position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.nb-stt[data-phase=docked] .nb-stt-cut{bottom:50%}.nb-stt-cut>button{transition:width var(--stt-move), height var(--stt-move), background-color .4s, color .4s, transform .3s cubic-bezier(.16, 1, .3, 1)}.nb-stt-ripple{opacity:0;pointer-events:none;border:1.5px solid #2534ec73;border-radius:9999px;position:absolute;inset:0}.nb-stt-ripple[data-go=true]{animation:.9s cubic-bezier(.16,1,.3,1) nb-stt-ripple}.nb-stt-bars{top:calc(var(--stt-orb) / 2);opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:4px;width:100%;height:56px;transition:opacity .5s .35s;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.nb-stt[data-live=true] .nb-stt-bars{opacity:1}.nb-stt-bars>i{background:hsl(var(--nb-ink) / .14);border-radius:3px;width:3px;height:4px;transition:background-color .3s;display:block}.nb-stt-bars[data-active=true]>i{background:hsl(var(--nb-ink) / .7)}.nb-stt-hint{text-align:center;text-wrap:balance;max-width:44ch;min-height:24px;transition:margin-top var(--stt-move);margin-top:44px}.nb-stt[data-phase=docked] .nb-stt-hint{margin-top:12px}.nb-stt-hint[data-swap]{animation:.45s cubic-bezier(.16,1,.3,1) nb-stt-hint}.nb-stt-reader{inset:0 0 calc(var(--stt-orb) + 64px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(12px)}.nb-stt[data-phase=docked] .nb-stt-reader{opacity:1;pointer-events:auto;transition:opacity .7s cubic-bezier(.16,1,.3,1) .45s,transform .9s cubic-bezier(.16,1,.3,1) .45s;transform:none}.nb-stt-scroll{scrollbar-width:none;height:100%;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 48px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 48px calc(100% - 12px),#0000 100%)}.nb-stt-scroll::-webkit-scrollbar{display:none}.nb-stt-text .w-in{animation:.55s cubic-bezier(.16,1,.3,1) both nb-stt-word-in}.nb-stt-text .w-settle{animation:.7s both nb-stt-settle}.nb-stt-caret:after{content:"";vertical-align:-.06em;background:hsl(var(--nb-ink) / .85);border-radius:2px;width:3px;height:.8em;margin-inline-start:6px;animation:1.1s step-end infinite nb-stt-caret;display:inline-block}.nb-stt-shimmer{color:#0000;background:linear-gradient(90deg, hsl(var(--nb-ink-muted)) 0%, hsl(var(--nb-ink-muted)) 40%, hsl(var(--nb-ink-muted) / .35) 50%, hsl(var(--nb-ink-muted)) 60%, hsl(var(--nb-ink-muted)) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:.45s cubic-bezier(.16,1,.3,1) nb-stt-hint,2.4s linear infinite nb-stt-shimmer}@keyframes nb-stt-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes nb-stt-hint{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes nb-stt-word-in{0%{opacity:0;filter:blur(6px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:none}}@keyframes nb-stt-settle{0%{color:hsl(var(--nb-ink-muted))}to{color:hsl(var(--nb-ink))}}@keyframes nb-stt-caret{0%,45%{opacity:1}50%,95%{opacity:0}}@keyframes nb-stt-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.nb-stt *,.nb-stt :before,.nb-stt :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
