@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");:root{--background-color:#efefef;--contrast-color:#333}*{outline:0px !important}body{margin:0px;padding:0px}@keyframes rotating{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.btn{background:transparent;color:var(--contrast-color);margin:2px;padding:5px;display:block;border:0px;width:50px;height:50px;cursor:pointer}.btn svg,.btn img{width:100%;height:100%;display:block}.btn.active{color:#ff435f}.btn:disabled{opacity:0.3}.btn:active{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}@media only screen and (max-width: 989px){.btn{margin:2px 5px;padding:1px;width:35px;height:35px}}.actions-group{background:rgba(255,255,255,0.5);padding:5px;margin:5px;display:flex}@media only screen and (max-width: 989px){.actions-group{margin:0px;padding:0px;background:transparent}}#app{background:var(--background-color);color:var(--contrast-color);overflow:hidden;font-family:"Roboto",sans-serif;position:fixed;z-index:1;top:0px;left:0px;bottom:0px;right:0px}.init #app{display:none}#app-loader{position:absolute;z-index:-20;opacity:0;top:0px;left:0px;width:100vw;height:100vh;background:rgba(239,239,239,0.5);-webkit-transition:0.6s ease-in-out;-moz-transition:0.6s ease-in-out;-ms-transition:0.6s ease-in-out;-o-transition:0.6s ease-in-out;transition:0.6s ease-in-out}#app-loader .spinner{margin:-20px 0px 0px -20px;position:absolute;z-index:3;top:50%;left:50%;border-top:5px solid rgba(51,51,51,0.2);border-right:5px solid rgba(51,51,51,0.2);border-bottom:5px solid rgba(51,51,51,0.2);border-left:5px solid var(--contrast-color)}#app-loader .spinner,#app-loader .spinner:after{border-radius:50%;width:30px;height:30px}#app-loader .status{position:absolute;top:55%;left:50%;font-size:10px;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.loading #app-loader{opacity:1;z-index:100}.loading #app-loader .spinner{animation:rotating 1.1s infinite linear}#app-scene{position:absolute;z-index:1;top:0px;left:0px;bottom:0px;right:0px}#app-scene canvas{position:relative;z-index:1}@media only screen and (max-width: 989px){#app-scene{top:60px;bottom:174px}}#app-logo{position:absolute;z-index:10;top:25px;right:25px}#app-logo .img-logo{display:block;width:20vw;max-width:280px}#app-logo .btn{display:none}@media only screen and (max-width: 989px){#app-logo{background:rgba(255,255,255,0.5);height:50px;top:0px;left:0px;right:0px;padding:5px}#app-logo .img-logo{margin:0px auto;width:auto;height:45px;max-width:100%}#app-logo .btn{position:absolute;z-index:10;top:10px;right:10px;display:block;margin:0px}}#app-info{background:rgba(255,255,255,0.5);position:absolute;text-align:center;z-index:10;top:25px;left:25px;padding:10px;font-size:12px;text-align:left}#app-info label{font-weight:bold;font-size:10px;opacity:0.5}#app-info p{margin:5px}@media only screen and (max-width: 989px){#app-info{display:none;top:62px;left:0px;right:0px;padding:10px;justify-content:space-between;flex-flow:wrap;overflow:hidden}#app-info p{min-width:45%}#app-info.open{display:flex}}#app-controls{position:absolute;text-align:center;z-index:10;top:50%;left:20px;display:flex;flex-direction:column;transform:translateY(-50%)}#app-controls .actions-group{flex-direction:column}@media only screen and (max-width: 989px){#app-controls{background:rgba(255,255,255,0.5);right:0px;left:0px;top:auto;bottom:122px;height:45px;padding:5px;display:flex;transform:none;overflow-x:scroll;flex-direction:row}#app-controls .actions-group{width:100%;flex-direction:row;justify-content:center;align-items:center}}#app-player{position:absolute;text-align:center;z-index:10;bottom:20px;left:20px;right:20px}#app-player .buttons{display:flex}#app-player .seekbar{padding:0px 3px;width:100%;display:flex;flex-direction:column;justify-content:center}#app-player .seekbar .steps{display:flex}#app-player .seekbar .steps .step{background:var(--contrast-color);color:var(--background-color);opacity:0.2;font-size:8px;line-height:10px;height:10px;width:100%;margin:0px 1px}#app-player .seekbar .steps .step.active{background:var(--contrast-color);color:var(--background-color);opacity:1}#app-player .seekbar .steps .step.active.current{background:#ff435f;color:#fff}#app-player .seekbar .cursor{position:relative;margin-right:2px;overflow:hidden;height:30px;display:flex;flex-direction:column;justify-content:center}#app-player .seekbar .cursor:before{content:'';position:absolute;z-index:1;left:0px;right:0px;height:3px;top:50%;margin-top:-1.5px;background:var(--contrast-color);opacity:0.2}#app-player .seekbar .cursor input[type=range]{background:transparent;-webkit-appearance:none;box-sizing:border-box;position:relative;z-index:10;height:5px;width:100%}#app-player .seekbar .cursor input[type=range]:focus{outline:none}#app-player .seekbar .cursor input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;box-shadow:none;background:transparent;border-radius:0px;border:0px solid rgba(1,1,1,0)}#app-player .seekbar .cursor input[type=range]::-webkit-slider-thumb{box-shadow:none;border:0px;height:20px;width:20px;border-radius:20px;background:#ff435f;cursor:pointer;-webkit-appearance:none;margin-top:-7.5px}#app-player .seekbar .cursor input[type=range]:focus::-webkit-slider-runnable-track{background:transparent}#app-player .seekbar .cursor input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;box-shadow:none;background:transparent;border-radius:0px;border:0px}#app-player .seekbar .cursor input[type=range]::-moz-range-thumb{box-shadow:none;border:0px;height:20px;width:20px;border-radius:20px;background:#ff435f;cursor:pointer}#app-player .seekbar .cursor input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}#app-player .seekbar .cursor input[type=range]::-ms-fill-lower{background:transparent;border:0px;border-radius:0px;box-shadow:none}#app-player .seekbar .cursor input[type=range]::-ms-fill-upper{background:transparent;border:0px;border-radius:0px;box-shadow:none}#app-player .seekbar .cursor input[type=range]::-ms-thumb{box-shadow:none;border:0px;height:20px;width:20px;border-radius:20px;background:#ff435f;cursor:pointer;height:5px}#app-player .seekbar .cursor input[type=range]:focus::-ms-fill-lower{background:transparent}#app-player .seekbar .cursor input[type=range]:focus::-ms-fill-upper{background:transparent}#app-player #btn-download{display:none}#app-player.disabled:after{content:'';text-align:center;position:absolute;z-index:10;top:0px;left:0px;bottom:0px;right:0px}#app-player.disabled .btn,#app-player.disabled .seekbar{opacity:0}#app-player.disabled #btn-download{font-size:8px;display:block;position:absolute;z-index:100;text-align:center;width:100%;height:auto;top:0px;left:0px;right:0px;bottom:0px;opacity:1}#app-player.disabled #btn-download img,#app-player.disabled #btn-download svg{width:35px;height:35px;margin:0px auto 5px auto}@media only screen and (max-width: 989px){#app-player{background:rgba(255,255,255,0.5);bottom:0px;left:0px;right:0px;padding:10px}#app-player .actions-group{flex-direction:column-reverse}#app-player .buttons{margin-top:10px;justify-content:center}#app-player .seekbar{padding:0px}}#btn-player .play{display:block}#btn-player .pause{display:none}#app-login{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(255,255,255,0.5);padding:20px;font-size:12px;width:30%;min-width:240px;max-width:400px;text-align:center}#app-login p{margin-bottom:10px}#app-login .form-group{margin-bottom:10px}#app-login .form-group label{font-weight:bold;display:block;margin-bottom:5px}#app-login .form-group input{background:#fff;border:0px;padding:10px;width:calc(100% - 20px)}#app-login .form-btn{text-decoration:none;background:var(--contrast-color);color:var(--background-color);padding:10px;display:block;width:100%;box-sizing:border-box;text-transform:uppercase;border:0px}.alert{background:#ff435f;color:#fff;padding:10px;margin-bottom:20px}.alert h6{font-size:14px;margin:10px}@media only screen and (hover: none) and (pointer: coarse) and (orientation: landscape){#app-scene{top:0px;bottom:50px}}@media only screen and (max-height: 700px) and (orientation: landscape){.btn{margin:2px 5px;padding:1px;width:35px;height:35px}.actions-group{margin:0px;padding:0px;background:transparent}#app-controls{background:rgba(255,255,255,0.5);width:30%;right:0px;left:0px;top:auto;bottom:0px;height:109px;padding:5px;display:flex;transform:none;flex-direction:row}#app-controls .actions-group{width:100%;flex-direction:row;justify-content:center;align-items:center}#app-controls .actions-group{flex-flow:wrap}#app-player{background:rgba(255,255,255,0.5);bottom:0px;left:32%;right:0px;padding:10px}#app-player .actions-group{flex-direction:column-reverse}#app-player .buttons{margin-top:10px;justify-content:center}#app-player .seekbar{padding:0px}}