/**
* 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-breadcrumb-button {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
}
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-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button,
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button {
  text-decoration: none;
}
[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover,
[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:hover,
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover,
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:hover {
  text-decoration: underline;
}

[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,
[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button {
  color: var(--modus-wc-color-blue-light);
}
[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active,
[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button: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,
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button {
  color: var(--modus-wc-color-highlight-blue);
}
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active,
[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button: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);
}

[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,
[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button,
[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,
[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button {
  color: var(--modus-wc-color-base-content);
  opacity: 0.5;
  text-decoration: none;
}
[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active,
[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:active,
[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active,
[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:active {
  color: var(--modus-wc-color-white);
}
[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover,
[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:hover,
[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover,
[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:hover {
  text-decoration: none;
}