/* = Project info and vars. */
:import {
  -st-from: "./project.st.css";
  -st-default: StudyUK;
  -st-named: --suk-indigo;
}

:import {
  -st-from: "../../formatters/calcLineHeight";
  -st-default: calcLineHeight;
}

:import {
  -st-from: "../../formatters/calcRemFromPixel";
  -st-default: calcRemFromPixel;
}

/* CSS API from component directory. */
:import {
  -st-from: "../../components/Breadcrumb/breadcrumb.st.css";
  -st-default: Breadcrumb;
}

:import {
  -st-from: "../base/breadcrumb.st.css";
  -st-named: --separator-color;
}

@st-scope StudyUK {
  Breadcrumb {
    --separator-color: var(--suk-indigo);
    font-size: calcRemFromPixel(16);
    line-height: calcLineHeight(16, 24);
    font-weight: 700;
  }

  Breadcrumb::anchor,
  Breadcrumb::text {
    color: var(--suk-indigo);
    border-bottom-color: transparent;
  }
}