@st-import [ --wix-color-5, --wix-color-8 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import [ setColor, setVar ] from '../../common/formatters.st';

:root {
  --red: 255, 0, 0;
}

.backgroundColorOverride {
  -st-mixin:
    setColor(--wix-ui-tpa-image-background-color, null, var(--red)),
    setVar(--wix-ui-tpa-image-image-opacity, null, null, 0);
}

.borderOverride {
  -st-mixin:
    setColor(--wix-ui-tpa-image-border-color, null, var(--wix-color-8)),
    setVar(--wix-ui-tpa-image-border-width, null, px, 20);
}

.borderRadiusOverride {
  -st-mixin:
    setColor(--wix-ui-tpa-image-border-color, null, var(--wix-color-8)),
    setVar(--wix-ui-tpa-image-border-width, null, px, 20),
    setVar(--wix-ui-tpa-image-border-radius, null, px, 100);
}

.opacityOverride {
  -st-mixin:
    setColor(--wix-ui-tpa-image-background-color, null, var(--wix-color-5)),
    setVar(--wix-ui-tpa-image-image-opacity, null, null, 0.5);
}

.wstOverride {
  -st-mixin:
    setVar(--wst-paragraph-2-color-rgb, null, null, "0, 0, 255"),
    setVar(--wix-ui-tpa-image-image-opacity, null, null, 0.5),
    setVar(--wix-ui-tpa-image-border-width, null, px, 20),
    setVar(--wix-ui-tpa-image-border-radius, null, px, 100);
}
/* st-namespace-reference="../../../../../src/components/Image/Image.visual.st.css" */