/**
* This component uses Tailwind CSS and DaisyUI.
* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.
*/
modus-wc-card .modus-wc-card {
  background-color: var(--modus-wc-color-base-100);
  color: var(--modus-wc-color-base-content);
}

[data-theme=modus-classic-light] modus-wc-card .modus-wc-card,
[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card {
  --rounded-box: 0.5rem;
  box-shadow: 0 0 2px 0 rgba(54, 53, 69, 0.3);
}
[data-theme=modus-classic-light] modus-wc-card .modus-wc-card:hover,
[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card:hover {
  box-shadow: 0 0 8px 0 rgba(54, 53, 69, 0.3);
}
[data-theme=modus-classic-light] modus-wc-card .modus-wc-card .modus-wc-card-subtitle,
[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card .modus-wc-card-subtitle {
  font-weight: var(--modus-wc-font-weight-bold);
}

[data-theme=modus-classic-light] modus-wc-card .modus-wc-card {
  background-color: var(--modus-wc-color-white);
  color: var(--modus-wc-color-trimble-gray);
}
[data-theme=modus-classic-light] modus-wc-card .modus-wc-card .modus-wc-card-title {
  --fallback-bc: var(--modus-wc-color-trimble-gray);
}
[data-theme=modus-classic-light] modus-wc-card .modus-wc-card .modus-wc-card-subtitle {
  color: var(--modus-wc-color-gray-8);
}

[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card {
  background-color: var(--modus-wc-color-gray-9);
  color: var(--modus-wc-color-trimble-white);
}
[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card .modus-wc-card-title {
  --fallback-bc: var(--modus-wc-color-white);
}
[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card .modus-wc-card-subtitle {
  color: var(--modus-wc-color-gray-1);
}