styles.css

@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(font/KFOmCnqEu92Fr1Mu4mxP.ttf) format("truetype")}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(font/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format("truetype")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}*{box-sizing:border-box}html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;font-size:70%}body{margin:0;font-family:Roboto,sans-serif;color:#fff;-webkit-overflow-scrolling:touch;background-color:#000;-webkit-font-smoothing:antialiased}body.desktop .mobileOnly,body:after{display:none}body:after{content:url(img/logo-icon-animation.gif)}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){body:after{content:url(img/logo-icon-animation@2x.gif)}}body,html{width:100%;height:100%;margin:0;padding:0;-webkit-text-size-adjust:100%}input,select,textarea{font-family:Roboto,sans-serif}a{cursor:pointer;color:#fff}p{margin:0 auto 5px;font-size:12px;font-size:1.2rem}@media screen and (max-width:700px){p{font-size:11px;font-size:1.1rem}}@media screen and (max-height:500px){p{font-size:10px;font-size:1rem}}h1{font-size:40px;font-size:4rem}h2{font-size:30px;font-size:3rem}h3{font-size:20px;font-size:2rem}h1,h2,h3{font-weight:400;margin:20px auto 10px}::-moz-selection{background:#fff;color:#000}::selection{background:#fff;color:#000}canvas{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);perspective:1000;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}img{display:inline-block;max-width:100%;height:auto}textarea{color:#fff;background-color:#23a137;border:0;cursor:default;display:block;font-family:monospace;font-size:13px;line-height:30px;height:30px;outline:none;padding:0;resize:none;width:100%;white-space:nowrap;overflow:hidden;text-align:center;margin:20px auto}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.material-icons{vertical-align:middle}.link{text-decoration:underline}span.rwd-line{display:block}@media screen and (min-width:768px){span.rwd-line{display:inline}}.upscaleX{width:100%;width:100vw}.upscaleY{height:100%;height:100vh}.ios input[type=number],.ios input[type=text],.ios select,.ios textarea{font-size:16px!important}.ios .vertical-center{display:block!important}#notsupported{display:none;text-align:center;color:#fff;width:100%;height:100%}#notsupported .inner{display:table-cell;vertical-align:middle}#notsupported img{margin-bottom:30px;display:inline-block}#notsupported h1{font-size:6em}.ie .bounceInRight,.ie .bounceOutLeft{animation:none}.notsupported body{background-color:#1c812c}.notsupported #center-stage,.notsupported #start{display:none}.notsupported #notsupported{display:table}.input-text{display:inline-block;color:#555;-webkit-appearance:none;margin:5px auto 15px;padding:5px;line-height:1.4;font-size:16px;font-size:1.6rem;text-align:center;width:250px;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:none;transition:none}.input-text:active,.input-text:focus{outline:0;border-color:#114d1a}.input-button-large{display:block;max-width:180px;font-size:14px;font-size:1.4rem;margin:5px auto 15px;border:1px solid #fff;border-radius:20px;padding:10px 30px;text-align:center}.input-button-large:active,.input-button-large:focus,.input-button-large:hover{outline:0}.input-button-large.inverted{color:#555;border-color:#555}.input-button-large.success{color:#555;border-color:#23a137}.input-button-large.inline{display:inline-block;margin:5px 10px 15px}.radio{min-height:20px;padding-top:4px;padding-bottom:3px;position:relative}.radio label{display:inline-block;height:18px;margin-left:20px}.radio input{position:absolute!important;margin-left:-17px;margin-top:-1px}.input-checkbox{min-height:20px;padding-top:4px;padding-bottom:3px;position:relative}.input-checkbox.disabled{opacity:.5}.input-checkbox label{display:inline-block;height:18px;margin-left:20px}.input-checkbox input{position:absolute!important;margin-left:-18px;margin-top:0;-webkit-appearance:none}.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio],input[type=checkbox],input[type=radio]{position:relative;width:15px;height:15px;background:#fff;border:1px solid #dcdcdc;border-radius:1px;-webkit-appearance:none;border:1px solid #12511c}.checkbox-inline input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus,.radio-inline input[type=radio]:focus,.radio input[type=radio]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:0;border-color:#197127}.checkbox-inline input[type=checkbox]:active,.checkbox input[type=checkbox]:active,.radio-inline input[type=radio]:active,.radio input[type=radio]:active,input[type=checkbox]:active,input[type=radio]:active{border-color:#c6c6c6;background-color:#ebebeb;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffffffff",GradientType=0)}.checkbox-inline input[type=checkbox]:checked,.checkbox input[type=checkbox]:checked,.radio-inline input[type=radio]:checked,.radio input[type=radio]:checked,input[type=checkbox]:checked,input[type=radio]:checked{background:#fff}.radio-inline input[type=radio],.radio input[type=radio],input[type=radio]{border-radius:1em;width:15px;height:15px}.radio-inline input[type=radio]:checked:after,.radio input[type=radio]:checked:after,input[type=radio]:checked:after{content:"";display:block;position:relative;top:3px;left:3px;width:7px;height:7px;background:#666;border-radius:1em}.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],input[type=checkbox]{width:15px;height:15px}.checkbox-inline input[type=checkbox]:checked:after,.checkbox input[type=checkbox]:checked:after,input[type=checkbox]:checked:after{content:"";display:block;position:relative;top:0;left:4px;width:6px;height:11px;border-bottom:3px solid #666;border-right:3px solid #666;transform:rotate(45deg)}#start{min-height:100%;background:#1c812c;background-repeat:no-repeat;background-size:100%;background-color:#23a137;background-image:radial-gradient(#23a137,#1c812c);position:relative;z-index:100;position:absolute}#start,#start:before{height:100%;width:100%;top:0;left:0}#start:before{background-color:#1c812c;background-image:radial-gradient(#1c812c,#156121);content:"";display:block;position:absolute;opacity:0;z-index:-100;transition:opacity 1s}#start.active:before{opacity:1}#start.error:before{background-color:#ff3d00;background-image:radial-gradient(#ff3d00,#dd2c00)}#start.animate{transition:all 1s ease-in-out}#start.hide{opacity:0;visibility:hidden}#start main{min-height:10vh;max-height:100vh;width:100%;text-align:center}#start main .container{min-width:auto}@media screen and (min-width:500px){#start main .container{max-width:500px}}#start footer{display:none;width:100%;text-align:center;padding:3px 0}@media screen and (max-width:400px){#start footer .showsettings{display:block}}.vertical-center{width:100%;height:100%;text-align:center}.vertical-center:before{content:"";display:inline-block;height:0;vertical-align:middle;margin-right:-.25em}@media screen and (max-height:600px){.vertical-center{width:100%!important;height:100%!important}}.vertical-center .center,.vertical-center main{display:inline-block;vertical-align:middle;overflow:auto}.vertical-center .center .container,.vertical-center main .container{-ms-flex:1;flex:1}.vertical-center footer{position:absolute;bottom:0}@media screen and (max-height:300px){.vertical-center footer{position:relative!important}}.vertical-center .container{margin:0 auto;text-align:center;padding:15px}.vertical-center .container .bottom,.vertical-center .container .top{margin:auto}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-128{font-size:128px}#center-stage{background-color:#000;position:relative;overflow:hidden;display:table;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}#center-stage.hide{display:none}#center-stage main{margin:0 auto;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden}#center-stage #toggleMenu{position:fixed;top:0;left:0;padding:15px 15px 30px 30px}#center-stage #toggleMenu i{font-size:33px;text-shadow:#000 1px 1px}#center-stage #fakeKeyboard{position:fixed;bottom:3px;right:3px}#center-stage #fakeKeyboard #keyboardIcon:before{content:"\E312"}#center-stage #fakeKeyboard #keyboard{position:absolute;top:-9999px;opacity:0;border:none;padding:0;background:transparent}#center-stage #canvas-wrapper{transition:all .3s ease}#center-stage #canvas-wrapper.showMenu{transform:translateX(250px)}#center-stage #canvas-wrapper canvas{margin:0 auto}#center-stage #canvas-wrapper canvas.noCursor{cursor:url(img/cursor.gif),none}.android #center-stage,.ios #center-stage{display:block}.android #center-stage.hide,.ios #center-stage.hide{display:none}.android #center-stage main,.ios #center-stage main{position:relative}@media screen and (orientation:portrait){.android .upscaleX,.android .upscaleY,.ios .upscaleX,.ios .upscaleY{width:auto;height:100%;height:100vh}}@media screen and (orientation:landscape){.android .upscaleX,.android .upscaleY,.ios .upscaleX,.ios .upscaleY{height:auto;width:100%;width:100vw}}/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */.loading-ball{display:block;font-size:0;color:#fff;margin:0 auto}.loading-ball,.loading-ball .spinner,.loading-ball>div{width:64px;height:64px;position:relative;box-sizing:border-box}.loading-ball .spinner,.loading-ball>div{display:inline-block;background-color:currentColor;border:0 solid currentColor;background:transparent;border-width:1px;border-bottom-color:transparent;border-radius:100%;animation:a .75s linear infinite}.loading-ball.la-dark{color:#333}.loading-ball.smaller,.loading-ball.smaller .spinner,.loading-ball.smaller>div{width:32px;height:32px}@keyframes a{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.modal label{cursor:pointer;margin-bottom:0}.modal label img{border-radius:150px;display:block;max-width:300px}.modal .modal-state{display:none}.modal .modal-trigger{padding:.8em 1em}.modal .modal-fade-screen{transition:opacity .25s ease;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);opacity:0;padding-top:.6em;text-align:left;visibility:hidden;z-index:99999999999}@media screen and (min-width:53.75em){.modal .modal-fade-screen{padding-top:10em}}.modal .modal-fade-screen .modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.modal.modal-open .modal-fade-screen{opacity:1;visibility:visible;overflow:hidden}.modal.modal-open .modal-fade-screen .modal-inner{top:.5em}.modal .modal-close{position:absolute;top:1.5em;right:1.5em;height:1.5em;width:1.5em;background:#fff;cursor:pointer}.modal .modal-close:after,.modal .modal-close:before{position:absolute;top:3px;right:3px;bottom:0;left:50%;transform:rotate(45deg);height:1.5em;width:.15em;background:#ddd;content:"";display:block;margin:-3px 0 0 -1px}.modal .modal-close:hover:after,.modal .modal-close:hover:before{background:#c4c4c4}.modal .modal-close:before{transform:rotate(-45deg)}.modal .modal-inner{transition:opacity .25s ease;background:#fff;border-radius:3px;margin-top:0;margin:auto;max-height:95%;overflow:auto;padding:1.5em;position:relative;width:95%;text-align:center}@media screen and (min-width:40em){.modal .modal-inner{max-height:70%;padding:3em;width:60%}}@media screen and (max-height:500px){.modal .modal-inner{max-height:95%;padding:1.5em}.modal .modal-inner h1{font-size:2rem}}@media screen and (min-width:53.75em){.modal .modal-inner{width:50%}}.modal .modal-inner h1{color:#333;margin-top:10px}.modal .modal-inner p{color:#333;line-height:1.5em}.modal .modal-inner .modal-intro{margin-bottom:1em}.modal .modal-inner .modal-content{color:#333}@media screen and (min-width:40em){.modal .modal-inner .modal-content{columns:2 8em}}.modal .modal-inner a.cta{color:#fff;display:inline-block;margin-right:.5em;margin-top:1em}.modal .modal-inner a.cta:last-child{padding:0 2em}#menu{position:fixed;top:0;right:auto;bottom:0;left:0;height:100%;width:250px;transform:translateX(-250px);transition:all .3s ease;background:#404040;z-index:999999;overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:left}#menu header{padding:1em 2em;background-color:#23a137;border-bottom:1px solid #333}#menu header,#menu nav{margin-bottom:10px}#menu nav ul{padding:0;margin:0}#menu nav li{list-style:none}#menu nav li.seperator{padding:1em 2em}@media screen and (max-height:450px){#menu nav li.seperator{padding:0}}#menu nav li a{border-bottom:1px solid #333;color:#fff;display:block;font-size:14px;font-size:1.4rem;padding:1em 2em;text-decoration:none}#menu nav li a:focus,#menu nav li a:hover{background-color:#4d4d4d}#menu nav li a:hover{color:#fff}#menu nav li a .material-icons{margin-right:4px;margin-top:-4px}#menu footer{padding:1em 2em;text-align:center;position:absolute;bottom:0;left:0;right:0;background-color:#4d4d4d;border-top:1px solid #333;margin:0}@media screen and (max-height:450px){#menu footer{position:static}}#menu footer #menustatus{margin:0}#menu footer #desktopSize{margin:0;font-size:9.5px;font-size:.95rem}#menu.is-visible{transform:translateX(0)}.sliding-panel-fade-screen{position:fixed;top:0;right:0;bottom:0;left:0;transition:all .15s ease-out 0s;background:#000;opacity:0;visibility:hidden;z-index:999998}.sliding-panel-fade-screen.is-visible{opacity:.4;visibility:visible}.android .togglefullscreen,.ios .togglefullscreen{display:none}#loader{animation:w .5s}#loader .loading-ball{margin:0 auto}#form-input{animation-duration:.35s;display:none}#form-input header{text-align:center;transition:all .3s ease;transition-delay:.3s}#form-input header #icon{display:block;margin:0 auto;max-width:170px}#form-input header #logo{padding:10px;max-width:450px}@media screen and (max-width:700px){#form-input header #icon{width:40vw!important}#form-input header #logo{width:80vw!important}}@media screen and (max-height:500px){#form-input header #icon{width:30vh!important}#form-input header #logo{width:40vh!important}}#form-input #broadcast{margin:20px auto}#form-input #broadcast .loading-ball,#form-input #broadcast .loading-ball .spinner,#form-input #broadcast .loading-ball>div{width:18px;height:18px}#form-input #broadcast .loading-ball{float:left;margin-right:10px}#form-input #broadcast .loading-ball:after{clear:both}#form-input #broadcast .description{font-size:14px;font-size:1.4rem;margin-bottom:20px;display:inline-block}#form-input #broadcast #broadcastlist{margin-bottom:20px}#form-input #server{background-color:transparent;border-color:transparent;color:#fff;border-radius:0;border-bottom:1px solid #fff}#form-input #server:active,#form-input #server:focus{background-color:hsla(0,0%,100%,.1)}#form-input #buttonLogin{transition:all .3s ease}#form-input #buttonLogin.pulse,#form-input #buttonLogin:active,#form-input #buttonLogin:focus,#form-input #buttonLogin:hover{background-color:hsla(0,0%,100%,.1)}#form-input #buttonLogin.pulse{cursor:default;animation-name:b;animation-iteration-count:infinite;animation-duration:1s;animation-direction:alternate;animation-timing-function:ease}#form-input #error{font-size:15px;font-size:1.5rem}#form-input #errorText{margin:40px auto;text-align:center;line-height:1.5em}#form-input #errorText .material-icons{float:left}#form-input #reload{text-decoration:underline}.hide-on-connect{transition:all .5s ease}.hide-on-connect.hide,.show-on-connect{opacity:0;visibility:hidden}.show-on-connect{transition:all .5s ease}.show-on-connect.show{opacity:1;visibility:visible}@keyframes b{to{border:1px solid hsla(0,0%,100%,.2)}}#rotationInfo{display:none;margin-top:10px}#rotationInfo .material-icons{margin-right:5px}@media screen and (orientation:portrait){#rotationInfo{display:block}}#help{display:none;max-width:400px;margin:0 auto;text-align:left;animation-duration:.35s;overflow-x:hidden}#help .wizard{position:relative;margin-top:36px;text-align:center;animation-duration:.5s}#help .wizard img{margin:10px}#help .wizard p.help-text{font-size:13px;font-size:1.3rem}#help .wizard .close{position:absolute;top:-36px;right:0;height:36px;cursor:pointer}#help .wizard .close i{font-size:36px}#help .wizard .input-button-large{font-size:15px;font-size:1.5rem}#help .wizard>section{display:none}#help .wizard>section.active{display:block!important}#settings{display:none;margin:0 auto;margin-bottom:100px;text-align:left;animation-duration:.35s;overflow:auto}#settings h2{text-align:center}#settings h3 i{margin-right:10px}#settings hr{border:none;border-top:1px solid hsla(0,0%,100%,.3);margin:10px auto}#settings .compression{max-width:68em;margin-left:auto;margin-right:auto}#settings .compression:after{clear:both;content:"";display:table}#settings .compression .span2{float:left;display:block;margin-right:2.35765%;width:14.70196%}#settings .compression .span2:last-child{margin-right:0}#settings .compression .span8{float:left;display:block;margin-right:2.35765%;width:65.88078%}#settings .compression .span8:last-child{margin-right:0}#settings .section{margin:auto 10px auto 60px}@media screen and (max-width:400px){#settings .section{margin:auto 10px}}#settings .resolution select{cursor:pointer;-webkit-appearance:none;background-color:transparent;border:none;color:#fff;text-decoration:underline}#settings .resolution select option{color:#000}#settings #rangeQuality{display:block;width:100%}#settings #savePanel{text-align:center}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes c{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}40%,43%,70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:c;transform-origin:center bottom}@keyframes d{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:d}@keyframes e{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:e}@keyframes f{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:f}@keyframes g{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:g}@keyframes h{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:h}@keyframes i{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:i}@keyframes j{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:j}@keyframes k{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:k}@keyframes l{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.39063deg) skewY(.39063deg)}88.8%{transform:skewX(-.19531deg) skewY(-.19531deg)}}.jello{animation-name:l;transform-origin:center}@keyframes m{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:m}@keyframes n{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:n}@keyframes o{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:o}@keyframes p{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:p}@keyframes q{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:q}@keyframes r{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:r}@keyframes s{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:s}@keyframes t{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:t}@keyframes u{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:u}@keyframes v{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:v}@keyframes w{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:w}@keyframes x{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:x}@keyframes y{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:y}@keyframes z{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:z}@keyframes A{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:A}@keyframes B{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:B}@keyframes C{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:C}@keyframes D{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:D}@keyframes E{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:E}@keyframes F{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:F}@keyframes G{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:G}@keyframes H{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:H}@keyframes I{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:I}@keyframes J{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:J}@keyframes K{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:K}@keyframes L{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:L}@keyframes M{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:M}@keyframes N{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:N}@keyframes O{0%{transform:perspective(400px) rotateY(-1turn)}0%,40%{animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95)}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:O}@keyframes P{0%{transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{animation-timing-function:ease-in}40%{transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:P}@keyframes Q{0%{transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{animation-timing-function:ease-in}40%{transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:Q}@keyframes R{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:R;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes S{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:S}@keyframes T{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg)}60%,80%{opacity:1}80%{transform:skewX(-5deg)}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:T;animation-timing-function:ease-out}@keyframes U{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:U;animation-timing-function:ease-in}@keyframes V{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:V}@keyframes W{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:W}@keyframes X{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:X}@keyframes Y{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:Y}@keyframes Z{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:Z}@keyframes ab{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:ab}@keyframes bb{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:bb}@keyframes cb{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:cb}@keyframes db{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:db}@keyframes eb{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:eb}@keyframes fb{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:fb}@keyframes gb{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:gb}@keyframes hb{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:hb}@keyframes ib{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:ib}@keyframes jb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:jb}@keyframes kb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:kb}@keyframes lb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:lb}@keyframes mb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:mb}@keyframes nb{0%{opacity:1}50%{transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{animation-name:nb}@keyframes ob{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:ob}@keyframes pb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:pb}@keyframes qb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:qb}@keyframes rb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:rb}@keyframes sb{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:sb}@keyframes tb{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:tb}@keyframes ub{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:ub}@keyframes vb{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:vb}@keyframes wb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:wb}@keyframes xb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:xb}@keyframes yb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:yb}@keyframes zb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:zb}.rs-base{position:absolute;z-index:10000;padding:10px;background-color:#222;font-size:10px;line-height:1.2em;width:350px;font-family:Roboto Condensed,tahoma,sans-serif;left:0;top:0;overflow:hidden}.rs-base h1{margin:0;padding:0;font-size:1.4em;color:#fff;margin-bottom:5px;cursor:pointer}.rs-base div.rs-group{margin-bottom:10px}.rs-base div.rs-group.hidden{display:none}.rs-base div.rs-fraction{position:relative;margin-bottom:5px}.rs-base div.rs-fraction p{width:120px;text-align:right;margin:0;padding:0}.rs-base div.rs-legend{position:absolute;line-height:1em}.rs-base div.rs-counter-base{position:relative;margin:2px 0;height:1em}.rs-base span.rs-counter-id{position:absolute;left:0;top:0}.rs-base div.rs-counter-value{position:absolute;left:90px;width:30px;height:1em;top:0;text-align:right}.rs-base canvas.rs-canvas{position:absolute;right:0}