:root,body,button{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{height:100%}body{background-color:#232529;color:#fff}header,.header{z-index:999!important;position:absolute;width:100%;padding:28px 410px 20px 20px;text-align:left;text-align:center}.logo{z-index:999!important;width:165px}h5{margin-left:12px;margin-top:2px;font-weight:600}h5 a,h5 a:hover{text-decoration:none;color:#fff}h5 b{background:-webkit-linear-gradient(#eee,#f0cf5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}main{height:100%;padding:108px 410px 50px 10px}.wrap{max-width:100%;width:748px;margin:0 auto}.wrap-sm{max-width:100%;width:475px;margin:0 auto}.wdgt{border:2px solid black;background-color:#fff;border-radius:8px;padding:20px}.screen{z-index:0}.screen canvas,.screen img{border:2px solid black}.controls{position:fixed;top:0;right:0;width:400px;height:100%;border-left:2px solid black;background-color:#2c2c2c;z-index:999}.controls-header{background-size:cover;background-position:top center;height:150px}.tab{border-top:2px solid black;padding:15px;display:none;background-color:#f8f8f8;color:#000;height:100%}.tab .btn{margin-top:10px}.toolbar{padding:24px 10px 10px;height:105px}.w-40{width:100%}.label{text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:14px;padding-bottom:0;color:#000}.label-start{text-transform:uppercase;letter-spacing:.03em;font-size:14px;padding-bottom:0;color:#000;text-align:left;margin-top:15px;margin-bottom:3px}.label-info{font-size:14px;color:#777;text-align:center;margin-top:10px;padding-bottom:0;margin-bottom:0}.label-info a{text-decoration:underline!important;cursor:pointer}.btn-outline-dark{color:#fff}.btn-outline-dark:hover,.btn-outline-dark.active{color:#f0cf5f}.btn-outline-dark{border:1px solid white}.btn-group .btn-outline-dark{border:0;background-color:transparent!important}.btn-dark{background-color:#2c2c2c}.btn-label{font-size:12px}.hidden{display:none}canvas,#result{z-index:1!important}.info{text-align:center;font-size:14px}.main-action{padding-top:20px;padding-bottom:15px}.main-action .fas{font-size:40px!important}.infobar{background-color:#2c2c2c;padding:20px;colro:white;text-align:center}.screen{position:relative}.loading{position:absolute;width:100%;z-index:999999;text-align:center}#player-wrap{opacity:0}.fade-in{animation:fadeIn forwards 1s;-webkit-animation:fadeIn forwards 1s;-moz-animation:fadeIn forwards 1s;-o-animation:fadeIn forwards 1s;-ms-animation:fadeIn forwards 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-users{position:absolute;top:20px;right:20px;color:#fff;text-decoration:none}.btn-users:hover{color:#ccc}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999999999999}.modal{color:#000;margin-top:90px}.modal p{color:#000;font-size:18px;line-height:26px}.modal-title{margin-left:0}.heart-red{color:#cb6a4e}#thumbnails img{display:inline-block;width:50%}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:0;height:20px;width:20px;border-radius:50%;background:#777777;cursor:pointer;display:block}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;height:20px;width:20px;border-radius:50%;background:#777777;cursor:pointer;display:block}.slider{border-radius:20px;height:22px;background-color:#2c2c2c;margin-top:5px;height:26px;margin-bottom:15px}.feature-title{padding:5px 15px;background-color:#eeee;font-weight:700;border-bottom:1px solid black;text-align:left;background-color:#525252;color:#fff}.feature .btn{margin-top:0}input[type=range]::-moz-range-track{background:transparent}input[type=range]{-webkit-appearance:none}input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:transparent}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;margin-top:-3px}.slider-red input[type=range]::-moz-range-thumb{background-color:#bb4c41}.slider-red input[type=range]::-webkit-slider-thumb{background-color:#bb4c41}.slider-green input[type=range]::-moz-range-thumb{background-color:#43966a}.slider-green input[type=range]::-webkit-slider-thumb{background-color:#43966a}.slider-blue input[type=range]::-moz-range-thumb{background-color:#2558a3}.slider-blue input[type=range]::-webkit-slider-thumb{background-color:#2558a3}video source{display:none!important;opacity:0!important;height:0!important}@media only screen and (max-width: 768px){header{padding-right:10px!important;padding-top:10px!important}main{padding-right:10px;padding-top:95px!important}.controls{top:auto;right:auto;bottom:0;left:0;width:100%;height:auto;border:0;border-top:2px solid black}.tab{height:250px}.screen{margin-bottom:190px}.slider{margin-bottom:0}.main-home{padding-left:40px;padding-right:40px}.sidebar{position:relative;top:auto!important;right:auto!important;display:none}footer{padding-right:10px}}.modal-dialog.svelte-1ybib6w{margin-top:95px}.modal-body.svelte-1ybib6w{padding-bottom:20px}.spinner.svelte-1ybib6w{width:25px}.spin.svelte-1ybib6w{-webkit-animation:svelte-1ybib6w-spin 4s linear infinite;-moz-animation:svelte-1ybib6w-spin 4s linear infinite;animation:svelte-1ybib6w-spin 4s linear infinite}@keyframes svelte-1ybib6w-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:root{--youtube-red:#EACF70}.svelte-r0xxba.svelte-r0xxba,.svelte-r0xxba.svelte-r0xxba:before,.svelte-r0xxba.svelte-r0xxba:after{box-sizing:inherit;margin:0;padding:0}.video-container.svelte-r0xxba.svelte-r0xxba{border-radius:4px;margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:center}video.svelte-r0xxba.svelte-r0xxba{width:100%;height:100%;border-radius:4px}.video-controls.svelte-r0xxba.svelte-r0xxba{width:100%;left:0;padding:10px;position:absolute;bottom:8px;transition:all .2s ease;background-image:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.5))}.video-progress.svelte-r0xxba.svelte-r0xxba{position:relative;height:8.4px;margin-bottom:10px}progress.svelte-r0xxba.svelte-r0xxba{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;width:100%;height:8.4px;pointer-events:none;position:absolute;top:0}progress.svelte-r0xxba.svelte-r0xxba::-webkit-progress-bar{background-color:#474545;border-radius:2px}progress.svelte-r0xxba.svelte-r0xxba::-webkit-progress-value{background:var(--youtube-red);border-radius:2px}progress.svelte-r0xxba.svelte-r0xxba::-moz-progress-bar{border:1px solid var(--youtube-red);background:var(--youtube-red)}.seek.svelte-r0xxba.svelte-r0xxba{position:absolute;top:0;width:100%;cursor:pointer;margin:0}.seek.svelte-r0xxba:hover+.seek-tooltip.svelte-r0xxba{display:block}.seek-tooltip.svelte-r0xxba.svelte-r0xxba{display:none;position:absolute;top:-50px;margin-left:-20px;font-size:12px;padding:3px;content:attr(data-title);font-weight:700;color:#fff;background-color:#0009}.bottom-controls.svelte-r0xxba.svelte-r0xxba{display:flex;justify-content:space-between;align-items:center}.left-controls.svelte-r0xxba.svelte-r0xxba{display:flex;align-items:center;color:#fff}.volume-controls.svelte-r0xxba.svelte-r0xxba{display:flex;align-items:center;margin-right:10px}.volume-controls.svelte-r0xxba input.svelte-r0xxba{width:100px;opacity:1;transition:all .4s ease}.volume-controls.svelte-r0xxba:hover input.svelte-r0xxba,.volume-controls.svelte-r0xxba input.svelte-r0xxba:focus{width:100px;opacity:1}button.svelte-r0xxba.svelte-r0xxba{cursor:pointer;position:relative;margin-right:7px;font-size:12px;padding:3px;border:none;outline:none;background-color:transparent}button.svelte-r0xxba .svelte-r0xxba{pointer-events:none}button.svelte-r0xxba.svelte-r0xxba:before{content:attr(data-title);position:absolute;display:none;right:0;top:-50px;background-color:#0009;color:#fff;font-weight:700;padding:4px 6px;word-break:keep-all;white-space:pre}button.svelte-r0xxba.svelte-r0xxba:hover:before{display:inline-block}.fullscreen-button.svelte-r0xxba.svelte-r0xxba{margin-right:0}.pip-button.svelte-r0xxba svg.svelte-r0xxba{width:26px;height:26px}.playback-animation.svelte-r0xxba.svelte-r0xxba{pointer-events:none;position:absolute;top:50%;left:50%;margin-left:-40px;margin-top:-40px;width:80px;height:80px;border-radius:80px;background-color:#0009;display:flex;justify-content:center;align-items:center;opacity:0}input[type=range].svelte-r0xxba.svelte-r0xxba{-webkit-appearance:none;-moz-appearance:none;height:8.4px;background:transparent;cursor:pointer}input[type=range].svelte-r0xxba.svelte-r0xxba:focus{outline:none}input[type=range].svelte-r0xxba.svelte-r0xxba::-webkit-slider-runnable-track{width:100%;cursor:pointer;border-radius:1.3px;-webkit-appearance:none;transition:all .4s ease}input[type=range].svelte-r0xxba.svelte-r0xxba::-webkit-slider-thumb{height:16px;width:16px;border-radius:16px;background:var(--youtube-red);cursor:pointer;-webkit-appearance:none;margin-left:-1px}input[type=range].svelte-r0xxba.svelte-r0xxba:focus::-webkit-slider-runnable-track{background:transparent}input[type=range].volume.svelte-r0xxba.svelte-r0xxba{height:5px;background-color:#fff}input[type=range].volume.svelte-r0xxba.svelte-r0xxba::-webkit-slider-runnable-track{background-color:transparent}input[type=range].volume.svelte-r0xxba.svelte-r0xxba::-webkit-slider-thumb{margin-left:0;height:14px;width:14px;background:#fff}input[type=range].svelte-r0xxba.svelte-r0xxba::-moz-range-track{width:100%;height:8.4px;cursor:pointer;border:1px solid transparent;background:transparent;border-radius:1.3px}input[type=range].svelte-r0xxba.svelte-r0xxba::-moz-range-thumb{height:14px;width:14px;border-radius:50px;border:1px solid var(--youtube-red);background:var(--youtube-red);cursor:pointer;margin-top:5px}input[type=range].svelte-r0xxba.svelte-r0xxba:focus::-moz-range-track{outline:none}input[type=range].volume.svelte-r0xxba.svelte-r0xxba::-moz-range-thumb{border:1px solid #fff;background:#fff}.hidden.svelte-r0xxba.svelte-r0xxba{display:none}svg.svelte-r0xxba.svelte-r0xxba{width:28px;height:28px;fill:#fff;stroke:#fff;cursor:pointer}