welcome-ui/dist/Loader.css

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

@layer components{._root_bj4qp_2{display:flex;color:var(--color)}._dot_bj4qp_7{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:currentColor;animation:_dot-bounce_bj4qp_1 1.5s cubic-bezier(.86,0,.07,1) infinite;width:var(--size);height:var(--size)}._dot_bj4qp_7:nth-child(1){animation-delay:0s}._dot_bj4qp_7:nth-child(2){animation-delay:.125s}._dot_bj4qp_7:nth-child(3){animation-delay:.25s}._dot_bj4qp_7:not(:first-child){margin-left:calc(var(--size) / 2)}._size-xs_bj4qp_32{--size: var(--border-radius-md)}._size-sm_bj4qp_35{--size: var(--border-radius-lg)}._size-md_bj4qp_38{--size: var(--border-radius-xl)}._size-lg_bj4qp_41{--size: var(--font-size-xl)}._variant-primary_bj4qp_44{--color: var(--color-background-brand-primary)}._variant-neutral_bj4qp_47{--color: var(--color-background-neutral-primary-fixed)}._variant-violet_bj4qp_50{--color: var(--color-violet-70)}@keyframes _dot-bounce_bj4qp_1{0%,to{opacity:.5;transform:scale3d(.8,.8,1)}30%,60%{opacity:1;transform:scaleZ(1)}}}