/**
* This component uses Tailwind CSS and DaisyUI.
* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.
*/
modus-wc-breadcrumbs .modus-wc-breadcrumbs ol {
  list-style: none;
}
modus-wc-breadcrumbs .modus-wc-breadcrumbs.modus-wc-text-xs {
  font-size: var(--modus-wc-font-size-xs);
}
modus-wc-breadcrumbs .modus-wc-breadcrumbs.modus-wc-text-sm {
  font-size: var(--modus-wc-font-size-sm);
}
modus-wc-breadcrumbs .modus-wc-breadcrumbs.modus-wc-text-md {
  font-size: var(--modus-wc-font-size-md);
}
modus-wc-breadcrumbs .modus-wc-breadcrumbs.modus-wc-text-lg {
  font-size: var(--modus-wc-font-size-lg);
}

[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a {
  text-decoration: none;
}
[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover,
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover {
  text-decoration: underline;
}

[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a {
  color: var(--modus-wc-color-blue-light);
}
[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active {
  color: var(--modus-wc-color-trimble-gray);
}
[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs span {
  color: var(--modus-wc-color-trimble-gray);
}

[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a {
  color: var(--modus-wc-color-highlight-blue);
}
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active {
  color: var(--modus-wc-color-white);
}
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs span {
  color: var(--modus-wc-color-white);
}