.wrapper{height:100vh;width:100vw;position:fixed;background-color:#fff3e9;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:9999;transition:transform 1s ease,opacity 1s ease;padding:1rem;box-sizing:border-box}.loader-video{width:100%;max-width:1000px;height:auto;object-fit:contain}@media screen and (max-width:768px){.loader-video{width:900px}}@media screen and (max-width:480px){.loader-video{width:600px}}.loader{width:-moz-fit-content;width:fit-content;font-size:4.5rem;font-family:system-ui,sans-serif;font-weight:700;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 text,radial-gradient(.71em at 50% -.5em,#0000 99%,#17181d 101%) 50% 1.5em/2em 200% repeat-x text;animation:l10-0 .8s linear infinite alternate,l10-1 4s linear infinite}.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{font-size:1.125rem;font-family:var(--font-body);color:#e09145;letter-spacing:8px}.progress,.text{text-align:center;font-weight:700}.progress{font-size:2rem;font-family:var(--font-heading);color:#17181d;margin:0}.wrapper.fade-and-slide{opacity:0;transform:translateX(-100%);pointer-events:none}@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}}