.sprite-mascot{pointer-events:none;--face-fade:.15s;width:100%;height:100%;position:relative}.mascot-layers{filter:drop-shadow(0 3px 5px #0000004d);transition:filter .5s;position:absolute;inset:0}.mascot-layers img{object-fit:contain;object-position:50% 100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mascot-layers .face{opacity:0;transition:opacity var(--face-fade) ease}.mascot-layers .face.on{opacity:1}.sprite-mascot[data-state=waiting] .mascot-layers{filter:drop-shadow(0 3px 5px #0000004d)drop-shadow(0 0 8px #ff963cbf)}.sprite-mascot[data-state=error] .mascot-layers{filter:drop-shadow(0 3px 5px #0000004d)drop-shadow(0 0 8px #ff5050b3)}.sprite-mascot[data-state=resting] .mascot-layers{filter:drop-shadow(0 3px 5px #0000004d)saturate(.8)brightness(.85)}@media (prefers-reduced-motion:reduce){.mascot-layers .face{transition:none}}