@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";canvas{width:100%;height:100%;display:block;cursor:pointer}.select-preset{border:none;outline:none;position:absolute;padding:10px 20px;right:0;bottom:0;z-index:4;font-size:18px;border-radius:10px;background-color:#212121;color:#c8c5c5;border:1px solid rgba(73,72,72,.937);margin:13px;text-transform:capitalize}@media only screen and (max-width: 600px){.select-preset{display:none}}*{box-sizing:border-box;padding:0;margin:0;font-family:JetBrains Mono,serif}body{background-color:#232222;color:#fff}.main{width:100vw;height:100vh;position:relative}.three-view{width:100%;height:100%;z-index:1}.view-select{border:none;outline:none;position:absolute;padding:10px 20px;top:0;right:0;z-index:2;font-size:18px;border-radius:10px;background-color:#212121;color:#c8c5c5;border:1px solid rgba(73,72,72,.937);margin:13px}.loadingScreen{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#232222,#000);-webkit-user-select:none;user-select:none}.loadingScreen h3{font-size:25px;margin-top:30px}.loadingScreen p{font-size:17px;margin-top:5px;color:#dad8d8}.loader{height:4px;width:230px;--c: no-repeat linear-gradient(#e8e8e8 0 0);background:var(--c),var(--c),#999;background-size:60% 100%;animation:l16 2s infinite}@keyframes l16{0%{background-position:-150% 0,-150% 0}66%{background-position:250% 0,-150% 0}to{background-position:250% 0,250% 0}}.modal-toogle{position:absolute;z-index:5;background:#000;left:0;bottom:0;height:50px;width:300px;border-radius:10px;background-color:#111;color:#c8c5c5;border:1px solid rgba(73,72,72,.937);margin:13px;padding:10px 12px;display:flex;align-items:center;cursor:pointer;justify-content:center}.modal-toogle h3{font-size:18px}.modal{font-family:Inter,serif;width:50%;min-height:60%;max-height:90%;background-color:#ececec;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:13;border-radius:10px;overflow-x:hidden;overflow-y:auto;color:#3f3e3e;animation:slideUp .5s}@keyframes slideUp{0%{left:-150%}to{left:50%}}.modal-overlay{content:"";width:100vw;height:100vh;background-color:#070707ee;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12}.modal-header{padding:15px;border-bottom:4px solid #3f3e3e;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-header h2{font-weight:700;font-family:Inter,serif}.modal-close{cursor:pointer}.modal-close:hover{opacity:.6s}.modal-content *{padding:3px 18px;font-family:Inter,serif}@media only screen and (max-width: 850px){.modal{width:70%}}@media only screen and (max-width: 650px){.modal{width:80%}.modal-header h2{font-size:20px}.modal-content *{font-size:15px}}@media only screen and (max-width: 450px){.modal{width:100vw;height:100%;max-height:100%}}.sound-btn{border:none;outline:none;position:absolute;z-index:10;padding:10px 15px;display:flex;align-items:center;justify-content:center;top:0;left:0;left:2;cursor:pointer;font-size:18px;border-radius:10px;background-color:#212121;color:#c8c5c5;border:1px solid rgba(73,72,72,.937);margin:13px}.controls-button{position:absolute;z-index:5;bottom:80px;left:0%;margin:0 10px}.forward,.backward{cursor:pointer;background-color:#161515;width:50px;height:50px;padding:10px;display:flex;align-items:center;justify-content:center;margin:2px 0;border-radius:4px}button{border:none;outline:none;background-color:none}*{scrollbar-width:thin;scrollbar-color:#b0b0b0 #ffffff;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{width:11px}*::-webkit-scrollbar-track{background:#ececec}*::-webkit-scrollbar-thumb{background-color:#b0b0b0;border-radius:10px;border:3px solid #ffffff}#mousepointer{position:fixed;width:50px;height:50px;background-color:transparent;border:1px solid white;border-radius:100%;transition:.03s;left:-50px;z-index:1000002;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}#mousepointer div{width:4px;height:4px;background-color:#fff;border-radius:100%}