/* HOP the rabbit (rabbit.js). A layer on the page that never takes a tap except on the rabbit himself. */
#rb-layer{position:absolute;left:0;top:0;width:0;height:0;z-index:30;pointer-events:none;}
.rb{position:absolute;left:0;top:0;width:46px;height:56px;padding:0;margin:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;will-change:transform;filter:drop-shadow(0 2px 3px rgba(8,79,130,.22));}
.rb:focus-visible{outline:3px solid var(--accent-500);outline-offset:2px;border-radius:14px;}
.rb-in{display:block;width:100%;height:100%;transform-origin:50% 100%;}
.rb svg{display:block;width:100%;height:100%;overflow:visible;}
.rb svg g{transform-box:fill-box;}
/* Sitting still, he is only a little alive: slow breath, an ear flick now and then, a blink, a twitch of the nose. */
.rb.is-idle .rb-in{animation:rbBreathe 3.6s ease-in-out infinite;}
.rb.is-idle .rb-ear-l{transform-origin:50% 100%;animation:rbEarL 7s ease-in-out infinite;}
.rb.is-idle .rb-ear-r{transform-origin:50% 100%;animation:rbEarR 9s ease-in-out 2.2s infinite;}
.rb.is-idle .rb-eyes{transform-origin:50% 50%;animation:rbBlink 5.5s ease-in-out infinite;}
.rb.is-idle .rb-nose{animation:rbNose 2.4s ease-in-out infinite;}
.rb.is-idle .rb-head{transform-origin:50% 100%;animation:rbTilt 8s ease-in-out 1s infinite;}
@keyframes rbBreathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.015,1.03)}}
@keyframes rbEarL{0%,80%,100%{transform:rotate(0)}86%{transform:rotate(-12deg)}92%{transform:rotate(3deg)}}
@keyframes rbEarR{0%,78%,100%{transform:rotate(0)}84%{transform:rotate(10deg)}90%{transform:rotate(-2deg)}}
@keyframes rbBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.08)}}
@keyframes rbNose{0%,100%{transform:translateY(0)}50%{transform:translateY(.7px)}}
@keyframes rbTilt{0%,70%,100%{transform:rotate(0)}78%{transform:rotate(-4deg)}90%{transform:rotate(3deg)}}
@media (prefers-reduced-motion:reduce){.rb *{animation:none!important}}
/* the little "peek" used as the Explore header mark */
.rb-static{display:inline-block;width:46px;height:56px;}
.rb-static svg{display:block;width:100%;height:100%;}