: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,.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:400px;min-width:600px;border-radius:7px;border:2px solid rgb(215,105,3)}.selection-container{display:flex;flex-direction:column;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:900px;min-width:500px}}button{outline:none}.arrow{margin-right:10px;color:#fff}.arrow:hover{cursor:pointer}.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}}.generate-button{margin-bottom:20px;color:#fff;background-color:green}.delete-button{color:#fff;background-color:red}.main-graph-point-container{margin-top:13px;margin-left:10px;display:flex;justify-content:left;align-items:center;margin-bottom:20px}.main-graph-point-container-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px}.graph-point-coordinates-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.graph-point-styles-container{padding-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.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;align-items:left;justify-content:center;margin-bottom:10px}.main-function-options-container-grid{margin-top:10px;display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:25px}.function-input-container{display:flex;flex-direction:row;justify-content:left;align-items:center}.function-settings-container{display:flex;flex-direction:column;grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2}.function-style-container{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-column-start:3;grid-column-end:-1;grid-row-start:1;grid-row-end:2}.samples-text-display{display:flex;align-items:center;justify-content:center}.samples-container{display:flex;align-items:center}@media (min-width: 481px) and (max-width: 768px){.main-function-options-container{display:flex;align-items:left;justify-content:center;margin-bottom:10px}.main-function-options-container-grid{margin-top:10px;display:flex;flex-direction:column}}@media (min-width: 769px) and (max-width: 1080px){.main-function-options-container{display:flex;align-items:left;justify-content:center;margin-bottom:10px}.main-function-options-container-grid{margin-top:10px;display:flex;flex-direction:column}}@media (min-width: 1081px) and (max-width: 1280px){.main-function-options-container{display:flex;align-items:left;justify-content:center;margin-bottom:10px}.main-function-options-container-grid{margin-top:10px;display:flex;flex-direction:column}}.svg-button{background:#fff;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 red}.svg-button svg{width:80%;height:80%}.svg-button svg path{stroke-width:2px;stroke:red}@media (max-width: 320px){.svg-button{background:#fff;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{background:#fff;display:flex;justify-content:center;align-items:center;height:40px;width:40px;margin-left:0}}@media (min-width: 769px) and (max-width: 1080px){.svg-button{background:#fff;display:flex;justify-content:center;align-items:center;height:30px;width:30px;margin-left:0}}.svg-button-array{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:15px}.main-axis-options-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.main-axis-options-container-grid{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:3fr 2fr;column-gap:20px}.ticks-options-container{display:flex;justify-content:left;margin-bottom:10px;padding-top:2px}.ticks-visible-container{display:flex;flex-direction:column}.ticks-options-container-grid{display:grid;grid-template-rows:1fr;grid-template-columns:3fr 1fr;column-gap:0px}.grid-options-container{display:flex;justify-content:left;margin-bottom:10px;padding-top:2px}.grid-visible-container{display:flex}.grid-step-container label{padding-right:5px}.grid-options-container-grid{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr}.advanced-options-container{display:flex;justify-content:left;margin-bottom:10px;padding-top:2px}.advanced-options-container-grid{display:grid;grid-template-rows:1fr;grid-template-columns:3fr 2fr}@media (min-width: 769px) and (max-width: 1080px){.main-axis-options-container-grid{display:flex;flex-direction:column;justify-content:left;align-items:left}.x-axis-container,.y-axis-container{order:0}.checkbox-field{order:1}.ticks-options-container,.grid-options-container-grid{display:flex;flex-direction:column}.advanced-options-container-grid{display:flex;grid-template-rows:1fr;grid-template-columns:3fr 2fr}}@media (min-width: 1081px) and (max-width: 1280px){.main-axis-options-container-grid{display:flex;flex-direction:column;justify-content:left;align-items:left}.x-axis-container,.y-axis-container{order:0}.checkbox-field{order:1}.ticks-options-container,.grid-options-container-grid{display:flex;flex-direction:column}.advanced-options-container-grid{display:flex;grid-template-rows:1fr;grid-template-columns:3fr 2fr}}.add-layer-options-container{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top: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:465px}.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-circle-container{margin-top:10px;margin-left:10px;display:flex;align-items:left;justify-content:left;margin-bottom:20px}.main-circle-container-grid{display:grid;grid-gap:30px;grid-template-columns:1fr 1fr}.center-coordinates-container,.dimension-container{display:flex;flex-direction:column}.fill-container{display:flex;gap:1vw}.fill-container-col-1{display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:0}.fill-container-col-2{display:flex;flex-direction:column;align-items:flex-start}.center-field-container,.bottom-field-container{display:flex;align-items:center}.number-input-field-container{display:flex;align-items:center;padding:3px}.number-input-field-container label{margin-right:10px}.checkbox-input-field{display:flex}.text-input-field-container{display:flex;gap:5px}.text-input-field-container input{max-width:50%}.slider-input-field-display{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:5px;padding-top:5px}.slider-text-display{display:flex;padding-left:25px;gap:4px;max-width:50%}.slider-text-display label,.slider-text-display p{margin:0;padding:0}@media (max-width: 320px){.slider-input-field-display input{max-width:50%}}@media (min-width: 769px) and (max-width: 1080px){.slider-input-field-display input{max-width:50%}.slider-text-display{padding-left:0;gap:2px}}.color-input-field-container{display:flex;align-items:center;gap:3px}.color-input-field-container input{width:30px;height:30px;border:none;background:none}button{margin:3px}.number-input-field{width:40px;margin-left:10px}input{background-color:#3b3b3b;color:#fff;border:1px solid rgb(143,143,143);border-radius:2px;text-indent:2px}select{background-color:#3b3b3b;color:#fff;border:1px solid rgb(143,143,143);border-radius:2px}.checkbox-field{display:flex;align-items:center}.checkbox-field label{margin-left:5px}.color-input-field{display:flex;align-items:center;padding-left:3px}.color-input-field label{margin-right:5px}.color-input-field input{width:27px;height:30px;border:none;background:none;padding-top:3px}.range-field p{margin:0;padding:0}.delete-button-container,.generate-graph-button-container{display:flex;justify-content:center;align-items:center}.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:400px;width:800px;overflow:auto;display:flex;background-color:#fff;justify-content:center;align-items:center;border-radius:7px;border:2px solid rgb(215,105,3);padding:10px}.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(215,105,3);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(215,105,3);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(215,105,3);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(215,105,3);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(215,105,3);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}