body,html{background-color:#000;color:#fff;cursor:crosshair;font-family:sans-serif;height:100%;margin:0;overflow:hidden;padding:0;text-align:center;width:100%}#headerContainer{backdrop-filter:blur(6px);background:rgba(0,0,0,.75);border:1px solid #222;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:none;cursor:auto;height:auto;margin:0 auto;overflow:hidden;position:relative;width:390px;z-index:9999}#headerContainer.minimized{height:20px}#fractalCanvas{display:block;flex:1;height:100vh;left:0;position:fixed;top:0;width:100vw}hr{border:0;border-top:1px solid #222;display:block;height:1px;margin:5px auto 1px;padding:0;width:90%}button{align-items:center;background-color:initial;background-image:linear-gradient(#464d55,#25292e);border-radius:3px;border-width:0;box-shadow:0 5px 10px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.05);box-sizing:border-box;color:#ccc;cursor:pointer;display:inline-flex;flex-direction:column;font-size:12px;height:18px;justify-content:center;line-height:1;margin:4px 2px;outline:none;overflow:hidden;padding:0 8px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transform:translateZ(0);transition:all .15s;user-select:none;-webkit-user-select:none;vertical-align:baseline;white-space:nowrap;z-index:10}button:hover{box-shadow:0 1px 2px rgba(0,0,0,.8);color:#fff;opacity:.85}button:active{outline:0}button:focus{border:none;outline:0}button:disabled,button[disabled]{color:#666;cursor:auto}h1{color:#30af5e;font-size:16px;letter-spacing:1px;margin:0;padding:12px 10px 5px;text-shadow:0 0 10px #0f0}h1,p{z-index:1000}p{color:#888;line-height:14px;margin:5px 5px 3px}p,span{font-size:12px}span{color:#fff}#sliders{align-items:center;display:none;flex-direction:column;gap:5px;margin:5px 0 0;text-align:center}.slider-container{align-items:center;display:flex;flex-direction:row;gap:0;width:310px}.sliderValue,label{color:#ccc;font-size:12px;text-align:right}.slider{-webkit-appearance:none;background:#222;border-radius:10px;box-shadow:inset 0 0 5px #000;flex:1;height:10px;outline:none;overflow:hidden;--slider-color:#fff;--thumb-color:#aaa}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--slider-color);border:2px solid #ccc;border-radius:50%;box-shadow:-287px 0 0 280px var(--thumb-color);cursor:pointer;height:10px;width:10px}.thumbDisabled{background:#888}input[type=radio]{appearance:none;-webkit-appearance:none;background-color:var(--slider-color);border:1px solid #ccc;border-radius:50%;cursor:pointer;height:14px;margin-left:10px;position:relative;top:3px;width:14px}input[type=radio]:checked:before{background-color:#ccc;border-radius:50%;content:"";display:block;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}#handle{cursor:pointer;display:none;padding:2px 150px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#handle.toggled{font-weight:700}#controlArea{background:rgba(64,64,64,.3);border-radius:5px;cursor:auto;margin:0 auto;padding:4px 2px 2px;position:relative;width:340px}p.small{font-size:11px}.highlight{color:#fff}a{color:#ccc;text-decoration:none}a:hover{text-decoration:underline}#version{color:#ccc;font-size:11px}#infoLabel{backdrop-filter:blur(6px);background:rgba(0,0,0,.75);border:1px solid #222;border-bottom:none;border-top-left-radius:15px;border-top-right-radius:15px;bottom:0;cursor:text;height:14px;left:50%;margin-left:-195px;overflow:hidden;padding:5px 10px 7px;position:absolute;right:25%;width:370px;z-index:9999}#infoText{background:transparent;border:none;color:#ccc;cursor:pointer;font-family:sans-serif;font-size:11px;overflow:hidden;resize:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}#infoText:focus{outline:none!important}#infoText.demoActive{color:#0f0}#debugInfo{border:1px solid #ff0;display:none;font-size:11px;padding:3px;text-align:left}.centerLine{display:none;pointer-events:none;position:absolute;z-index:1000}.verticalLine{background:transparent;border-left:2px dashed #ccc;height:100vh;left:50%;top:0;transform:translateX(-50%)}.horizontalLine{background:transparent;border-top:2px dashed #ccc;left:0;top:50%;transform:translateY(-50%);width:100vw}
/*# sourceMappingURL=style.css.map*/