.oQRyOq_caret{animation:1s step-end infinite oQRyOq_caret}@keyframes oQRyOq_caret{50%{opacity:0}}.oQRyOq_scan{inset-inline:0;top:calc(var(--scan,0) * 100%);height:18%;opacity:var(--scan-o,0);pointer-events:none;background:linear-gradient(#0000,#01b2de29);border-bottom:2px solid #01b2debf;position:absolute;translate:0 -100%;box-shadow:0 6px 18px -4px #01b2de73}.oQRyOq_edge{inset-block:0;left:calc(var(--split,100) * 1%);width:2px;opacity:var(--edge-o,0);background:linear-gradient(to bottom, transparent, var(--color-brand) 12%, var(--color-brand) 88%, transparent);pointer-events:none;position:absolute;translate:-1px;box-shadow:0 0 22px 4px #01b2de73}.oQRyOq_before{clip-path:inset(0 calc(100% - var(--split,100) * 1%) 0 0)}.oQRyOq_handle{top:50%;left:calc(var(--split,100) * 1%);position:absolute;translate:-50% -50%}.oQRyOq_load{inset-inline:0;z-index:10;background:var(--color-brand);transform-origin:0;height:2px;scale:var(--load,0) 1;opacity:var(--load-o,0);pointer-events:none;position:absolute;top:0;box-shadow:0 0 10px #01b2de99}
.-cdzWG_pill{--vp-s:var(--vp-size,28px);--vp-glyph:var(--vp-icon-size,calc(var(--vp-s) * .54));--vp-radius:calc(var(--vp-s) / 2);--vp-time-size:max(10px, calc(var(--vp-s) * .36));--vp-clock-w:calc(var(--vp-time-size) * 2.5 + 4px);--vp-wave-w:calc(var(--vp-s) * 1.9);--vp-open-by:calc(var(--vp-reach) + var(--vp-clock-w) + var(--vp-wave-w));--vp-ease-out:cubic-bezier(.23, 1, .32, 1);isolation:isolate;width:var(--vp-s);height:var(--vp-s);border-radius:var(--vp-radius);color:var(--vp-icon);pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;place-items:center;transition:color .15s 60ms;display:inline-grid;position:relative}.-cdzWG_pill:after{content:"";border-radius:inherit;box-shadow:0 0 0 1px var(--vp-ring);transition:opacity .15s 60ms;position:absolute;inset:0}.-cdzWG_pill[data-state=listening]{z-index:1;color:var(--vp-accent)}.-cdzWG_pill[data-state=listening]:after{opacity:0}.-cdzWG_capsule{inset:0 0 0 calc(-1 * var(--vp-open-by));border-radius:var(--vp-radius);background:var(--vp-bg);clip-path:inset(0 0 0 var(--vp-open-by) round var(--vp-radius));transition:clip-path var(--vp-open) var(--vp-ease-out), background-color .15s ease 60ms;position:absolute}.-cdzWG_pill[data-state=listening] .-cdzWG_capsule{background:var(--vp-bg-live);clip-path:inset(0 0 round var(--vp-radius))}.-cdzWG_pill[data-state=listening],.-cdzWG_pill[data-state=listening]:after,.-cdzWG_pill[data-state=listening] .-cdzWG_capsule{transition-delay:0s}.-cdzWG_time{width:var(--vp-clock-w);color:var(--vp-accent);font-size:var(--vp-time-size);font-variant-numeric:tabular-nums;opacity:0;filter:blur(2px);place-items:center;font-weight:500;line-height:1;transition:opacity .2s,filter .2s;display:grid;position:absolute;top:0;bottom:0;right:100%}.-cdzWG_wave{top:18%;right:calc(100% + var(--vp-clock-w));width:var(--vp-wave-w);height:64%;color:var(--vp-accent);opacity:0;filter:blur(2px);transition:opacity .2s,filter .2s;position:absolute}.-cdzWG_pill[data-state=listening] .-cdzWG_time,.-cdzWG_pill[data-state=listening] .-cdzWG_wave{opacity:1;filter:blur()}.-cdzWG_glyph{place-items:center;display:grid;position:relative}.-cdzWG_glyph>*{transition:opacity .2s ease, filter .2s ease, transform .2s var(--vp-ease-out);grid-area:1/1}.-cdzWG_mic{width:var(--vp-glyph);height:var(--vp-glyph)}.-cdzWG_stop{width:calc(var(--vp-glyph) * .6);height:calc(var(--vp-glyph) * .6);opacity:0;filter:blur(2px);background:currentColor;border-radius:22%;transform:scale(.6)}.-cdzWG_pill[data-state=listening] .-cdzWG_mic{opacity:0;filter:blur(2px);transform:scale(.7)}.-cdzWG_pill[data-state=listening] .-cdzWG_stop{opacity:1;filter:blur();transform:scale(1)}@media (prefers-reduced-motion:reduce){.-cdzWG_capsule,.-cdzWG_pill[data-state=listening] .-cdzWG_capsule{transition:background-color .15s}.-cdzWG_time,.-cdzWG_wave,.-cdzWG_glyph>*,.-cdzWG_pill[data-state=listening] .-cdzWG_mic,.-cdzWG_pill[data-state=listening] .-cdzWG_stop{filter:none;transition:opacity .2s;transform:none}}
.YhcanW_pop{animation:.45s cubic-bezier(.22,1,.36,1) both YhcanW_check-badge-pop}@keyframes YhcanW_check-badge-pop{0%{opacity:0;transform:scale(.3)}40%{opacity:1}60%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.YhcanW_tick{stroke-dasharray:1;stroke-dashoffset:0}.YhcanW_draw .YhcanW_tick{stroke-dashoffset:1px;animation:.38s cubic-bezier(.22,1,.36,1) .14s both YhcanW_check-badge-draw}@keyframes YhcanW_check-badge-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.YhcanW_pop,.YhcanW_draw .YhcanW_tick{animation:none}.YhcanW_draw .YhcanW_tick{stroke-dashoffset:0}}
.WMBI3q_backdrop{--fade-x:48px;--fade-y:160px;z-index:-10;pointer-events:none;--mask-x:linear-gradient(to right, transparent, #0000001b calc(var(--fade-x) * .2), #0000005a calc(var(--fade-x) * .4), #000000a5 calc(var(--fade-x) * .6), #000000e4 calc(var(--fade-x) * .8), #000 var(--fade-x), #000 calc(100% - var(--fade-x)), #000000e4 calc(100% - var(--fade-x) * .8), #000000a5 calc(100% - var(--fade-x) * .6), #0000005a calc(100% - var(--fade-x) * .4), #0000001b calc(100% - var(--fade-x) * .2), transparent);--mask-y:linear-gradient(to bottom, transparent, #0000001b calc(var(--fade-y) * .2), #0000005a calc(var(--fade-y) * .4), #000000a5 calc(var(--fade-y) * .6), #000000e4 calc(var(--fade-y) * .8), #000 var(--fade-y), #000 calc(100% - var(--fade-y)), #000000e4 calc(100% - var(--fade-y) * .8), #000000a5 calc(100% - var(--fade-y) * .6), #0000005a calc(100% - var(--fade-y) * .4), #0000001b calc(100% - var(--fade-y) * .2), transparent);--mask-center:radial-gradient(ellipse 30% 75% at 50% 50%, #0000004d 35%, #000 100%);-webkit-mask-image:var(--mask-x), var(--mask-y), var(--mask-center);-webkit-mask-image:var(--mask-x), var(--mask-y), var(--mask-center);mask-image:var(--mask-x), var(--mask-y), var(--mask-center);-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}@media (min-width:768px){.WMBI3q_backdrop{--fade-x:200px;--fade-y:220px}}.WMBI3q_stage{height:100svh;position:sticky;top:0}.WMBI3q_blur{--reach:calc(var(--fade-x) * .6);--ramp:#000, #000000b8 25%, #00000061 50%, #0000001f 75%, transparent;pointer-events:none;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);-webkit-mask:linear-gradient(to right, var(--ramp)) left / var(--reach) 100% no-repeat, linear-gradient(to left, var(--ramp)) right / var(--reach) 100% no-repeat;-webkit-mask:linear-gradient(to right, var(--ramp)) left / var(--reach) 100% no-repeat, linear-gradient(to left, var(--ramp)) right / var(--reach) 100% no-repeat;mask:linear-gradient(to right, var(--ramp)) left / var(--reach) 100% no-repeat, linear-gradient(to left, var(--ramp)) right / var(--reach) 100% no-repeat;position:absolute;inset:0}