.earth-loader{--water-color:#0083e3;--land-color:#2b8140;background-color:var(--water-color);border:solid .15em oklch(from var(--foreground)l c h/.1);border-radius:50%;width:7.5em;height:7.5em;animation:1s startround;position:relative;overflow:hidden;box-shadow:inset 0 .5em #ffffff40,inset 0 -.5em #00000040}@supports (color:lab(0% 0 0)){.earth-loader{--water-color:lab(52.2927% .26691 -66.6828);--land-color:lab(47.7057% -37.8788 27.2382)}}.earth-loader svg:first-child{width:7em;height:auto;animation:5s linear .75s infinite round1;position:absolute;bottom:-2em}.earth-loader svg:nth-child(2){width:7em;height:auto;animation:5s linear infinite round1;position:absolute;top:-3em}.earth-loader svg:nth-child(3){width:7em;height:auto;animation:5s linear infinite round2;position:absolute;top:-2.5em}.earth-loader svg:nth-child(4){width:7em;height:auto;animation:5s linear .75s infinite round2;position:absolute;bottom:-2.2em}@keyframes startround{0%{filter:brightness(500%);box-shadow:none}75%{filter:brightness(500%);box-shadow:none}to{filter:brightness();box-shadow:inset 0 .5em #ffffff40,inset 0 -.5em #00000040}}@keyframes round1{0%{opacity:1;left:-2em;transform:skew(0)rotate(0)}30%{opacity:1;left:-6em;transform:skew(-25deg)rotate(25deg)}31%{opacity:0;left:-6em;transform:skew(-25deg)rotate(25deg)}35%{opacity:0;left:7em;transform:skew(25deg)rotate(-25deg)}45%{opacity:1;left:7em;transform:skew(25deg)rotate(-25deg)}to{opacity:1;left:-2em;transform:skew(0)rotate(0)}}@keyframes round2{0%{opacity:1;left:5em;transform:skew(0)rotate(0)}75%{opacity:1;left:-7em;transform:skew(-25deg)rotate(25deg)}76%{opacity:0;left:-7em;transform:skew(-25deg)rotate(25deg)}77%{opacity:0;left:8em;transform:skew(25deg)rotate(-25deg)}80%{opacity:1;left:8em;transform:skew(25deg)rotate(-25deg)}to{opacity:1;left:5em;transform:skew(0)rotate(0)}}
