.animated-container,.animated-orphans{
  position:relative
}

.ember-animated-hidden{
  visibility:hidden!important
}

.ember-animated-none{
  display:none!important
}

.ember-animated-top-collapse{
  margin-top:0!important
}

.animated-container:after,.animated-container:before{
  content:' ';
  display:table
}

.gu-mirror{
  position:fixed!important;
  margin:0!important;
  z-index:9999!important;
  opacity:.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter:alpha(opacity=80)
}

.gu-hide{
  display:none!important
}

.gu-unselectable{
  -webkit-user-select:none!important;
  -ms-user-select:none!important;
  user-select:none!important
}

.gu-transit{
  opacity:.2;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter:alpha(opacity=20)
}

.liquid-container{
  position:relative;
  overflow:hidden;
  transform:translateY(0)
}

.liquid-child{
  overflow:hidden
}

.hljs{
  display:block;
  overflow-x:auto;
  padding:.5em;
  color:#abb2bf;
  background:#282c34
}

.hljs-comment,.hljs-quote{
  color:#5c6370;
  font-style:italic
}

.hljs-doctag,.hljs-formula,.hljs-keyword{
  color:#c678dd
}

.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{
  color:#e06c75
}

.hljs-literal{
  color:#56b6c2
}

.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{
  color:#98c379
}

.hljs-built_in,.hljs-class .hljs-title{
  color:#e6c07b
}

.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{
  color:#d19a66
}

.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{
  color:#61aeee
}

.hljs-emphasis{
  font-style:italic
}

.hljs-strong{
  font-weight:700
}

.hljs-link{
  text-decoration:underline
}

.sg-demo__snippets-nav-item,.sg-viewer-nav-item__link,.sg-viewer-nav__header-link{
  font-family:'helvetica neue',helvetica,sans-serif;
  text-decoration:none
}

.eat-motion-indicator{
  width:10px;
  height:10px;
  background-color:red;
  display:inline-block
}

.eat-motion-indicator.active{
  background-color:green
}

.eat-time-control{
  display:flex;
  padding:.5em 1.5em;
  flex-direction:column
}

.eat-time-control>div{
  display:flex;
  align-items:center
}

.eat-time-control>div>label{
  min-width:8em
}

.eat-time-control>div>div{
  flex:1;
  position:relative
}

.eat-time-control--tick-marks{
  min-height:1.5em;
  margin-bottom:4px
}

.eat-time-control--tick-marks>div{
  position:absolute;
  border-left:1px solid #000;
  height:1em;
  margin-top:1em
}

.eat-time-control--tick-marks>div>span{
  position:relative;
  top:-4px;
  left:4px;
  cursor:pointer
}

.eat-time-control--slider{
  width:100%;
  padding:0;
  margin:0
}

.animated-tools{
  position:fixed;
  top:0;
  right:0;
  font-size:1rem;
  width:50vw;
  transform:translateX(100%);
  transition:transform 250ms;
  opacity:.9;
  z-index:1
}

.animated-tools.is-open{
  transform:none
}

.animated-tools-launcher{
  cursor:pointer;
  position:absolute;
  left:-1.5rem;
  width:1.5rem;
  bottom:0;
  text-align:center;
  border:1px solid #000;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  border-right-width:0;
  background-color:#ddd
}

.animated-tools-panel{
  background-color:#ddd;
  border:1px solid #000
}

.sg-demo{
  margin-bottom:40px;
  border:3px solid #f7f7f9;
  overflow:hidden
}

.sg-demo__snippets-nav{
  border-top:3px solid #f7f7f9;
  padding:12px 16px;
  font-weight:700
}

.sg-demo__snippets-nav-item{
  color:#AAA;
  padding-right:20px;
  font-size:14px
}

.sg-demo__snippets-nav-item:focus{
  color:#AAA
}

.sg-demo__snippets-nav-item--active,.sg-demo__snippets-nav-item--active:focus,.sg-demo__snippets-nav-item:hover{
  color:#444
}

.sg-demo__snippet-wrapper{
  background-color:#f8f8f8
}

.sg-snippet{
  padding:8px 15px;
  position:relative;
  font-size:14px
}

.sg-snippet .copy-btn{
  position:absolute;
  top:0;
  right:0;
  background:0;
  border:0;
  opacity:.5
}

.sg-snippet .copy-btn:hover{
  opacity:1
}

.sg-viewer-nav-item__link.active,.sg-viewer-nav-item__link:hover,.sg-viewer-nav__header-link:hover{
  opacity:.5
}

.sg-subtitle{
  font-family:'helvetica neue',helvetica,sans-serif;
  font-size:24px;
  font-weight:500;
  margin-top:36px;
  margin-bottom:14px
}

.sg-text{
  font-family:'helvetica neue',helvetica,sans-serif;
  margin-bottom:16px
}

.sg-title{
  font-family:'helvetica neue',helvetica,sans-serif;
  font-size:36px;
  font-weight:700
}

.sg-viewer{
  min-height:100vh;
  display:flex;
  flex-direction:column
}

.sg-viewer__content{
  flex:1;
  display:flex;
  overflow:scroll
}

.sg-demo-example{
  padding:20px
}

.sg-demo-snippet{
  font-size:14px;
  background:#f8f8f8
}

.sg-demo-snippet__inner{
  padding:15px 6px
}

.sg-demo-snippet .hljs{
  display:block;
  overflow-x:auto;
  padding:.5em;
  color:#333;
  background:#f8f8f8
}

.sg-viewer-main{
  box-shadow:0 0 5px 1px rgba(0,0,0,.1);
  flex:1
}

.sg-viewer-main__content{
  flex-basis:1000px;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
  padding-left:15px;
  padding-right:15px
}

.sg-viewer-nav{
  background-color:#fafafa;
  flex:0 0 300px;
  font-size:15px;
  font-weight:400;
  display:flex;
  flex-direction:column
}

.sg-viewer-nav__header{
  text-align:center;
  padding:50px 20px
}

.sg-viewer-nav__header-link{
  color:#333;
  font-size:26px
}

.sg-viewer-nav__items{
  margin-top:20px
}

.sg-viewer-nav-item__link{
  padding:7px 20px;
  line-height:1.7;
  display:block;
  color:#364149;
  font-weight:400;
  transition:all .15s
}

.default-liquid-destination{
  position:absolute;
  top:0;
  left:0;
  height:0;
  width:100%;
  z-index:9999
}

.default-liquid-destination .liquid-destination-stack{
  position:absolute;
  width:100%
}

.default-liquid-destination>.liquid-destination-stack>.liquid-child{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  overflow:visible;
  visibility:hidden
}

.default-liquid-destination>.liquid-destination-stack>.liquid-child>div{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  visibility:hidden
}

.default-liquid-destination>.liquid-destination-stack>.liquid-child>div>*{
  visibility:visible
}

.liquid-wormhole-container{
  display:none
}