@font-face{font-family:Inter_Tight;src:url(../Fonts/InterTight-VariableFont_wght.ttf)}:root{--bootsLightBlue: rgb(0, 103, 178);--bootsDarkBlue: rgb(5, 5, 75)}#debug-text{position:absolute;top:0;left:90px;color:#fff;font-size:16px}html,body{position:absolute;margin:0;padding:0;width:100%;height:100%;font-family:Inter_Tight;font-size:16px;background:radial-gradient(circle,#4e4e4e,#000);color:#fff}.prevent-select{-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;-moz-user-select:none;user-select:none}#render-button{position:absolute;bottom:0;padding:12px 16px;margin:12px;z-index:100}h1{font-size:72px;font-weight:800;letter-spacing:-2px;line-height:1.1;padding:0;margin:0}h2{font-size:24px;font-weight:600;letter-spacing:-1px;line-height:1.2;padding:0;margin:0}p{font-size:16px;letter-spacing:1px;line-height:1.5;font-weight:400;padding:0;margin:0}section{position:relative;display:flex;justify-content:center;height:100%;width:100%;z-index:0}.title-container{position:absolute;display:flex;flex-direction:column;gap:24px;height:30%;top:300px;max-width:1216px;padding:32px;background:#ffffff36;background:linear-gradient(135deg,#2b2b2b00,#00000080);border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35)}.bg-image{position:relative;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-image img{position:absolute;right:-350px;height:100%}#canvas{position:absolute;width:100%;height:100%;z-index:0}.point{position:fixed;top:50%;left:50%;visibility:hidden}.label:hover{cursor:pointer}.label{position:absolute;display:flex;justify-content:center;align-items:center;top:-18px;left:-18px;width:36px;height:36px;border-radius:50%;text-align:center;background-color:#000000a4;border:2px solid rgb(107,107,107);color:#fff;font-size:16px;transition:scale .5s}.label-text{position:absolute;display:flex;align-items:center;left:-100px;top:50px;width:200px;height:100px;font-size:16px;padding:5px 10px;color:#fff;border-radius:5%/10%;border:2px solid white;text-align:center;background-color:#000000a4;opacity:0;pointer-events:none;transition:opacity 1s}.fadeInTextBox{opacity:1}.hideTextBox .label{scale:0}.arrow{position:fixed;top:50%;left:50%;visibility:hidden}.arrow .label{width:40px;height:40px;font-size:64px;background:none;border:none;padding:8px}
