.loader{grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;gap:20%;max-width:100%;max-height:100%;display:grid;aspect-ratio:1!important}.dot{background-color:var(--via-loader-dot);opacity:0;width:100%;height:100%;animation:4s ease-in-out infinite fallInOut;animation-delay:calc(var(--via-loader-index) * .2s);border-radius:50%}.dot:nth-child(3){background-color:var(--via-loader-accent)}@keyframes fallInOut{0%{transform:translateY(-100%)}10%{opacity:0}30%,70%{opacity:1;transform:translateY(0)}90%{opacity:0}to{transform:translateY(100%)}}