@keyframes blinkEye{0%,100%,18%,24%{transform:scaleY(1)}20%,22%{transform:scaleY(.1)}}body:not(.fox-display) .fox *,body:not(.fox-display) .fox :after,body:not(.fox-display) .fox :before{transition-duration:.3s!important;transition-delay:0s!important;transition-timing-function:ease-in!important}body:not(.fox-display) .fox{pointer-events:none}.fox{position:fixed;left:30px;bottom:30px;z-index:1000;width:100px;height:100px}.fox>.head:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:url(../img/fox2.svg) no-repeat center center/contain;will-change:transform;transform-origin:50% 0}.fox>.head{position:absolute;width:120px;height:120px;left:50%;top:50%;margin-left:-60px;margin-top:-70px;transform:scale(0);transition:transform .5s .2s cubic-bezier(.18,.89,.32,1.28);will-change:transform}.fox:before{content:"";position:absolute;left:50%;bottom:50%;margin-left:-60px;margin-bottom:-60px;width:120px;height:120px;background:rgba(0,0,0,.1);border-radius:50%;box-shadow:0 0 5px 10px rgba(0,0,0,.1);transform:scale(0);transition:transform .5s cubic-bezier(.18,.89,.32,1.28);will-change:transform}.fox>.bubble{position:absolute;left:100%;bottom:100%;width:240px;background:#f58a53;border-radius:64px;padding:26px;transform:scale(0);transition:transform .5s .7s cubic-bezier(.18,.89,.32,1.28);will-change:transform;transform-origin:0 100%;font-size:12px;margin-left:-64px;margin-bottom:-29px}.fox>.bubble:before{content:"";position:absolute;right:100%;top:100%;border-style:solid;border-color:#f58a53 transparent;border-width:28px 16px 0;margin-top:-24px;margin-right:-36px;transform:rotate(45deg)}.fox>.bubble>.message{text-align:center;line-height:1.2em;color:#000;font-size:14px}.fox>.bubble>.actions{display:flex;justify-content:center;margin-top:11px}.fox>.bubble>.actions>a{cursor:pointer;color:#000;font-weight:400}.fox>.head>.eye{position:absolute;top:48px;background:#fff;width:16px;height:18px;border-radius:50%;border-top:solid 2px #999;border-bottom:solid 2px #999;box-sizing:border-box}.fox>.head>.eye.right{left:28px}.fox>.head>.eye.left{left:3px}.fox>.head>.eye>span{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#5f5f5f;margin-left:-2px;margin-top:-2px}body.fox-display .fox>.head>.eye{animation:blinkEye 4s linear infinite}body.fox-display .fox>.head{transform:scale(1)}body.fox-display .fox:before{transform:scale(1)}body.fox-display .fox>.bubble{transform:scale(1)}