@st-import Popover from "../Popover/Popover.st.css";
@st-import [text-small-normal, text-tiny-thin] from "../Foundation/stylable/typography.st.css";

@st-import Text from "../Text/Text.st.css";

.root {
  -st-extends: Popover;
  -st-states: size(enum(small, medium)), inline;
  display: inline;
}

.root:inline::element {
  display: inline-block;
}

.root::content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.root:skin(dark):size(small)::content {
  -st-mixin: text-tiny-thin;
  padding: 8px 12px 7px 12px;
}

.root:skin(dark):size(medium)::content {
  -st-mixin: text-small-normal;
  padding: 12px 24px;
}

.text {
  -st-extends: Text;
}

/* st-namespace-reference="../../../src/Tooltip/Tooltip.st.css" */