@import url("https://fonts.googleapis.com/css?family=Francois+One");
/* line 3, ../components/sass/_docs.scss */
.docs .container {
  padding: 10px; }
/* line 6, ../components/sass/_docs.scss */
.docs .left {
  max-width: 60%; }
/* line 7, ../components/sass/_docs.scss */
.docs .right {
  position: fixed;
  right: 0;
  top: 20%; }
/* line 12, ../components/sass/_docs.scss */
.docs section {
  border-bottom: solid 1px #a6a6a6;
  margin: 5px 0;
  padding: 5px 0; }
/* line 18, ../components/sass/_docs.scss */
.docs h1 a {
  text-decoration: none;
  color: #000; }
/* line 24, ../components/sass/_docs.scss */
.docs h3 span {
  color: #8d8d8d; }
/* line 28, ../components/sass/_docs.scss */
.docs table {
  min-width: 400px;
  border-spacing: 0; }
/* line 32, ../components/sass/_docs.scss */
.docs td, .docs th {
  margin: 0;
  border-top: solid 1px #a2a2a2;
  border-left: solid 1px #a2a2a2;
  border-bottom: solid 1px #a2a2a2; }
  /* line 37, ../components/sass/_docs.scss */
  .docs td:last-child, .docs th:last-child {
    border-right: solid 1px #a2a2a2; }
/* line 41, ../components/sass/_docs.scss */
.docs th {
  background: #c4c4c4; }
/* line 42, ../components/sass/_docs.scss */
.docs td {
  padding: 3px; }
  /* line 44, ../components/sass/_docs.scss */
  .docs td span {
    color: #8d8d8d; }
/* line 48, ../components/sass/_docs.scss */
.docs nav {
  border: solid 1px; }
  /* line 50, ../components/sass/_docs.scss */
  .docs nav ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    /* line 54, ../components/sass/_docs.scss */
    .docs nav ul li {
      display: inline-block;
      position: relative;
      width: 120px;
      border-left: solid 2px;
      padding: 1px 3px 0;
      margin: -2px; }
      /* line 59, ../components/sass/_docs.scss */
      .docs nav ul li:last-child {
        border-right: solid 2px; }
      /* line 65, ../components/sass/_docs.scss */
      .docs nav ul li:hover > ul {
        opacity: 1;
        height: inherit; }
      /* line 70, ../components/sass/_docs.scss */
      .docs nav ul li ul {
        position: absolute;
        left: 0px;
        padding: 0;
        opacity: 0;
        height: 0px;
        overflow: hidden; }
        /* line 77, ../components/sass/_docs.scss */
        .docs nav ul li ul li {
          border: solid 1px;
          padding: 0;
          margin: 0;
          background: #eaeaea; }

/* line 2, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .container {
  opacity: 1 !important; }

/* line 6, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  background: none !important;
  border: 0 !important;
  bottom: auto !important;
  float: none !important;
  height: auto !important;
  left: auto !important;
  line-height: 1.1em !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-align: left !important;
  top: auto !important;
  vertical-align: baseline !important;
  width: auto !important;
  box-sizing: content-box !important;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 1em !important;
  min-height: inherit !important;
  min-height: auto !important; }

/* line 43, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter {
  width: 100% !important;
  margin: 1em 0 1em 0 !important;
  position: relative !important;
  overflow: auto !important;
  font-size: 1em !important; }

/* line 49, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .container:before, .syntaxhighlighter .container:after {
  content: none !important; }

/* line 51, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.source {
  overflow: hidden !important; }

/* line 53, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .bold {
  font-weight: bold !important; }

/* line 55, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .italic {
  font-style: italic !important; }

/* line 57, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .line {
  white-space: pre !important; }

/* line 59, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter table {
  width: 100% !important; }

/* line 61, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter table caption {
  text-align: left !important;
  padding: .5em 0 0.5em 1em !important; }

/* line 64, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter table td.code {
  width: 100% !important; }

/* line 66, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter table td.code .container {
  position: relative !important; }

/* line 68, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter table td.code .container textarea {
  box-sizing: border-box !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background: white !important;
  padding-left: 1em !important;
  overflow: hidden !important;
  white-space: pre !important; }

/* line 80, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter table td.gutter .line {
  text-align: right !important;
  padding: 0 0.5em 0 1em !important; }

/* line 83, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter table td.code .line {
  padding: 0 1em !important; }

/* line 85, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
  padding-left: 0em !important; }

/* line 87, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.show {
  display: block !important; }

/* line 89, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.collapsed table {
  display: none !important; }

/* line 91, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.collapsed .toolbar {
  padding: 0.1em 0.8em 0em 0.8em !important;
  font-size: 1em !important;
  position: static !important;
  width: auto !important;
  height: auto !important; }

/* line 97, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.collapsed .toolbar span {
  display: inline !important;
  margin-right: 1em !important; }

/* line 100, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.collapsed .toolbar span a {
  padding: 0 !important;
  display: none !important; }

/* line 103, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.collapsed .toolbar span a.expandSource {
  display: inline !important; }

/* line 105, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .toolbar {
  position: absolute !important;
  right: 1px !important;
  top: 1px !important;
  width: 11px !important;
  height: 11px !important;
  font-size: 10px !important;
  z-index: 10 !important; }

/* line 113, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .toolbar span.title {
  display: inline !important; }

/* line 115, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .toolbar a {
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  padding-top: 1px !important; }

/* line 120, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .toolbar a.expandSource {
  display: none !important; }

/* line 122, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.ie {
  font-size: .9em !important;
  padding: 1px 0 1px 0 !important; }

/* line 125, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.ie .toolbar {
  line-height: 8px !important; }

/* line 127, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.ie .toolbar a {
  padding-top: 0px !important; }

/* line 129, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
  background: none !important; }

/* line 135, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .line .number {
  color: #bbbbbb !important; }

/* line 137, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .line .content {
  color: black !important; }

/* line 139, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .toolbar {
  display: none !important; }

/* line 141, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing a {
  text-decoration: none !important; }

/* line 143, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
  color: black !important; }

/* line 145, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
  color: #008200 !important; }

/* line 147, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
  color: blue !important; }

/* line 149, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .keyword {
  color: #006699 !important;
  font-weight: bold !important; }

/* line 152, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .preprocessor {
  color: gray !important; }

/* line 154, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .variable {
  color: #aa7700 !important; }

/* line 156, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .value {
  color: #009900 !important; }

/* line 158, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .functions {
  color: #ff1493 !important; }

/* line 160, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .constants {
  color: #0066cc !important; }

/* line 162, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .script {
  font-weight: bold !important; }

/* line 164, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
  color: gray !important; }

/* line 166, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
  color: #ff1493 !important; }

/* line 168, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
  color: red !important; }

/* line 170, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
  color: black !important; }

/* line 173, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter {
  background-color: white !important; }

/* line 175, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .line.alt1 {
  background-color: white !important; }

/* line 177, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .line.alt2 {
  background-color: white !important; }

/* line 179, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
  background-color: #e0e0e0 !important; }

/* line 181, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .line.highlighted.number {
  color: black !important; }

/* line 183, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter table caption {
  color: black !important; }

/* line 185, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter table td.code .container textarea {
  background: white;
  color: black; }

/* line 188, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .gutter {
  color: #afafaf !important; }

/* line 190, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .gutter .line {
  border-right: 3px solid #6ce26c !important; }

/* line 192, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .gutter .line.highlighted {
  background-color: #6ce26c !important;
  color: white !important; }

/* line 195, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.printing .line .content {
  border: none !important; }

/* line 197, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.collapsed {
  overflow: visible !important; }

/* line 199, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.collapsed .toolbar {
  color: #00f !important;
  background: #fff !important;
  border: 1px solid #6ce26c !important; }

/* line 203, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.collapsed .toolbar a {
  color: #00f !important; }

/* line 205, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter.collapsed .toolbar a:hover {
  color: #f00 !important; }

/* line 207, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .toolbar {
  color: #fff !important;
  background: #6ce26c !important;
  border: none !important; }

/* line 211, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .toolbar a {
  color: #fff !important; }

/* line 213, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .toolbar a:hover {
  color: #000 !important; }

/* line 215, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
  color: black !important; }

/* line 217, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
  color: #008200 !important; }

/* line 219, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .string, .syntaxhighlighter .string a {
  color: blue !important; }

/* line 221, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .keyword {
  font-weight: bold !important;
  color: #006699 !important; }

/* line 224, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .preprocessor {
  color: gray !important; }

/* line 226, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .variable {
  color: #aa7700 !important; }

/* line 228, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .value {
  color: #009900 !important; }

/* line 230, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .functions {
  color: #ff1493 !important; }

/* line 232, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .constants {
  color: #0066cc !important; }

/* line 234, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .script {
  font-weight: bold !important;
  color: #006699 !important;
  background-color: none !important; }

/* line 238, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
  color: gray !important; }

/* line 240, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
  color: #ff1493 !important; }

/* line 242, ../components/sass/_syntaxhighlighter.scss */
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
  color: red !important; }

/* line 13, ../components/sass/style.scss */
body {
  font-family: 'Francois One', sans-serif;
  padding: 0;
  margin: 0; }

/* line 19, ../components/sass/style.scss */
.container {
  box-shadow: inset -100px -350px 120px rgba(153, 151, 197, 0.1); }

/* line 22, ../components/sass/style.scss */
label {
  margin: 10px;
  display: inline-block; }

/* line 26, ../components/sass/style.scss */
div {
  box-sizing: border-box; }

/* line 29, ../components/sass/style.scss */
.left, .right {
  display: block; }

/* line 32, ../components/sass/style.scss */
.left {
  max-width: 400px;
  float: left; }
  @media screen and (max-width: 420px) {
    /* line 32, ../components/sass/style.scss */
    .left {
      max-width: 100vw; } }

/* line 39, ../components/sass/style.scss */
.right {
  max-width: 60%;
  padding: 5% 10%;
  float: right; }
  @media screen and (max-width: 420px) {
    /* line 39, ../components/sass/style.scss */
    .right {
      max-width: 100%;
      float: left; } }

/* line 48, ../components/sass/style.scss */
#sprite {
  max-width: 100%; }

/* line 52, ../components/sass/style.scss */
h1 span {
  font-size: 15px; }

/* line 56, ../components/sass/style.scss */
header,
footer {
  clear: both;
  padding: 10px; }

/* line 61, ../components/sass/style.scss */
.loader_fader {
  background: rgba(255, 255, 255, 0.2);
  z-index: 9998;
  position: absolute;
  left: 0px;
  top: 0px; }

/* line 68, ../components/sass/style.scss */
.loader_container {
  margin: 10%;
  position: absolute;
  z-index: 9999;
  left: 0px;
  top: 0px; }

/* line 75, ../components/sass/style.scss */
#wm_show_fps {
  background: #000;
  z-index: 9999;
  width: 100px;
  height: 80px;
  position: absolute;
  color: #ffff00;
  right: 0;
  top: 0;
  padding: 5px;
  display: none; }
  /* line 86, ../components/sass/style.scss */
  #wm_show_fps.show {
    display: block; }

/* Main Page */
/* line 93, ../components/sass/style.scss */
.wes_main pre {
  font: 10px/4px monospace; }
  @media screen and (max-width: 1440px) {
    /* line 93, ../components/sass/style.scss */
    .wes_main pre {
      font: 8px/3px monospace; } }
  @media screen and (max-width: 769px) {
    /* line 93, ../components/sass/style.scss */
    .wes_main pre {
      overflow: hidden; } }
  @media screen and (max-width: 420px) {
    /* line 93, ../components/sass/style.scss */
    .wes_main pre {
      font: 4px/1px monospace; } }
/* line 105, ../components/sass/style.scss */
.wes_main h1 {
  display: block;
  box-shadow: inset 100px 200px 120px rgba(153, 151, 197, 0.1);
  margin: 0;
  padding: 20px; }
/* line 111, ../components/sass/style.scss */
.wes_main h3 {
  background: #f5f5f5;
  padding: 5px;
  cursor: pointer;
  margin: 0;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome and Opera */ }
/* line 124, ../components/sass/style.scss */
.wes_main .section {
  height: 0px;
  overflow: hidden; }
  /* line 127, ../components/sass/style.scss */
  .wes_main .section.show {
    height: auto; }
/* line 131, ../components/sass/style.scss */
.wes_main .right {
  background: #fff;
  box-shadow: inset -90px -165px 120px rgba(153, 151, 197, 0.1); }
/* line 138, ../components/sass/style.scss */
.wes_main #examples ul {
  list-style: none; }