.dots-loader{display:inline-block;padding:calc(.6 * var(--spacing) * 5);--dot-color:var(--color-gray-200);--dot-color-max:var(--color-gray-400);--dot-shadow-color:oklch(from var(--color-gray-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-gray-200) l c h/0)}.dots-container{display:flex;align-items:center;justify-content:center}.dot{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);border-radius:calc(infinity * 1px);animation:dots 1s ease-in-out infinite}.dots-container>.dot:not(:first-child){margin-left:calc(var(--spacing) * 2.5)}.dots-container>.dot:first-child{animation-delay:-1.2s}.dots-container>.dot:nth-child(2){animation-delay:-.9s}.dots-container>.dot:nth-child(3){animation-delay:-.6s}.dots-container>.dot:nth-child(4){animation-delay:-.3s}.dots-container>.dot:nth-child(5){animation-delay:0s}@keyframes dots{0%{transform:scale(.8);background-color:var(--dot-color);box-shadow:0 0 0 0 var(--dot-shadow-color)}50%{transform:scale(1.2);background-color:var(--dot-color-max);box-shadow:0 0 0 calc(var(--spacing) * 2.5) var(--dot-shadow-color-max)}to{transform:scale(.8);background-color:var(--dot-color);box-shadow:0 0 0 0 var(--dot-shadow-color)}}.dots-loader-blue,.dots-loader.blue{--dot-color:var(--color-blue-200);--dot-color-max:var(--color-blue-400);--dot-shadow-color:oklch(from var(--color-blue-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-blue-200) l c h/0)}.dots-loader-red,.dots-loader.red{--dot-color:var(--color-red-200);--dot-color-max:var(--color-red-400);--dot-shadow-color:oklch(from var(--color-red-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-red-200) l c h/0)}.dots-loader-orange,.dots-loader.orange{--dot-color:var(--color-orange-200);--dot-color-max:var(--color-orange-400);--dot-shadow-color:oklch(from var(--color-orange-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-orange-200) l c h/0)}.dots-loader-green,.dots-loader.green{--dot-color:var(--color-green-200);--dot-color-max:var(--color-green-400);--dot-shadow-color:oklch(from var(--color-green-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-green-200) l c h/0)}.dots-loader-yellow,.dots-loader.yellow{--dot-color:var(--color-yellow-200);--dot-color-max:var(--color-yellow-400);--dot-shadow-color:oklch(from var(--color-yellow-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-yellow-200) l c h/0)}.dots-loader-purple,.dots-loader.purple{--dot-color:var(--color-purple-200);--dot-color-max:var(--color-purple-400);--dot-shadow-color:oklch(from var(--color-purple-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-purple-200) l c h/0)}.dots-loader-pink,.dots-loader.pink{--dot-color:var(--color-pink-200);--dot-color-max:var(--color-pink-400);--dot-shadow-color:oklch(from var(--color-pink-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-pink-200) l c h/0)}.dots-loader-teal,.dots-loader.teal{--dot-color:var(--color-teal-200);--dot-color-max:var(--color-teal-400);--dot-shadow-color:oklch(from var(--color-teal-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-teal-200) l c h/0)}.dots-loader-cyan,.dots-loader.cyan{--dot-color:var(--color-cyan-200);--dot-color-max:var(--color-cyan-400);--dot-shadow-color:oklch(from var(--color-cyan-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-cyan-200) l c h/0)}.dots-loader-lime,.dots-loader.lime{--dot-color:var(--color-lime-200);--dot-color-max:var(--color-lime-400);--dot-shadow-color:oklch(from var(--color-lime-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-lime-200) l c h/0)}.dots-loader-amber,.dots-loader.amber{--dot-color:var(--color-amber-200);--dot-color-max:var(--color-amber-400);--dot-shadow-color:oklch(from var(--color-amber-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-) l c h/0)}.dots-loader-emerald,.dots-loader.emerald{--dot-color:var(--color-emerald-200);--dot-color-max:var(--color-emerald-400);--dot-shadow-color:oklch(from var(--color-emerald-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-emerald-200) l c h/0)}.dots-loader-fuchsia,.dots-loader.fuchsia{--dot-color:var(--color-fuchsia-200);--dot-color-max:var(--color-fuchsia-400);--dot-shadow-color:oklch(from var(--color-fuchsia-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-fuchsia-200) l c h/0)}.dots-loader-violet,.dots-loader.violet{--dot-color:var(--color-violet-200);--dot-color-max:var(--color-violet-400);--dot-shadow-color:oklch(from var(--color-violet-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-violet-200) l c h/0)}.dots-loader-indigo,.dots-loader.indigo{--dot-color:var(--color-indigo-200);--dot-color-max:var(--color-indigo-400);--dot-shadow-color:oklch(from var(--color-indigo-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-indigo-200) l c h/0)}.dots-loader-sky,.dots-loader.sky{--dot-color:var(--color-sky-200);--dot-color-max:var(--color-sky-400);--dot-shadow-color:oklch(from var(--color-sky-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-sky-200) l c h/0)}.dots-loader-rose,.dots-loader.rose{--dot-color:var(--color-rose-200);--dot-color-max:var(--color-rose-400);--dot-shadow-color:oklch(from var(--color-rose-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-rose-200) l c h/0)}.dots-loader-neutral,.dots-loader.neutral{--dot-color:var(--color-neutral-200);--dot-color-max:var(--color-neutral-400);--dot-shadow-color:oklch(from var(--color-neutral-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-neutral-200) l c h/0)}.dots-loader-stone,.dots-loader.stone{--dot-color:var(--color-stone-200);--dot-color-max:var(--color-stone-400);--dot-shadow-color:oklch(from var(--color-stone-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-stone-200) l c h/0)}.dots-loader-zinc,.dots-loader.zinc{--dot-color:var(--color-zinc-200);--dot-color-max:var(--color-zinc-400);--dot-shadow-color:oklch(from var(--color-zinc-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-zinc-200) l c h/0)}.dots-loader-slate,.dots-loader.slate{--dot-color:var(--color-slate-200);--dot-color-max:var(--color-slate-400);--dot-shadow-color:oklch(from var(--color-slate-300) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-slate-200) l c h/0)}.dots-loader-black,.dots-loader.black{--dot-color:var(--color-black);--dot-color-max:var(--color-black);--dot-shadow-color:oklch(from var(--color-black) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-black) l c h/0)}.dots-loader-white,.dots-loader.white{--dot-color:var(--color-white);--dot-color-max:var(--color-white);--dot-shadow-color:oklch(from var(--color-white) l c h/0.7);--dot-shadow-color-max:oklch(from var(--color-white) l c h/0)}