.otto{flex-shrink:0;line-height:0;display:inline-block}.otto svg{display:block;overflow:visible}.otto--animated .otto-bob{animation:3s ease-in-out infinite otto-bob}.otto--animated .otto-hop{animation:1.2s ease-in-out infinite otto-hop}.otto--animated .otto-scurry{animation:.8s ease-in-out infinite otto-bob}.otto--animated .otto-breathe{animation:4.4s ease-in-out infinite otto-breathe}.otto--animated .otto-blink{transform-box:fill-box;transform-origin:50%;animation:4.2s infinite otto-blink}.otto--animated .otto-tentacle{transform-box:fill-box;transform-origin:50% 0;animation:2.6s ease-in-out infinite otto-sway}.otto--animated .otto-tentacle:nth-child(2){animation-delay:-.5s}.otto--animated .otto-tentacle:nth-child(3){animation-delay:-1s}.otto--animated .otto-tentacle:nth-child(4){animation-delay:-1.5s}.otto--animated .otto-tentacle:nth-child(5){animation-delay:-2s}.otto--animated .otto-crawl-a,.otto--animated .otto-crawl-b{transform-box:fill-box;transform-origin:50% 0;animation:.8s ease-in-out infinite otto-crawl}.otto--animated .otto-crawl-b{animation-delay:-.4s}.otto--animated .otto-wave{transform-box:view-box;transform-origin:150px 118px;animation:1.2s ease-in-out infinite otto-wave}.otto--animated .otto-wave--late{animation-delay:-.6s}.otto--animated .otto-point{transform-box:view-box;transform-origin:150px 118px;animation:1.4s ease-in-out infinite otto-nudge}.otto--animated .otto-dot{animation:1.2s ease-in-out infinite otto-dots}.otto--animated .otto-dot--2{animation-delay:.2s}.otto--animated .otto-dot--3{animation-delay:.4s}.otto--animated .otto-tear{transform-box:fill-box;animation:2.4s ease-in infinite otto-tear}.otto--animated .otto-zz{transform-box:fill-box;transform-origin:50%;animation:3s ease-out infinite otto-zz}.otto--animated .otto-zz--2{animation-delay:-1.5s}.otto--animated .otto-confetti{transform-box:fill-box;transform-origin:50%;animation:1.8s linear infinite otto-confetti}.otto--animated .otto-confetti--1{animation-delay:-.35s}.otto--animated .otto-confetti--2{animation-delay:-.7s}.otto--animated .otto-confetti--3{animation-delay:-1.05s}.otto--animated .otto-confetti--4{animation-delay:-1.4s}@keyframes otto-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes otto-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}60%{transform:translateY(-9px)}}@keyframes otto-breathe{0%,to{transform:translateY(2px)}50%{transform:translateY(-2px)}}@keyframes otto-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes otto-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes otto-crawl{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes otto-wave{0%,to{transform:rotate(6deg)}50%{transform:rotate(-28deg)}}@keyframes otto-nudge{0%,to{transform:rotate(-4deg)}50%{transform:rotate(3deg)}}@keyframes otto-dots{0%,to{opacity:.25}50%{opacity:1}}@keyframes otto-tear{0%{opacity:0;transform:translateY(0)}15%{opacity:1}80%{opacity:1;transform:translateY(18px)}to{opacity:0;transform:translateY(22px)}}@keyframes otto-zz{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(10px,-20px)scale(1.1)}}@keyframes otto-confetti{0%{opacity:0;transform:translateY(-8px)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(70px)rotate(220deg)}}.otto-guide{z-index:1000;pointer-events:none;will-change:transform;transition:transform .6s cubic-bezier(.34,1.4,.64,1);position:fixed;top:0;left:0}.otto-guide__bubble{background:var(--otto-bubble-bg,#fff);width:max-content;max-width:260px;color:var(--otto-bubble-fg,#1e2a44);border:1px solid var(--otto-bubble-border,#d6e3f7);pointer-events:auto;border-radius:16px;align-items:flex-start;gap:8px;padding:10px 14px;font:500 14px/1.4 system-ui,sans-serif;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1e2a4424}.otto-guide__close{appearance:none;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;min-width:24px;min-height:24px;padding:0;font-size:18px;line-height:1}.otto-guide__close:hover{opacity:1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .otto-guide__bubble{--otto-bubble-bg:#1f2152;--otto-bubble-fg:#f2f4ff;--otto-bubble-border:#353a80}}[data-theme=dark] .otto-guide__bubble{--otto-bubble-bg:#1f2152;--otto-bubble-fg:#f2f4ff;--otto-bubble-border:#353a80}.otto-crawler{z-index:1000;pointer-events:none;animation:otto-walk var(--otto-walk-duration,9s) linear forwards;position:fixed;bottom:8px;left:0}@keyframes otto-walk{0%{transform:translate(-120%)}to{transform:translate(calc(100vw + 20px))}}@media (prefers-reduced-motion:reduce){.otto *,.otto-crawler{animation:none!important}.otto-guide{transition:none}}