@st-namespace 'Divider-visual-st-css';
@st-import [ setColor, setVar ] from '../../common/formatters.st';

.containerHorizontal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100px;
  padding: 10px;
  min-width: 160px;
}

.containerVertical {
  display: flex;
  align-items: center;
  text-align: center;
  height: 100px;
  padding: 10px;
  width: 200px;
}

.textMargin {
  margin: 12px;
}

.textCenter {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.popoverContainer {
  display: flex;
  flex-direction: column;
  margin: -20px;
  width: 200px;
  padding: 12px;
}

.verticalInPopover {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 20px;
  height: 60px;
}

.wstColor {
  -st-mixin: setVar(--wst-system-line-1-color-rgb, null, null, "0, 150, 0");
}

.tpaColor {
  -st-mixin: setVar(--wst-system-line-1-color-rgb, null, null, "0, 150, 0"),
  setColor(--wix-ui-tpa-divider-main-divider-color, null, "255, 0, 0");
}

.wstWidth {
  -st-mixin: setVar(--wst-system-line-1-width, null, px, 4);
}

.tpaWidth {
  -st-mixin: setVar(--wst-system-line-1-width, null, px, 4),
  setVar(--wix-ui-tpa-divider-main-divider-width, null, px, 8);
}

.opacityOverride {
  -st-mixin: setColor(--wix-ui-tpa-divider-main-divider-color, null, "255, 0, 0", 1),
  setVar(--wix-ui-tpa-divider-main-divider-opacity, null, null, 0.3),
  setVar(--wix-ui-tpa-divider-main-divider-width, null, px, 8);
}

.textGrow {
  flex-grow: 1;
}

/* st-namespace-reference="../../../../src/components/Divider/Divider.visual.st.css" */