.searchform-container {
  --search-form-width: calc(100% + var(--search-form-logo-gap)) !important;
  --text-xs: 0.6875rem !important;
  transform: translateX(calc(var(--search-form-logo-gap) * -1));
  padding-left: 0 !important; /* !important necessary to override default styles */
  padding-inline-start: var(--searchform-pl) !important; /* !important necessary to override padding-left override */
  margin-inline-start: 2rem !important;
}

@media (min-width: 886px) {
  .searchform-container {
    margin-inline-start: 0 !important;
  }
}

:host([dir="rtl"]) .searchform-container {
  transform: translateX(var(--search-form-logo-gap));
}

#searchform {
  border-radius: var(--leo-radius-xxl) !important;
}

#searchbox {
  padding-left: 0 !important; /* see note on .searchform-container */
  padding-inline-start: var(--searchbox-pl) !important; /* see note on .searchform-container */
}

#searchform-actions {
  padding-right: 0 !important; /* see note on .searchform-container */
  padding-inline-end: var(--spacing-m) !important; /* see note on .searchform-container */
}

:host([dir="rtl"]) #searchform-actions::before {
  left: unset !important;
  inset-block-start: 0 !important;
  transform: translateX(calc((-100% - var(--spacing-xl)) * -1)) rotate(180deg) !important;
}

.desktop-large-regular {
  font-size: 1rem !important;
  line-height: 1.625rem !important;
}

#submit-button {
  margin-inline-end: 0.3rem;
}

#submit-button .icon {
  --size: var(--icon-l) !important;
}

.desktop-small-regular {
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
}

.suggestions {
  border-bottom-left-radius: var(--leo-radius-xxl) !important;
  border-bottom-right-radius: var(--leo-radius-xxl) !important;
}

.suggestion .entity .content .desc {
  line-height: 1.125rem !important;
}

.suggestion .entity .content .title {
  line-height: 1.375rem !important;
}

#autocomplete {
  width: calc(var(--search-form-width) - var(--search-form-logo-gap)) !important;
  border-end-start-radius: var(--leo-radius-xxl) !important;
  border-end-end-radius: var(--leo-radius-xxl) !important;
}

.searchform-container.suggestions-showing #autocomplete::after {
  border-radius: var(--leo-radius-xxl) !important;
}