.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#272727;transition:all .5s .7s ease;pointer-events:all;z-index:100}.loader-wrapper.finished-loading{opacity:0;scale:10}.main-loader{display:flex;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:2em;font-size:12px;z-index:20}.main-loader p{font-size:20px;color:#fff}.circular-progress{--size: 250px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100)}.circular-progress circle{stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#ffffff17}.circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:#ffffffc7}:root{--progress: 0}.main-loader .progress-loader{position:absolute;top:60%;width:50%;height:1px;background:#fff;transform:scaleX(0);transition:transform 1s;transform-origin:left;z-index:10;margin:0 5%}*{box-sizing:border-box;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}*:focus{outline:none!important;box-shadow:none;-webkit-tap-highlight-color:transparent}#root{width:100vw;height:100vh;cursor:none}body{background-color:#000;margin:0;padding:0;-webkit-user-select:none;user-select:none;overflow:hidden;overscroll-behavior:none;cursor:none}canvas{position:absolute;top:0;left:0;z-index:-1;cursor:none}.main-container{width:100vw;height:100vh}