.hero-mascot{isolation:isolate;justify-self:center;width:100%;max-width:380px;position:relative}.hero-mascot__stage{aspect-ratio:1;width:100%;color:inherit;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline-offset:4px;background:0 0;border:0;border-radius:38%;padding:0;display:block;position:relative}.hero-mascot__stage:focus-visible{background:#ffffff30;outline:3px solid #8860c0}.hero-mascot[data-pressed=true] .hero-mascot__stage{background:#ffffff20}.hero-mascot__poster,.hero-mascot__film{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.hero-mascot__film{opacity:0;position:absolute;inset:0}.hero-mascot__film[data-ready=true]{opacity:1}.hero-mascot__stage:has(.hero-mascot__film[data-ready=true]) .hero-mascot__poster{visibility:hidden}.hero-mascot__caption{color:#61458a;background:#ffffffb8;border:1px solid #8061b526;border-radius:100px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:7px 15px;font-size:.875rem;line-height:1.7;display:flex}.hero-mascot__caption strong{white-space:nowrap;font-size:1rem}.hero-mascot__caption span{min-width:135px}.hero-mascot__hint{color:#687488;margin-top:9px;font-size:.75rem;line-height:1.6;display:block}.hero-mascot__motion{color:#677388;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:6px 12px;font-size:.7rem;text-decoration:underline}.dark .hero-mascot__caption{color:#e0ccff;background:#182d40;border-color:#bb95ff42}.dark :is(.hero-mascot__hint,.hero-mascot__motion){color:#b4c0d3}@media (max-width:700px){.hero-mascot{max-width:270px}.hero-mascot__caption{padding:6px 12px}.hero-mascot__hint{margin-top:7px}}