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

.customHoverOpacity {
  -st-mixin: setVar(--wix-ui-tpa-breadcrumbs-hover-opacity, null, null, 0.1);
}

.hoveredBreadcrumbs {
  -st-extends: Breadcrumbs;
}

.hoveredBreadcrumbs [data-hook="breadcrumbButton"][data-force-hover="true"] {
  color: createColor(
    --wix-ui-tpa-text-button-main-text-color,
    var(--wst-links-and-actions-color, var(--wix-color-5)),
    var(--wix-ui-tpa-breadcrumbs-hover-opacity, 0.7)
  );
}

.wstColors {
  -st-mixin: setColor(--wst-links-and-actions-color-rgb, null, "255, 0, 0");
}

.tpaColors {
  -st-mixin: setColor(--wst-links-and-actions-color-rgb, null, "255, 0, 0"),
  setColor(--wix-ui-tpa-breadcrumbs-text-color, null, "0, 255, 0"),
  setColor(--wix-ui-tpa-breadcrumbs-separator-color, null, "0, 0, 255");
}

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

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