*{margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}html,body{margin:0;padding:0;background-color:#fff;height:100%;width:100%;overflow:hidden;-webkit-tap-highlight-color:transparent}#root{position:absolute;left:0;right:0;top:0;bottom:0}.ui-overlay{position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:2;text-align:center;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.ui-overlay *{pointer-events:inherit;user-select:inherit;-webkit-user-select:inherit;-moz-user-select:inherit}.main-title{color:#fff;font-size:3.5rem;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.sub-title{color:#ccc;font-size:1.8rem;margin-bottom:2rem;text-rendering:optimizeLegibility}.control-buttons{display:flex;gap:1rem;justify-content:center;position:absolute;bottom:20%;left:50%;transform:translate(-50%);overflow:hidden}.control-buttons button{padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;border:1px solid #666666;border-radius:4px;background-color:#0003}.webgl-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;overflow:clip;-webkit-user-select:none;-moz-user-select:none;user-select:none;contain:strict}.webgl-canvas{width:100%!important;height:100%!important;touch-action:none}#css-container{position:absolute;top:0%}.StateTable-container{position:absolute;top:25vmin;right:0%;height:50vmin;width:3rem;margin:0vmin 2% 0% 0%;justify-content:center;display:flex;align-items:center;z-index:2}.StateTable-container .StateTable-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.StateTable-container .StateTable-content .backgroundLine{position:absolute;height:100%;width:1px;background-color:#ffffffa0}.StateTable-container .StateTable-content .item{position:relative;right:calc(.25rem - .5px);width:.5rem;height:.5rem;border-radius:50%;background-color:#fff}.StateTable-container .StateTable-content .item .item-Line{content:"";position:absolute;top:-3px;left:-3px;width:calc(.5rem + 6px);height:calc(.5rem + 6px);border-radius:50%;box-shadow:0 0 0 1px #ff9245}.StateTable-container .StateTable-content .item .tableName{-webkit-user-select:none;user-select:none;position:relative;height:1rem;width:1rem;top:-4px;left:-2rem;color:#ccc;display:flex;flex-direction:row-reverse;align-items:center}.StateTable-container .StateTable-content .item .tableName div{font-size:.7rem;white-space:nowrap;transition:all .3s}.StateTable-container .StateTable-content .item .clickBox{cursor:pointer;position:absolute;top:-1.25rem;left:-3.5rem;height:3rem;width:5rem}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:40px;color:azure;background-color:#000;-webkit-user-select:none;user-select:none;z-index:4}#preloader .progress-bar{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:space-around}#preloader .progress-bar .progress-bar-svg{position:relative;left:-5vmin;top:-5vmin;height:25vmin}#preloader .progress-bar .speed-line-bg{stroke-linejoin:round;stroke-linecap:round;stroke-width:8px;stroke:#ccc;fill:none}#preloader .progress-bar .speed-line{fill:url(#linear_0);opacity:100}#preloader .progress-num{font-size:5vmin;position:absolute;color:#fff;-webkit-user-select:none;user-select:none}.item.is-active{background-color:#fff!important}.item.is-active .item-Line{display:block!important}.item.is-active .item-Line{box-shadow:0 0 0 1px #ff9245!important}.item.is-active .tableName div{color:#fff!important;font-size:.9rem!important}.TopInfo-container{position:absolute;top:0%;width:100%;margin-top:10vmin;transition:.2s all .3s;pointer-events:none;z-index:3}.TopInfo-container .TopInfo-content{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.TopInfo-container .TopInfo-content .addon{position:absolute;bottom:-15vmin;left:6rem;width:10vmin;height:10vmin;display:flex;flex-direction:column;align-items:center;font-size:2.5vmin}.TopInfo-container .TopInfo-content .addon div{white-space:nowrap;margin-top:1vmin;color:#fff;display:flex}.ColorBar-container{position:absolute;bottom:0%;width:100%;pointer-events:none;display:flex;justify-content:space-evenly;z-index:3}.ColorBar-container .ColorBar-content{position:relative;margin-bottom:5vmin;height:2.8rem;background-color:#ccc3;border-radius:1.5rem;display:flex;align-items:center;overflow:hidden}.ColorBar-container .ColorBar-content .Bar{pointer-events:all;cursor:pointer;position:relative;margin:.5rem;width:2rem;height:2rem;border-radius:50%;background-size:100% 100%}.ColorBar-container .ColorBar-content .Bar .Bar-Line{position:absolute;top:-3px;left:-3px;width:calc(2rem + 6px);height:calc(2rem + 6px);border-radius:50%;box-shadow:0 0 0 1px #fff}.Logo-container{position:absolute;top:5vmin;right:2vmax;-webkit-user-select:none;user-select:none}.Logo-container .Logo-content{margin:.3rem 1.2rem;height:100%;display:flex;flex-direction:row;justify-content:flex-start;font-size:.7rem;color:#fff;transition:all .2s;align-items:center}.Logo-container .Logo-content p{margin:0%;pointer-events:none}.Logo-container .Logo-content:hover{transform:scale(1.1)}.Mute-container{position:absolute;top:5vmin;right:2vmax;pointer-events:none;display:flex;align-items:center}.Mute-container .Mute-content{display:flex;border-radius:.8rem;margin-right:1rem;margin-top:1.4rem;pointer-events:all;transition:all .3s}.Mute-container .Mute-content img{width:1.6rem;margin:0%;-webkit-user-select:none;user-select:none}.Mute-container .Mute-content:hover{transform:scale(1.2)}.screenshot{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;flex-direction:column;pointer-events:none}.screenshot p{-webkit-user-select:none;user-select:none;color:#ffffff80;font-size:.6rem}.screenshot #screenshot-img{pointer-events:all;border:solid 1px #bababa}.screenshot .camera{position:absolute;left:50%;transform:translate(-50%);bottom:5vmin;pointer-events:all}.screenshot .camera img{width:2.8rem;transition:all .2s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:pointer}.screenshot .camera img:hover{scale:1.1}.key_Light{z-index:3;position:absolute;width:100%;height:100%;background-color:#fff;pointer-events:none;opacity:0;animation:anim .5s}@keyframes anim{0%{opacity:1}to{opacity:0}}.LeftCustomBar-container{position:absolute;height:100%;width:16rem;left:5vmin;display:flex;align-items:center;pointer-events:none;z-index:3}.LeftCustomBar-container .LeftCustomBar-content{position:relative;height:20rem;width:100%;display:flex;flex-direction:column;align-items:center}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top{width:100%;height:100%}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top .Slider-content{width:16rem;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top .Slider-content .Slider-table{display:flex;align-items:center}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top .Slider-content .Slider-table p{color:#fff;display:flex;width:3rem;margin:0px 1rem 2px}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top .Slider-content .Slider-table .SliderHue{width:11rem;pointer-events:all;cursor:pointer}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top .Slider-content .Slider-table .SliderHue .w-color-alpha-fill{margin-top:-6px}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top .Slider-content .Slider-table .SliderHue .w-color-interactive{border-radius:50%}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top .Slider-content .Bar-table{display:flex}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top .Slider-content .Bar-table .Bar{pointer-events:all;position:relative;margin:.5rem;width:3rem;height:3rem;border-radius:50%;background-size:100% 100%}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-top .Slider-content .Bar-table .Bar .Bar-Line{position:absolute;top:-3px;left:-3px;width:calc(3rem + 6px);height:calc(3rem + 6px);border-radius:50%;box-shadow:0 0 0 1px #fff}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-bottom{position:absolute;bottom:-2rem;width:50%;height:2rem;display:flex;justify-content:space-evenly}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-bottom img{height:100%;filter:invert(30%);pointer-events:all}.LeftCustomBar-container .LeftCustomBar-content .LeftCustomBar-bottom img:hover{filter:invert(0%)}