@st-namespace "BMTooltip";

@st-import Tooltip from "../../../Tooltip/Tooltip.st.css";
@st-import [D20] from "../foundations/colors.st.css";

.root {
  -st-extends: Tooltip;
}

.root::content {
  background: value(D20);
}

.root:size(small)::content:skin(dark) {
  padding: 8px 12px;
  line-height: 16px;
}

.root:size(medium)::content:skin(dark) {
  padding: 12px 20px;
  line-height: 20px;
}

/* Popover Arrow  */
.root::arrow {
  border-color: transparent value(D20) value(D20) transparent;
}

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