.svg-inline--fa,svg:not(:root).svg-inline--fa{
  overflow:visible
}

.fa-layers,.fa-stack,.svg-inline--fa{
  display:inline-block
}

.fa-inverse,.fad.fa-inverse{
  color:#fff
}

.svg-inline--fa{
  font-size:inherit;
  height:1em;
  vertical-align:-.125em
}

.svg-inline--fa.fa-lg{
  vertical-align:-.225em
}

.svg-inline--fa.fa-w-1{
  width:.0625em
}

.svg-inline--fa.fa-w-2{
  width:.125em
}

.svg-inline--fa.fa-w-3{
  width:.1875em
}

.svg-inline--fa.fa-w-4{
  width:.25em
}

.svg-inline--fa.fa-w-5{
  width:.3125em
}

.svg-inline--fa.fa-w-6{
  width:.375em
}

.svg-inline--fa.fa-w-7{
  width:.4375em
}

.svg-inline--fa.fa-w-8{
  width:.5em
}

.svg-inline--fa.fa-w-9{
  width:.5625em
}

.svg-inline--fa.fa-w-10{
  width:.625em
}

.svg-inline--fa.fa-w-11{
  width:.6875em
}

.svg-inline--fa.fa-w-12{
  width:.75em
}

.svg-inline--fa.fa-w-13{
  width:.8125em
}

.svg-inline--fa.fa-w-14{
  width:.875em
}

.svg-inline--fa.fa-w-15{
  width:.9375em
}

.svg-inline--fa.fa-w-16{
  width:1em
}

.svg-inline--fa.fa-w-17{
  width:1.0625em
}

.svg-inline--fa.fa-w-18{
  width:1.125em
}

.svg-inline--fa.fa-w-19{
  width:1.1875em
}

.svg-inline--fa.fa-w-20{
  width:1.25em
}

.svg-inline--fa.fa-pull-left{
  margin-right:.3em;
  width:auto
}

.svg-inline--fa.fa-pull-right{
  margin-left:.3em;
  width:auto
}

.svg-inline--fa.fa-border{
  height:1.5em
}

.svg-inline--fa.fa-li{
  width:2em
}

.svg-inline--fa.fa-fw{
  width:1.25em
}

.fa-layers svg.svg-inline--fa{
  bottom:0;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0;
  transform-origin:center center
}

.fa-layers{
  height:1em;
  position:relative;
  text-align:center;
  vertical-align:-.125em;
  width:1em
}

.fa-layers-counter,.fa-layers-text{
  display:inline-block;
  position:absolute;
  text-align:center
}

.fa-layers-text{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  transform-origin:center center
}

.fa-layers-counter{
  background-color:#ff253a;
  border-radius:1em;
  box-sizing:border-box;
  color:#fff;
  height:1.5em;
  line-height:1;
  max-width:5em;
  min-width:1.5em;
  overflow:hidden;
  padding:.25em;
  right:0;
  text-overflow:ellipsis;
  top:0;
  transform:scale(.25);
  transform-origin:top right
}

.fa-layers-bottom-right{
  bottom:0;
  right:0;
  top:auto;
  transform:scale(.25);
  transform-origin:bottom right
}

.fa-layers-bottom-left{
  bottom:0;
  left:0;
  right:auto;
  top:auto;
  transform:scale(.25);
  transform-origin:bottom left
}

.fa-layers-top-right{
  right:0;
  top:0;
  transform:scale(.25);
  transform-origin:top right
}

.fa-layers-top-left{
  left:0;
  right:auto;
  top:0;
  transform:scale(.25);
  transform-origin:top left
}

.fa-lg{
  font-size:1.3333333333em;
  line-height:.75em;
  vertical-align:-.0667em
}

.fa-xs{
  font-size:.75em
}

.fa-sm{
  font-size:.875em
}

.fa-1x{
  font-size:1em
}

.fa-2x{
  font-size:2em
}

.fa-3x{
  font-size:3em
}

.fa-4x{
  font-size:4em
}

.fa-5x{
  font-size:5em
}

.fa-6x{
  font-size:6em
}

.fa-7x{
  font-size:7em
}

.fa-8x{
  font-size:8em
}

.fa-9x{
  font-size:9em
}

.fa-10x{
  font-size:10em
}

.fa-fw{
  text-align:center;
  width:1.25em
}

.fa-ul{
  list-style-type:none;
  margin-left:2.5em;
  padding-left:0
}

.fa-ul>li{
  position:relative
}

.fa-li{
  left:-2em;
  position:absolute;
  text-align:center;
  width:2em;
  line-height:inherit
}

.fa-border{
  border:.08em solid #eee;
  border-radius:.1em;
  padding:.2em .25em .15em
}

.fa-pull-left{
  float:left
}

.fa-pull-right{
  float:right
}

.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{
  margin-right:.3em
}

.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{
  margin-left:.3em
}

.fa-spin{
  animation:fa-spin 2s infinite linear
}

.fa-pulse{
  animation:fa-spin 1s infinite steps(8)
}

@keyframes fa-spin{
  0%{
    transform:rotate(0)
  }

  100%{
    transform:rotate(360deg)
  }
}

.fa-rotate-90{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform:rotate(90deg)
}

.fa-rotate-180{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform:rotate(180deg)
}

.fa-rotate-270{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform:rotate(270deg)
}

.fa-flip-horizontal{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform:scale(-1,1)
}

.fa-flip-vertical{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform:scale(1,-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform:scale(-1,-1)
}

:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{
  filter:none
}

.fa-stack{
  height:2em;
  position:relative;
  width:2.5em
}

.fa-stack-1x,.fa-stack-2x{
  bottom:0;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0
}

.svg-inline--fa.fa-stack-1x{
  height:1em;
  width:1.25em
}

.svg-inline--fa.fa-stack-2x{
  height:2em;
  width:2.5em
}

.sr-only{
  border:0;
  clip:rect(0,0,0,0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

.sr-only-focusable:active,.sr-only-focusable:focus{
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  width:auto
}

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

.svg-inline--fa .fa-primary{
  fill:var(--fa-primary-color,currentColor);
  opacity:1;
  opacity:var(--fa-primary-opacity,1)
}

.svg-inline--fa .fa-secondary{
  fill:var(--fa-secondary-color,currentColor);
  opacity:.4;
  opacity:var(--fa-secondary-opacity,.4)
}

.svg-inline--fa.fa-swap-opacity .fa-primary{
  opacity:.4;
  opacity:var(--fa-secondary-opacity,.4)
}

.svg-inline--fa.fa-swap-opacity .fa-secondary{
  opacity:1;
  opacity:var(--fa-primary-opacity,1)
}

.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{
  fill:#000
}

.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
}