body,html{position:relative;width:100%;height:100%;margin:0;padding:0}body{font-family:Open Sans;color:rgba(0,0,0,.87)}h1{font-size:3em;text-align:center}h1>div{font-size:.3em;font-style:italic;font-weight:300}a{color:#00f}iframe{--hue:0;--strong-color:hsla(var(--hue),100%,50%,1);--light-color:hsla(var(--hue),60%,80%,1);box-shadow:inset 0 0 5px #000;box-sizing:border-box;margin:.5em;border:1em solid var(--strong-color);border-radius:1.5em}.horizontal{width:100%;height:100%;overflow:hidden;position:relative;display:flex;flex-direction:row;justify-content:stretch}.horizontal>*{flex-grow:1;width:50%}.left{position:relative;height:100%;width:50%;overflow-x:hidden;overflow-y:auto}.left,.tutImage{box-sizing:border-box;padding:1rem}.tutImage{width:100%;border-radius:5px;border-radius:3px;border:5px solid #add8e6}.prevImage{width:256px;height:256px;box-sizing:border-box;border-radius:50%;border:5px solid transparent;padding:15px;-o-object-fit:cover;object-fit:cover}.layoutOptions{display:flex;justify-content:space-evenly}.layoutOptions>label{width:256px;padding:15px;text-align:left}.layoutOptions ul{padding-left:1em}.layoutOptions h3{text-align:center}.layoutOptions>label>input[type=radio]{display:none}.layoutOptions>label>input[type=radio]:checked~.prevImage{border-color:var(--strong-color)}.configForm>label{display:block}.wizardSteps{display:flex}.wizardStep,section{--hue:0;--strong-color:hsla(var(--hue),100%,50%,1);--light-color:hsla(var(--hue),60%,80%,1)}.wizardStep{font-size:18px;position:relative;width:300px;height:2em;color:#fff;--fill-color:var(--light-color);background-color:var(--fill-color);margin:0 .6em;display:flex;justify-content:center;align-items:center}.wizardStep:last-child{margin-right:0}.wizardStep:first-child{margin-left:0}.wizardStep.active{--fill-color:var(--strong-color)}.wizardStep:not(:last-child):after{position:absolute;left:100%;top:0;content:"";border-top:1em solid transparent;border-left:1em solid var(--fill-color);border-bottom:1em solid transparent;padding-left:1em;box-sizing:border-box}.wizardStep:not(:first-child):before{position:absolute;right:100%;top:0;content:"";box-sizing:border-box;height:100%;border-top:1em solid var(--fill-color);border-left:1em solid transparent;border-bottom:1em solid var(--fill-color)}.wizardControls{display:flex;justify-content:space-between;padding-bottom:1em}button{font-size:18px;height:2em;border:none;background-color:var(--strong-color);border-radius:2px;color:#fff;font:inherit}progress::-moz-progress-bar,progress::-webkit-progress-value{background:var(--strong-color)}
/*# sourceMappingURL=app.842cad07.css.map */