*,:after,:before{box-sizing:border-box}@-webkit-keyframes spin{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body,html{background-color:#222;font-size:14px;color:hsla(0,0%,100%,.85);font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased}body{height:100vh;overflow:hidden;transition:all .5s ease-out;margin:0}body.red{background:#600}.table{display:table;width:100%}.table-cell{display:table-cell;vertical-align:middle}#results{width:100%;padding:0 20px;max-width:500px;margin:0 auto;margin-top:50px;font-size:24px;font-weight:300;line-height:1.5em}#interim_span{opacity:.4}#tip{position:absolute;bottom:100px;left:50%;width:250px;opacity:.8;color:hsla(0,0%,100%,.75);margin-left:-125px;text-align:center;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:700;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;transition:all .4s ease-in}#tip.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .3s ease-out}.visual{bottom:0;width:400px;height:400px;margin-bottom:-155px;border-radius:100%;left:50%;margin-left:-200px;z-index:0;-webkit-transform:scale(.001);transform:scale(.001);mix-blend-mode:screen;opacity:0;transition:all .3s;background:hsla(0,0%,100%,.1)}#visualization,.visual{position:absolute}#visualization div{background-color:orange;padding:10px;margin:3px;width:100px;display:inline-block;vertical-algin:bottom}.show-wrapper{height:auto;width:100%;position:absolute;top:50%;-webkit-transform:translateY(-165px);transform:translateY(-165px);text-align:center;border-radius:20px;opacity:0;transition-property:opacity;transition-duration:1s;transition-timing-function:ease-out}.show-wrapper img{margin:0 auto;position:relative;max-width:570px;width:100%}.show-wrapper.active{opacity:.85}.show-wrapper .show-wrapper-text{position:absolute;width:100%;top:50%;font-size:26px;-webkit-transform:translateY(-18px);transform:translateY(-18px)}#button{left:50%;margin-left:-25px}#button,#button .ellipse{width:50px;height:50px;position:absolute}#button .ellipse{z-index:10;background-color:#595959;border-radius:100%;display:block;transition-property:background-color;transition-duration:.5s}#button.active .ellipse{background-color:#d02}#button #microphone{fill:#fff;width:30px;position:absolute;left:50%;margin-left:-14px;top:20%;z-index:11}@-webkit-keyframes listen{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(2.5);transform:scale(2.5)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}65%{-webkit-transform:scale(1.2);transform:scale(1.2)}75%{-webkit-transform:scale(1.7);transform:scale(1.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes listen{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(2.5);transform:scale(2.5)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}65%{-webkit-transform:scale(1.2);transform:scale(1.2)}75%{-webkit-transform:scale(1.7);transform:scale(1.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes listen2{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(3);transform:scale(3)}50%{-webkit-transform:scale(1.7);transform:scale(1.7)}65%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes listen2{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(3);transform:scale(3)}50%{-webkit-transform:scale(1.7);transform:scale(1.7)}65%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}#button .shadow,#button .shadow2{width:50px;height:50px;left:50%;position:absolute;margin-left:-25px}#button .shadow .eclipse .eclipse{fill:hsla(0,0%,100%,.5)}#button .shadow2 .eclipse{fill:hsla(0,0%,100%,.3)}#button.active .shadow{-webkit-animation:listen 3s infinite;animation:listen 3s infinite}#button.active .shadow2{-webkit-animation:listen2 3s infinite;animation:listen2 3s infinite}#button.cancel #microphone{fill:transparent}#button.cancel:after,#button.cancel:before{position:absolute;background-color:#fff;width:2px;height:16px;display:block;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);left:50%;top:50%;margin-left:-1px;margin-top:-8px;opacity:.8;z-index:15}#button.cancel:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#button .element{position:absolute;top:0;left:0;display:block;z-index:3}#button .element .slice{background-color:#595959;position:absolute;top:1px;left:1px;width:24px;height:24px;border-radius:24px 0 0 0;z-index:10}#button .loading{position:absolute;left:2px;top:2px;width:46px;height:46px;border-radius:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:2px solid #fff;border-color:#fff transparent transparent}#button .loading.ring{position:absolute;border:2px solid hsla(0,0%,100%,.4);z-index:4;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.text-input{display:block;width:100%;font-size:13px;padding:5px}.chat{height:75vh;margin-top:5px}.chat-content{overflow:auto;height:100%;list-style:none;margin:0;padding:0}.chat-content li{margin:5px 0;zoom:1}.chat-content li .content{padding:5px 10px;background:rgba(255,255,200,.4);border-radius:4px;max-width:80%;float:right}.chat-content li.you .content{background:rgba(200,255,255,.4);float:left}.chat-content li:after,.chat-content li:before{content:"";display:table}.chat-content li:after{clear:both}#app{height:100vh;padding:5px;transition:all .3s ease-out;background:#000}#app.red{background:#600}.modal{position:fixed;top:40px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:all .3s ease-out}.modal .modal-content{background:#fff;color:#000;position:absolute;top:0;left:0;width:90%;margin:10px 5%;border-radius:4px;font-size:13px;transition:all .3s ease}.modal .modal-content .text{padding:20px}.modal .modal-content .autor{background:#eee;color:#666;padding:10px 20px;border-radius:0 0 4px 4px}.modal .modal-content .autor a{color:#369}.modal .modal-content .image{border-radius:4px 4px 0 0;overflow:hidden;max-height:50vh}.modal .modal-content .image img{transition:all .8s ease-out}.close,.slick-arrow{position:absolute;z-index:1;width:28px;height:28px;border-radius:100%;overflow:hidden;background:#666;color:#fff;text-align:center;border:4px solid #fff;outline:none}.close{position:absolute;bottom:5px;right:5px;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.modal-enter{opacity:0}.modal-enter .image img,.modal-enter .modal-content,.modal-leave-active .image img,.modal-leave-active .modal-content{-webkit-transform:scale(1.1);transform:scale(1.1)}.modal-leave-active{opacity:0}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translateZ(0);transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-arrow{position:absolute;top:50%;z-index:1}.slick-arrow.slick-prev{left:5px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slick-arrow.slick-next{right:5px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}