*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.relative{position:relative}.z-1{z-index:1}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.h-\[200px\]{height:200px}.h-\[72px\]{height:72px}.h-full{height:100%}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.cursor-pointer{cursor:pointer}.gap-7{gap:1.75rem}.rounded-2xl{border-radius:1rem}.rounded-xl{border-radius:.75rem}.bg-primary{--un-bg-opacity:1;background-color:rgb(5 8 22 / var(--un-bg-opacity))}.bg-secondary{--un-bg-opacity:1;background-color:rgb(170 166 195 / var(--un-bg-opacity))}.bg-tertiary{--un-bg-opacity:1;background-color:rgb(21 16 48 / var(--un-bg-opacity))}.hover\:bg-\[\#333333\]:hover{--un-bg-opacity:1;background-color:rgb(51 51 51 / var(--un-bg-opacity))}.object-cover{object-fit:cover}.p-10{padding:2.5rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-\[14px\]{font-size:14px}.text-\[24px\]{font-size:24px}.text-secondary{--un-text-opacity:1;color:rgb(170 166 195 / var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.hover\:text-\[\#eeeeee\]:hover{--un-text-opacity:1;color:rgb(238 238 238 / var(--un-text-opacity))}.font-bold{font-weight:700}.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-primary{--un-shadow-opacity:1;--un-shadow-color:rgb(5 8 22 / var(--un-shadow-opacity))}@media (min-width: 640px){.sm\:w-\[300px\]{width:300px}}@media (min-width: 768px){.md\:mt-10{margin-top:2.5rem}}div,canvas{margin:0;padding:0}body,html{width:100vw;min-height:100vh;overflow-x:hidden}#app{width:100%;height:100%}.hideScrollBar{overflow:auto}.hideScrollBar::-webkit-scrollbar{display:none}#canvas{width:100%;height:100%;display:inline-block}.dot-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:10px;height:40px;z-index:99;width:260px;display:flex;color:#eee;justify-content:space-between}.arrow{width:40px;text-align:center;line-height:40px;border-radius:40px}.arrow:hover{background-color:#00000080;cursor:pointer}.dot-name{flex:1;text-align:center;line-height:40px}.text-cut-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}