welcome-ui/dist/Stamp.css

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

@layer components{._root_jran2_2{display:inline-flex;flex-shrink:0;align-self:center;justify-content:center;align-items:center;border-color:var(--stamp-color-border-default);border-width:var(--stamp-border-width);border-style:solid;box-shadow:var(--elevation-10);box-sizing:border-box;transform:rotate(-2deg);color:var(--color, var(--color-icon-neutral-subtle));background:var(--backgroundColor);border-radius:var(--borderRadius);height:var(--size);width:var(--size)}._variant-brand_jran2_21{--backgroundColor: var(--stamp-color-background-brand);--color: var(--stamp-color-icon-brand)}._variant-warm_jran2_25{--backgroundColor: var(--stamp-color-background-warm);--color: var(--stamp-color-icon-warm)}._variant-red_jran2_29{--backgroundColor: var(--stamp-color-background-red);--color: var(--stamp-color-icon-red)}._variant-blue_jran2_33{--backgroundColor: var(--stamp-color-background-blue);--color: var(--stamp-color-icon-blue)}._variant-green_jran2_37{--backgroundColor: var(--stamp-color-background-green);--color: var(--stamp-color-icon-green)}._variant-orange_jran2_41{--backgroundColor: var(--stamp-color-background-orange);--color: var(--stamp-color-icon-orange)}._variant-teal_jran2_45{--backgroundColor: var(--stamp-color-background-teal);--color: var(--stamp-color-icon-teal)}._variant-violet_jran2_49{--backgroundColor: var(--stamp-color-background-violet);--color: var(--stamp-color-icon-violet)}._size-sm_jran2_53{--borderRadius: var(--stamp-border-radius-sm);--size: var(--stamp-size-sm)}._size-md_jran2_57{--borderRadius: var(--stamp-border-radius-md);--size: var(--stamp-size-md)}._size-lg_jran2_61{--borderRadius: var(--stamp-border-radius-lg);--size: var(--stamp-size-lg)}}