.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--color-background);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999}.progress-container{width:300px;height:2px;background:hsla(0,0%,100%,.1);margin-bottom:20px;position:relative;z-index:2}.progress-bar{position:absolute;left:0;top:0;height:100%;width:0;background:var(--color-foreground)}.percentage{position:fixed;bottom:var(--margin);right:var(--margin);font-family:var(--font-primary);font-weight:700;font-size:25rem;line-height:.8;color:var(--color-foreground);opacity:.1}.text-container{height:3em;position:relative;overflow:hidden;margin:20px 0;width:200px}.loading-text{font-family:var(--font-primary);font-weight:300;color:var(--color-foreground);font-size:1rem;text-transform:uppercase;letter-spacing:-.02em;position:absolute;width:100%;text-align:center}.loading-text.initial{transform:translateY(0)}.loading-text.complete{transform:translateY(100%)}.loading-text .char{display:inline-block}.preloader-item{opacity:1;transform:translateY(0)}