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

.small {
  -st-mixin: setVar(--wix-ui-tpa-three-dots-loader-size, null, px, 4);
}

.medium {
  -st-mixin: setVar(--wix-ui-tpa-three-dots-loader-size, null, px, 8);
}

.large {
  -st-mixin: setVar(--wix-ui-tpa-three-dots-loader-size, null, px, 16);
}

.extraLarge {
  -st-mixin: setVar(--wix-ui-tpa-three-dots-loader-size, null, px, 32);
}

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

.tpaColor {
  -st-mixin: setColor(--wix-ui-tpa-three-dots-loader-color, null, "255, 0, 0");
}

.bothColors {
  -st-mixin: setVar(--wst-system-line-1-color-rgb, null, null, "0, 0, 255"),
  setColor(--wix-ui-tpa-three-dots-loader-color, null, "255, 0, 0");
}

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