@charset "UTF-8";
.cp-bz-root {
  /* BZ COLORS */
  --cp-bz-primary-color: #003641;
  --cp-bz-primary-color-80-pct: #335e67;
  --cp-bz-primary-color-60-pct: #66868d;
  --cp-bz-secondary-color: #006d7a;
  --cp-bz-secondary-color-180-pct: #001618;
  --cp-bz-neutral-color: #bfcdd0;
  --cp-bz-neutral-color-140-pct: #737b7d;
  --cp-bz-neutral-color-60-pct: #d9e1e3;
  --cp-bz-neutral-color-20-pct: #f2f5f6;
  --cp-bz-success-color: #007a3f;
  --cp-bz-error-color: #a00008;
  --cp-bz-warning-color: #a86500;
  --cp-bz-black-color-60-pct: #666;
  --cp-bz-black-color-20-pct: #ccc;
  --cp-bz-black-color-10-pct: #e5e5e5;
  /* Components config */
}
.cp-bz-root, .cp-bz-root .cp-useCpColorVars {
  /* General config */
  --cp-brand-signature-color: var(--cp-bz-primary-color);
  --cp-t1-red-replacement: var(--cp-bz-primary-color);
  --cp-background-dark: var(--cp-bz-primary-color);
  --cp-grey-light: var(--cp-bz-black-color-10-pct);
  --cp-background: var(--cp-bz-neutral-color-20-pct);
  --cp-error-color: var(--cp-bz-error-color);
  /* Buttons config */
  --cp-btn-br: 8px;
  --cp-primary-btn-bg: var(--cp-bz-secondary-color);
  --cp-primary-btn-hover-bg: var(--cp-bz-primary-color-80-pct);
  --cp-primary-btn-hover-o: 1;
  --cp-primary-btn-disabled-bg: var(--cp-bz-black-color-60-pct);
  --cp-primary-btn-disabled-hover-bg: var(--cp-bz-black-color-20-pct);
  --cp-primary-btn-disabled-o: 1;
  --cp-primary-btn-active-bg: var(--cp-bz-primary-color-60-pct);
  --cp-primary-btn-focus-bs: 0 0 0 2px #fff,
  	0 0 0 4px var(--cp-bz-secondary-color);
  --cp-primary-btn-focus-bg: var(--cp-bz-secondary-color);
  --cp-secondary-btn-border-c: var(--cp-bz-secondary-color);
  --cp-secondary-btn-border-disabled-c: var(--cp-bz-black-color-60-pct);
  --cp-secondary-btn-border-hover-c: var(--cp-secondary-btn-border-c);
  --cp-secondary-btn-hover-o: 1;
  --cp-secondary-btn-hover-c: var(--cp-bz-secondary-color);
  --cp-secondary-btn-c: var(--cp-bz-secondary-color);
  --cp-secondary-btn-hover-bg: var(--cp-bz-neutral-color-60-pct);
  --cp-secondary-btn-active-bg: var(--cp-bz-neutral-color);
  --cp-secondary-btn-focus-bs: var(--cp-primary-btn-focus-bs);
  --cp-tab-list-item-active-bbc: var(--cp-bz-primary-color);
  /* Form elements config */
  /* Checkbox&radio */
  --cp-check-label-color: var(--cp-bz-primary-color);
  --cp-check-disabled-label-color: var(--cp-bz-neutral-color);
  --cp-check-disabled-border-color: var(--cp-bz-neutral-color);
  --cp-check-label-pl: 36px;
  --cp-check-label-md: 20px;
  --cp-check-label-fs: 13px;
  --cp-check-label-lh: 22px;
  /* Radio */
  --cp-radio-disabled-border-color: var(--cp-bz-neutral-color);
  --cp-radio-label-checked-bg-c: var(--cp-bz-primary-color);
  /* Checkbox */
  --cp-checkbox-label-checked-bg: var(--cp-bz-secondary-color);
  --cp-checkbox-focus-bs: 0 0 0 2px #fff,
  	0 0 0 4px var(--cp-bz-secondary-color);
  --cp-checkbox-label-w: 20px;
  --cp-checkbox-label-h: 20px;
  --cp-checkbox-label-fs: 12px;
  --cp-checkbox-label-lh: 20px;
  /* Input fields */
  --cp-input-border-color: var(--cp-bz-neutral-color);
  --cp-input-hover-bc: var(--cp-bz-neutral-color-140-pct);
  --cp-input-active-bc: var(--cp-bz-secondary-color);
  --cp-field-br: 8px;
  --cp-input-disabled-bg: var(--cp-bz-black-color-10-pct);
}
.cp-bz-root .cmp-btn.btn-primary, .cp-bz-root .cmp-btn.btn-primary:hover, .cp-bz-root .cmp-btn.btn-primary:not(.disabled):active, .cp-bz-root .cmp-btn.btn-primary:active, .cp-bz-root .cp-useCpColorVars .cmp-btn.btn-primary, .cp-bz-root .cp-useCpColorVars .cmp-btn.btn-primary:hover, .cp-bz-root .cp-useCpColorVars .cmp-btn.btn-primary:not(.disabled):active, .cp-bz-root .cp-useCpColorVars .cmp-btn.btn-primary:active {
  background-color: var(--cp-bz-primary-color);
}
.cp-bz-root .cmp-btn.btn-secondary, .cp-bz-root .cp-useCpColorVars .cmp-btn.btn-secondary {
  border-color: var(--cp-bz-primary-color);
}
.cp-bz-root .cmp-btn.btn-secondary .btn-text, .cp-bz-root .cp-useCpColorVars .cmp-btn.btn-secondary .btn-text {
  color: var(--cp-bz-primary-color);
}
.cp-bz-root .cp-checkbox-label, .cp-bz-root .cp-useCpColorVars .cp-checkbox-label {
  --cp-check-before-hover-bg: transparent;
}
.cp-bz-root .loading:not(.disabled-loader)::before {
  border-top-color: var(--cp-bz-primary-color);
  border-right-color: var(--cp-bz-primary-color);
}
.cp-bz-root .loading:not(.disabled-loader)::after {
  border-top-color: var(--cp-bz-primary-color);
  border-right-color: var(--cp-bz-primary-color);
  box-shadow: 1px -1px 1px var(--cp-bz-primary-color);
}
.cp-bz-root [class*=iconLink]:not(.overrideHack) .icon {
  color: var(--cp-bz-primary-color);
}
.cp-bz-root [class*=iconLink]:not(.overrideHack):hover {
  color: var(--cp-bz-primary-color);
}
.cp-bz-root .tippy-box {
  background-color: var(--cp-bz-primary-color);
  --cp-p-c: white;
  color: white;
  padding: 15px;
  border-radius: 4px;
}

