welcome-ui/dist/Popover.css

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

@layer components{._root_1ldto_2{font-size:var(--font-size-sm);background-color:var(--color-neutral-90);color:var(--color-neutral-10);max-width:43.75rem;z-index:1;outline:none;transition:opacity var(--duration-fast) ease-in-out}[data-enter] ._root_1ldto_2{opacity:1}._title_1ldto_15{font-size:var(--font-size-md);margin:0;border-bottom:var(--border-width-sm) solid var(--color-neutral-70);color:var(--color-neutral-10);padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs)}._with-close-button_1ldto_24 ._title_1ldto_15{padding-right:var(--spacing-3xl)}._content-wrapper_1ldto_27{position:relative}._content_1ldto_27{display:block;padding:var(--spacing-md)}._close-button_1ldto_34{flex:0 0 auto;position:absolute;top:var(--border-width-sm);right:var(--border-width-sm);margin-left:var(--spacing-md)}._arrow_1ldto_41{color:var(--color-neutral-90)}._arrow-item_1ldto_44{transform:var(--transform);width:var(--height-30);height:var(--height-30)}._arrow-item_1ldto_44._placement-top_1ldto_49{--transform: rotateZ(180deg)}._arrow-item_1ldto_44._placement-right_1ldto_52{--transform: rotateZ(-90deg)}._arrow-item_1ldto_44._placement-left_1ldto_55{--transform: rotateZ(90deg)}._arrow-item_1ldto_44._placement-bottom_1ldto_58{--transform: rotateZ(360deg)}}