welcome-ui/dist/Toast.css

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

@layer components{._title_fnmmh_2{display:flex;align-items:center;padding-bottom:var(--spacing-xs);color:var(--color-neutral-90);font-weight:var(--font-weight-bold)}._title_fnmmh_2>*:first-child{flex-shrink:0}._growl_fnmmh_12{position:relative;padding:var(--spacing-lg);border-radius:var(--radius-lg);border-style:solid;border-width:var(--border-width-sm);max-width:340px}._growl_fnmmh_12 div:first-of-type{align-self:baseline;font-size:var(--font-size-sm)}._growl_fnmmh_12 button{flex-shrink:0}._snackbar_fnmmh_27{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);width:max-content;gap:var(--spacing-sm)}._snackbar_fnmmh_27 div:first-of-type{align-self:center;font-size:var(--font-size-sm)}._snackbar_fnmmh_27 div:last-of-type{flex-direction:row;margin-left:var(--spacing-xs)!important}._snackbar-separator_fnmmh_43{padding-left:var(--spacing-sm);border-left:1px solid;border-left-color:var(--borderLeftColor, --color-neutral-90)}._snackbar-separator_fnmmh_43._info_fnmmh_48{--borderLeftColor: var(--color-blue-30)}._snackbar-separator_fnmmh_43._success_fnmmh_51{--borderLeftColor: var(--color-green-30)}._snackbar-separator_fnmmh_43._warning_fnmmh_54{--borderLeftColor: var(--color-orange-20)}._snackbar-separator_fnmmh_43._danger_fnmmh_57{--borderLeftColor: var(--color-red-20)}}