.content-layout-portlet .search-bar-banner,
.portlet-barebone .search-bar-banner,
.portlet-borderless .search-bar-banner {
  background-image: url("../images/search-bar-banner-background.png");
  background-size: cover;
}

.search-bar-banner {
  border-radius: var(--portlet-border-radius);
  container-type: inline-size;
}
.search-and-add-fragment__search-bar .search-bar-banner {
  background-image: none;
}
.search-bar-banner form {
  padding: 16px;
}
@container (width > 768px) {
  .search-bar-banner form {
    padding: 32px;
  }
}
@container (width > 1344px) {
  .search-bar-banner .search-bar-banner-advanced {
    width: 1280px;
    margin: 0 auto;
  }
}
.search-bar-banner .search-bar-banner-advanced.search-bar-banner-advanced {
  display: flex;
  align-items: center;
}
.search-bar-banner .search-bar-banner-advanced.search-bar-banner-advanced .search-bar-banner-keywords-input-wrapper {
  margin-left: 0;
  z-index: 2;
  border-radius: var(--control-large-border-radius);
  background-color: var(--control-secondary-background-color);
}
.search-bar-banner .search-bar-banner-advanced.search-bar-banner-advanced .search-bar-banner-keywords-input {
  padding-right: var(--control-padding);
}
.search-bar-banner .search-bar-banner-advanced.search-bar-banner-advanced .search-bar-banner-search-button-wrapper.search-bar-banner-search-button-wrapper {
  padding-right: 3px;
  padding-left: 0;
  border-top-right-radius: var(--control-large-border-radius);
  border-bottom-right-radius: var(--control-large-border-radius);
}
.search-bar-banner .search-bar-banner-advanced.search-bar-banner-advanced .search-bar-banner-search-button-wrapper.search-bar-banner-search-button-wrapper .search-bar-banner-search-button.search-bar-banner-search-button {
  height: var(--button-large-size);
  padding-left: var(--button-padding-horizontal);
  padding-right: var(--button-padding-horizontal);
}