welcome-ui/dist/Loader.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._root_og4ds_2{display:flex;color:var(--color)}._dot_og4ds_7{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:currentColor;animation:_dot-bounce_og4ds_1 1.5s cubic-bezier(.86,0,.07,1) infinite;width:var(--size);height:var(--size)}._dot_og4ds_7:nth-child(1){animation-delay:0s}._dot_og4ds_7:nth-child(2){animation-delay:.125s}._dot_og4ds_7:nth-child(3){animation-delay:.25s}._dot_og4ds_7:not(:first-child){margin-left:calc(var(--size) / 2)}._size-xs_og4ds_32{--size: var(--height-8)}._size-sm_og4ds_35{--size: var(--height-elements-xxs)}._size-md_og4ds_38{--size: var(--height-elements-xs)}._size-lg_og4ds_41{--size: var(--height-20)}._variant-primary_og4ds_44{--color: var(--color-brand-40)}._variant-neutral_og4ds_47{--color: var(--color-neutral-90)}._variant-violet_og4ds_50{--color: var(--color-violet-70)}@keyframes _dot-bounce_og4ds_1{0%,to{opacity:.5;transform:scale3d(.8,.8,1)}30%,60%{opacity:1;transform:scaleZ(1)}}}