@layer theme,base;@layer ds{.fluid-tooltip{justify-content:center;align-items:center;display:inline-flex;position:relative}.fluid-tooltip:after{content:attr(data-tooltip);z-index:var(--z-tooltip);background:var(--bg-inverse);color:var(--text-on-inverse);font-family:var(--font-family);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:.01em;white-space:nowrap;border-radius:var(--radius-md);box-shadow:var(--shadow-tooltip);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard), display var(--duration-fast) allow-discrete;padding:5px 9px;display:none;position:absolute}.fluid-tooltip[data-tooltip]:before{content:"";z-index:var(--z-tooltip);background:var(--bg-inverse);opacity:0;pointer-events:none;width:6px;height:6px;transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard), display var(--duration-fast) allow-discrete;border-radius:1px;display:none;position:absolute}.fluid-tooltip[data-placement=top]:after{bottom:calc(100% + var(--space-2));transform:translateX(calc(-50% + var(--fluid-tooltip-shift,0px))) translateY(3px);left:50%}.fluid-tooltip[data-placement=top]:before{bottom:calc(100% + var(--space-2) - 3px);left:50%;transform:translate(-50%)translateY(3px)rotate(45deg)}.fluid-tooltip[data-placement=top]:hover:after{transform:translateX(calc(-50% + var(--fluid-tooltip-shift,0px))) translateY(0)}.fluid-tooltip[data-placement=top]:hover:before{transform:translate(-50%)translateY(0)rotate(45deg)}.fluid-tooltip[data-placement=bottom]:after{top:calc(100% + var(--space-2));transform:translateX(calc(-50% + var(--fluid-tooltip-shift,0px))) translateY(-3px);left:50%}.fluid-tooltip[data-placement=bottom]:before{top:calc(100% + var(--space-2) - 3px);left:50%;transform:translate(-50%)translateY(-3px)rotate(45deg)}.fluid-tooltip[data-placement=bottom]:hover:after{transform:translateX(calc(-50% + var(--fluid-tooltip-shift,0px))) translateY(0)}.fluid-tooltip[data-placement=bottom]:hover:before{transform:translate(-50%)translateY(0)rotate(45deg)}.fluid-tooltip[data-placement=right]:after{left:calc(100% + var(--space-2-5));transform:translateY(calc(-50% + var(--fluid-tooltip-shift,0px))) translateX(-3px);top:50%}.fluid-tooltip[data-placement=right]:before{left:calc(100% + var(--space-2-5) - 3px);top:50%;transform:translateY(-50%)translate(-3px)rotate(45deg)}.fluid-tooltip[data-placement=right]:hover:after{transform:translateY(calc(-50% + var(--fluid-tooltip-shift,0px))) translateX(0)}.fluid-tooltip[data-placement=right]:hover:before{transform:translateY(-50%)translate(0)rotate(45deg)}.fluid-tooltip[data-placement=left]:after{right:calc(100% + var(--space-2-5));transform:translateY(calc(-50% + var(--fluid-tooltip-shift,0px))) translateX(3px);top:50%}.fluid-tooltip[data-placement=left]:before{right:calc(100% + var(--space-2-5) - 3px);top:50%;transform:translateY(-50%)translate(3px)rotate(45deg)}.fluid-tooltip[data-placement=left]:hover:after{transform:translateY(calc(-50% + var(--fluid-tooltip-shift,0px))) translateX(0)}.fluid-tooltip[data-placement=left]:hover:before{transform:translateY(-50%)translate(0)rotate(45deg)}.fluid-tooltip:hover:after,.fluid-tooltip[data-tooltip]:hover:before{opacity:1;display:block}@starting-style{.fluid-tooltip:hover:after,.fluid-tooltip[data-tooltip]:hover:before{opacity:0}}}@layer components,utilities;