html,body{font-family:arial;margin:0;padding:0}a{color:#999;font-weight:bold;text-decoration:none}a:hover{color:#222}.wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.flex-align-baseline{align-items:baseline}.flex-align-center{align-items:center}.flex-row{display:flex;flex-direction:row;flex-wrap:nowrap}.flex-stretch{flex-grow:1;flex-shrink:1}.grid-first-column{grid-column:1}.Sidebar-Content{display:flex;flex-direction:column;flex-wrap:nowrap}.footer{border-top:1px solid rgba(128,128,128,.5);color:#aaa;font-family:"DejaVu";text-align:center;font-size:10pt;margin:1em 0 0;padding:1em 0;white-space:nowrap}.Canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1000}.Canvas-Controls{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:flex-end;width:100%}.CollapseBox{background:rgba(0,0,0,0);border:1px solid rgba(128,128,128,.5);border-radius:.3em;display:flex;flex-direction:column;flex-wrap:nowrap}.CollapseBox>.toggle{background:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);border-radius:0;border:none;display:flex;flex-direction:row;flex-wrap:nowrap;font-weight:bold;padding:.5em 1em;transition:border-bottom 120ms;width:100%}.CollapseBox>.toggle>.toggle-text{flex-grow:1}.CollapseBox>.toggle>.toggle-icon{flex-grow:0;transform:rotate(90deg);transition:transform 120ms}.CollapseBox>.toggle>.toggle-icon:first-child::before,.CollapseBox>.toggle>.toggle-icon:last-child::after{content:"»"}.CollapseBox>.toggle>.toggle-icon:first-child{margin-right:.5em}.CollapseBox>.toggle>.toggle-icon:last-child{margin-left:.5em}.CollapseBox>.Content{overflow:hidden;padding:.5em 1em;transition-duration:120ms;transition-property:max-height,padding}.CollapseBox:not(.expanded)>.Content{max-height:0;padding-bottom:0;padding-top:0}.CollapseBox.expanded>.toggle{border-bottom:1px solid rgba(128,128,128,.5)}.CollapseBox.expanded>.toggle>.toggle-icon{transform:rotate(90deg) scaleX(-1)}.CollapseBox.expanded>.Content{max-height:12em}.Controls .Gradient{align-items:center;display:grid;grid-template-columns:auto min-content min-content min-content;margin-bottom:1em}.Precision-Slider{margin-top:.5em}.Precision-Slider span:not(:last-child){margin-right:.5em}.Precision-Slider span:not(:first-child){margin-left:.5em}.Controls-Legend{margin:1.2em .3em 1.5em}.Controls-Legend p{color:#999;font-size:.9em;line-height:1.3;margin:0;padding:0}.GithubCorner{transition:opacity .2s}.GithubCorner.hidden{opacity:0}.Gradient-Ribbon{border:1px solid gray;height:100%;min-height:1rem;min-width:1rem;width:100%}.Presets ul{list-style:none;padding:0;margin:.5em 0}.Presets a:hover{color:#fff;text-decoration:underline}.Presets a.current{color:#fff}.Sidebar{background-color:rgba(0,0,40,.6);color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;left:0;max-width:25em;opacity:0;overflow:hidden;position:absolute;top:0;transition-duration:200ms;transition-property:height,opacity}.Sidebar:hover{background-color:rgba(0,0,40,.8)}.Sidebar:hover,.Sidebar.expanded{opacity:1}.Sidebar>.toggle{background:rgba(0,0,0,0);border-bottom-right-radius:.3em;border-radius:0em;border:1px solid rgba(0,0,0,0);display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;flex-wrap:nowrap;padding:.5em 1em;width:100%}.Sidebar>.toggle .toggle-text{flex-grow:1}.Sidebar>.toggle .toggle-icon{flex-grow:0;transform:rotate(90deg);transition:transform 200ms}.Sidebar>.toggle .toggle-icon:first-child::before,.Sidebar>.toggle .toggle-icon:last-child::after{content:"»"}.Sidebar>.Content{flex-grow:1;flex-shrink:0;overflow:auto;padding:0 1em}.Sidebar button,.Sidebar select,.Sidebar input,.Sidebar a.button{background:rgba(0,0,0,0);border-radius:.3em;border:1px solid rgba(128,128,128,.5);color:inherit;padding:.2em .5em}.Sidebar button,.Sidebar a.button{background:rgba(128,128,128,.2);cursor:pointer;font-weight:normal}.Sidebar button::-moz-focus-inner,.Sidebar a.button::-moz-focus-inner{border:none}.Sidebar button:hover,.Sidebar a.button:hover{background:rgba(128,128,128,.4);color:inherit}.Sidebar select{border-bottom-right-radius:0;border-top-right-radius:0}.Sidebar input[type=color],.Sidebar input[type=range]{border:none}.Sidebar input[type=number]{padding-right:0}.Sidebar.expanded>.Content{border-bottom-right-radius:.5em;border-bottom:1px solid rgba(128,128,128,.5);border-right:1px solid rgba(128,128,128,.5)}.Sidebar.expanded>.toggle{border:1px solid rgba(128,128,128,.5)}.Sidebar.expanded>.toggle .toggle-icon{transform:rotate(90deg) scaleX(-1)}