*{margin:0;padding:0;font-family:Monospace;overscroll-behavior:none;box-sizing:border-box}#container{width:100vw;height:100vh;overflow:hidden}canvas{touch-action:none}.lil-gui.root{display:none}.lil-gui.root.active{display:flex}#loader{position:fixed;left:0;top:0;bottom:0;right:0;background:#000;z-index:99999;color:#000;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center}#loader::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:rgba(0,0,0,.6509803922)}.loader-text{color:#fff;font-size:24px}.loader-ring{position:absolute;width:124px;height:124px;margin:8px;border-radius:50%;border:6px solid #7bdbff;border-color:#7bdbff rgba(0,0,0,0) #7bdbff rgba(0,0,0,0);animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.bottom-panel{position:absolute;transform:translateX(-50%);left:50%;bottom:20px;z-index:9;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:15px;column-gap:15px;width:100%;padding:0 15px}.side-panel{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.8196078431);padding:15px;border-radius:5px;user-select:none;-webkit-user-select:none;-moz-user-select:none;height:360px;width:260px;transition:height .3s ease;overflow:hidden;display:none}.side-panel.vis{display:block}.side-panel div:last-child{margin-bottom:0 !important}.side-panel-btn{width:100%;position:absolute;left:0;top:0;right:0;display:none;height:42px;border:none;background:#131212;font-size:24px;color:#fff}.side-panel.opened{height:390px;padding-top:50px;max-height:calc(100vh - 90px)}.side-panel.opened .side-panel-wrapper{overflow-y:auto;height:100%}#color-picker-container{display:none}.color-picker-container__title{margin:0;padding-bottom:10px;font-size:18px}.color-picker-container__item{margin-bottom:10px;display:flex;align-items:center}#color-picker-container.vis{display:block;margin-bottom:30px}#checkbox-container-config,#checkbox-container-visiability{display:none}.checkbox-container__title{margin:0;padding-bottom:10px;font-size:18px}.checkbox-container__item{margin-bottom:10px}#checkbox-container-config.vis,#checkbox-container-visiability.vis{display:block;margin-bottom:30px}.custom-checkbox{display:none}.custom-checkbox+.custom-checkbox-label{position:relative;padding-left:30px;cursor:pointer;font-size:16px}.custom-checkbox+.custom-checkbox-label::before,.custom-checkbox+.custom-checkbox-label::after{content:"";position:absolute}.custom-checkbox+.custom-checkbox-label::before{left:0;top:0;width:20px;height:20px;background-color:#f0f0f0;border-radius:4px;border:1px solid #ddd;transition:background-color .2s ease}.custom-checkbox:checked+.custom-checkbox-label::before{background-color:#67c23a;border-color:#67c23a}.custom-checkbox+.custom-checkbox-label::after{left:6px;top:1px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.custom-checkbox:checked+.custom-checkbox-label::after{opacity:1}.button{background-color:#253e64;color:#fff;font-size:24px;font-family:Arial,sans-serif;padding:10px 30px;border-radius:15px;text-align:center;display:inline-block;cursor:pointer;transition:all .2s ease}.button:hover{background-color:#497ac3}@media(max-width: 1024px){.side-panel{height:42px}.side-panel .side-panel-btn{display:block}.button{font-size:18px;padding:7px 20px}.side-panel-btn{font-size:20px}}@media(max-width: 600px){.side-panel{transform:translateX(50%);right:50%}}