@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");: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)}.actions-group{background:#fff;box-shadow:0px 0px 10px rgba(51,51,51,0.1);border-radius:10px;padding:10px;margin:5px;display:flex}#app{background:var(--background-color);color:var(--contrast-color);overflow:hidden;font-family:"Montserrat",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{bottom:100px}}#app-logo{position:absolute;z-index:10;top:25px;left:25px}#app-logo .img-logo{display:block;width:20vw;max-width:220px}.invert-info #app-logo{left:25px;right:auto}@media only screen and (max-width: 989px){#app-logo .img-logo{max-width:100px}}#btn-info{background:#fff;box-shadow:0px 0px 10px rgba(51,51,51,0.1);border-radius:50%;padding:10px;width:60px;height:60px;margin-top:10px;margin-bottom:10px}#app-info{background:#fff;box-shadow:0px 0px 10px rgba(51,51,51,0.1);border-radius:10px;position:absolute;z-index:100;top:-15px;right:70px;padding:10px;font-size:12px;text-align:left;display:none;width:250px}#app-info p{font-weight:700;margin:5px}#app-info label{font-weight:500;font-size:10px;opacity:0.5}.invert-info #app-info{left:auto;right:25px}#app-info.open{display:block}@media only screen and (max-width: 989px){#app-info{top:12px}}#btn-views{background:#fff;box-shadow:0px 0px 10px rgba(51,51,51,0.1);border-radius:50%;padding:10px;width:60px;height:60px;margin-top:10px;margin-bottom:10px}#app-views{background:#fff;box-shadow:0px 0px 10px rgba(51,51,51,0.1);border-radius:10px;position:absolute;z-index:100;top:55px;right:70px;padding:10px;display:none;width:250px}#app-views .btn{display:inline-block}#app-views.open{display:block}#app-controls{position:absolute;text-align:center;z-index:10;top:30px;right:20px;display:flex;flex-direction:column}#app-controls .actions-group{flex-direction:column}@media only screen and (max-width: 989px){#app-controls{top:0px;right:10px}}#app-player{position:absolute;text-align:center;z-index:10;bottom:20px;left:20px;right:20px}#app-player .buttons{display:flex;align-items:center;justify-content:center}#app-player .seekbar{padding:0px 10px;width:100%;display:flex;flex-direction:column;justify-content:center}#app-player .seekbar .steps{display:flex}#app-player .seekbar .steps .step{color:#333;opacity:0.2;font-size:9px;line-height:12px;height:12px;width:100%;padding-left:1px}#app-player .seekbar .steps .step.active{opacity:1}#app-player .seekbar .steps .step.active.current{font-weight:700;-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);-o-transform:scale(1.8);transform:scale(1.8)}#app-player .seekbar .steps.low{padding-top:2px}#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:1px;top:50%;margin-top:-1.5px;background:#333;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:#333;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{bottom:10px;left:10px;right:10px}}@media only screen and (max-width: 767px){#app-player .actions-group{flex-direction:column}#app-player .seekbar{margin-top:10px;padding:0px}}#btn-player{width:60px;height:60px}#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:-100px;bottom:-50px}#app-player .actions-group{flex-direction:row}#app-player .seekbar{margin-top:0px;padding:0px 10px}}