@st-import [setColor, setVar, setFont, createColor ] from '../../common/formatters.st';
@st-import Tag from './Tag.st.css';
@st-import [ --wst-paragraph-2-color-rgb, --wst-primary-background-color-rgb ] from '@wix/wix-site-theme-variables/stylable-variables.st.css';

.styled {
	-st-mixin:
		setColor(--wix-ui-tpa-tag-background-color, null, "255, 192, 203"),
		setVar(--wix-ui-tpa-tag-background-opacity, null, null, 1),
		setColor(--wix-ui-tpa-tag-border-color, null, "0, 0, 255"),
		setColor(--wix-ui-tpa-tag-text-color, null, "0, 128, 0"),
		setVar(--wix-ui-tpa-tag-border-radius, null, px, 10),
		setVar(--wix-ui-tpa-tag-border-width, null, px, 2),
		setVar(--wix-ui-tpa-tag-border-opacity, null, null, 0.1),
		setFont(--wix-ui-tpa-tag-text-font, null, 'Body-M', '{ "size": "18px" }');
}

.wstFontOverride {
	-st-mixin: setVar(--wst-paragraph-2-font-family, null, null, "Libre Baskerville"),
	setVar(--wst-paragraph-2-font-weight, null, null, "900"),
	setVar(--wst-paragraph-2-font-variant, null, null, "small-caps"),
	setVar(--wst-paragraph-2-font-style, null, null, "italic"),
	setVar(--wst-paragraph-2-font-size, null, px, "22");
}

.wstStyledSolid {
    -st-mixin: setVar(--wix-ui-tpa-tag-background-opacity, null, null, 0.5),
	setVar(--wst-primary-background-color-rgb, null, null, "180, 180, 255"),
	setVar(--wst-paragraph-2-color-rgb, null, null, "20, 100, 20");
}

.wstStyledLight {
    -st-mixin: setVar(--wix-ui-tpa-tag-border-opacity, null, null, 0.8),
	setVar(--wst-primary-background-color-rgb, null, null, "180, 180, 255"),
	setVar(--wst-paragraph-2-color-rgb, null, null, "20, 100, 20");
}

 .hoveredTag {
   -st-extends: Tag;
 }

 .hoveredTag[data-force-hover="true"]::opaque {
	opacity: var(--wix-ui-tpa-tag-background-hover-opacity, 0.12);
 }

  .hoveredTag[data-force-hover="true"]::label {
	color: createColor(
      --wix-ui-tpa-tag-text-hover-color,
      var(--wst-paragraph-2-color-rgb, var(--wix-color-5))
    );
  }

.tpaHover {
	-st-mixin:
		setColor(--wix-ui-tpa-tag-background-hover-color, null, "0, 128, 0"),
		setVar(--wix-ui-tpa-tag-background-hover-opacity, null, null, 0.5),
		setColor(--wix-ui-tpa-tag-text-hover-color, null, "255, 0, 0");
}

.wstHover {
	-st-mixin:
		setVar(--wst-paragraph-2-color-rgb, null, null, "20, 100, 20"),
		setVar(--wix-ui-tpa-tag-background-hover-opacity, null, null, 0.12),
}

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