.easter-container{width:100%;height:220px;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none;margin:0 auto 1rem}.easter-container,.easter-egg{position:relative;left:0;right:0}.easter-egg{width:80px;height:80px;opacity:0;transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;margin:0 auto;will-change:transform,opacity}.easter-egg.show{opacity:1;transform:scale(1)}.easter-egg.shake{animation:shake .8s ease-in-out}.easter-egg.shake.expand{animation:shakeAndExpand .8s cubic-bezier(.25,.46,.45,.94) forwards;transform:scale(1.8)}.blast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100px;height:100px;opacity:0;transition:transform .4s,opacity .3s;will-change:transform,opacity;pointer-events:none}.blast.show{opacity:1;transform:translate(-50%,-50%) scale(2.5);transition:transform .7s cubic-bezier(.175,.885,.32,1.275),opacity .3s;animation:pulseBlast .8s forwards}@keyframes shake{0%,to{transform:scale(1) rotate(0deg)}10%,30%,50%,70%,90%{transform:scale(1.1) rotate(-5deg)}20%,40%,60%,80%{transform:scale(1.1) rotate(5deg)}}@keyframes shakeAndExpand{0%{transform:scale(1) rotate(0deg)}10%{transform:scale(1.1) rotate(-5deg)}20%{transform:scale(1.15) rotate(5deg)}30%{transform:scale(1.2) rotate(-4deg)}40%{transform:scale(1.3) rotate(4deg)}50%{transform:scale(1.4) rotate(-3deg)}60%{transform:scale(1.5) rotate(3deg)}70%{transform:scale(1.6) rotate(-2deg)}80%{transform:scale(1.7) rotate(2deg)}90%{transform:scale(1.75) rotate(-1deg)}to{transform:scale(1.8) rotate(0deg)}}@keyframes pulseBlast{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.8);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:.8}}.fade-out{opacity:0;transition:opacity .5s}