/**
* radicalmedia-com
* v4.0.1
* 2019-02-26 11:21:33 AM 
*/
body.hatched {
  /* if your eggs need some custom CSS it goes here */
  /*
 <div class="ebs_sprite ebs_head slow_osc">
 <div class="ebs_sprite ebs_hat osc_hat"></div>
 <div class="ebs_sprite ebs_headgear osc_hat"></div>
 <div class="ebs_sprite ebs_hand fast_osc"></div>
 </div>
 */
}
body.hatched #main_logo {
  color: #220000;
}
body.hatched .ebs_sprite {
  background-color: transparent;
  background-image: url('/coop/schechtman/evan_sprite.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
}
body.hatched .ebs_hat {
  background-position: -273px 0;
  bottom: 380px;
  display: block;
  height: 330px;
  position: fixed;
  right: 318px;
  transform: rotate(-30deg);
  width: 230px;
  z-index: 101;
}
body.hatched .ebs_hat.offscreen {
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  transition: all 2s linear;
  bottom: 2000px;
}
body.hatched .ebs_hat.on {
  -webkit-transition: all 2s linear;
  -moz-transition: all 2s linear;
  -ms-transition: all 2s linear;
  -o-transition: all 2s linear;
  transition: all 2s linear;
  bottom: 380px;
}
body.hatched .ebs_head {
  z-index: 100;
  position: fixed;
  bottom: -50px;
  right: -50px;
  height: 510px;
  width: 512px;
  background-position: 2px -333px;
  display: block;
}
body.hatched .ebs_head.fadeoffscreen {
  -moz-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
  opacity: 0;
  bottom: -500px;
}
body.hatched .ebs_head.offscreen {
  -moz-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
  opacity: 1;
  bottom: -500px;
}
body.hatched .ebs_head.on {
  -moz-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
  opacity: 1;
  bottom: -50px;
}
body.hatched .ebs_hand {
  z-index: 103;
  position: fixed;
  bottom: 30px;
  right: 0;
  width: 250px;
  height: 180px;
  background-position: 0px -110px;
  display: block;
}
body.hatched .ebs_headgear {
  background-position: 0 0;
  bottom: 229px;
  display: block;
  height: 50px;
  position: fixed;
  right: 148px;
  transform: rotate(-27deg);
  width: 270px;
  z-index: 102;
  opacity: .9;
}
body.hatched .ebs_headgear.offscreen {
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  transition: all 2s linear;
  bottom: 2000px;
}
body.hatched .ebs_headgear.on {
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  transition: all 2s linear;
  bottom: 250px;
}
body.hatched .fast_osc {
  -webkit-animation: osc_b 1s infinite linear;
  -moz-animation: osc_b 1s infinite linear;
  animation: osc_b 1s infinite linear;
}
body.hatched .slow_osc {
  -webkit-animation: osc_b 2s infinite linear;
  -moz-animation: osc_b 2s infinite linear;
  animation: osc_b 2s infinite linear;
}
body.hatched .osc_hat {
  -webkit-animation: osc_hat 6s infinite linear;
  -moz-animation: osc_hat 6s infinite linear;
  animation: osc_hat 6s infinite linear;
}
@-moz-keyframes osc {
  0% {
    -moz-transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(20deg);
  }
  50% {
    -moz-transform: rotate(0deg);
  }
  75% {
    -moz-transform: rotate(-20deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-webkit-keyframes osc {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(20deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes osc {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes osc_b {
  0% {
    -moz-transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(5deg);
  }
  50% {
    -moz-transform: rotate(0deg);
  }
  75% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-webkit-keyframes osc_b {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes osc_b {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes osc_hat {
  0% {
    -moz-transform: rotate(-30deg);
  }
  25% {
    -moz-transform: rotate(-35deg);
  }
  50% {
    -moz-transform: rotate(-30deg);
  }
  75% {
    -moz-transform: rotate(-32deg);
  }
  100% {
    -moz-transform: rotate(-30deg);
  }
}
@-webkit-keyframes osc_hat {
  0% {
    -webkit-transform: rotate(-30deg);
  }
  25% {
    -webkit-transform: rotate(-35deg);
  }
  50% {
    -webkit-transform: rotate(-30deg);
  }
  75% {
    -webkit-transform: rotate(-32deg);
  }
  100% {
    -webkit-transform: rotate(-30deg);
  }
}
@keyframes osc_hat {
  0% {
    transform: rotate(-30deg);
  }
  25% {
    transform: rotate(-35deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  75% {
    transform: rotate(-32deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}
body.hatched .hypnowrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 52;
  opacity: .8;
  margin: 0;
  padding: 0;
  background-color: white;
}
body.hatched .hypnotoad {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
body.hatched .hypnoglitch {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 51;
}
body.hatched .hypnoglitch canvas {
  width: 100%;
  height: 100%;
}
body.hatched #console {
  background: black url('/coop/console/console.jpg') bottom left;
  background-size: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 52;
  -o-transition: all 0.75s ease 0s;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -ms-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
  height: 600px;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
body.hatched #console.closed {
  -webkit-transform: translate(0, -610px);
  -moz-transform: translate(0, -610px);
  -ms-transform: translate(0, -610px);
  -o-transform: translate(0, -610px);
  transform: translate(0, -610px);
}
body.hatched #console.exiting {
  opacity: .5;
  background-color: #cccccc;
}
body.hatched #console.open {
  height: 600px;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
body.hatched #console .console_wrap {
  position: relative;
  height: 580px;
  margin: 10px;
  bottom: 0;
}
body.hatched #console .console_log {
  position: absolute;
  bottom: 40px;
}
body.hatched #console .user_input {
  position: absolute;
  bottom: 10px;
  height: 20px;
  width: 100%;
}
body.hatched #console p {
  background: transparent;
  border: 0;
  font-family: 'Geo', sans-serif;
  font-size: 20px;
  color: white;
  line-height: 1em;
}
body.hatched #console p,
body.hatched #console .console_label,
body.hatched #console .console_input {
  text-shadow: 0 2px 0 black;
}
body.hatched #console .console_label {
  color: white;
  background: transparent;
  border: 0;
  font-family: 'Geo', sans-serif;
  font-size: 20px;
  margin: 0 5px;
}
body.hatched #console .console_input {
  color: white;
  background: transparent;
  border: 0;
  font-family: 'Geo', sans-serif;
  font-size: 20px;
  width: calc(100% - 20px);
}
body.hatched #console .console_notes {
  position: absolute;
  bottom: 8px;
  right: 0;
  color: white;
  background: transparent;
  border: 0;
  font-family: 'Geo', sans-serif;
  font-size: 20px;
  margin: 0 5px;
}
body.hatched #console .strong {
  color: #f49b79;
}
body.hatched #console .log {
  color: white;
}
body.hatched #console .warn {
  color: orange;
}
body.hatched #console .error {
  color: red;
}
body.hatched .egg_meatia_wrap {
  z-index: 20000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body.hatched .egg_meatia_wrap .egg_meatia {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: rgba(255, 0, 0, 0.4);
}
body.hatched .egg_meatia_wrap .egg_meatia .version {
  position: absolute;
  color: #aaa;
  bottom: 10px;
  left: 10px;
  font-family: courier;
}
body.hatched .egg_meatia_wrap .egg_meatia .meat {
  background: transparent url("/coop/meatia/meat.gif") no-repeat scroll -48px -35px;
  height: 377px;
  width: 309px;
  left: 50%;
  top: 50%;
  margin: -170px 0 0 -150px;
  position: absolute;
}
body.hatched .egg_meatia_wrap .egg_meatia .dancing {
  -webkit-animation: wobbler 2s linear infinite;
  -moz-animation: wobbler 2s linear infinite;
  animation: wobbler 2s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes backnforth {
  0% {
    -moz-transform: rotate(30deg);
  }
}
@-moz-keyframes backnforth {
  5% {
    -moz-transform: rotate(10deg);
  }
}
@-moz-keyframes backnforth {
  10% {
    -moz-transform: rotate(40deg);
  }
}
@-moz-keyframes backnforth {
  50% {
    -moz-transform: rotate(-30deg);
  }
}
@-moz-keyframes backnforth {
  55% {
    -moz-transform: rotate(-20deg);
  }
}
@-moz-keyframes backnforth {
  60% {
    -moz-transform: rotate(-40deg);
  }
}
@-webkit-keyframes backnforth {
  0% {
    -moz-transform: rotate(30deg);
  }
}
@-webkit-keyframes backnforth {
  5% {
    -moz-transform: rotate(10deg);
  }
}
@-webkit-keyframes backnforth {
  10% {
    -moz-transform: rotate(40deg);
  }
}
@-webkit-keyframes backnforth {
  50% {
    -moz-transform: rotate(-30deg);
  }
}
@-webkit-keyframes backnforth {
  55% {
    -moz-transform: rotate(-20deg);
  }
}
@-webkit-keyframes backnforth {
  60% {
    -moz-transform: rotate(-40deg);
  }
}
@keyframes backnforth {
  0% {
    -moz-transform: rotate(30deg);
  }
}
@keyframes backnforth {
  5% {
    -moz-transform: rotate(10deg);
  }
}
@keyframes backnforth {
  10% {
    -moz-transform: rotate(40deg);
  }
}
@keyframes backnforth {
  50% {
    -moz-transform: rotate(-30deg);
  }
}
@keyframes backnforth {
  55% {
    -moz-transform: rotate(-20deg);
  }
}
@keyframes backnforth {
  60% {
    -moz-transform: rotate(-40deg);
  }
}
body.hatched .egg_meatia_wrap .egg_meatia .element-animation {
  animation: wobbler linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: wobbler	 linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: wobbler	 linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: wobbler	 linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: wobbler	 linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}
@keyframes wobbler {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  15% {
    transform: translate(-25px, 0px) rotate(-5deg);
  }
  30% {
    transform: translate(20px, 0px) rotate(3deg);
  }
  45% {
    transform: translate(-15px, 0px) rotate(-3deg);
  }
  60% {
    transform: translate(10px, 0px) rotate(2deg);
  }
  75% {
    transform: translate(-5px, 0px) rotate(-1deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@-moz-keyframes wobbler {
  0% {
    -moz-transform: translate(0px, 0px) rotate(0deg);
  }
  15% {
    -moz-transform: translate(-25px, 0px) rotate(-5deg);
  }
  30% {
    -moz-transform: translate(20px, 0px) rotate(3deg);
  }
  45% {
    -moz-transform: translate(-15px, 0px) rotate(-3deg);
  }
  60% {
    -moz-transform: translate(10px, 0px) rotate(2deg);
  }
  75% {
    -moz-transform: translate(-5px, 0px) rotate(-1deg);
  }
  100% {
    -moz-transform: translate(0px, 0px) rotate(0deg);
  }
}
@-webkit-keyframes wobbler {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  15% {
    -webkit-transform: translate(-25px, 0px) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate(20px, 0px) rotate(3deg);
  }
  45% {
    -webkit-transform: translate(-15px, 0px) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate(10px, 0px) rotate(2deg);
  }
  75% {
    -webkit-transform: translate(-5px, 0px) rotate(-1deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}
@-o-keyframes wobbler {
  0% {
    -o-transform: translate(0px, 0px) rotate(0deg);
  }
  15% {
    -o-transform: translate(-25px, 0px) rotate(-5deg);
  }
  30% {
    -o-transform: translate(20px, 0px) rotate(3deg);
  }
  45% {
    -o-transform: translate(-15px, 0px) rotate(-3deg);
  }
  60% {
    -o-transform: translate(10px, 0px) rotate(2deg);
  }
  75% {
    -o-transform: translate(-5px, 0px) rotate(-1deg);
  }
  100% {
    -o-transform: translate(0px, 0px) rotate(0deg);
  }
}
@-ms-keyframes wobbler {
  0% {
    -ms-transform: translate(0px, 0px) rotate(0deg);
  }
  15% {
    -ms-transform: translate(-25px, 0px) rotate(-5deg);
  }
  30% {
    -ms-transform: translate(20px, 0px) rotate(3deg);
  }
  45% {
    -ms-transform: translate(-15px, 0px) rotate(-3deg);
  }
  60% {
    -ms-transform: translate(10px, 0px) rotate(2deg);
  }
  75% {
    -ms-transform: translate(-5px, 0px) rotate(-1deg);
  }
  100% {
    -ms-transform: translate(0px, 0px) rotate(0deg);
  }
}