.cb-vehicle-select,
.cb-select--vehicle-lazy {
  position: relative;
  display: block;
}

.cb-vehicle-select__drop,
.cb-select--vehicle-lazy .cb-select__drop {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  min-width: 100%;
  width: max(100%, var(--cb-select-width, 100%));
  top: calc(100% + 6px);
  z-index: 40;
  background: #fff;
  border: 1px solid var(--cb-line, #e7e9ee);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
  padding: 8px;
  flex-direction: column;
  max-height: min(420px, 60vh);
}

.cb-vehicle-select.is-open .cb-vehicle-select__drop,
.cb-select--vehicle-lazy.is-open .cb-select__drop {
  display: flex;
}

.cb-vehicle-select__drop[hidden],
.cb-select--vehicle-lazy .cb-select__drop[hidden] {
  display: none !important;
}

.cb-select--vehicle-lazy .cb-select__search {
  position: sticky;
  top: 0;
  z-index: 1;
  flex: 0 0 auto;
}

.cb-select--vehicle-lazy .cb-select__list {
  max-height: 360px;
  overflow: auto;
  overscroll-behavior: contain;
}

.cb-select--vehicle-lazy .cb-select__load-more {
  padding: 10px 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  color: #075bd8;
  cursor: pointer;
}

.cb-vehicle-select__button,
.cb-select--vehicle-lazy .cb-select__button {
  width: 100%;
  min-height: 48px;
  height: 48px;
  text-align: left;
  padding: 0 38px 0 14px;
  border: 1px solid var(--cb-line, #e7e9ee);
  border-radius: 14px;
  background: #f6f8fb;
  font-weight: 800;
  color: var(--cb-text, #12151c);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cb-select--vehicle-lazy .cb-select__search {
  width: 100%;
  min-height: 42px;
  margin: 0 0 8px;
  border: 1px solid var(--cb-line, #e7e9ee);
  border-radius: 12px;
  padding: 0 12px;
  background: #fff;
  color: #111827;
  -webkit-text-fill-color: #111827;
}

.cb-select--vehicle-lazy .cb-select__option {
  color: #111827;
}

.cb-select--vehicle-lazy .cb-select__option .cb-option__title {
  color: inherit;
}

.cb-select--vehicle-lazy .cb-select__group-title {
  padding: 8px 10px 4px;
  font-size: 12px;
  font-weight: 900;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.cb-select--vehicle-lazy .cb-select__option.is-focused,
.cb-select--vehicle-lazy .cb-select__option:hover {
  background: var(--cb-option-bg-hover, #2563eb);
  color: #fff;
  --option-text: #fff;
  --option-muted: rgba(255, 255, 255, 0.82);
  outline: none;
}

.cb-select--vehicle-lazy .cb-select__option.active:not(:hover):not(.is-focused) {
  background: #eef4ff;
  color: #0f172a;
  --option-text: #0f172a;
  --option-muted: #475569;
  outline: 2px solid #075bd8;
  outline-offset: -2px;
}

.cb-select--vehicle-lazy .cb-select__option.active:not(:hover):not(.is-focused) .cb-option__title,
.cb-select--vehicle-lazy .cb-select__option.active:not(:hover):not(.is-focused) .cb-option__meta {
  color: inherit;
}

.cb-matrix-field-hint {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: 13px;
}

.re-filter-field.cb-field .cb-vehicle-select,
.re-filter-field.cb-field .cb-select--vehicle-lazy {
  position: relative;
  display: block;
}

.cb42-grid .cb-vehicle-select__button,
.cb42-grid .cb-select--vehicle-lazy .cb-select__button {
  min-height: 46px;
  height: 46px;
}