.mimix-loading{position:fixed;inset:0;z-index:20;overflow:hidden;background-color:#0d1117;background-image:radial-gradient(1px 1px at 18% 24%,#a8c7d8 80%,transparent),radial-gradient(2px 2px at 72% 38%,#b5bccd 40%,transparent),radial-gradient(1px 1px at 45% 76%,#d6bed5 80%,transparent);background-size:270px 230px,410px 370px,330px 290px}
.mimix-loading[hidden]{display:none}
.mimix-loading canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#loading-back{position:absolute;bottom:32px;left:32px;opacity:1}
#loading-back:focus-visible,#loading-back:hover{opacity:1}

.mimix-loading{opacity:1;transition:opacity 420ms ease-out}
.mimix-loading.is-leaving{opacity:0;pointer-events:none}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:350ms}
@media(prefers-reduced-motion:reduce){.mimix-loading{transition:none}::view-transition-old(root),::view-transition-new(root){animation-duration:0s}}

.mimix-loading.is-entering{animation:galaxy-cover 320ms ease-in both}
@keyframes galaxy-cover{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.mimix-loading.is-entering{animation:none}}