@font-face{font-family:PP Supply Mono;src:url(https://assets.codepen.io/7558/PPSupplyMono-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}body.loading-preloader-page{--color-primary: #ffffff;--color-accent: #ff0000;--color-background: #000000;--color-surface: #000000;--pp-font-size-small: 10px;--pp-font-size-base: 12px;--pp-font-size-large: 14px;--pp-transition-fast: .15s ease;--pp-transition-medium: .3s ease;--pp-font-mono: "PP Supply Mono", ui-monospace, monospace}body.loading-preloader-page[data-theme=light]{--color-primary: #2a2a2a;--color-accent: #000000;--color-background: #e8e8e8;--color-surface: #e8e8e8}body.loading-preloader-page,body.loading-preloader-page *{box-sizing:border-box}body.loading-preloader-page{font-family:var(--pp-font-mono);background:var(--color-background)!important;color:var(--color-primary);text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;min-height:100dvh;margin:0;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;position:relative}body.loading-preloader-page .preloader-collection{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}body.loading-preloader-page .background-preloader{position:fixed;top:120px;left:50%;transform:translate(-50%);z-index:0;user-select:none;pointer-events:none;display:flex;justify-content:center;align-items:center;gap:0;opacity:.68}body.loading-preloader-page .preloader-digit-column{position:relative;width:180px;height:280px;overflow:hidden;display:flex;flex-direction:column;text-align:center}body.loading-preloader-page .preloader-digit-strip{position:absolute;top:0;left:0;width:100%;will-change:transform}body.loading-preloader-page .preloader-digit{width:100%;height:280px;position:relative;display:flex;justify-content:center;align-items:center}body.loading-preloader-page .preloader-digit span{font-size:280px;font-weight:900;color:var(--color-primary);opacity:.22;font-family:var(--pp-font-mono);letter-spacing:-.05em;text-align:center;line-height:1;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}body.loading-preloader-page .theme-toggle{position:fixed;top:20px;right:20px;width:16px;height:16px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0;color:var(--color-primary)}body.loading-preloader-page .theme-toggle svg{width:16px;height:16px;fill:currentColor}body.loading-preloader-page .theme-toggle:hover{color:var(--color-accent)}body.loading-preloader-page .preloader-main{position:relative;z-index:2;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:2rem}body.loading-preloader-page .preloader-stage{display:flex;align-items:center;justify-content:center}body.loading-preloader-page .animation-container{position:relative;width:180px;height:180px;background:var(--color-surface);display:flex;align-items:center;justify-content:center}body.loading-preloader-page .animation-container canvas{position:absolute;top:0;left:0;width:180px;height:180px}body.loading-preloader-page .initializing-section{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:15px}body.loading-preloader-page .initializing-text-container{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:12px}body.loading-preloader-page .initializing-text{font-size:12px;letter-spacing:3px;position:relative;z-index:2;mix-blend-mode:difference;line-height:1;display:flex;align-items:center;height:100%;padding:2px 0 0 2px}body.loading-preloader-page .initializing-progress{position:absolute;top:0;left:0;height:100%;background-color:var(--color-accent);z-index:1;animation:pp-progress-loop 3s ease-in-out infinite}@keyframes pp-progress-loop{0%{width:0%}to{width:100%}}@media(prefers-reduced-motion:reduce){body.loading-preloader-page .preloader-digit-strip{will-change:auto}body.loading-preloader-page .initializing-progress{animation:none;width:100%;opacity:.35}}