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