*{box-sizing:border-box}body,html{height:100%}body{font-size:12px;font-family:system-ui;margin:0;overflow:auto hidden}dialog{border-color:#fff;font-size:14px;z-index:1}dialog input{font-size:14.5px;margin:0 -7px;padding:6px;width:calc(100% + 14px)}dialog button{border:1px solid #4169e1;border-radius:3px;float:right}dialog button[type=submit]{margin-top:8px;font-size:14.5px;padding:6px 12px}dialog button[type=reset]{border-color:#d3d3d3;font-size:14px;padding:3px 8px 4px}a{color:#4169e1;cursor:pointer;font-weight:500}a:hover{color:#0000cd}.suggestions{display:flex;flex-direction:column;white-space:nowrap}.action{border-bottom:1px dashed;font-size:14px;position:absolute;top:.5em}#configure{left:1em}#reset{right:1em}section{display:flex;height:100%;justify-content:space-around;padding:5em 2em 4em}.band{flex-shrink:0}.band::after,.band::before{content:attr(data-title);display:block;padding:1em 0;position:absolute;white-space:nowrap}.band::before{top:-3.3em}#sliders .noUi-pips-vertical{left:66%}#sliders .noUi-value-vertical{padding-left:21px}#sliders .noUi-handle{cursor:pointer;height:30px;right:-4px;top:-16px;width:24px}#sliders .noUi-handle:focus{cursor:grab}#sliders .noUi-handle:active{cursor:grabbing}#sliders .noUi-handle::after,#sliders .noUi-handle::before{width:14px;height:1px;left:4px}#sliders .noUi-handle::before{top:12px}#sliders .noUi-handle::after{top:15px}#sliders .noUi-tooltip{right:100%;z-index:-1}