welcome-ui/dist/Popover.css

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

@layer components{._root_kqbt9_2{font-size:var(--font-size-14);background-color:var(--color-background-neutral-primary-fixed);color:var(--color-background-neutral-inverse-fixed);max-width:43.75rem;z-index:1;outline:none;transition:opacity var(--duration-fast) ease-in-out}[data-enter] ._root_kqbt9_2{opacity:1}._title_kqbt9_15{font-size:var(--border-radius-xl);margin:0;border-bottom:var(--border-width-xs) solid var(--color-background-neutral-tertiary);color:var(--color-background-neutral-inverse-fixed);padding:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm)}._with-close-button_kqbt9_24 ._title_kqbt9_15{padding-right:var(--size-icon-2xl)}._content-wrapper_kqbt9_27{position:relative}._content_kqbt9_27{display:block;padding:var(--border-radius-lg)}._close-button_kqbt9_34{flex:0 0 auto;position:absolute;top:var(--border-width-xs);right:var(--border-width-xs);margin-left:var(--border-radius-lg)}._arrow_kqbt9_41{color:var(--color-background-neutral-primary-fixed)}._arrow-item_kqbt9_44{transform:var(--transform);width:var(--height-32);height:var(--height-32)}._arrow-item_kqbt9_44._placement-top_kqbt9_49{--transform: rotateZ(180deg)}._arrow-item_kqbt9_44._placement-right_kqbt9_52{--transform: rotateZ(-90deg)}._arrow-item_kqbt9_44._placement-left_kqbt9_55{--transform: rotateZ(90deg)}._arrow-item_kqbt9_44._placement-bottom_kqbt9_58{--transform: rotateZ(360deg)}}