.loader{display:inline-block;position:relative;background-color:var(--color-gray-200);box-sizing:border-box;animation:animloader .6s linear infinite;aspect-ratio:3/4}@keyframes animloader{0%{translate:0% 0%}10%{translate:0% 0%}20%{translate:0% -50%}50%{translate:0% -100%}70%{translate:0% -50%}80%{translate:0% 0%}to{translate:0% 0%}}.loading-dots{display:flex;height:50px;align-items:center;justify-content:center;gap:5px}.loading-dots span{width:10px;height:10px;border-radius:9999px;background-color:#d6dbe4;transform:scale(0);animation:loading-dot 1.334s cubic-bezier(.333,0,.667,1) infinite}.loading-dots span:nth-child(2){animation-delay:167ms}.loading-dots span:nth-child(3){animation-delay:334ms}@keyframes loading-dot{0%,75%,to{transform:scale(0)}37.5%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.loading-dots span{animation:none;transform:scale(1)}}