.cp-bz-site-typography-enabled {
  /* Typography */
  --cp-h1-c: var(--cp-bz-secondary-color-180-pct);
  --cp-h2-c: var(--cp-bz-secondary-color-180-pct);
  --cp-h2-strong-c: var(--cp-bz-secondary-color-180-pct);
  --cp-h3-c: var(--cp-bz-secondary-color-180-pct);
  --cp-h4-c: var(--cp-bz-secondary-color-180-pct);
  --cp-h5-c: var(--cp-bz-secondary-color-180-pct);
  --cp-h5-strong-c: var(--cp-bz-secondary-color-180-pct);
  --cp-h6-c: var(--cp-bz-secondary-color-180-pct);
  --cp-p-c: var(--cp-bz-secondary-color-180-pct);
  --cp-support-text-c: var(--cp-bz-secondary-color-180-pct);
  --cp-support-strong-c: var(--cp-bz-secondary-color-180-pct);
  --cp-h1-ff: "Toyota Type";
  --cp-h2-ff: "Toyota Type";
  --cp-h2-strong-ff: "Toyota Type";
  --cp-h3-ff: "Toyota Type";
  --cp-h4-ff: "Toyota Type";
  --cp-h5-ff: "Toyota Type";
  --cp-h5-strong-ff: "Toyota Type";
  --cp-h6-ff: "Toyota Type";
  --cp-p-ff: "Toyota Type";
  --cp-support-text-ff: "Toyota Type";
  --cp-support-strong-ff: "Toyota Type";
  --cp-h1-fw: 400;
  --cp-h2-fw: 400;
  --cp-h2-strong-fw: 500;
  --cp-h3-fw: 400;
  --cp-h4-fw: 400;
  --cp-h5-fw: 400;
  --cp-h5-strong-fw: 500;
  --cp-h6-fw: 400;
  --cp-p-fw: 400;
  --cp-support-text-fw: 400;
  --cp-support-strong-fw: 500;
  --cp-h1-fs: 32px;
  --cp-h1-xl-fs: 40px;
  --cp-h2-fs: 28px;
  --cp-h2-xl-fs: 32px;
  --cp-h3-fs: 24px;
  --cp-h3-xl-fs: 28px;
  --cp-h4-fs: 20px;
  --cp-h4-xl-fs: 24px;
  --cp-h5-fs: 18px;
  --cp-h5-xl-fs: 2px;
  --cp-support-text-fs: 12px;
  --cp-h6-fs: 16px;
  --cp-p-fs: 16px;
  --cp-field-fs: 16px;
  --cp-h1-lh: 40px;
  --cp-h1-xl-lh: 48px;
  --cp-h2-lh: 36px;
  --cp-h2-xl-lh: 40px;
  --cp-h3-lh: 32px;
  --cp-h3-xl-lh: 36px;
  --cp-h4-lh: 32px;
  --cp-h4-xl-lh: 36px;
  --cp-h5-strong-lh: 24px;
  --cp-h5-lh: 24px;
  --cp-h5-xl-lh: 28px;
  --cp-h6-lh: 28px;
  --cp-p-lh: 28px;
  --cp-support-text-lh: 20px;
  --cp-btn-fs: 16px;
  --cp-btn-secondary-p-override: 0 24px;
  --cp-btn-primary-p: 0 24px;
  --cp-btn-default-h: 48px;
  --cp-btn-mb: 16px;
  --cp-header-override-mb: 16px;
  --cp-label-top: 16px;
  --cp-input-padding-top-fallback-override: 10px;
  --cp-input-padding-right: 20px;
  --cp-input-padding-bottom: 10px;
  --cp-input-padding-left-fallback-override: 20px;
  --cp-field-main-container-pl: 20px;
  --cp-label-inside-field-fs-default-override: 16px;
  --cp-form-label-lh: 24px;
  --cp-label-inside-field-fs-override: 10px;
  --cp-input-padding-top-override: 16px;
  --toyCo-input-err-msg-lh: 24px;
  --cp-dxp-icon-override: "cp-bz-site-dxp-icon";
  /* Enabling dxp-icons on the bz-site */
}
.cp-bz-site-typography-enabled input {
  --cp-field-height-override: 56px;
}
.cp-bz-site-typography-enabled .input-field {
  border-width: 0px;
}
@font-face {
  font-family: "cp-bz-site-dxp-icon";
  src: url(https://www.toyota-europe.com/etc.clientlibs/toyota-europe/clientlibs/clientlib-site/resources/icons/toyota-icons-v2.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.cp-bz-site-typography-enabled .dxp-icon,
.cp-bz-site-typography-enabled .dxp-icon::before {
  font-family: "cp-bz-site-dxp-icon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
}
.cp-bz-site-typography-enabled .dxp-icon[class*=-small]::before {
  font-size: 20px;
  line-height: 20px;
}
.cp-bz-site-typography-enabled .icon-Info-small::before {
  content: "";
}
.cp-bz-site-typography-enabled .icon-Arrow_Left-small::before {
  content: "";
}

/*# sourceMappingURL=CP-bz.dxp.css.map */