body{margin:0;background:linear-gradient(180deg,#1a5ec1,#000)}input[type=color]{color-scheme:dark}.lil-gui{font-size:1em;background-color:transparent}.lil-gui a{color:#7fffd4;text-decoration:none}.lil-gui a:hover{text-decoration:underline}.lil-gui.autoPlace{z-index:999}body>.lil-gui{background:linear-gradient(0deg,#21212100,#212121b3)}.lil-gui>.title{color:#7fffd4}body:not(.lil-gui-dragging) .lil-gui .title:hover{background:linear-gradient(90deg,rgb(0 135 175 / 80%),transparent)}.lil-gui .lil-gui .lil-gui>.title{margin-top:1.5em}.lil-gui .lil-gui .lil-gui>.children{border-left:2px solid #2c634e}.lil-gui.root>.children>.lil-gui>.children>.controller:first-child{margin-top:1.5em}.lil-gui .title.headTitle{border:none;text-align:center;font-family:Parisienne;font-size:40px;z-index:1;position:fixed;width:-moz-available;width:-webkit-fill-available;margin-right:30px;top:10px;pointer-events:none;border:none!important;background:radial-gradient(#194bbd 0%,transparent 80%)}.lil-gui .title.headTitle:before{display:none}.lil-gui.root{width:33vw;padding:10px;border-radius:15px;top:15px;bottom:15px}.lil-gui.root>.title{display:none}.lil-gui .controller:not(.tabs):not(.grid) button:not(.returnButton):not(#beginButton),.lil-gui .controller.option .display,.lil-gui .controller.option .display.focus{background:linear-gradient(90deg,#0057d5,#37c7e9,#0057d5);background-size:400% 400%;animation:gradient 15s ease infinite;box-shadow:0 0 #c56ea6 inset;transition:all .5s}.lil-gui .controller:not(.tabs):not(.grid) button:not(.returnButton):not(#beginButton):hover,.lil-gui .option .widget:hover .display{box-shadow:0 0 0 20px #c56ea6 inset}.lil-gui .controller{margin-bottom:.7em;transition:background 1.4s}.lil-gui .controller:not(.function):not(.grid):hover{background:#e2fff51a;transition:background .2s}.lil-gui input{color:#7fffd4!important}.lil-gui .space{height:20px}.lil-gui input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#0057d5,#37c7e9,#0057d5);background-size:400% 400%;animation:gradient 15s ease infinite;border-radius:72px;border-style:none;height:20px;margin:0;position:relative;width:40px;box-shadow:0 0 #c56ea6 inset;transition:all .2s ease-out}.lil-gui input[type=checkbox]:hover{box-shadow:0 0 0 10px #c56ea6 inset}.lil-gui input[type=checkbox]:before{bottom:-6px;content:""!important;left:-6px;position:absolute;right:-6px;top:-6px;transition:all .2s ease-out}.lil-gui input[type=checkbox]:after{background-color:#1f1f49;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;width:14px;transition:all .2s ease-out}.lil-gui input[type=checkbox]:checked:after{background-color:#7fffd4;left:23px}.lil-gui input[type=checkbox]:checked:hover:after{background-color:#ffe57f}.lil-gui .controller.number .slider{border-radius:5px;overflow:visible;height:5px;background:linear-gradient(90deg,#0057d5,#37c7e9,#0057d5);background-size:400% 400%;animation:gradient 15s ease infinite;box-shadow:0 0 #c56ea6 inset;transition:box-shadow .5s}.lil-gui .controller.number:hover .slider{box-shadow:0 0 0 5px #c56ea6 inset}.lil-gui .controller.number .fill{border-right:none;height:20px;position:relative;top:50%;transform:translateY(-50%)}.lil-gui .controller.number .fill:after{content:"❤";width:10px;color:#7fffd4;right:-3.5px;position:absolute;top:2.5px;transition:color .5s}.lil-gui .controller.number:hover .fill:after{color:#ffe57f}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.controller.grid{flex-direction:column;align-items:flex-start}.controller.grid .widget{display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(min(100%/3,max(64px,100%/5)),1fr));gap:5px;margin-bottom:4px}.controller.grid button{display:flex;flex-direction:column-reverse;align-items:center;height:fit-content;border:none;transition:all .5s;font-weight:500;box-shadow:0 0 #c56ea6 inset;background:transparent;border-radius:10%;overflow:hidden}.controller.grid button:hover{transition:all .5s}.controller.grid button:hover:not(.selected){box-shadow:0 0 0 100px #c56ea6 inset}.controller.grid .selected{text-shadow:0 0 0px 2px black;background:linear-gradient(90deg,#0057d5,#37c7e9,#0057d5);background-size:400% 400%;animation:gradient 15s ease infinite}.controller.grid button img{width:100%;transition:all .2s;opacity:1;border-radius:10% 10% 10% 0}.controller.grid button:hover:not(.selected) img{opacity:.8}.controller.grid>.name{z-index:1}.controller.tabs{margin:0;padding:0;border:none}.controller.tabs .widget{flex-direction:column;gap:5px;top:0;position:absolute;right:33vw;width:75px;max-height:100vh;overflow:auto;padding:10px 0}.controller.tabs button{display:flex;flex-direction:column-reverse;align-items:center;height:fit-content;border-radius:15px 0 0 15px;border:0px;opacity:.5;background:linear-gradient(90deg,#4b4b4b,#4b4b4b);transition:background .2s,opacity .2s}.controller.tabs button:not(.selected){background:linear-gradient(90deg,#4b4b4b,transparent)}.controller.tabs button:hover,.controller.tabs .selected{opacity:1}.controller.tabs button img{width:100%;padding:5px;opacity:.5}.controller.tabs button:hover img,.controller.tabs .selected img{opacity:1}.lil-gui .controller.color .display:hover:before{border:0}.clr-picker{background-color:transparent!important;box-shadow:0 0 5px #00000029,0 5px 20px #000000b3!important;background:linear-gradient(180deg,#303f8bcc,#101127cc)}.clr-field{display:flex!important;width:100%}.clr-field button{cursor:pointer!important;position:relative!important;transform:none!important;width:100%!important;height:20px!important;top:0!important;pointer-events:all!important}.clr-more{order:3;position:relative;width:20px;height:20px;margin:-20px 4px 6px;padding:0;border:0;border-radius:50%;cursor:pointer;background:transparent;transition:all .4s}.clr-picker[data-minimal=false] .clr-more{color:#fff;box-shadow:0 0 0 2px #fff inset}.clr-picker[data-minimal=true] .clr-more{color:#000;box-shadow:0 0 0 20px #fff inset}.clr-picker[data-minimal=true] .clr-more:hover{color:#fff;box-shadow:0 0 0 2px #fff inset}.clr-picker[data-minimal=false] .clr-more:hover{color:#000;box-shadow:0 0 0 20px #fff inset}.clr-swatches button{box-shadow:0 0 #fff;transition:all .2s}.clr-swatches button:hover{width:22px;height:22px;margin:-2px 2px 4px 4px;box-shadow:0 0 0 2px #fff;box-shadow:1px #fff}#beginButton,.lil-gui .returnButton{background:linear-gradient(90deg,transparent,rgb(0 135 175 / 80%),transparent);border:none;font-size:1em;padding:5px;height:auto;font-weight:700;color:#7fffd4;transition:color .2s}#beginButton{margin-top:25px}#beginButton div:after,.returnButton div:before{content:"▸";font-family:lil-gui;padding-left:5px}.returnButton div:before{display:inline-block;transform:scaleX(-1)}#beginButton:hover,.lil-gui .returnButton:hover{color:#fff;background:linear-gradient(90deg,transparent,rgb(0 135 175 / 80%),transparent)}#camControls{position:fixed;bottom:30px;left:30px;background:#000;overflow:hidden;border-radius:10px;padding:6px;color:#fff;opacity:.4;transition:opacity .2s;font-family:sans-serif;font-size:1em}#camControls:hover{opacity:.9}#camControls span,#camControls button{margin-right:10px}#camControls span>img,#camControls button>img{vertical-align:bottom}#camControls button{background-color:#424242;border:1px solid #424242;border-radius:2px;color:#fff;cursor:pointer;font-size:1em}#camControls button:hover{border:1px solid white}#camControls button:active{background-color:#595959}#camControls img{height:20px}#loading{position:absolute;top:50%;left:33%;margin-top:-50px;margin-left:-50px;width:0px;height:100px;text-align:center;font-family:Parisienne;font-size:40px;color:#7fffd4;font-weight:900}.clr-picker{display:none;flex-wrap:wrap;position:absolute;width:200px;z-index:1000;border-radius:10px;background-color:#fff;justify-content:flex-end;direction:ltr;box-shadow:0 0 5px #0000000d,0 5px 20px #0000001a;-moz-user-select:none;-webkit-user-select:none;user-select:none}.clr-picker.clr-open,.clr-picker[data-inline=true]{display:flex}.clr-picker[data-inline=true]{position:relative}.clr-gradient{position:relative;width:100%;height:100px;margin-bottom:15px;border-radius:3px 3px 0 0;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,currentColor);cursor:pointer}.clr-marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid #fff;border-radius:50%;background-color:currentColor;cursor:pointer}.clr-picker input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px}.clr-picker input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none}.clr-picker input[type=range]::-moz-range-track{width:100%;height:16px;border:0}.clr-picker input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0}.clr-hue{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.clr-hue,.clr-alpha{position:relative;width:calc(100% - 40px);height:8px;margin:5px 20px;border-radius:4px}.clr-alpha span{display:block;height:100%;width:100%;border-radius:inherit;background-image:linear-gradient(90deg,rgba(0,0,0,0),currentColor)}.clr-hue input[type=range],.clr-alpha input[type=range]{position:absolute;width:calc(100% + 32px);height:16px;left:-16px;top:-4px;margin:0;background-color:transparent;opacity:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.clr-hue div,.clr-alpha div{position:absolute;width:16px;height:16px;left:0;top:50%;margin-left:-8px;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background-color:currentColor;box-shadow:0 0 1px #888;pointer-events:none}.clr-alpha div:before{content:"";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:currentColor}.clr-format{display:none;order:1;width:calc(100% - 40px);margin:0 20px 20px}.clr-segmented{display:flex;position:relative;width:100%;margin:0;padding:0;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;color:#999;font-size:12px}.clr-segmented input,.clr-segmented legend{position:absolute;width:100%;height:100%;margin:0;padding:0;border:0;left:0;top:0;opacity:0;pointer-events:none}.clr-segmented label{flex-grow:1;margin:0;padding:4px 0;font-size:inherit;font-weight:400;line-height:initial;text-align:center;cursor:pointer}.clr-segmented label:first-of-type{border-radius:10px 0 0 10px}.clr-segmented label:last-of-type{border-radius:0 10px 10px 0}.clr-segmented input:checked+label{color:#fff;background-color:#666}.clr-swatches{order:2;width:calc(100% - 32px);margin:0 16px}.clr-swatches div{display:flex;flex-wrap:wrap;padding-bottom:12px;justify-content:center}.clr-swatches button{position:relative;width:20px;height:20px;margin:0 4px 6px;padding:0;border:0;border-radius:50%;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;cursor:pointer}.clr-swatches button:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 0 1px #0000001a}input.clr-color{order:1;width:calc(100% - 80px);height:32px;margin:15px 20px 20px auto;padding:0 10px;border:1px solid #ddd;border-radius:16px;color:#444;background-color:#fff;font-family:sans-serif;font-size:14px;text-align:center;box-shadow:none}input.clr-color:focus{outline:none;border:1px solid #1e90ff}.clr-close,.clr-clear{display:none;order:2;height:24px;margin:0 20px 20px;padding:0 20px;border:0;border-radius:12px;color:#fff;background-color:#666;font-family:inherit;font-size:12px;font-weight:400;cursor:pointer}.clr-close{display:block;margin:0 20px 20px auto}.clr-preview{position:relative;width:32px;height:32px;margin:15px 0 20px 20px;border-radius:50%;overflow:hidden}.clr-preview:before,.clr-preview:after{content:"";position:absolute;height:100%;width:100%;left:0;top:0;border:1px solid #fff;border-radius:50%}.clr-preview:after{border:0;background-color:currentColor;box-shadow:inset 0 0 0 1px #0000001a}.clr-preview button{position:absolute;width:100%;height:100%;z-index:1;margin:0;padding:0;border:0;border-radius:50%;outline-offset:-2px;background-color:transparent;text-indent:-9999px;cursor:pointer;overflow:hidden}.clr-marker,.clr-hue div,.clr-alpha div,.clr-color{box-sizing:border-box}.clr-field{display:inline-block;position:relative;color:transparent}.clr-field input{margin:0;direction:ltr}.clr-field.clr-rtl input{text-align:right}.clr-field button{position:absolute;width:30px;height:100%;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;border:0;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;pointer-events:none}.clr-field.clr-rtl button{right:auto;left:0}.clr-field button:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 1px #00000080}.clr-alpha,.clr-alpha div,.clr-swatches button,.clr-preview:before,.clr-field button{background-image:repeating-linear-gradient(45deg,#aaa 25%,transparent 25%,transparent 75%,#aaa 75%,#aaa),repeating-linear-gradient(45deg,#aaa 25%,#fff 25%,#fff 75%,#aaa 75%,#aaa);background-position:0 0,4px 4px;background-size:8px 8px}.clr-marker:focus{outline:none}.clr-keyboard-nav .clr-marker:focus,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-segmented input:focus+label{outline:none;box-shadow:0 0 0 2px #1e90ff,0 0 2px 2px #fff}.clr-picker[data-alpha=false] .clr-alpha{display:none}.clr-picker[data-minimal=true]{padding-top:16px}.clr-picker[data-minimal=true] .clr-gradient,.clr-picker[data-minimal=true] .clr-hue,.clr-picker[data-minimal=true] .clr-alpha,.clr-picker[data-minimal=true] .clr-color,.clr-picker[data-minimal=true] .clr-preview{display:none}.clr-dark{background-color:#444}.clr-dark .clr-segmented{border-color:#777}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px #ffffff4d}.clr-dark input.clr-color{color:#fff;border-color:#777;background-color:#555}.clr-dark input.clr-color:focus{border-color:#1e90ff}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px #ffffff80}.clr-dark .clr-alpha,.clr-dark .clr-alpha div,.clr-dark .clr-swatches button,.clr-dark .clr-preview:before{background-image:repeating-linear-gradient(45deg,#666 25%,transparent 25%,transparent 75%,#888 75%,#888),repeating-linear-gradient(45deg,#888 25%,#444 25%,#444 75%,#888 75%,#888)}.clr-picker.clr-polaroid{border-radius:6px;box-shadow:0 0 5px #0000001a,0 5px 30px #0003}.clr-picker.clr-polaroid:before{content:"";display:block;position:absolute;width:16px;height:10px;left:20px;top:-10px;border:solid transparent;border-width:0 8px 10px 8px;border-bottom-color:currentColor;box-sizing:border-box;color:#fff;filter:drop-shadow(0 -4px 3px rgba(0,0,0,.1));pointer-events:none}.clr-picker.clr-polaroid.clr-dark:before{color:#444}.clr-picker.clr-polaroid.clr-left:before{left:auto;right:20px}.clr-picker.clr-polaroid.clr-top:before{top:auto;bottom:-10px;transform:rotate(180deg)}.clr-polaroid .clr-gradient{width:calc(100% - 20px);height:120px;margin:10px;border-radius:3px}.clr-polaroid .clr-hue,.clr-polaroid .clr-alpha{width:calc(100% - 30px);height:10px;margin:6px 15px;border-radius:5px}.clr-polaroid .clr-hue div,.clr-polaroid .clr-alpha div{box-shadow:0 0 5px #0003}.clr-polaroid .clr-format{width:calc(100% - 20px);margin:0 10px 15px}.clr-polaroid .clr-swatches{width:calc(100% - 12px);margin:0 6px}.clr-polaroid .clr-swatches div{padding-bottom:10px}.clr-polaroid .clr-swatches button{width:22px;height:22px}.clr-polaroid input.clr-color{width:calc(100% - 60px);margin:10px 10px 15px auto}.clr-polaroid .clr-clear{margin:0 10px 15px}.clr-polaroid .clr-close{margin:0 10px 15px auto}.clr-polaroid .clr-preview{margin:10px 0 15px 10px}.clr-picker.clr-large{width:275px}.clr-large .clr-gradient{height:150px}.clr-large .clr-swatches button{width:22px;height:22px}.clr-picker.clr-pill{width:380px;padding-left:180px;box-sizing:border-box}.clr-pill .clr-gradient{position:absolute;width:180px;height:100%;left:0;top:0;margin-bottom:0;border-radius:3px 0 0 3px}.clr-pill .clr-hue{margin-top:20px}