:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body{background-color:#242424}p{color:#fff}a{font-weight:500;color:#646cff;text-decoration:inherit}label{color:#fff}body{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}textarea{background-color:#3b3b3b;color:#fff}h2,button{color:#fff}.main-container{display:flex;flex-direction:row;justify-content:space-around;align-items:space-between;margin-top:20px}.output-container{display:flex;flex-direction:column;align-items:center}.output-text-container{display:flex;flex-direction:column;width:900px}.tikz-section{display:flex;flex-direction:column}.tikz-text-container,.svg-text-container{resize:none}.svg-section{display:flex;flex-direction:column}.LaTeX-Container{display:flex;justify-content:space-between}@media (max-width: 320px){.main-container{display:flex;flex-direction:column;justify-content:space-around;align-items:space-between;margin-top:20px}.svg-image-container{order:-1;margin-top:10px}.output-text-container{width:300px}}@media (min-width: 321px) and (max-width: 480px){.main-container{flex-direction:column;justify-content:space-around;align-items:space-between;margin-top:20px}.svg-image-container{order:-2;margin-top:20px;margin-bottom:20px}.output-text-container{width:320px}}@media (min-width: 481px) and (max-width: 768px){.main-container{flex-direction:column;justify-content:space-around;align-items:space-between;margin-top:20px}.svg-image-container{order:-1;margin-top:30px;margin-bottom:30px}.output-text-container{width:420px}}@media (min-width: 769px) and (max-width: 1080px){.output-text-container{display:flex;flex-direction:column;width:400px}}@media (min-width: 1081px) and (max-width: 1280px){.output-text-container{display:flex;flex-direction:column;width:500px}}.options-container{background-color:#393838;min-height:480px;min-width:660px;border-radius:7px;border:2px solid rgb(3,77,215);padding-bottom:10px}.selection-container{display:flex;justify-content:center;align-items:center;padding-top:10px}.to-center{display:flex;justify-content:center;align-items:center}@media (max-width: 320px){.options-container{min-height:200px;min-width:300px}}@media (min-width: 321px) and (max-width: 480px){.options-container{min-height:200px;min-width:300px}}@media (min-width: 481px) and (max-width: 768px){.options-container{min-height:200px;min-width:300px}}@media (min-width: 769px) and (max-width: 1080px){.options-container{min-height:200px;min-width:300px}}@media (min-width: 1081px) and (max-width: 1280px){.options-container{min-height:990px;min-width:550px}}.add-layer-options-container{display:flex;justify-content:center;margin-top:10px;height:30px;margin-bottom:10px;gap:0}.add-layer-button{background-color:#0b93e8;border:1px solid black;border-radius:0;margin:0;width:25px}.layers-container{display:flex;flex-direction:column;justify-content:flex-start;width:510px}.options-select{border:1px solid black;background-color:#0b93e8;color:#fff;border-radius:0;font-size:1em;font-weight:500;font-family:inherit;outline:none;text-align:center;width:100px;margin:0;padding:0}@media (max-width: 320px){.layers-container{display:flex;flex-direction:column;justify-content:flex-start;width:auto}}@media (min-width: 321px) and (max-width: 480px){.layers-container{display:flex;flex-direction:column;justify-content:flex-start;width:auto}}@media (min-width: 481px) and (max-width: 768px){.layers-container{display:flex;flex-direction:column;justify-content:flex-start;width:auto}}@media (min-width: 769px) and (max-width: 1080px){.layers-container{display:flex;flex-direction:column;justify-content:flex-start;width:auto}}@media (min-width: 1081px) and (max-width: 1280px){.layers-container{display:flex;flex-direction:column;justify-content:flex-start;width:auto}}.main-axis-options-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px;gap:10px}.main-column-1,.main-column-2{display:flex;flex-direction:column;gap:3px}.ticks-options-container{display:flex;flex-direction:row;padding-top:4px;gap:20px}.tick-column-1{display:flex;flex-direction:column}.ticks-options-container{display:flex}.grid-options-container{display:flex;flex-direction:row;padding-top:4px;gap:20px}.grid-column-1,.grid-column-2{display:flex;flex-direction:column;gap:5px}.advanced-options-container{display:flex;flex-direction:row;padding-top:4px;gap:20px}.advanced-column-1{display:flex;flex-direction:column}@media (min-width: 769px) and (max-width: 1080px){.main-axis-options-container{display:flex;flex-direction:column;justify-content:left;align-items:left}.grid-options-container{display:flex;flex-direction:column;gap:5px}}button{outline:none}.arrow{margin-right:10px;color:#fff}.arrow:hover{cursor:pointer}.dropdown-container{margin-bottom:2px}.dropdown-container.open{outline:1px solid gray;outline-offset:-14px;padding-bottom:14px;padding-right:15px;width:500px;max-width:96%}.dropdown-title-container:hover{cursor:pointer}.dropdown-title-container{display:flex}.label-container{background-color:#393838;z-index:1;padding-left:5px;padding-right:5px}.dropdown-contents-container{margin-left:15px;margin-right:15px;margin-bottom:15px;padding-left:15px}label{font-size:12pt}@media (max-width: 320px){.dropdown-title-container{display:flex;justify-content:center}.dropdown-container.open{width:300px}.dropdown-contents-container{margin-left:15px;margin-right:15px;margin-bottom:15px;padding-left:15px}.arrow{margin-right:5px;color:#fff;z-index:2;padding-right:2px;background-color:#393838}}@media (min-width: 321px) and (max-width: 480px){.dropdown-contents-container{margin-left:0;margin-right:0;margin-bottom:0;padding-left:0}.dropdown-title-container{display:flex;justify-content:center}.dropdown-container.open{width:300px}.dropdown-contents-container{margin-left:15px;margin-right:15px;margin-bottom:15px;padding-left:15px}.arrow{margin-right:5px;color:#fff;z-index:2;padding-right:2px;background-color:#393838}}@media (min-width: 481px) and (max-width: 768px){.dropdown-title-container{display:flex;justify-content:center}.dropdown-container.open{width:420px}.dropdown-contents-container{margin-left:15px;margin-right:15px;margin-bottom:15px;padding-left:15px}.arrow{margin-right:5px;color:#fff;z-index:2;padding-right:2px;background-color:#393838}}@media (min-width: 769px) and (max-width: 1080px){.dropdown-title-container{display:flex;justify-content:center}.dropdown-container.open{width:250px}.dropdown-contents-container{margin-left:15px;margin-right:15px;margin-bottom:15px;padding-left:15px}.arrow{margin-right:5px;color:#fff;z-index:2;padding-right:2px;background-color:#393838}}@media (min-width: 1081px) and (max-width: 1280px){.dropdown-title-container{display:flex;justify-content:center}.dropdown-container.open{width:490px}.dropdown-contents-container{margin-left:15px;margin-right:15px;margin-bottom:15px;padding-left:15px}.arrow{margin-right:5px;color:#fff;z-index:2;padding-right:2px;background-color:#393838}}.svg-button{background:#242424;display:flex;justify-content:center;align-items:center;height:50px;width:50px;margin-left:15px;max-width:100%;max-height:100%}.svg-button.selected{outline:solid 2px rgb(136,132,132)}.svg-button svg{width:80%;height:80%}.svg-button svg path{stroke-width:2px;stroke:#307de9}@media (max-width: 320px){.svg-button{background:#242424;display:flex;justify-content:center;align-items:center;height:40px;width:40px;margin-left:0}}@media (min-width: 321px) and (max-width: 480px){.svg-button{display:flex;justify-content:center;align-items:center;height:40px;width:40px;margin-left:7px}}@media (min-width: 769px) and (max-width: 1080px){.svg-button{display:flex;justify-content:center;align-items:center;height:45px;width:45px;margin-left:7px}}.svg-button-array{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:15px}.number-input-field-container{display:flex;align-items:center;gap:2px;height:25px}.number-input-field-container label{font-size:12px;color:#b4b4b4;min-width:20px}.number-input-field-container input[type=number]{width:45px;height:20px;padding:2px 4px 2px 6px;font-size:12px;color:#dcdcdc;background-color:#242424;border:1px solid rgb(57,56,56);border-radius:3px;outline:none}.number-input-field-container input[type=number]:hover,.number-input-field-container input[type=number]:focus-visible{border-color:#fff7f1}.number-input-field-container input[type=number]{-moz-appearance:number-input}.checkbox-input-field{display:flex;align-items:center;gap:2px;height:25px;margin-left:-5px}.checkbox-input-field input[type=checkbox]{width:16px;height:16px;background-color:#242424;border:1px solid rgb(57,56,56);border-radius:2px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;position:relative;display:flex;align-items:center;justify-content:center}.checkbox-input-field input[type=checkbox]:checked:after{content:"";width:2px;height:4px;border:solid rgb(220,220,220);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);display:block}.checkbox-input-field input[type=checkbox]:hover,.checkbox-input-field input[type=checkbox]:focus-visible{border-color:#dcdcdc}.checkbox-input-field label{font-size:12px;color:#b4b4b4;-webkit-user-select:none;user-select:none;line-height:16px}.color-input-field-container{display:flex;align-items:center;gap:2px;height:25px}.color-input-field-container label{font-size:12px;color:#b4b4b4;min-width:10px}.color-input-field-container input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;padding:0;border:1px solid rgb(57,56,56);border-radius:3px;background-color:#242424;cursor:pointer}.color-input-field-container input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-field-container input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}.color-input-field-container input[type=color]::-moz-color-swatch{border-radius:2px;border:none}.color-input-field-container input[type=color]:hover{border-color:#fff7f1}.color-input-field-container input[type=color]:focus-visible{outline:none;border-color:#fff7f1}.main-graph-point-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-top:10px;margin-bottom:10px;gap:15px}.main-graph-point-column-1{display:flex;flex-direction:column}.main-graph-point-column-2{display:flex;flex-direction:column;gap:5px}.fill-graph-point-container{display:flex;margin-top:3px;margin-bottom:10px}.fill-graph-point-column-1{display:flex;flex-direction:column}.label-graph-point-container{display:flex;margin-top:10px;margin-bottom:10px}.label-graph-point-column-1{display:flex;flex-direction:column;gap:5px}@media (min-width: 321px) and (max-width: 480px){.main-graph-point-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px;gap:3px}}@media (min-width: 769px) and (max-width: 1080px){.main-graph-point-container,.fill-graph-point-container,.label-graph-point-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.label-graph-point-column-1{justify-content:center;align-items:center}}.dropdown-input-field-container{display:flex;align-items:center;gap:2px;height:25px;min-width:100px;max-width:170px}.dropdown-input-field-container label{font-size:12px;color:#b4b4b4}.dropdown-input-field-container select{height:25px;padding:1px 6px;font-size:12px;color:#dcdcdc;background-color:#242424;border:1px solid rgb(57,56,56);outline:none;cursor:pointer}.dropdown-input-field-container select:hover,.dropdown-input-field-container select:focus-visible{border-color:#dcdcdc}.large-text-input-field-container{display:flex;flex-direction:column;gap:4px;padding:2px 0}.large-text-input-field-container label{font-size:12px;color:#b4b4b4}.large-text-input-header{display:flex;justify-content:space-between;align-items:center}.large-text-input-wrapper>*:last-child{position:absolute;top:6px;right:8px}.large-text-input-field-container textarea{height:75px;padding:6px 8px;font-size:12px;color:#dcdcdc;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#242424;border:1px solid rgb(57,56,56);border-radius:4px;outline:none;resize:none;box-sizing:border-box}.large-text-input-field-container input[type=text]:hover,.large-text-input-field-container input[type=text]:focus-visible{border-color:#dcdcdc}.info-label-container{position:relative;display:inline-block}.info-container{background-color:#000;border-radius:3px;height:15px;width:15px;display:flex;justify-content:center;align-items:center;margin-left:5px}.info-container p{font-size:8px}.tooltip p{text-align:center;margin:0}.tooltip{position:absolute;z-index:1000;width:200px;height:70px;bottom:20px;left:20px;background-color:#222;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:3px;padding:5px}.main-function-options-container{display:flex;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px;gap:20px}.function-input-container{display:flex;flex-direction:row;align-items:center}.main-function-column-1,.main-function-column-2{display:flex;flex-direction:column;gap:3px}.advanced-function-container{display:flex;justify-content:center;align-items:center}.advanced-function-row-1{margin-top:10px;display:flex;justify-content:center;align-items:center}@media (min-width: 321px) and (max-width: 480px){.main-function-options-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px;gap:3px}}@media (min-width: 769px) and (max-width: 1080px){.main-function-options-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px}.main-function-column-1,.main-function-column-2{justify-content:center;align-items:center;gap:3px}}.text-input-field-container{display:flex;align-items:center;gap:1px;padding:1px 0;height:25px}.text-input-field-container label{font-size:12px;color:#b4b4b4}.text-input-field-container input[type=text]{width:60px;height:25px;padding:2px 6px;font-size:12px;color:#dcdcdc;background-color:#242424;border:1px solid rgb(57,56,56);border-radius:3px;outline:none}.text-input-field-container input[type=text]:hover,.text-input-field-container input[type=text]:focus-visible{border-color:#dcdcdc}.slider-input-field-container{display:flex;align-items:baseline;height:25px}.slider-input-field-container label{margin-right:4px;font-size:12px;color:#b4b4b4;min-width:20px}.slider-value{font-size:9px;color:#dcdcdc;min-width:24px;text-align:left;margin-left:1px}.slider-input-field-container input[type=range]{position:relative;top:-.7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:3px;background:#393838;border-radius:2px;outline:none;cursor:pointer}.slider-input-field-container input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,rgb(180,180,180) 0%,rgb(180,180,180) var(--fill),rgb(57,56,56) var(--fill),rgb(57,56,56) 100%);border-radius:2px}.slider-input-field-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#dcdcdc;border-radius:50%;border:1px solid rgb(36,36,36);margin-top:-3.5px}.slider-input-field-container input[type=range]::-moz-range-track{height:3px;background:#393838;border-radius:2px}.slider-input-field-container input[type=range]::-moz-range-progress{height:3px;background:#b4b4b4;border-radius:2px}.slider-input-field-container input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#dcdcdc;border-radius:50%;border:1px solid rgb(36,36,36)}.slider-input-field-container input[type=range]:hover,.slider-input-field-container input[type=range]:focus-visible{filter:brightness(1.1)}.main-circle-container{display:flex;align-items:center;justify-content:center;margin-top:10px;margin-bottom:10px;gap:12px}.main-circle-column-1,.main-circle-column-2{display:flex;flex-direction:column;gap:3px}.fill-circle-container{display:flex;margin-top:10px;margin-bottom:10px;gap:12px}.fill-circle-column-1,.fill-circle-column-2{display:flex;flex-direction:column;gap:3px}.stroke-circle-container{display:flex;gap:12px;margin-top:10px;margin-bottom:10px}.stroke-circle-column-1,.stroke-circle-column-2{display:flex;flex-direction:column;gap:3px}.arc-circle-container{display:flex;gap:12px;margin-top:10px;margin-bottom:10px}.arc-circle-column-1,.arc-circle-column-2{display:flex;flex-direction:column;gap:3px}@media (max-width: 320px){.main-circle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px;margin-bottom:10px;gap:3px}.fill-circle-container,.stroke-circle-container,.arc-circle-container{flex-direction:column;gap:3px}}@media (min-width: 321px) and (max-width: 480px){.main-circle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px;margin-bottom:10px;gap:3px}.fill-circle-container,.stroke-circle-container,.arc-circle-container{flex-direction:column;gap:3px}}@media (min-width: 481px) and (max-width: 768px){.main-circle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px;margin-bottom:10px;gap:3px}.fill-circle-container,.stroke-circle-container,.arc-circle-container{flex-direction:column;gap:3px}}@media (min-width: 769px) and (max-width: 1080px){.main-circle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px;margin-bottom:10px;gap:3px}.fill-circle-container{flex-direction:column;align-items:flex-start;gap:3px}}.main-rectangle-options-container{display:flex;align-items:center;justify-content:center;margin-top:10px;margin-bottom:10px;gap:12px}.main-rectangle-column-1,.main-rectangle-column-2{display:flex;flex-direction:column;gap:3px}.position-recntalge-container{display:flex;flex-direction:column;margin-top:10px;gap:5px}.center-field-container,.bottom-field-container{display:flex;gap:3px}.fill-rectangle-container{display:flex;margin-top:10px;margin-bottom:10px;gap:12px}.fill-rectangle-column-1,.fill-rectangle-column-2{display:flex;flex-direction:column;gap:3px}@media (min-width: 321px) and (max-width: 480px){.main-rectangle-options-container{display:flex;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px;gap:20px}.fill-rectangle-container{display:flex;flex-direction:column;gap:3px}}@media (min-width: 481px) and (max-width: 768px){.main-rectangle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px;margin-bottom:10px;gap:3px}.fill-rectangle-container{flex-direction:column;gap:3px}}@media (min-width: 769px) and (max-width: 1080px){.main-rectangle-options-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px;margin-bottom:10px;gap:3px}.fill-rectangle-container{flex-direction:column;align-items:flex-start;gap:3px}}.dragover-bar{height:1px;background-color:#00f;display:flex;justify-content:center;align-items:center}.drag-bar-container{height:25px;margin-left:20px;margin-right:20px;position:relative;margin-bottom:-25px;cursor:grab;display:flex;justify-content:flex-end}.buttons-container{display:flex;justify-content:flex-end;align-items:center;background-color:#393838;width:58px;margin-right:10px}.copy-button-container{border-radius:3px;display:flex;cursor:pointer}.copy-button-container svg{color:#b4b4b4}.copy-button-container:hover svg{color:green}.copy-button-container:hover{background-color:#b4b4b4}.delete-button-container{border-radius:3px;display:flex;cursor:pointer}.delete-button-container svg{color:#b4b4b4}.delete-button-container svg:hover{color:red}.delete-button-container:hover{background-color:#b4b4b4}.toggle-visible-button-container{border-radius:3px;display:flex;cursor:pointer}.toggle-visible-button-container svg{color:#b4b4b4}.toggle-visible-button-container svg:hover{color:#fff}.toggle-visible-button-container:hover{background-color:#b4b4b4}.layer-searchbar-container{position:relative;display:flex;height:20px}.layer-searchbar-container input{width:200px;height:20px;padding:2px 10px;font-size:12px;color:#dcdcdc;background-color:#242424;border:1px solid rgb(57,56,56);border-radius:3px;outline:none}.layer-searchbar-container input:hover,.layer-searchbar-container input:focus-visible{border-color:#fff7f1}.layer-search-results{position:absolute;top:24px;left:0;width:100%;background-color:#1e1e1e;border:1px solid rgb(57,56,56);border-radius:3px;z-index:100}.layer-search-item{padding:4px 6px;font-size:12px;color:#dcdcdc;cursor:pointer;z-index:10}.layer-search-item:hover{background-color:#323232}.layer-search-item.muted{color:#8c8c8c;cursor:default}.add-button-container{display:flex;align-items:center;justify-content:center;height:20px;padding:2px 10px;font-size:12px;color:#dcdcdc;background-color:#242424;border:1px solid rgb(57,56,56);border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,border-color .12s ease}.add-button-container:hover{background-color:#034dd7;border-color:#fff7f1}.add-button-container:active{background-color:#1e1e1e}.main-graph-polygon-container{display:flex;flex-direction:column;gap:5px;margin-top:10px;margin-bottom:10px}.main-graph-polygon-row-1{display:flex;flex-direction:column;gap:5px}.main-graph-polygon-row-2{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}input{background-color:#3b3b3b;color:#fff;border:1px solid rgb(143,143,143);border-radius:2px;text-indent:2px}.navbar-container{margin-top:10px}.navbar-elements{display:flex;justify-content:center}.navbar-elements a{text-decoration:none;color:#fff}.navbar-elements a:hover{color:orange;cursor:pointer}.navbar-elements p{margin-left:30px;margin-right:30px}.test-container{height:440px;width:880px;overflow:auto;display:flex;background-color:#fff;justify-content:center;align-items:center;border-radius:7px;border:2px solid rgb(3,77,215);padding:11px}.SVG-container{display:inline-block;max-width:100%;max-height:100%}@media (max-width: 320px){.test-container{height:200px;width:290px;overflow:auto;display:flex;background-color:#fff;justify-content:center;align-items:center;border-radius:7px;border:2px solid rgb(3,77,215);padding:10px}}@media (min-width: 321px) and (max-width: 480px){.test-container{height:300px;width:300px;overflow:auto;display:flex;background-color:#fff;justify-content:center;align-items:center;border-radius:7px;border:2px solid rgb(3,77,215);padding:10px}}@media (min-width: 481px) and (max-width: 768px){.test-container{height:320px;width:400px;overflow:auto;display:flex;background-color:#fff;justify-content:center;align-items:center;border-radius:7px;border:2px solid rgb(3,77,215);padding:10px}}@media (min-width: 769px) and (max-width: 1080px){.test-container{height:400px;width:400px;overflow:auto;display:flex;background-color:#fff;justify-content:center;align-items:center;border-radius:7px;border:2px solid rgb(3,77,215);padding:10px}}@media (min-width: 1081px) and (max-width: 1280px){.test-container{height:400px;width:500px;overflow:auto;display:flex;background-color:#fff;justify-content:center;align-items:center;border-radius:7px;border:2px solid rgb(3,77,215);padding:10px}}.footer{display:flex;justify-content:center;align-items:center;background-color:#393838;color:#fff;margin-top:40px;max-height:30px;font-size:8pt}.footer a{text-decoration:none;color:orange}.coming-soon-container{display:flex;justify-content:center;align-items:center;height:80vh;text-align:center}