.overlay.search-active {
  background-color: rgba(20, 29, 24, 0.82);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.section.form.modal-ux.site-search-modal {
  top: 50%;
  z-index: 1;
  max-width: 900px;
  width: calc(100% - 40px);
  min-width: 0;
  margin-right: auto;
  margin-left: auto;
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  overflow: auto;
  transform: translateY(-50%);
}

.site-search-modal .site-search-form {
  padding: 32px 40px 40px;
}

.site-search-modal .site-search-label {
  display: block;
  margin-bottom: 10px;
  color: #2e2e2e;
  font: 15px/22px Arial, Helvetica, sans-serif;
}

.site-search-modal .site-search-row {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.site-search-modal .site-search-input {
  box-sizing: border-box;
  min-width: 0;
  height: 55px;
  flex: 1;
  padding: 0 22px;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  outline: 0;
  background: #fff;
  color: #2e2e2e;
  font: 15px/25px Arial, Helvetica, sans-serif;
  appearance: none;
}

.site-search-modal .site-search-input:hover {
  border-color: #757575;
}

.site-search-modal .site-search-input:focus {
  border-color: #2e2e2e;
  box-shadow: 0 0 0 2px rgba(104, 175, 27, 0.18);
}

.site-search-modal .site-search-input::-webkit-search-cancel-button {
  cursor: pointer;
}

.site-search-modal .button.submit {
  min-width: 144px;
  height: 55px;
  flex: none;
  border-radius: 6px;
  font-size: 15px;
  line-height: 53px;
  text-transform: none;
}

.site-search-modal .button.close-ux:focus-visible,
.site-search-modal .button.submit:focus-visible,
.site-search-modal .site-search-input:focus-visible {
  outline: 3px solid #68af1b !important;
  outline-offset: 3px !important;
}

@media screen and (max-width: 489px) {
  .site-search-modal .site-search-form {
    padding: 24px 20px 28px;
  }

  .site-search-modal .site-search-row {
    flex-direction: column;
  }

  .site-search-modal .site-search-input {
    width: 100%;
    height: 55px;
    flex: none;
  }

  .site-search-modal .button.submit {
    width: 100%;
  }
}