@layer core.atoms{@property --this-tooltip-arrow-width{syntax: "*"; inherits: false;}@property --this-tooltip-arrow-background-color{syntax: "*"; inherits: false;}@property --this-tooltip-arrow-border-color{syntax: "*"; inherits: false;}.phxsg-tooltip{--_comp-tooltip-arrow-width: var(--this-tooltip-arrow-width, var(--comp-tooltip-arrow-width));--_comp-tooltip-arrow-background-color: var( --this-tooltip-arrow-background-color, var(--comp-tooltip-arrow-background-color) );--_comp-tooltip-arrow-border-color: var(--this-tooltip-arrow-border-color, var(--comp-tooltip-arrow-border-color))}.phxsg-tooltip__trigger{width:fit-content}.phxsg-tooltip__content{position:absolute;z-index:1;top:0;left:0;opacity:0;pointer-events:none;&.phxsg-tooltip__content--active{opacity:1}}.phxsg-tooltip__arrow{width:var(--_comp-tooltip-arrow-width);height:var(--_comp-tooltip-arrow-width);position:absolute;z-index:2;background-color:var(--_comp-tooltip-arrow-background-color);box-shadow:inset -1px 1px var(--_comp-tooltip-arrow-border-color);pointer-events:none;outline:1px solid transparent}}