.bx-configurator-direct {
  --bx-ink: #3f4057;
  --bx-forest: #505975;
  --bx-copper: #626f90;
  --bc-dark: var(--bx-ink);
  --bc-primary: var(--bx-ink);
  --bc-primary-hover: var(--bx-forest);
  --bc-cream: #f2f4f8;
  --bc-beige: #e5e9f2;
  --bc-beige-mid: #c1c9da;
  --bc-brown: var(--bx-copper);
  --bc-text: #383e50;
  --bc-muted: #5e6679;
  --bc-border: #d8deea;
  --bc-focus: rgba(80,89,117,.16);
}
.bx-configurator-direct .bx-config-workspace {
  padding: clamp(14px,2.5vw,34px) 0 32px;
  background: #edf0f6;
}
.bx-configurator-direct .bx-config-app {
  background: #fff;
  border: 1px solid var(--bc-border);
  box-shadow: 0 16px 44px rgba(63,64,87,.09);
}
.bx-configurator-direct .bx-config-summary {
  background: var(--bx-ink);
  box-shadow: 0 12px 32px rgba(63,64,87,.13);
}
.bx-configurator-direct .bx-config-summary__progress i { background: #b7c6ed; }
.bx-configurator-direct .bx-config-summary__promise { background: rgba(220,226,246,.1); }
.bx-configurator-direct .bx-config-summary__promise > span { color: #d2dcf5; }
.bx-configurator-direct .bx-config-summary dt,
.bx-configurator-direct .bx-config-summary__top strong,
.bx-configurator-direct .bx-config-summary__promise p { color: #e0e4f0; }
.bx-configurator-direct .bx-config-app .bc-stepper__bar { background: var(--bc-beige); }
.bx-configurator-direct .bx-config-app .bc-stepper__dot { border-color: var(--bc-border); background: var(--bc-cream); }
.bx-configurator-direct .bx-config-app .bc-stepper__step--done .bc-stepper__dot { border-color: var(--bx-ink); background: var(--bx-ink); }
.bx-configurator-direct .bx-config-app .bc-stepper__step--active .bc-stepper__dot { border-color: var(--bx-copper); box-shadow: 0 0 0 4px var(--bc-focus); }
.bx-configurator-direct .bx-config-app .bc-step__subtitle,
.bx-configurator-direct .bx-config-app .bc-step__section-label { color: var(--bc-muted); }
.bx-configurator-direct .bx-config-app .bc-card,
.bx-configurator-direct .bx-config-app .bc-card__product-img-wrap,
.bx-configurator-direct .bx-config-app .bc-btn--ghost,
.bx-configurator-direct .bx-config-app .bc-chip,
.bx-configurator-direct .bx-config-app .bc-form__input,
.bx-configurator-direct .bx-config-app .bc-dim__input,
.bx-configurator-direct .bx-config-app .bc-textarea,
.bx-configurator-direct .bx-config-app .bc-color-swatch { border-color: var(--bc-border); }
.bx-configurator-direct .bx-config-app .bc-card:hover { border-color: var(--bx-copper); }
.bx-configurator-direct .bx-config-app .bc-card--selected {
  background: var(--bc-cream);
  box-shadow: 0 0 0 3px var(--bc-focus),0 10px 28px rgba(63,64,87,.09) !important;
}
.bx-configurator-direct .bx-config-app .bc-chip--selected,
.bx-configurator-direct .bx-config-app .bc-color-swatch--selected { border-color: var(--bx-forest); }
.bx-configurator-direct .bx-config-app .bc-color-swatch--selected { box-shadow: 0 0 0 3px var(--bc-focus); }
.bx-configurator-direct .bx-config-app .bc-form__input:focus,
.bx-configurator-direct .bx-config-app .bc-dim__input:focus,
.bx-configurator-direct .bx-config-app .bc-textarea:focus { border-color: var(--bx-copper); box-shadow: 0 0 0 4px var(--bc-focus); }
.bx-configurator-direct .bx-config-app .bc-spinner { border-color: var(--bc-border); border-top-color: var(--bx-copper); }
.bx-configurator-direct .bx-config-app .bc-result__badge { color: var(--bx-ink); background: var(--bc-beige); }
.bx-configurator-direct .bx-config-guidance,
.bx-configurator-direct #bianca-configurator .bc-fabric-note {
  background: var(--bc-cream);
  border-color: var(--bc-border);
  color: var(--bc-text);
}
.bx-configurator-direct #bianca-configurator .bc-fabric-note small,
.bx-configurator-direct #bianca-configurator .bc-fabric-description { color: var(--bc-muted); }
.bx-configurator-direct #bianca-configurator .bc-fabric-store,
.bx-configurator-direct #bianca-configurator .bc-sample--selected span { background: var(--bc-beige); color: var(--bc-dark); }
.bx-configurator-direct #bianca-configurator .bc-sample,
.bx-configurator-direct #bianca-configurator .bc-approximate-colors { border-color: var(--bc-border); color: var(--bc-text); }
.bx-configurator-direct #bianca-configurator .bc-approximate-colors summary { color: var(--bc-dark); }
.bx-configurator-direct #bianca-configurator .bc-sample:hover,
.bx-configurator-direct #bianca-configurator .bc-sample--selected { border-color: var(--bx-copper); box-shadow: 0 0 0 2px var(--bc-focus); }
.bx-configurator-direct #bianca-configurator .bc-sample:focus-visible,
.bx-configurator-direct #bianca-configurator .bc-card--fabric:focus-visible,
.bx-configurator-direct #bianca-configurator .bc-approximate-colors summary:focus-visible { outline-color: var(--bx-copper); }
.bx-configurator-direct .bx-config-app,
.bx-configurator-direct .bx-config-app #bianca-configurator { min-height: 0; }
.bx-configurator-direct .bx-config-app .bianca-conf { padding-bottom: 16px; }
.bx-configurator-direct .bx-config-app .bc-stepper { padding-bottom: 18px; }
.bx-configurator-direct .bc-step:has(.bc-card--type) .bc-step__header { margin-bottom: 16px; }
.bx-configurator-direct .bc-step:has(.bc-card--type) .bx-config-guidance { display: none; }
.bx-configurator-direct .bc-card__type-img-wrap { aspect-ratio: 2/1; min-height: 0; }
.bx-configurator-direct .bc-card__type-img {
  width: min(100%, 286px);
  height: 100%;
  max-height: 100%;
  mix-blend-mode: multiply;
}
@media (max-width: 680px) {
  .bx-configurator-direct .bx-config-shell { width: calc(100% - 24px); }
  .bx-configurator-direct .bx-config-app { border-radius: 16px; }
  .bx-configurator-direct .bc-grid--2:has(> .bc-card--type) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .bx-configurator-direct .bc-card__type-img-wrap { padding: 8px; height: clamp(80px,27vw,126px); aspect-ratio: auto; flex: none; }
  .bx-configurator-direct .bc-card__label { padding-inline: 6px; }
}