body{margin:0;background-color:#222;font-family:ubuntu,sans-serif;color:#fff;user-select:none}.wrapper{margin:auto;width:1510px;padding:30px}main{position:relative;top:0;left:0;display:grid;grid-template-columns:200px 1280px;grid-column-gap:30px;grid-row-gap:10px}#myfavorites,#bg-favorites,#fg-favorites.open{display:grid;grid-template-columns:repeat(2,96px);grid-template-rows:repeat(6,96px);grid-gap:8px}#myfavorites{position:absolute;top:1px;left:1px}#frame-favorites{position:relative;top:0;left:0}#fg-favorites{position:absolute;top:0;left:0;display:none}#fg-favorites div{position:relative;top:1px;left:1px;width:96px;height:96px;background-color:rgba(20,20,20,.8)}#fg-favorites div.delete::after{content:"\00274C";position:absolute;top:5px;right:5px}#fg-favorites div::after{content:"\0025EF";position:absolute;top:5px;right:5px}#bg-favorites div{border:1px solid #555;width:96px;height:96px;display:flex;align-items:center;justify-content:center;background-color:#111}.favheart{width:48px;height:48px}#trash{position:absolute;top:0;left:-30px;cursor:pointer}#trash::after{content:url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');display:inline-block;width:24px;height:24px}#trash.deleting::after{content:url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12z"/><path transform="rotate(-20) translate(-3 2)" d="M19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');display:inline-block;width:24px;height:24px}#off{position:absolute;top:0;left:0}#view{grid-column:2/3;grid-row:1}#icons{position:absolute;top:0;left:0;height:680px;width:100px;padding:20px;top:0;left:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;opacity:.1;background:rgba(0,0,0,.2)}#icons:hover{opacity:1}#HSLsettings{position:absolute;top:0;right:0;padding:5px;width:48px;height:48px;overflow:hidden;opacity:.1;background:rgba(0,0,0,.5)}#HSLsettings:hover{opacity:1;height:auto;width:300px;background-color:rgba(20,20,20,.9)}#newFilterSelector{color:#d3d3d3}#newFilterSelector:hover{color:#fff}#reinitFilter{background:0 0;border:1px #fff solid;color:#fff}#reinitFilter:hover{background:#fff;color:#000}.icon48x48{border:2px solid #fff;border-radius:10px;padding:5px;cursor:pointer;width:48px;height:48px;fill:red}.scale{grid-column:2/3;grid-row:2}#popsave .modal-dialog,#formatSelectorModal .modal-dialog{width:700px;height:500px}#searchmodal .modal-dialog{width:500px;height:500px}#searchmodal label{display:inline-block;width:100px;margin:30px 0;font-size:1.5em}#searchmodal input{padding:.5em;font-size:1.1em;background-color:#000;opacity:.9;color:#d3d3d3}#downloader{display:inline-block;margin:30px 0 30px 20px;font-size:1.2em}#waiter.modal-off{cursor:default}#waiter.modal-on{cursor:wait;background-color:initial}#POImodal .modal-dialog{width:500px;height:600px}#POI{display:grid;grid-gap:8px;grid-template-columns:repeat(4,96px);grid-auto-rows:96px;margin:auto;margin-top:20px;width:400px}#POI img{border-radius:10px;box-shadow:gray 0 1px 2px;cursor:pointer}#POI img:hover{transform:scale(1.5)}@media(max-width:1180px){header{grid-template-columns:96px 1fr max-content!important;grid-template-areas:"a d e" "a g g"!important}header .title,header .subtitle{display:none}}header{padding:0 5px;display:grid;grid-template-columns:96px 250px 1fr max-content;grid-template-rows:48px 48px;grid-template-areas:"a b d e" "a c g g";border-bottom:1px #fff solid;align-items:center}#logo{grid-area:a;display:flex;justify-content:center;align-items:center}nav{grid-area:g;display:flex;justify-content:space-around}nav a{color:#d3d3d3}nav a:hover{color:#fff;text-decoration:none}header .title{grid-area:b;font-size:1.5em;align-self:end}header .subtitle{grid-area:c;font-size:.8em;font-style:italic;color:#d3d3d3;align-self:start}header .pagetitle{grid-area:d;font-size:2.5em;text-align:center}#menuitemWrapper{display:flex;grid-area:e}.menuitem{width:48px;height:48px;text-decoration:none;display:flex;justify-content:center;align-items:center}.menuitem:hover{background-color:rgba(255,255,255,.3)}.menuitem:hover svg{fill:#fff}@keyframes rot{from{transform:rotate(0)}to{transform:rotate(360deg)}}#filmwaiter{animation:rot infinite linear 1s}#videoStopButton{background-color:crimson}#videoStopButton:disabled{background-color:#a9a9a9}input[type=radio]+label{color:#d3d3d3;cursor:pointer}input[type=radio]:disabled+label{color:gray;cursor:not-allowed}input[type=radio]:not(:disabled)+label:hover{color:#fff}input[type=radio]:checked+label{color:#5f9ea0}.filmModeGrid{display:grid;grid-template-columns:repeat(5,150px);gap:5px}#juliaGrid{width:calc(5 * 150px + 4 * 5px);margin:auto}.filmModeGrid input{display:none}.filmModeGrid label{display:flex;justify-content:center;border:2px solid transparent;cursor:pointer}.filmModeGrid svg{width:128px;height:128px}.filmModeGrid figcaption{font-size:.7rem;text-align:center}.filmModeGrid label:hover{background-color:rgba(256,256,256,.1)}.filmModeGrid input:checked+label{border:2px solid #5f9ea0}#storyBoard{display:grid;grid-template-columns:256px 50px 256px 50px 256px;grid-template-rows:3rem 144px;row-gap:5px}#storyBoard label{font-size:1.5rem;line-height:3rem}.juliaminmax-wrapper{position:relative;top:0;left:0}input.videoModalInput{width:200px;text-align:right;padding:.5rem;background-color:#111;color:#fff;font-size:1.2rem;outline:none;border:none}input.videoModalInput:focus{border-bottom:1px orange solid}input.videoModalInput:invalid{border-bottom:1px red solid}.juliaminmax{position:absolute;top:0;left:0;color:#fff;background-color:rgba(0,0,0,.3)}@keyframes prgb{from{filter:invert(0%)}to{filter:invert(70%)}}.progress-blink{animation:prgb 1e3ms infinite linear}.videoWorkshop-page{position:relative;top:0;left:0;width:880px;height:480px}.filmButtonsBox{position:absolute;right:20px;bottom:20px}.filmButtonsBox .modal-button{float:none}.icon-inline{display:inline;padding:5px;border-radius:5px;border:1px solid gray;margin:0 2px;vertical-align:-10px}a{text-decoration:none;color:#00bfff}a:hover{text-decoration:underline}#filtersModal .modal-dialog{height:500px}#settingsForm input[type=radio]:checked+label,#formatSelectorModal input[type=radio]:checked+label,#filtersModal input[type=radio]:checked+label,#settingsModal input[type=radio]:checked+label{color:#5f9ea0}#settingsForm input[type=radio]:disabled+label,#formatSelectorModal input[type=radio]:disabled+label,#filtersModal input[type=radio]:disabled+label,#settingsModal input[type=radio]:disabled+label{color:gray;font-style:italic}#settingsForm label:not(:disabled):hover,#formatSelectorModal label:not(:disabled):hover,#filtersModal label:not(:disabled):hover,#settingsModal label:not(:disabled):hover{color:#fff;cursor:pointer}#newFilterSelector{cursor:pointer}#drop_container{display:inline-block;display:flex;align-items:center;justify-content:center;width:300px;height:300px}#drop_zone{display:flex;align-items:center;justify-content:center;border:5px dashed #5f9ea0;width:200px;height:200px}#JuliaParameter,#MultibrotParameter{display:none;float:right;padding:5px}#JuliaParameter button,#MultibrotParameter button{background:0 0;color:#fff;font-weight:bolder;width:100px;margin-left:30px;cursor:pointer}#JuliaParameter button:hover,#MultibrotParameter button:hover{background:#fff;color:#000}#JuliaAeraSetter{width:480px;height:270px;border:1px solid #5f9ea0;cursor:crosshair}#formJuliaWrapper{display:flex;justify-content:space-between;margin:50px auto;width:450px}#formMultibrot label,#formJulia label,#whSelector label{font-size:1.5em}#formMultibrot input,#formJulia input,#whSelector input{font-size:1.2em;padding:.5em;background-color:#333;color:#fff;border:none;border-bottom:1px solid #5f9ea0;margin:10px 0}#formJulia button.modal-cancel{position:absolute;bottom:0;right:0}#previewWindow{position:absolute;width:128px;height:128px;opacity:0;transition:opacity 300ms linear}#whSelector{margin-left:50px}#whSelector label,#whSelector input{display:inline-block;margin:0 auto 20px}#myPalettes .cell-wrapper{margin:1em}#myPalettes label{display:inline-block;color:#d3d3d3;cursor:pointer;margin-top:1em}#myPalettes label:hover{color:#fff}#myPalettes input[type=radio]:checked+label{color:#5f9ea0}#myPalettes{display:block;width:45em;margin:auto}#settingsModal li{margin:2em auto;color:#d3d3d3;cursor:pointer}#settingsModal li:hover{color:#fff}.switch{position:relative;display:inline-block;width:1.8rem;height:1rem;vertical-align:-.2rem}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:1rem}.slider:before{position:absolute;content:"";height:.8rem;width:.8rem;left:.12rem;bottom:.12rem;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(.8rem)}.option-item{margin-bottom:2rem}.option-label{display:inline-block;width:30rem;margin-right:1rem;color:#5f9ea0}.scale{width:640px}.scale-bar-wrapper{position:relative;top:0;left:0;height:10px;width:100%;border:1px gray solid;padding:2px 0;overflow:hidden}.scale-bar{position:relative;top:0;left:0;height:100%;width:100%;background:linear-gradient(LightSteelBlue,20%,CadetBlue 50%,80%,LightSteelBlue);transition:left 100ms linear}.scale-label{display:inline-block;width:5.88%;font-size:10px;text-align:center;line-height:40px;color:#fff;font-family:sans-serif}.scale-label::before{content:"|";font-size:10px;position:relative;top:-15px;left:8px}.progress-item{width:40em;height:3em;margin:0 auto 4em}.progress-item progress{width:100%}.progress-item span{font-family:sans-serif;font-size:.7em}.info{box-sizing:border-box;position:fixed;bottom:0;left:0;width:100vw;background-color:#ff8c00;color:#fff;font-family:sans-serif;padding:5vh 10vw;font-weight:bolder}.info::before{content:url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 0 24 24" width="48"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" fill="white"/></svg>');float:left;transform:translateY(.5em);margin-right:2em}.info-ok,.info button{display:inline-block;width:100px;text-align:center;position:absolute;bottom:20px;right:200px}