html{background-color:transparent;height:100%}.dummy_container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.app_container{height:fit-content;display:flex;flex-direction:column;justify-content:center}.chart_title{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:20pt;width:100%}.chart_equation{font-family:Times New Roman,Times,serif;font-style:italic}.p5Canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.ui_container{font-family:monospace;display:grid;grid-template-areas:"sliders checkboxes" "sliders colorpickers" "dropdowns dropdowns";grid-template-columns:min-content min-content;grid-template-rows:auto auto auto}.ui_dropdowns{display:flex;flex-direction:column;grid-area:dropdowns}.ui_checkboxes{display:flex;flex-direction:column;grid-area:checkboxes;height:fit-content}.ui_sliders{display:flex;flex-direction:column;justify-content:right;grid-area:sliders}.ui_colorpickers{display:flex;flex-direction:row;grid-area:colorpickers;height:fit-content;gap:10px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:20px;box-shadow:-400px 0 0 400px #00f}.dropdown_label{padding-right:10px}.color_picker{border-radius:4px}.color_picker .react-colorful{width:80px;height:50px;padding-top:5px}.color_picker .react-colorful__hue{height:10px;border-bottom:1px}.color_picker .react-colorful__saturation{border-top:4px;box-shadow:none;text-shadow:none}.color_picker .react-colorful__saturation-pointer{width:15px;height:15px;border-radius:4px;border:none;box-shadow:none;text-shadow:none}.color_picker .react-colorful__hue-pointer,.color_picker .react-colorful__alpha-pointer{width:10px;height:12px;border-radius:0;border:none;box-shadow:none;text-shadow:none}