#main-wrapper{text-align:center;height:calc(100vh - var(--header-height));position:relative;image-rendering:pixelated}#main-wrapper #canvas-wrapper{height:100%;overflow:hidden}#main-wrapper #canvas-wrapper #cvs{width:100%}#main-wrapper #controls{position:absolute;left:10px;bottom:10px;border-radius:5px;background-color:rgba(17,0,17,.533);transition:all .3s ease;overflow:hidden}#main-wrapper #controls *{transition:inherit}#main-wrapper #controls.valid{box-shadow:inset 0 0 50px 20px #038;border:.6px solid #cdf}#main-wrapper #controls.invalid{box-shadow:inset 0 0 50px 20px #612;border:.6px solid #fbc}#main-wrapper #controls.min{width:38px;height:38px}#main-wrapper #controls.min :not(#button-controls,#button-controls *){opacity:0}#main-wrapper #controls.max{width:300px;height:140px}#main-wrapper #controls.max #button-controls svg{rotate:210deg}#main-wrapper #controls.max *{opacity:1}#main-wrapper #controls button:not(.preset-button){position:absolute;width:30px;height:30px;border-radius:20%;background-color:transparent;border:none;cursor:pointer;rotate:0deg;left:4px}#main-wrapper #controls button:not(.preset-button)#button-settings{bottom:106px}#main-wrapper #controls button:not(.preset-button)#button-presets{bottom:72px}#main-wrapper #controls button:not(.preset-button)#button-presets svg{rotate:20deg}#main-wrapper #controls button:not(.preset-button)#button-expression{bottom:38px}#main-wrapper #controls button:not(.preset-button)#button-controls{bottom:4px;color:linear-gradient();opacity:1}#main-wrapper #controls button:not(.preset-button):hover{filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 2px rgb(117,151,255)) drop-shadow(0 0 1px #dff)}#main-wrapper #controls button:not(.preset-button).selected{left:12px}#main-wrapper #controls #controls-content{display:inline-flex;width:254px;height:300%;position:absolute;left:46px;flex-direction:column}#main-wrapper #controls #controls-content>div{width:100%;height:33.3333333333%}#main-wrapper #controls #controls-content>div>div{margin:3px 0}#main-wrapper #controls #controls-content.cc-s0{top:-200%}#main-wrapper #controls #controls-content.cc-s1{top:-100%}#main-wrapper #controls #controls-content.cc-s2{top:0}#main-wrapper #controls #controls-content #settings #rf-editor{display:flex;flex-direction:row;align-items:center;justify-content:center}#main-wrapper #controls #controls-content #settings #rf-editor #rf-input{width:120px}#main-wrapper #controls #controls-content #settings #rm-editor{display:flex;flex-direction:row;align-items:center;justify-content:center}#main-wrapper #controls #controls-content #settings #rm-editor .radio{margin-left:10px;margin-right:3px}#main-wrapper #controls #controls-content #settings #rm-editor .rm-option{font-size:x-small}#main-wrapper #controls #controls-content #preset-selector #preset-button-wrapper .preset-button{width:35px;height:auto;margin:3px;border-radius:20%;box-shadow:0 0 0 0 #8c8}#main-wrapper #controls #controls-content #preset-selector #preset-button-wrapper .preset-button:hover{box-shadow:0 0 2px 2px #8c8;scale:1.1}#main-wrapper #controls #controls-content #func-editor #iter-editor{display:flex;flex-direction:row;align-items:center;justify-content:center}#main-wrapper #controls #controls-content #func-editor #iter-editor #iter-input{font-size:medium;padding:2px;width:120px}#main-wrapper #controls #controls-content #func-editor #func-display #func-input{min-width:70%}.input{background-color:rgba(136,102,136,.267);border:1px solid #072;display:inline-block;border-radius:5px;margin:5px}.input:focus{outline:0;border:1px solid #2f8}