.search-action {
  --search-border-radius: var(--style-border-radius-inputs);
  --search-border-width: var(--style-border-width-inputs);

  display: flex;
}

.header__column--center .search-action {
  width: auto;
  flex-grow: 1;
}

:is(.header__column--left, .header__column--center) .search-action {
  @media screen and (min-width: 750px) {
    margin-inline: calc(var(--padding-lg) * -1);
  }
}

.header__column--right .search-action {
  @media screen and (min-width: 750px) {
    margin-inline: calc(var(--gap-md) * -1) calc(var(--gap-xs) * -1);
  }
}