.ms-mascot{--ms-mascot-accent:#f05e61;position:relative;width:100%;max-width:var(--ms-mascot-width,36rem);margin-inline:auto;isolation:isolate;box-sizing:border-box}
.ms-mascot[data-align=left]{margin-inline:0 auto}.ms-mascot[data-align=right]{margin-inline:auto 0}
.ms-mascot__stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden}
.ms-mascot__poster,.ms-mascot__stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.ms-mascot__poster{visibility:visible}.ms-mascot__stage canvas{visibility:hidden;pointer-events:none}
.ms-mascot:is([data-state=ready],[data-state=paused],[data-state=offscreen]) .ms-mascot__stage canvas{visibility:visible}
.ms-mascot:is([data-state=ready],[data-state=paused],[data-state=offscreen]) .ms-mascot__poster{visibility:hidden}
.ms-mascot .ms-mascot__wave{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:1.5rem;padding:0;margin:0;background:transparent;box-shadow:none;cursor:pointer;color:inherit;touch-action:manipulation}
.ms-mascot .ms-mascot__wave:disabled{cursor:default}
.ms-mascot .ms-mascot__wave:focus-visible{outline:3px solid var(--ms-mascot-accent);outline-offset:-5px}
.ms-mascot .ms-mascot__pause{position:absolute;inset:auto 12px 12px auto;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;max-width:calc(100% - 24px);margin:0;padding:10px;border:1px solid #ffffff40;border-radius:999px;background:#062f42eb;color:#fff;box-shadow:0 2px 12px #001c3024;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;touch-action:manipulation}
.ms-mascot .ms-mascot__pause svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.ms-mascot .ms-mascot__pause:hover{background:#0b4056}.ms-mascot .ms-mascot__pause:disabled{cursor:wait;opacity:.6}
.ms-mascot .ms-mascot__pause:focus-visible{outline:3px solid var(--ms-mascot-accent);outline-offset:3px}
.ms-mascot[data-controls=icon] .ms-mascot__control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ms-mascot[data-controls=text] .ms-mascot__pause{padding-inline:14px}
.ms-mascot[data-control-position=bottom-left] .ms-mascot__pause{inset:auto auto 12px 12px}
.ms-mascot[data-control-position=below] .ms-mascot__pause{position:relative;inset:auto;margin:8px auto 0;width:max-content}
.ms-mascot[data-controls=none] .ms-mascot__pause,.ms-mascot [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.ms-mascot__stage canvas{visibility:hidden!important}.ms-mascot__poster{visibility:visible!important}}