@layer components{.dm-mascot{--mascot-cell:5px;--mascot-w:calc(var(--mascot-cell)*24);--mascot-h:calc(var(--mascot-cell)*36);width:var(--mascot-w);height:var(--mascot-h);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;display:block;position:relative}.dm-mascot[data-size=sm]{--mascot-cell:4px}.dm-mascot[data-size=lg]{--mascot-cell:6px}.dm-mascot-sprite{contain:paint;position:absolute;inset:0;overflow:hidden}.dm-mascot-sheet{width:calc(var(--mascot-w)*var(--mascot-n));max-width:none;height:100%;translate:calc(var(--mascot-w)*var(--mascot-override,var(--mascot-base))*-1)0;image-rendering:pixelated;-webkit-user-drag:none;position:absolute;top:0;left:0}.dm-mascot[data-rise] .dm-mascot-sprite{clip-path:inset(100% 0 0);transition:clip-path .45s steps(12,jump-start),translate .45s var(--ease-out-quint,cubic-bezier(.23,1,.32,1));translate:0 8px}.dm-mascot[data-rise][data-in] .dm-mascot-sprite{clip-path:inset(0);translate:0}}@media (prefers-reduced-motion:reduce){.dm-mascot[data-rise] .dm-mascot-sprite{clip-path:none;transition:none;translate:none}}@media (scripting:none){.dm-mascot[data-rise] .dm-mascot-sprite{clip-path:none;translate:none}}