welcome-ui/dist/Avatar.css

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

@layer components{._root_zm5un_2{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;aspect-ratio:1/1;border-radius:var(--radius-circle);color:var(--color-neutral-90);font-weight:var(--font-weight-medium);width:var(--size);height:var(--size);background-color:var(--backgroundColor);font-size:calc(var(--size) / 2.5)}._root_zm5un_2 img{object-fit:cover;width:100%;height:100%}._size-sm_zm5un_24{--size: var(--height-20)}._size-md_zm5un_27{--size: var(--height-30)}._size-lg_zm5un_30{--size: var(--height-40)}._size-xl_zm5un_33{--size: var(--height-50)}._size-xxl_zm5un_36{--size: var(--height-60)}._background-secondary-blue_zm5un_39{--backgroundColor: var(--color-secondary-blue)}._background-secondary-green_zm5un_42{--backgroundColor: var(--color-secondary-green)}._background-secondary-orange_zm5un_45{--backgroundColor: var(--color-secondary-orange)}._background-secondary-pink_zm5un_48{--backgroundColor: var(--color-secondary-pink)}._background-secondary-teal_zm5un_51{--backgroundColor: var(--color-secondary-teal)}._background-secondary-violet_zm5un_54{--backgroundColor: var(--color-secondary-violet)}}