@-webkit-keyframes fadeIn{0%{margin-top:50px;opacity:0}to{margin-top:0;opacity:1}}@keyframes fadeIn{0%{margin-top:50px;opacity:0}to{margin-top:0;opacity:1}}.content-browser{background-color:transparent;border-radius:10px;display:flex;-webkit-filter:drop-shadow(1px 4px 5px rgba(0,0,0,.3));filter:drop-shadow(1px 4px 5px rgba(0,0,0,.3));height:60%;justify-content:center;margin:170px auto auto;transition:all 1s ease-in-out;width:100%}.content-browser.small{background-color:#fff;background-color:var(--color-white);border-radius:10px;width:90%}.content-browser.small .intro-buttons{border-right:4px solid #eee;transition:all 1s;width:40%}.content-browser.small .intro-buttons .intro-button{width:90%}.content-browser.small .intro-buttons .intro-button .title{font-size:20pt}.content-browser.small .folder-buttons .folder-button .thumb{height:84.375px;min-width:150px}.content-browser.small .folder-buttons .folder-button .title{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;transform-origin:0 0;transition:all 1s}.content-browser.small.play-video .intro-buttons{border-right:4px solid transparent;width:0}.content-browser.small.play-video .folder-button{min-height:80px;padding-bottom:0;padding-top:20px}.content-browser.small.play-video .folder-button .thumb{height:56.25px;min-width:100px}.content-browser.small.play-video .folder-button .title{padding-top:0;-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:0 0;transform-origin:0 0;transition:all 1s}.content-browser.small .video-buttons{width:0}.content-browser.big{width:80%}.content-browser.big .folder-buttons,.content-browser.big .video-buttons,.content-browser.top .intro-buttons{width:0}.content-browser.top .intro-buttons .intro-button{height:30%}.content-browser.top .intro-buttons .intro-button .title{font-size:15pt}.content-browser.top .folder-buttons .folder-button{padding:5px}.content-browser.top .folder-buttons .folder-button .thumb{margin-right:10px;width:50px}.content-browser.top .folder-buttons .folder-button .title{font-size:12pt}.content-browser.top .video-buttons{width:100%}.content-browser.top .video-buttons .video-button{padding:5px}.content-browser.top .video-buttons .video-button .thumb{margin-right:10px;width:50px}.content-browser.top .video-buttons .video-button .title{font-size:10pt}.content-browser.play-video{width:30%}.content-browser.bottom{margin-top:235px}.content-browser .intro-buttons{-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;border-right:4px solid transparent;display:flex;height:100%;justify-content:space-between;margin:0;overflow:hidden;transition:all 1s;width:calc(100% - 10px)}.content-browser .intro-buttons.touch{height:calc(100% - 10px);width:calc(100% - 300px)}.content-browser .intro-buttons .intro-button{align-items:center;background-color:#fff;background-color:var(--color-white);border:1px solid #fff;border:1px solid var(--color-white);border-radius:15px;display:flex;flex-direction:column;font-weight:700;height:calc(100% - 40px);justify-content:center;overflow:hidden;padding:20px;transition:all 1s;white-space:nowrap;width:40%}.content-browser .intro-buttons .intro-button .teaser{background-color:#fff;background-color:var(--color-white);border-radius:10px;box-shadow:1px 1px 15px rgba(0,0,0,.2);height:70%;overflow:hidden;transition:all 1s;width:90%}.content-browser .intro-buttons .intro-button .teaser img{height:100%;object-fit:cover;width:100%}.content-browser .intro-buttons .intro-button .title{color:#575757;color:var(--color-hoval-gray);font-size:30pt;min-height:90px;padding-top:30px;text-align:center;transition:all 1s}.content-browser .intro-buttons .intro-button.hidden{border-left:none;border-right:none;min-width:0;opacity:0;padding-left:0;padding-right:0;width:0}.content-browser .folder-buttons{display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;padding-bottom:20px;padding-top:10px;transition:all 1s;width:100%}.content-browser .folder-buttons .folder-button{border-bottom:2px solid #c6c6c6;border-bottom:2px solid var(--color-hoval-light-gray);border-radius:0;display:flex;justify-items:center;margin:0 10px;min-height:75px;overflow:hidden;padding:10px 20px 20px;transition:all 1s;white-space:wrap}.content-browser .folder-buttons .folder-button .thumb{border-radius:4px;margin-right:20px;overflow:hidden;transition:all 1s;width:100px}.content-browser .folder-buttons .folder-button .thumb img{height:100%;object-fit:cover;width:100%}.content-browser .folder-buttons .folder-button .title{color:#575757;color:var(--color-hoval-gray);font-size:15pt;font-weight:600;padding-top:10px;transition:all 1s}.content-browser .folder-buttons .folder-button .title .title-play{align-items:center;display:flex}.content-browser .folder-buttons .folder-button .title .title-play .play{-webkit-filter:grayscale(100);filter:grayscale(100);height:25px;margin-left:10px}.content-browser .folder-buttons .folder-button .title .title-play .play.selected{-webkit-filter:grayscale(0);filter:grayscale(0)}.content-browser .folder-buttons .folder-button .title .subtitle{font-weight:400;line-height:18pt}.content-browser .folder-buttons .folder-button.hidden{visibility:hidden}.content-browser .folder-buttons .folder-button.selected{background-color:#e3e3e3;background-color:var(--color-hoval-verylight-gray)}.content-browser .folder-buttons .folder-button.noborder{border-bottom:none}.content-browser .video-buttons{background-color:#fff;background-color:var(--color-white);display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;transition:all 1s;width:100%}.content-browser .video-buttons .video-button{border-bottom:2px solid #c6c6c6;border-bottom:2px solid var(--color-hoval-light-gray);border-radius:0;border-radius:4px;display:flex;justify-items:center;margin:10px;min-height:70px;overflow:hidden;padding:20px;transition:all 1s;white-space:wrap}.content-browser .video-buttons .video-button .thumb{border-radius:4px;margin-right:20px;overflow:hidden;width:100px}.content-browser .video-buttons .video-button .thumb img{height:100%;object-fit:cover;width:100%}.content-browser .video-buttons .video-button .title{color:#575757;color:var(--color-hoval-gray);font-size:15pt;font-weight:600;transition:all 1s}.content-browser .video-buttons .video-button .title .subtitle{font-weight:400}.content-browser .video-buttons .video-button.hidden{visibility:hidden}.content-browser .video-buttons .video-button.selected{background-color:#e3e3e3;background-color:var(--color-hoval-verylight-gray)}.video-player{display:block;height:100%;width:100%}.video-player .video-content{flex-direction:column;height:100%;margin:auto}.video-player .video-content,.video-player .video-content .wrapper{display:flex;justify-content:center;padding:0;position:relative;width:100%}.video-player .video-content .wrapper{align-items:center;background-color:rgba(0,0,0,.4);border-radius:10px;height:45vh;margin:0;min-height:52.9vh;overflow:hidden;transition:all 1s}.video-player .video-content .wrapper.fullscreen{background-color:transparent;height:79vh}.video-player .video-content .wrapper.touch{height:64vh}.video-player .video-content .controls{align-items:center;display:flex;justify-items:center;left:5px;padding-right:20px;position:relative;top:8px;transition:all 1s;width:100%}.video-player .video-content .controls.fullscreen{opacity:0;top:-10px}.video-player .video-content .controls.fullscreen.touch{top:0}.video-player .video-content .controls svg{height:50px;max-height:50px}.video-player .video-content .controls .pause{height:70px;max-height:70px;padding-right:20px}.video-player .video-content .controls .pause:focus{outline:none}.video-player .video-content .controls .loop{padding-right:20px}.video-player .video-content .controls .pos,.video-player .video-content .controls input[type=range]{margin-right:10px;width:100%}.video-player .video-content .controls .duration{color:#fff;font-size:15pt;margin-right:40px;margin-top:1px}.video-player .video-content .controls .volume{margin-right:20px}.video-player .video-content .controls .volume-slider{margin-right:50px;width:130px}.video-player .video-content .controls .fullscreen{height:70px;margin-right:20px;max-height:70px}.video-player .video-content .stats{display:flex;display:none;font-size:8pt;justify-content:flex-end;position:absolute;right:10px;top:10px}.overview{background-color:#e2001a;background-color:var(--color-hoval-red);background-image:url(../../static/media/background.6ac3e921993a2226f9e4.png);background-size:cover;display:block;height:100vh;position:relative;top:0;transition:all 1s;width:100%}.overview.fullscreen{height:calc(100% + 100px);top:-100px}.overview.cordova{height:calc(100vh - 50px)}.overview .logo{border:1px solid #fff;left:30px;position:absolute;top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:11}.overview .logo img{width:150px}.overview .logo.touch{left:50px;top:20px}.overview .logo.touch img{width:200px}.overview .logo.bottom{left:unset;right:50px;top:40px}.overview .header{align-items:center;color:#fff;color:var(--color-white);display:flex;font-weight:700;justify-content:flex-start;left:90px;opacity:0;position:absolute;top:120px;transition:all 1s;width:100%;z-index:10}.overview .header.touch{top:150px}.overview .header.bottom{bottom:50px;top:unset;width:30%}.overview .header .title{display:flex;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;transform-origin:0 0;transition:all 1s}.overview .header .title .str{align-items:center;display:flex;font-size:30pt;white-space:nowrap}.overview .header .title .str .right{height:30px;margin-left:10px;margin-top:2px}.overview .header.big{left:80px;opacity:1}.overview .header.small{opacity:1}.overview .header.small .title{display:flex;-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:0 30px;transform-origin:0 30px}.overview .header.small .str{margin-right:10px}.overview .header.smaller{left:30px;opacity:1}.overview .header.smaller .title{display:flex;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 30px;transform-origin:0 30px}.overview .header.smaller .title .str{margin-right:10px}.overview .header .back{height:35px;margin-right:20px;min-width:35px}.overview .footer{bottom:0;color:#fff;opacity:1;padding:20px;position:absolute;text-align:right;transition:all 1s;width:calc(100% - 50px);z-index:9}.overview .footer .playlist{height:60px;overflow:hidden;transition:all 1s}.overview .footer .playlist.disabled{height:0;opacity:0}.overview .content{display:flex;height:calc(100% - 40px);left:15px;position:absolute;top:40px;transition:all 1s;width:calc(100vw - 30px);z-index:8}.overview .content.fullscreen{left:calc(-40% - 20px);width:135%}.overview .content.touch{top:100px}.overview .content .video{display:block;margin:170px auto auto;overflow:hidden;transition:all 1s;width:65%}.overview .content .video.fullscreen{height:80%;margin-left:8%;margin-top:140px;width:100%}.overview .content .video.fullscreen.touch{margin-left:14%}.overview .content .video.fullscreen.bottom{margin-top:100px}.overview .content .video.cordova{width:67%}.overview .content .video.disabled{margin-left:0;margin-right:0;width:0}.screensaver{background-color:#e2001a;background-color:var(--color-hoval-red);background-image:url(../../static/media/background.6ac3e921993a2226f9e4.png);background-size:cover;display:block;height:100%;position:relative;top:0;transition:all 1s;width:100%}.screensaver.cordova{height:calc(100vh - 50px)}.screensaver .react-player{background-color:#000;opacity:0;transition:all 1s;z-index:12}.screensaver .react-player.show{opacity:1}.screensaver .status{bottom:5px;color:#fff;font-size:10pt;position:absolute;right:10px}.screensaver .status.disabled{display:none}.screensaver .logo{border:1px solid #fff;left:30px;position:absolute;top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:11}.screensaver .logo img{width:150px}.screensaver .logo.disabled{display:none}.screensaver .logo.bottom{left:unset;right:50px;top:40px}.screensaver .playlist{color:#fff;left:40px;position:absolute;top:120px;z-index:9}.screensaver .playlist.disabled{display:none}.screensaver .playlist.bottom{top:480px}.screensaver .playlist .title{align-items:center;display:flex;font-size:25pt;margin-bottom:20px}.screensaver .playlist .play{height:60px;padding-left:20px}.screensaver .playlist .input-stepper{font-size:15pt;padding-bottom:30px}.screensaver .playlist .input-stepper button,.screensaver .playlist .input-stepper input{background-color:transparent;border:1px solid #fff;color:#fff;font-size:15pt;height:40px;min-width:40px}.screensaver .playlist .input-stepper input{border:none;height:36px;padding-left:10px;width:70px}.screensaver .playlist .check{font-size:15pt;padding-bottom:10px}.screensaver .playlist .check [type=checkbox]{-webkit-appearance:none;left:20px;position:relative;top:0;z-index:0}.screensaver .playlist .check [type=checkbox]+label{cursor:pointer;display:block;line-height:1.2;margin-top:-30px;padding-left:70px;position:relative}.screensaver .playlist .check [type=checkbox]+label:before{background-color:#eee;border:2px solid #ddd;border-radius:20px;content:"";height:20px;left:0;margin-right:15px;position:absolute;transition:background-color .5s linear;width:50px;z-index:5}.screensaver .playlist .check [type=checkbox]+label:after{background-color:#fff;border-radius:20px;box-shadow:0 0 5px #aaa;content:"";height:20px;left:2px;position:absolute;top:2px;transition:margin .1s linear;width:20px;z-index:10}.screensaver .playlist .check [type=checkbox]:checked+label:before{background-color:#2b8718}.screensaver .playlist .check [type=checkbox]:checked+label:after{margin:0 0 0 30px}:root{--color-black:#000;--color-white:#fff;--color-hoval-red:#e2001a;--color-hoval-gray:#575757;--color-hoval-light-gray:#c6c6c6;--color-hoval-verylight-gray:#e3e3e3;--color-rehau-magenta:#cb2c61}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;position:fixed;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e2001a;background-color:var(--color-hoval-red);color:#000;color:var(--color-black);font-family:Open Sans,Arial,Helvetica Neue,sans-serif;height:100%;margin:0;min-height:100vh;min-height:-webkit-fill-available;overflow:hidden;padding:0}html{height:-webkit-fill-available}#root{height:100vh;overflow:hidden}button:focus,div:focus{outline:0}input[type=range]{-webkit-appearance:none;background-color:transparent;height:13px;margin:10px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{animate:.2s;background:#fff;border-radius:2px;cursor:pointer;height:5px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0 solid #000;border-radius:25px;cursor:pointer;height:25px;margin-top:-10px;width:25px}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{animate:.2s;background:#fff;border-radius:2px;cursor:pointer;height:5px;width:100%}input[type=range]::-moz-range-thumb{background:#ff5226;border-radius:30px;cursor:pointer;height:30px;width:30px}input[type=range]::-ms-track{animate:.2s;background:transparent;border-color:transparent;color:transparent;cursor:pointer;height:10px;width:100%}input[type=range]::-ms-fill-lower{background:#fff;border:0 solid #000;border-radius:4px;box-shadow:0 0 0 #000}input[type=range]::-ms-fill-upper{background:#fff;border-radius:4px}input[type=range]::-ms-thumb{background:#ff5226;border:0 solid #000;border-radius:5px;box-shadow:0 0 2px #000;cursor:pointer;height:30px;margin-top:1px;width:15px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#fff}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:url(../../static/media/OpenSans-Light.846a12caf01a940847a7.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:url(../../static/media/OpenSans-Regular.d7d7b8359eeb9cddfba6.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:500;src:url(../../static/media/OpenSans-Medium.f0cdede053a22b990af8.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;src:url(../../static/media/OpenSans-SemiBold.d7261533b9a545ddc769.ttf) format("truetype")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:url(../../static/media/OpenSans-Bold.6e27168fc8a5a200a026.ttf) format("truetype")}.videoplayer{background-color:#e2001a;background-color:var(--color-hoval-red);background-image:url(../../static/media/background.6ac3e921993a2226f9e4.png);background-size:cover;display:block;height:100%;position:relative;top:0;transition:all 1s;width:100%}.videoplayer .react-player{background-color:#000;transition:all 1s;z-index:10}
/*# sourceMappingURL=main.c9f1b5bf.css.map*/