/* The vector rig animates its own parts without moving the surrounding layout. */
.mascot,.mascot-front,.mascot-happy,.mascot-calm{position:relative;background:none;animation:none!important;transform:none!important;overflow:visible}
.mascot-rig{display:block;width:100%;height:100%;overflow:visible;stroke:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;user-select:none}
.mochi-ground{display:none}
.mochi-companion::before{display:none}
.mochi-scene.mochi-companion{height:380px}
.mochi-companion .mochi-button{width:100%;max-width:430px;height:auto;aspect-ratio:50/43;border-radius:16px;margin:0;align-self:center}
.mochi-companion .mascot{aspect-ratio:50/43}
.mochi-companion .mochi-message{width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mochi-companion .mochi-signature{bottom:0;left:10%;right:30%;text-align:center}
@media(min-width:640px) and (max-width:899px){.mochi-scene.mochi-companion{height:310px}}
@media(max-width:639px){
 .notebook-welcome:has(.mochi-companion) .inline-actions{padding-right:0;min-height:0;padding-top:4px;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}
 .mochi-scene.mochi-companion{position:relative;right:auto;bottom:auto;width:100%;height:auto;margin:12px auto 0;pointer-events:auto}
 .mochi-companion .mochi-button{width:min(100%,350px);max-width:none;margin:0 auto}
 .mochi-scene.mochi-companion>.mascot-toggle{right:0;bottom:4px}
}
.mochi-button.is-greeting,.mochi-button.is-listening{animation:none;transform:none}
.mochi-button:hover .mascot{animation:none}
.mascot-toggle{position:absolute;right:0;bottom:0;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--color-rule);border-radius:50%;background:var(--color-surface);color:var(--color-muted);pointer-events:auto}
.mascot-toggle svg{width:16px;height:16px;stroke-width:1.8}
.mascot-toggle .play-icon{display:none}
.mascot-toggle[aria-pressed=true] .play-icon{display:block}
.mascot-toggle[aria-pressed=true] .pause-icon{display:none}
.mascot-toggle[hidden]{display:none}
.mascot-toggle:active{background:var(--color-paper-3)}
.mascot-toggle:disabled{opacity:.5;cursor:not-allowed}
.mochi-scene>.mascot-toggle{bottom:8px;right:8px}
@media(hover:hover){.mascot-toggle:hover{background:var(--color-paper-2);color:var(--color-ink)}}
@media(max-width:639px){.mochi-scene>.mascot-toggle{right:-4px;bottom:-4px;width:44px;height:44px}.auth-story .mascot-toggle,.account-welcome .mascot-toggle,.result-heading .mascot-toggle{right:-8px;bottom:-12px}}
@media(prefers-reduced-motion:reduce){.mascot-toggle{display:none}}