@media (min-width: 960px) {
  .header__content-segment.header__content-segment--right
    .header__quick-search-bar:not(:has(.icon-only-search-trigger)) {
    margin: 0;
  }
}

.quick-search:not([data-quick-search-active="true"]) {
  min-width: 40px;
  width: auto;

  & .quick-search__bar-inner {
    border: 1px solid transparent !important;
    background: transparent;
  }

  & .quick-search__faux-input {
    min-width: 38px;
    padding-inline: 0;
    background-color: transparent;
    cursor: pointer;
    z-index: 1;
  }

  & [data-quick-search-faux-text] {
    display: none;
  }

  & .quick-search__submit {
    width: 38px;
    background: transparent !important;
    height: var(--quick-search-input-height);
    color: var(--color);

    & .icon {
      width: 20px;
      height: 20px;
    }
  }
}

.quick-search .quick-search__input {
  --color-background-input: var(--color-white);
}

.quick-search__submit {
  color: var(--color-button-secondary-text);
  background: var(--color-button-secondary-background);
}

.quick-search.quick-search--mobile:not([data-quick-search-active="true"]) {
  position: absolute;
  top: 9px;
  right: 60px;
}

html:not(.no-js)
  body:not([mobile-menu-open="true"]):not([data-quick-search-open="true"])
  header.header--transparent:not(.is-sticky):not(:hover):not(:focus-within):not(
    .dropdown-active
  ) {
  & .quick-search__submit {
    transition: color var(--duration-normal) var(--easing);
  }

  & .header__quick-search-bar {
    --color: var(--color-text-transparent);
  }
}