body.i18n-fr .i18n .fr {
  opacity: 1;
}
body.i18n-fr .i18n .en {
  opacity: 0;
  display: none !important;
}
body.i18n-en .i18n .fr {
  opacity: 0;
  display: none !important;
}
body.i18n-en .i18n .en {
  opacity: 1;
}
.flipping-i18n {
  -webkit-transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -moz-transition: -moz-transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -o-transition: -o-transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  outline: 0;
}
.flipping-i18n.flip-out {
  backface-visibility: hidden;
  z-index: 2;
  /* for firefox 31 */
  transform: rotateX(90deg);
}
.fading-i18n {
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  outline: 0;
  opacity: 1;
}
.fading-i18n.fade-out {
  opacity: 0 !important;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  background-color: #272726;
}
html,
body {
  color: #FFF;
  padding: 0;
  margin: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  outline: 0;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  width: auto;
  height: auto;
  position: absolute;
}
#main {
  width: auto;
  height: auto;
}
.nw {
  white-space: nowrap;
}
.disable-mouse {
  pointer-events: none;
}
#sidebar {
  padding: 0 30px;
}
#toggle-side-bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.input-field {
  color: black;
}
.transit-circle {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 8;
  background: #fff;
  border-radius: 100%;
}
#guide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
#guide:before,
#guide:after {
  content: "\00a0";
  position: absolute;
  width: 2.12765957%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 100%;
  background-color: rgba(10, 10, 10, 0.5);
}
#guide:before {
  left: 32.9787234%;
}
#guide:after {
  left: 67.0212766%;
}
body.level-A5 #main .score {
  position: absolute;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 10;
}
body.level-A5 #main .score img {
  width: 80px;
  height: 80px;
}
body.level-A5 #main svg {
  overflow: visible !important;
  visibility: hidden;
  transform: translateZ(0);
}
body.level-A5 #main svg g,
body.level-A5 #main svg path,
body.level-A5 #main svg polyline,
body.level-A5 #main svg line,
body.level-A5 #main svg polygon {
  overflow: visible !important;
}
body.level-A5 #main svg.bg-strap {
  position: relative;
  z-index: 4;
  animation: dash 10s linear infinite;
}
body.level-A5 #main svg.bg-strap path,
body.level-A5 #main svg.bg-strap polyline {
  stroke-width: 8 !important;
  stroke: #D4DBE8 !important;
  stroke-dasharray: 1, 28;
}
body.level-A5 #main svg.bg-strap#bg-strap-2 path,
body.level-A5 #main svg.bg-strap#bg-strap-2 polyline {
  stroke-dasharray: 1, 39;
  stroke-width: 12 !important;
}
body.level-A5 #main svg.bg-strap#bg-strap-3 path,
body.level-A5 #main svg.bg-strap#bg-strap-3 polyline {
  stroke-dasharray: 1, 28;
}
body.level-A5 #main svg.strap {
  position: relative;
  z-index: 4;
}
body.level-A5 #main svg.strap path,
body.level-A5 #main svg.strap polyline {
  -webkit-transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  visibility: hidden;
  stroke-width: 0 !important;
}
body.level-A5 #main svg.strap path.animating,
body.level-A5 #main svg.strap polyline.animating {
  visibility: visible;
  animation: dash 10s linear infinite;
}
body.level-A5 #main svg.strap path.active,
body.level-A5 #main svg.strap polyline.active {
  opacity: 1;
  stroke-width: 6 !important;
}
body.level-A5 #main svg.strap path.player-0,
body.level-A5 #main svg.strap polyline.player-0 {
  stroke: #F05A28 !important;
}
body.level-A5 #main svg.strap path.player-1,
body.level-A5 #main svg.strap polyline.player-1 {
  stroke: #8BC53F !important;
}
body.level-A5 #main svg.strap path.player-2,
body.level-A5 #main svg.strap polyline.player-2 {
  stroke: #1B75BB !important;
}
body.level-A5 #main svg.round {
  position: relative;
  z-index: 6;
}
body.level-A5 #main svg.round path,
body.level-A5 #main svg.round polyline,
body.level-A5 #main svg.round polygon,
body.level-A5 #main svg.round line {
  -webkit-transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: stroke-width 0.5s cubic-bezier(0.8, 3.86, 0.5, 2.23), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  stroke-width: 0 !important;
}
body.level-A5 #main svg.round path.active,
body.level-A5 #main svg.round polyline.active,
body.level-A5 #main svg.round polygon.active,
body.level-A5 #main svg.round line.active {
  opacity: 1;
  stroke-width: 6 !important;
}
body.level-A5 #main svg.round path.player-0,
body.level-A5 #main svg.round polyline.player-0,
body.level-A5 #main svg.round polygon.player-0,
body.level-A5 #main svg.round line.player-0 {
  stroke: #F05A28 !important;
}
body.level-A5 #main svg.round path.player-1,
body.level-A5 #main svg.round polyline.player-1,
body.level-A5 #main svg.round polygon.player-1,
body.level-A5 #main svg.round line.player-1 {
  stroke: #8BC53F !important;
}
body.level-A5 #main svg.round path.player-2,
body.level-A5 #main svg.round polyline.player-2,
body.level-A5 #main svg.round polygon.player-2,
body.level-A5 #main svg.round line.player-2 {
  stroke: #1B75BB !important;
}
body.level-A5 #main svg.round polygon.player-0,
body.level-A5 #main svg.round ellipse.player-0 {
  fill: #F05A28 !important;
}
body.level-A5 #main svg.round polygon.player-1,
body.level-A5 #main svg.round ellipse.player-1 {
  fill: #8BC53F !important;
}
body.level-A5 #main svg.round polygon.player-2,
body.level-A5 #main svg.round ellipse.player-2 {
  fill: #1B75BB !important;
}
@keyframes dash {
  from {
    stroke-dashoffset: 100%;
  }
  to {
    stroke-dashoffset: 0%;
  }
}
body.level-A5 #main.a5-ready svg {
  visibility: visible;
}
/*# sourceMappingURL=styles.css.map */