html,body{padding:0;margin:0;overflow:hidden}canvas{width:100%;height:100%}.lil-gui{--width: 280px;--name-width: 35%;--label-width: 95px;--btn-h: 20px}.lil-gui .gui-row{display:flex;align-items:center;gap:0}.lil-gui .gui-row .controller{display:flex;align-items:center;flex:0 0 auto;margin:0}.lil-gui .gui-row .controller .name{width:var(--label-width);min-width:var(--label-width);flex:0 0 auto;padding-right:4px}.lil-gui .gui-row .controller:last-child{margin-left:auto}.lil-gui .gui-row .controller.has-button .name{display:none}.lil-gui .gui-row.row-buttons{gap:1px}.lil-gui .gui-row.row-buttons .controller{flex:1 1 0;min-width:0}.lil-gui .gui-row.row-buttons .controller:last-child{margin-left:0}.lil-gui .gui-row.row-buttons .controller button{width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);line-height:var(--btn-h);padding:0 8px;box-sizing:border-box}.lil-gui .gui-row.row-mixed-buttons{gap:6px}.lil-gui .gui-row.row-mixed-buttons .controller:last-child{margin-left:0}.lil-gui .gui-row.row-mixed-buttons .controller.has-button{flex:0 0 auto}.lil-gui .gui-row.row-mixed-buttons .controller.has-button button{width:auto;min-width:0;padding:0 6px;height:var(--btn-h);line-height:var(--btn-h)}.lil-gui .controller.has-button.large-font-button button{font-size:18px}.lil-gui>.children>div>.children>*{margin-top:4px;margin-bottom:0}.lil-gui>.children>div>.children>*:first-child{margin-top:0}.lil-gui>.children>div>.children{padding-top:4px;padding-bottom:0}.lil-gui .controller.number.hasSlider input{min-width:36px;max-width:36px}.lil-gui .controller.number.hasSlider input.slider{width:100%;margin-left:0;background:transparent;min-width:initial;max-width:initial}.lil-gui .controller.number.hasSlider input[type=number]::-webkit-outer-spin-button,.lil-gui .controller.number.hasSlider input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lil-gui .controller.number.hasSlider input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.lil-gui>.children>div+div>.title{margin-top:4px!important}.lil-gui.allow-touch-styles.root.autoPlace{touch-action:pan-y}.flex-container{display:flex;align-items:center}.slider-container{position:relative;width:96px;height:var(--widget-height);background:rgb(66,66,66);touch-action:none}.slider-container:hover{opacity:1;background-color:#4f4f4f;cursor:ew-resize}.slider{width:96px;height:var(--widget-height)}input[type=range]{position:absolute;width:100%;height:var(--widget-height);pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;margin:0}input[type=range]::-webkit-slider-thumb{pointer-events:none;width:1.62px;height:var(--widget-height);background:rgb(41,201,255);cursor:ew-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:0}input[type=range]::-moz-range-thumb{pointer-events:none;width:1.62px;height:var(--widget-height);background:rgb(41,201,255);cursor:ew-resize;margin-top:0}.slider-track{position:absolute;height:var(--widget-height);background:rgb(66,66,66);top:50%;transform:translateY(-50%);width:100%;z-index:-1}.dual-slider-template.is-disabled,.controller.is-disabled{opacity:.5;pointer-events:none}#threeCanvas{position:absolute;z-index:1}#overlayCanvas{position:absolute;z-index:2;pointer-events:none}