/* colors */
/* The CTA and Main colors are pulled from site templates created by the Design team. These colors vary per OEM or group. */
/* CTA stands for Call-to-Action. The CTA color is often a bright, eye-catching color like red or light blue, used for links and important buttons. */
/* The Main color is often a dark, muted color like black or navy blue, used for backgrounds and less important buttons. */
/* fonts */
/* breakpoints */
/* borders */
.oem-bmw__tabs--vdp-all-features-pills.all-features .feature-tabs {
  column-gap: 5rem;
}
.oem-bmw__tabs--vdp-all-features-pills.all-features .feature-tabs__link {
  padding: 0.4rem 0;
  border-width: 0 0 2px 0;
  border-radius: 0;
  border-color: transparent;
  color: #000000;
}
.oem-bmw__tabs--vdp-all-features-pills.all-features .feature-tabs__link--active {
  border-bottom-color: var(--cta-background-color);
  color: var(--cta-background-color);
}
.oem-bmw__tabs--vdp-all-features-pills.all-features .feature-tabs__link--active::before {
  content: none;
}

.oem-bmw__search-button--srp-search-valet-bar {
  background-color: var(--cta-background-color);
  border-color: var(--cta-background-color);
  color: var(--cta-font-color);
}
.oem-bmw__search-button--srp-search-valet-bar:hover, .oem-bmw__search-button--srp-search-valet-bar:active, .oem-bmw__search-button--srp-search-valet-bar:focus {
  background-color: var(--cta-hover-color);
  color: var(--cta-font-color);
}

/* local variables */
/* TODO: remove if border color classes are added to site templates */
/* Construct a media query that applies to multiple ranges of breakpoints. First and last argument must either be a single number or a list of 2 numbers. */
/* Make sure to give the truncated element a width. If the truncated element has display: flex or inline-flex, add min-width: 0 to the truncated element's immediate parent. If the flex truncated element is nested inside one or more other flex containers, also add min-width: 0 to the nearest ancestor element that does NOT have display: flex or inline-flex */
/* Works well for either single elements, or multiple elements grouped under the same parent */
/* Remove default styling from button element */
/* Good for adding color to an SVG-based image. Adds an ::after of the intended color and positions it over the element with a grid. NOTE: doesn't just use position: absolute because Safari doesn't like it. */
/* Good for adding color to an SVG-based image. Adds an ::after of the intended color and positions it over the element with a grid. Uses the SVG itself as a mask. NOTE: doesn't just use position: absolute because Safari doesn't like it. Expected code structure: <div class="icon" style="{the image url}"><img src="{the image url}"></div> */
.oem-bmw__tooltip--list-left-aligned {
  padding-inline-start: 1em;
}

.oem-bmw__cpo--manu-logo-button {
  border: none;
  background: transparent;
  padding: 0;
  text-transform: initial;
}
.oem-bmw__cpo--modal-list {
  padding-inline-start: 2rem;
}

/*# sourceMappingURL=bmw.css.map */