.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:hsl(72 33% 98%);display:flex;justify-content:center;align-items:center;z-index:9999}.capybaraloader{width:14em;height:10em;position:relative;z-index:1;--color:rgb(204,125,45);--color2:rgb(83,56,28);transform:scale(.75)}.capybara{height:7.5em}.capybara,.loader{width:100%;position:relative;z-index:1}.loader{height:2.5em;overflow:hidden}.capy{width:85%;height:100%;background:linear-gradient(var(--color),90%,var(--color2));border-radius:45%;position:relative;z-index:1;animation:movebody 1s linear infinite}.capyhead{width:7.5em;height:7em;bottom:0;right:0;background-color:var(--color);border-radius:3.5em;box-shadow:-1em 0 var(--color2);animation:movebody 1s linear infinite}.capyear,.capyhead{position:absolute;z-index:3}.capyear{width:2em;height:2em;background:linear-gradient(-45deg,var(--color),90%,var(--color2));top:0;left:0;border-radius:100%;overflow:hidden}.capyear:nth-child(2){left:5em;background:linear-gradient(25deg,var(--color),90%,var(--color2))}.capyear2{width:100%;height:1em;left:.5em;border-radius:100%;transform:rotate(-45deg)}.capyear2,.capymouth{background-color:var(--color2);bottom:0;position:absolute}.capymouth{width:3.5em;height:2em;left:2.5em;border-radius:50%;display:flex;justify-content:space-around;align-items:center;padding:.5em}.capylips{width:.25em;height:.75em;border-radius:100%;transform:rotate(-45deg);background-color:var(--color)}.capyeye,.capylips:nth-child(2){transform:rotate(45deg)}.capyeye{width:2em;height:.5em;background-color:var(--color2);position:absolute;bottom:3.5em;left:1.5em;border-radius:5em}.capyeye:nth-child(4){transform:rotate(-45deg);left:5.5em;width:1.75em}.capyleg{width:6em;height:5em;left:0;background:linear-gradient(var(--color),95%,var(--color2));border-radius:2em;animation:movebody 1s linear infinite}.capyleg,.capyleg2{bottom:0;position:absolute;z-index:2}.capyleg2{width:1.75em;height:3em;left:3.25em;background:linear-gradient(var(--color),80%,var(--color2));border-radius:.75em;box-shadow:inset 0 -.5em var(--color2);animation:moveleg 1s linear infinite}.capyleg2:nth-child(3){width:1.25em;left:.5em;height:2em;animation:moveleg2 1s linear 75ms infinite}@keyframes moveleg{0%{transform:rotate(-45deg) translateX(-5%)}50%{transform:rotate(45deg) translateX(5%)}to{transform:rotate(-45deg) translateX(-5%)}}@keyframes moveleg2{0%{transform:rotate(45deg)}50%{transform:rotate(-45deg)}to{transform:rotate(45deg)}}@keyframes movebody{0%{transform:translateX(0)}50%{transform:translateX(2%)}to{transform:translateX(0)}}.loaderline{width:50em;height:.5em;border-top:.5em dashed var(--color2);animation:moveline 10s linear infinite}@keyframes moveline{0%{transform:translateX(0);opacity:0}5%{opacity:100%}95%{opacity:100%}to{opacity:0;transform:translateX(-70%)}}