@charset "UTF-8";[type=range]{-webkit-appearance:none;background:transparent;margin:8.5px 0;width:100%}[type=range]::-moz-focus-outer{border:0}[type=range]:focus{outline:0}[type=range]:focus::-webkit-slider-runnable-track{background:white}[type=range]:focus::-ms-fill-lower{background:white}[type=range]:focus::-ms-fill-upper{background:white}[type=range]::-webkit-slider-runnable-track{cursor:default;height:4px;transition:all 0.2s ease;width:100%;box-shadow:0px 0px 0px rgba(0,0,0,0.2),0 0 0px rgba(13,13,13,0.2);background:white;border:0px solid #cfd8dc;border-radius:0px}[type=range]::-webkit-slider-thumb{box-shadow:0px 0px 0px rgba(0,0,0,0.2),0 0 0px rgba(13,13,13,0.2);background:black;border:0px solid #eceff1;border-radius:0%;box-sizing:border-box;z-index:1;position:relative;cursor:default;height:17px;width:5px;-webkit-appearance:none;margin-top:-6.5px}[type=range]::-moz-range-track{box-shadow:0px 0px 0px rgba(0,0,0,0.2),0 0 0px rgba(13,13,13,0.2);cursor:default;height:4px;transition:all 0.2s ease;width:100%;background:white;border:0px solid #cfd8dc;border-radius:0px;height:2px}[type=range]::-moz-range-thumb{box-shadow:0px 0px 0px rgba(0,0,0,0.2),0 0 0px rgba(13,13,13,0.2);background:black;border:0px solid #eceff1;border-radius:0%;box-sizing:border-box;z-index:1;position:relative;cursor:default;height:17px;width:5px}[type=range]::-ms-track{cursor:default;height:4px;transition:all 0.2s ease;width:100%;background:transparent;border-color:transparent;border-width:8.5px 0;color:transparent}[type=range]::-ms-fill-lower{box-shadow:0px 0px 0px rgba(0,0,0,0.2),0 0 0px rgba(13,13,13,0.2);background:#f2f2f2;border:0px solid #cfd8dc;border-radius:0px}[type=range]::-ms-fill-upper{box-shadow:0px 0px 0px rgba(0,0,0,0.2),0 0 0px rgba(13,13,13,0.2);background:white;border:0px solid #cfd8dc;border-radius:0px}[type=range]::-ms-thumb{box-shadow:0px 0px 0px rgba(0,0,0,0.2),0 0 0px rgba(13,13,13,0.2);background:black;border:0px solid #eceff1;border-radius:0%;box-sizing:border-box;z-index:1;position:relative;cursor:default;height:17px;width:5px;margin-top:1px}[type=range]:disabled::-moz-range-thumb,[type=range]:disabled::-ms-fill-lower,[type=range]:disabled::-ms-fill-upper,[type=range]:disabled::-ms-thumb,[type=range]:disabled::-webkit-slider-runnable-track,[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}@font-face{font-family:"Trivia Seznam";src:url("https://1.im.cz/r2/_fonts/trivia/TriviaSeznam.woff");font-weight:400}@font-face{font-family:"Trivia Seznam";src:url("https://1.im.cz/r2/_fonts/trivia/TriviaSeznam-Bold.woff");font-weight:700}::-webkit-scrollbar{width:12px;background-color:#f0f0f0}::-webkit-scrollbar-thumb{background-color:#7c7f88}::-webkit-scrollbar-thumb:hover{background-color:rgba(124,127,136,0.7)}*{user-select:none}a,a:visited{color:white}body{margin:0;font-size:17px;font-family:"Trivia Seznam","Arial",sans-serif;transition:background-color 0.3s}body.waiting{cursor:wait}body.loaded #controls{display:block}body.loaded #sidebar{display:flex}body.loaded .help{display:none}body.loaded .logCont{opacity:1;pointer-events:all}h2{margin:8px 0;font-size:20px}h3{margin:10px 0;font-size:18px}#main{padding-top:30px;padding-left:85px;transition:all 0.3s;overflow:auto;box-sizing:border-box;position:fixed;z-index:3;width:100%;bottom:0;height:calc(100vh - 240px)}#preview{margin-bottom:60px;transform-origin:left top;transition:transform 0.3s}#preview.bounds{border:1px solid #cc0000}@keyframes turnOpaque{0%{opacity:0}to{opacity:1}}.help{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:default;user-select:none}.help span{display:block;margin:0 auto}.help span:first-child{position:absolute;top:15px;width:35%;color:white;padding:43px;background:#cc0000;opacity:0;animation:turnOpaque 1s;animation-fill-mode:forwards;animation-iteration-count:1}.help span:last-child{font-size:26px;color:#cc0000}.help span:last-child:before{content:"";display:block;margin:0 auto 30px auto;width:113px;height:113px;background:url("../img/upload.svg") no-repeat;background-size:contain}.close,.close:after,.close:before{position:absolute;height:4px;width:30px;background:white;transition:all 0.3s}.open .close{background:transparent}.open .close:before{transform:rotate(45deg) translateX(8px) translateY(9px)}.open .close:after{transform:rotate(-45deg) translateX(9px) translateY(-10px)}.close{right:13px;z-index:99;cursor:pointer;border-top:12px solid #cc0000;border-bottom:12px solid #cc0000;top:15px}.close:after,.close:before{content:""}.close:before{top:-13px}.close:after{top:13px}#selectFiles{position:absolute;z-index:999;pointer-events:none;opacity:0;top:0;left:0;background:rgba(0,0,0,0.8);width:100%;height:100%;transition:opacity 0.2s}#selectFiles.active{opacity:1;pointer-events:all}.animCont{position:relative}.animCont:hover #overlayPreview{opacity:1}#brandingOverlayPreview,#overlayPreview,#particlesPreview{position:absolute;z-index:10;width:100%;height:100%;background-repeat:no-repeat;transition:opacity 0.3s;opacity:0;top:0;left:0;pointer-events:none}#particlesPreview{z-index:9}#overlayPreview{background-size:contain}#brandingOverlayPreview{background-position:center bottom;display:none;opacity:1;background-image:url("../img/brandingOverlay.png")}#brandingOverlayPreview.rtb{background-image:url("../img/brandingOverlay1400.png")}button{border:none;background:white;cursor:pointer;width:30px;height:30px;position:relative;outline:none;transition:all 0.3s}button:hover{background:#f0f0f0}.checkbox{display:inline-block;padding-right:45px;position:relative;line-height:30px;box-sizing:border-box;cursor:pointer;display:table;user-select:none}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox .checkmark{position:absolute;top:0;right:0;height:30px;width:30px;transition:all 0.3s;background-color:white}.checkbox:hover input~.checkmark{background-color:#f0f0f0}.checkbox input:checked~.checkmark:after{display:block;opacity:1}#backgroundColor div:after,#backgroundColor div:before,.checkbox input~.checkmark:after{content:"";position:absolute;opacity:0;margin:auto;top:-4px;bottom:0;right:0;left:0;width:8px;height:16px;border:4px solid black;border-left:none;border-top:none;transition:opacity 0.3s;transform:rotate(40deg);pointer-events:none;z-index:2}input{border:none}input[type=number]{box-sizing:border-box;text-align:center;display:inline-block;vertical-align:middle}input[type=number],select{font-size:16px;height:30px;font-weight:700;outline:none;border:none;max-width:100%}select{display:block}header{background:#cc0000;height:210px;position:relative;width:100%;transition:all 0.3s}body.sidebar-on header{height:140px}body.sidebar-on h1{height:100%;width:206px}body.sidebar-on h1:after{width:31px;height:25px;right:43px}body.sidebar-on #logoAnim{left:250px;height:80px;top:35px}body.sidebar-on #main{padding-left:290px;height:calc(100vh - 140px)}h1{font-size:0;height:100%;width:306px;margin:0 auto;left:-50px;transition:all 0.3s;right:0;z-index:3;background:url("../img/hottie.png") no-repeat;background-size:contain;background-position:center bottom;position:absolute}h1:after{content:"";background:url("../img/hand.png") no-repeat;background-size:contain;position:absolute;z-index:4;bottom:-16px;width:42px;height:28px;right:48px}#logoAnim{height:120px;transition:all 0.3s;position:absolute;margin:auto;left:340px;right:0;top:35px}#sidebar{display:none;flex-direction:column;background:#cc0000;width:270px;position:fixed;box-sizing:border-box;padding:140px 54px 30px 24px;box-shadow:0 0 11px 0px rgba(0,0,0,0.15);height:100%;color:white;top:0;left:-216px;transition:left 0.3s,padding-right 0.3s;overflow-y:auto;z-index:11}#sidebar.open{left:0;padding-right:24px}#sidebar .checkbox{width:100%;margin-bottom:10px}#backgroundColor{line-height:30px}#backgroundColor div{width:30px;height:30px;display:inline-block;vertical-align:top;cursor:pointer;float:right;margin-left:2px;position:relative}#backgroundColor div:after{border:6px solid rgba(255,255,255,0.7);border-left:none;border-top:none;z-index:1}#backgroundColor div.active:after,#backgroundColor div.active:before{opacity:1}#bounds{margin-top:10px}.picker{margin-bottom:10px;display:flex;width:100%;justify-content:space-between;align-items:center}#settings{margin:25px 0 0}#brandingOverlayToggle{display:none}#brandingOverlayToggle.active{display:inline-block}.download{width:100%;font-size:16px;padding:16px;height:auto;font-weight:700}body.waiting #downloadOptions{pointer-events:none}#downloadOptions{position:relative;margin-bottom:10px}#downloadOptions.open #openMoreOptions{height:50px}#downloadOptions.open #moreOptions{display:flex}#download{width:86%}#openMoreOptions{width:14%;height:100%;align-items:center;justify-content:center;display:flex;position:absolute;background-color:white;cursor:pointer;top:0;font-size:14px;line-height:19px;transition:background-color 0.3s;right:0}#openMoreOptions:hover{background-color:#f0f0f0}#moreOptions{display:none}#moreOptions button{width:50%;font-weight:700}#effects{margin:20px 0}.effectSlider{margin:0;padding:11px 0;box-sizing:border-box}#credits{place-self:flex-end;align-self:flex-start;margin-top:auto}#credits p{font-size:12.5px;margin:5px 0}#credits p:first-child{margin-bottom:10px}#hyperlinkTarget{display:none;width:100%;height:33px;box-sizing:border-box;margin-bottom:10px}#hyperlinkTarget.active{display:block}.effectPicker{margin-bottom:20px;width:100%}label .effectPicker{margin-bottom:10px}.effectOptions{display:none;margin:0 0 15px;gap:10px;flex-direction:column}.effectOptions.active{display:flex}.effectOptions label{display:grid;grid-template-areas:"a b" "c c";row-gap:10px}.effectOptions label .effectSlider{grid-area:c}.effectOptions input[type=number]{width:55px;margin-left:auto}.effectOptions span{display:flex;align-items:center}.pickr{margin-left:auto;position:relative;border:1px solid white}.pickr button,.pickr button:after,.pickr button:before{border-radius:0!important}@media (max-height:800px){#sidebar{padding-top:80px}#settings{margin:15px 0}#effects{margin-bottom:15px}}@media (max-height:736px){#credits{display:none}}#controls{display:none;background:#cc0000;position:fixed;bottom:-88px;padding:18px 18px 20px;margin:0 auto;z-index:20;left:0;right:0;width:860px;height:140px;box-sizing:border-box;box-shadow:0 0 11px 0px rgba(0,0,0,0.15);color:white;transition:bottom 0.3s}#controls.open{bottom:0}#controls button{vertical-align:middle;display:inline-block}@media (max-width:1430px){#controls{left:auto;right:30px}}#seekbar{width:680px;margin:auto;height:30px}#markers{position:absolute;left:0;top:-6px;width:100%;height:10px}.marker{position:absolute;height:100%;min-width:14px;border-top:2px solid white;transform:translateX(-2.5px)}.marker .text{font-size:10px;color:white;position:absolute;display:table;top:1px;text-align:center;overflow-x:hidden;margin:0 auto;left:0;right:0;pointer-events:none}.marker .ip,.marker .op{position:absolute;cursor:pointer;z-index:10;top:0;width:0px;height:0px;border-style:solid;border-width:9px 0px 0 8px;border-color:white transparent transparent transparent}.marker .ip{left:0}.marker .op{right:0;transform:scaleX(-1)}.marker.ranged{transform:none}.marker.ranged .ip{transform:scaleX(-1)}.marker.ranged .op{transform:none}#info{margin-bottom:14px}#currentFrame{width:59px}#name{font-weight:700;max-width:520px;overflow:hidden;white-space:nowrap;vertical-align:top;display:inline-block;text-overflow:ellipsis}#timeline{display:inline-block;vertical-align:top;position:relative;float:right;height:30px}#ip,#loopPoint,#op,#play:before{content:"";position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent black}#ip,#loopPoint,#op{pointer-events:none}#ip,#loopPoint{right:auto}#loopPoint,#op{border-width:8px 12px 8px 0px;border-color:transparent black transparent transparent}#op{left:auto}#loopPoint:after{content:"";position:absolute;margin:auto;top:0px;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent white;left:12px;right:0;bottom:0;width:0;height:0}#loopPoint{display:none}#loopPoint.active{display:block}#loopPoint.active+#op{border-right-color:white}#play.playing:after,#play.playing:before{height:12px;width:4px;background:black;border:none}#play.playing:before{left:-8px}#play.playing:after{content:"";position:absolute;margin:auto;right:-8px;top:0;left:0;bottom:0}#stop:before{content:"";position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;width:12px;height:12px;background:black}#loopOptions{display:flex;width:88%;flex-direction:row;justify-content:space-between;margin-top:15px}#loopOptions.active .loopRange{display:inline-block}#loopOptions .loopRange{display:none}#loopOptions .loopRange.intro input{background:black;color:white}#loopOptions input[type=number]{width:60px;margin-left:10px;margin-right:10px}#changeFPS{text-decoration:underline;cursor:pointer}#changeFPS:hover:after{content:" ✏️";font-size:80%}