/*
 * Override CSS (Cascading Style Sheets)
 * https://developer.mozilla.org/en-US/docs/Web/CSS
 */

.lead-time--in-stock {
  --marker-color: #75b94e; /* Rollco website color */
  /* --marker-color: #16a34a; */
}
.lead-time--unknown {
  /* --marker-color: #6193cd; */ /* Rollco website color */
  /* --marker-color: #2563eb; */
  --marker-color: #6193CD;
}

.parameter-dropdown.lead-time > .dropdown-toggle,
.parameter-dropdown.lead-time .skyparameter-dropdown-menu-list-link {
  position: relative;
  display: block;
  padding-left: 12px;
}

.parameter-dropdown.lead-time > .dropdown-toggle::before,
.parameter-dropdown.lead-time .skyparameter-dropdown-menu-list-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 4px;
  border-radius: 0;
  background: var(--marker-color, transparent);
}

.legend > div {
  display: flex;
  align-items: center;
  gap: 6px;
}

.legend .legend-marker {
  width: 12px;
  height: 12px;
  border-radius: 0;
  background: var(--marker-color, transparent);
}