body{background-color:#000;margin:0;overflow:scroll}html{background-color:#000}.tessellate{background-repeat:repeat;width:100vw;min-width:10000vw;height:100vh;min-height:10000vh;position:absolute}#root{width:100vw;height:100vh;display:block}:root{--desmos-blue:#2d70b3}.sidebar-toggle{z-index:20;background:var(--desmos-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:fixed;top:12px;left:12px;box-shadow:0 2px 6px #0006}.sidebar-toggle:hover{filter:brightness(1.1)}.sidebar-toggle svg{width:22px;height:22px}.control-sidebar{box-sizing:border-box;z-index:10;background:#fff;width:320px;height:100vh;padding:64px 16px 16px;transition:transform .25s ease-in-out;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:2px 0 10px #00000059}.control-sidebar.open{transform:translate(0)}.desmos-slider{border-bottom:1px solid #ddd;gap:12px;padding:14px 0;display:flex}.slider-buttons{flex-direction:column;align-items:center;gap:6px;display:flex}.play-button{border:2px solid var(--desmos-blue);width:40px;height:40px;color:var(--desmos-blue);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.play-button:hover{background:var(--desmos-blue);color:#fff}.play-button svg{fill:currentColor;width:20px;height:20px}.mode-button{color:#999;cursor:pointer;background:0 0;border:none;width:28px;height:28px;padding:0}.mode-button.active{color:var(--desmos-blue)}.mode-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.slider-body{flex:1;min-width:0}.slider-value{color:#222;margin-bottom:8px;font-size:18px}.slider-row{align-items:center;gap:8px;display:flex}.slider-row input[type=range]{min-width:0;accent-color:var(--desmos-blue);flex:1}.bound-label{color:#666;cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:13px}.bound-label:hover{color:var(--desmos-blue)}.bounds-edit{color:#222;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.bounds-edit input{text-align:center;border:none;border-bottom:1px solid #999;outline:none;width:52px;padding:2px 0;font-size:14px}.bounds-edit input:focus{border-bottom-color:var(--desmos-blue)}