:root{--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--input-border: #ccc;--volume-bar-color: #9bb458;--radius-bar-color: #c0874b;--height-bar-color: #59afb5;--volume-rate-bar-color: #68783c;--radius-rate-bar-color: #805b34;--height-rate-bar-color: #3c7478}:root[data-theme=light]{--bg-color: #ffffff;--text-color: #000000;--input-border: #888;--volume-bar-color: #5b429f;--radius-bar-color: #3e6eac;--height-bar-color: #b84d46;--volume-rate-bar-color: #8d7cbd;--radius-rate-bar-color: #7a9ac6;--height-rate-bar-color: #ce837e}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--bg-color);color:var(--text-color);margin:0}canvas,#desmos-graph{display:block;margin:1rem auto;width:100%;max-width:700px;aspect-ratio:1 / 1;border-radius:10px;background-color:transparent;border:1px #f2f2f2 solid;padding:3px;box-sizing:border-box}input,button{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--input-border);border-radius:4px;padding:.25rem .5rem}#bar-container{width:200px;height:20px;border:1px solid #ccc}#volume-bar{background-color:var(--volume-bar-color);height:100%;width:0px}#radius-bar{background-color:var(--radius-bar-color);height:100%;width:0px}#height-bar{background-color:var(--height-bar-color);height:100%;width:0px}#volume-rate-bar{background-color:var(--volume-rate-bar-color);height:100%;width:0px}#radius-rate-bar{background-color:var(--radius-rate-bar-color);height:100%;width:0px}#height-rate-bar{background-color:var(--height-rate-bar-color);height:100%;width:0px}#info{font-size:x-large;text-align:center;margin:2rem 0 .5rem}#valuesDisplay,#ratesDisplay{display:inline-block;border:2px solid #e5e5e5;border-radius:3px;padding:.5rem;margin:.5rem}#displays{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#footer{display:flex;justify-content:space-between;align-items:center;max-width:700px;margin:1rem auto;flex-wrap:wrap;box-sizing:border-box;padding:0 2rem}#bottom-line{max-width:500px;width:100%;margin-top:2rem;margin-bottom:2rem;border:.01rem solid #ccc}#footer img{height:30px;width:auto}#beta{font-size:.5rem;font-weight:700;margin-left:3px;padding-bottom:3px}#theme-toggle{cursor:pointer;display:flex;align-items:center}#theme-toggle svg{width:24px;height:24px;color:var(--text-color);transition:transform .5s ease}#slider-div,#graph-slider-div{display:flex;justify-content:center;align-items:center;gap:8px}#dimension-controls{display:flex;justify-content:center;align-items:center;margin:1rem 0rem;gap:8px}#image-beta-div{display:flex;justify-content:center;align-items:center}.collapsible-header{cursor:pointer;padding:.5rem 1rem;background-color:#f2f2f2;border-radius:4px;margin-bottom:.25rem;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}:root[data-theme=dark] .collapsible-header{background-color:#1a1a1a;color:var(--text-color)}.collapsible-header:hover{background-color:#ddd}.collapsible-content{transition:max-height .3s ease,padding .3s ease,margin .3s ease;overflow:hidden;max-height:1000px}.collapsed{max-height:0;padding:0;margin:0}.collapsible-header:after{content:"▼";float:right;transition:transform .3s ease}.collapsible-header.active:after{content:"▲"}#mode-toggle{display:block;margin:1rem auto}@media screen and (min-width: 1000px){#app{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex-wrap:nowrap;max-width:1700px;margin:0 auto}#footer,#bottom-line{max-width:1000px}canvas,#desmos-graph{max-width:500px;max-height:500px}}