.pippin-root .voice-panel{position:fixed;bottom:0;left:0;right:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:32px;gap:8px;z-index:10;isolation:isolate}@media(min-width:601px){.pippin-root .voice-panel{padding-bottom:24px;gap:12px}}.pippin-root .voice-panel>*{pointer-events:auto}@keyframes pippin-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pippin-popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.pippin-root .sleep-screen{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:pippin-sleepFadeIn .5s ease-out both}.pippin-root .sleep-screen .pippin-tagline,.pippin-root .sleep-screen .wake-btn{opacity:0;transition:opacity .3s ease-out}.pippin-root .sleep-screen[data-ready] .pippin-tagline,.pippin-root .sleep-screen[data-ready] .wake-btn{opacity:1;transition-delay:.4s}.pippin-root .sleep-screen[data-flying-out] .pippin-tagline,.pippin-root .sleep-screen[data-flying-out] .wake-btn,.pippin-root .sleep-screen[data-flying-out] .wake-btn[data-subdued],.pippin-root .sleep-zs[data-flying-out]{transition:opacity .6s ease-out,translate .6s ease-out;opacity:0}.pippin-root .sleep-screen[data-flying-out] .pippin-tagline{translate:0 20px}.pippin-root .sleep-screen[data-flying-out] .wake-btn,.pippin-root .sleep-screen[data-flying-out] .wake-btn[data-subdued]{translate:-50% 30px}@keyframes pippin-sleepFadeIn{0%{opacity:0}to{opacity:1}}.pippin-root .sleep-screen>*{pointer-events:auto}.pippin-root .pippin-title{position:fixed;top:50%;left:50%;width:clamp(340px,56vmin,680px);height:auto;aspect-ratio:510.105 / 181.8;transform:translate(-50%,-170%);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;overflow:visible}.pippin-root .pippin-title path{pointer-events:auto}.pippin-root .pippin-tagline,.pippin-root .wake-btn{z-index:2}.pippin-root .pippin-tagline{position:fixed;left:0;right:0;top:calc(47% + min(200px,25vmin));text-align:center;margin:0;font-family:Chillax,system-ui,-apple-system,sans-serif;font-weight:600;font-size:clamp(16px,2.79vh,24px);letter-spacing:-.03em;line-height:1.3;padding-bottom:.15em;background:linear-gradient(180deg,#f3f7ff 25%,#0e3481 170%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;-webkit-user-select:none;user-select:none}.pippin-root .wake-btn{position:fixed;left:50%;top:calc(47% + min(200px,25vmin) + 100px);translate:-50% 0;transform-origin:center;background:transparent;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:scale .45s cubic-bezier(.34,1.56,.64,1);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(max-width:600px){.pippin-root .pippin-tagline{top:calc(47% + min(340px,42vw))}.pippin-root .wake-btn{top:calc(47% + min(340px,42vw) + 80px)}.pippin-root .pippin-title{transform:translate(-50%,-230%)}}.pippin-root .wake-btn:hover:not([data-subdued]){scale:1.06}.pippin-root .wake-btn:active:not([data-subdued]){scale:.96;transition:scale .1s ease-out}.pippin-root .sleep-screen .wake-btn[data-subdued]{opacity:.1;scale:.85;cursor:wait;pointer-events:none;transition:none}.pippin-root .wake-btn[data-subdued] .wake-btn-pulse{animation:none;opacity:0}.pippin-root .wake-btn-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:400px;border:1px solid rgba(10,153,213,.6);translate:-50% -50%;transform-origin:center;pointer-events:none;opacity:0;animation:pippin-pulse-out 2.6s ease-out infinite}.pippin-root .wake-btn-pulse-1{animation-delay:0s}.pippin-root .wake-btn-pulse-2{animation-delay:1.3s}@keyframes pippin-pulse-out{0%{opacity:.8;scale:1}40%{opacity:0;scale:1.4}to{opacity:0;scale:2}}.pippin-root .wake-btn-label{display:inline-flex;padding:16px 32px 20px;justify-content:center;align-items:center;gap:10px;border-radius:400px;background:linear-gradient(203deg,#0697ff33 37.43%,#00112c33 107.08%);background-blend-mode:plus-lighter;font-family:Chillax,system-ui,-apple-system,sans-serif;font-weight:600;font-size:32px;letter-spacing:-.01em;line-height:1;color:#fff;text-shadow:0 1px 1px #001d4a;white-space:nowrap;position:relative;overflow:hidden;transition:background .5s ease-out}.pippin-root .wake-btn:hover:not(:disabled) .wake-btn-label{background:linear-gradient(203deg,#0697ff59 37.43%,#00112c59 107.08%)}.pippin-root .wake-btn-border-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:400px;padding:1.5px;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask-composite:exclude;-webkit-mask-composite:xor}.pippin-root .wake-btn-border-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 150deg at 50% 50%,#c8e6fff2,#0a285a26,#b4dcffd9,#0a285a26,#c8e6fff2)}.pippin-root .connect-btn{padding:14px 36px;background:#fff;color:#000;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out;animation:pippin-fadeIn .4s ease-out both;margin-bottom:auto;margin-top:auto;box-shadow:0 2px 12px #ffffff1a}.pippin-root .connect-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 24px #ffffff26}.pippin-root .connect-btn:active{transform:translateY(0) scale(.98)}.pippin-root .connect-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.pippin-root .pippin-header{position:fixed;top:32px;left:50%;transform:translate(-50%);width:140px;height:auto;aspect-ratio:510.105 / 181.8;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;z-index:0;animation:pippin-headerFadeIn .8s ease-out .4s forwards}@keyframes pippin-headerFadeIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.pippin-root .audio-control{position:relative;z-index:2;display:inline-flex;align-items:center;gap:36px;padding:10px 14px;border-radius:150px;background:linear-gradient(164.41deg,#0a1937bf 14.64%,#0f376ebf 85.36%);box-shadow:0 4px 4px #00000040;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:pippin-popIn .4s cubic-bezier(.34,1.56,.64,1) both}.pippin-root .audio-btn{width:45.5px;height:45.5px;padding:0;border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;background:transparent;transition:transform .15s ease-out}.pippin-root .audio-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(148deg,#0697ff,#00112c);opacity:.55;transition:opacity .2s ease-out}.pippin-root .audio-btn:hover{transform:scale(1.05)}.pippin-root .audio-btn:hover:before{opacity:.8}.pippin-root .audio-btn:active{transform:scale(.95)}.pippin-root .audio-btn svg{width:100%;height:100%;display:block;position:relative;z-index:1}.pippin-root .audio-btn-border-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:1.5px;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask-composite:exclude;-webkit-mask-composite:xor}.pippin-root .audio-btn-border-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 150deg at 50% 50%,#c8e1ff59,#8cb4e633,#78a0d72e 40%,#b4d7fa4d,#78a0d72e 60%,#8cb4e633,#c8e1ff59)}.pippin-root .audio-btn-mic[data-muted]:before{background:#b90000;opacity:1;mix-blend-mode:normal}.pippin-root .audio-btn-mic[data-muted]:hover:before{background:#d60000;opacity:1}.pippin-root .audio-btn-mic[data-muted] .audio-btn-border-mask{display:none}.pippin-root .audio-btn-volume[data-muted]:before{background:#3a4556;opacity:1}.pippin-root .audio-btn-volume[data-muted]:hover:before{background:#4a5668;opacity:1}.pippin-root .audio-btn-volume[data-muted] .audio-btn-border-mask{display:none}.pippin-root .mic-bars{display:flex;align-items:center;justify-content:center;gap:5px;height:27px;width:44px;flex-shrink:0}.pippin-root .mic-bar{width:5px;height:5px;min-height:5px;background:linear-gradient(180deg,#fff,#5173bb);border-radius:3px;transition:height 80ms cubic-bezier(.34,1.56,.64,1);animation:pippin-popIn .3s cubic-bezier(.34,1.56,.64,1) both}.pippin-root .audio-control[data-mic-muted] .mic-bar{opacity:.35;height:5px!important}.pippin-root .mic-bar:nth-child(1){animation-delay:0ms}.pippin-root .mic-bar:nth-child(2){animation-delay:60ms}.pippin-root .mic-bar:nth-child(3){animation-delay:.12s}.pippin-root .mic-bar:nth-child(4){animation-delay:.18s}.pippin-root .mic-bar:nth-child(5){animation-delay:.24s}
