.wrapper{text-align:center;z-index:9999;box-sizing:border-box;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;transition:transform 1s,opacity 1s;display:flex;position:fixed;top:0;left:0}.loader-video{object-fit:contain;width:100%;max-width:1000px;height:auto}.loader{text-transform:uppercase;color:#0000;-webkit-text-stroke:2px #17181d;background:radial-gradient(.71em at 50% 1em,#17181d 99%,#0000 101%) calc(50% - 1em) 1em/2em 200% repeat-x,radial-gradient(.71em at 50% -.5em,#0000 99%,#17181d 101%) 50% 1.5em/2em 200% repeat-x;-webkit-background-clip:text,text;background-clip:text,text;width:fit-content;font-family:system-ui,sans-serif;font-size:4.5rem;font-weight:700;animation:.8s linear infinite alternate l10-0,4s linear infinite l10-1}.loader:before{content:"U b u n t u"}@keyframes l10-0{to{background-position-x:50%,calc(50% + 1em)}}@keyframes l10-1{to{background-position-y:-.5em,0}}.text{text-align:center;font-size:1.125rem;font-weight:700;font-family:var(--font-body);color:#e09145;letter-spacing:8px}.progress{text-align:center;font-size:2rem;font-weight:700;font-family:var(--font-heading);color:#17181d;margin:0}.wrapper.fade-and-slide{opacity:0;pointer-events:none;transform:translate(-100%)}@keyframes loaderAnimation{0%{background-size:0% 100%}50%{background-size:100% 100%}to{background-size:0% 100%}}@keyframes l12-0{to{rotate:1turn}}@keyframes l12-1{to{transform:rotate(1turn)}}@keyframes l12-2{0%{rotate:36deg}to{rotate:-126deg}}