#srScope .header_mock {
  width: min(400px, calc(100vw - 300px));
  height: calc(100% - 16px);
  top: 8px;
  padding-inline: 12px;
  box-sizing: border-box;
  pointer-events: none;
}

#srScope .search_minimal {
  min-height: 46px;
  padding-inline: 52px;
  pointer-events: auto;
}

#srScope .search_icon_circle {
  left: 8px;
}

#srScope .search_bento_box {
  width: min(850px, calc(100vw - 32px));
  height: 66px;
  margin-top: 20px;
}

#srScope .search_action_btn {
  min-width: 132px;
  min-height: 52px;
  margin: 7px;
  background: #111827 !important;
  color: #fff !important;
  opacity: 1 !important;
  white-space: nowrap;
}

#srScope .search_action_btn svg {
  color: #fff !important;
}

#srScope .search_item.active .dropdown_content.recent-search-empty {
  display: none !important;
}

@media (max-width: 900px) {
  #srScope .header_mock {
    width: min(360px, calc(100vw - 180px));
    padding-inline: 8px;
  }
}

@media (max-width: 744px) {
  #srScope .search_bento_box {
    width: calc(100vw - 24px);
    height: auto;
    margin-top: 8px;
  }

  #srScope .search_action_btn {
    width: calc(100% - 14px);
    min-height: 48px;
  }
}

@media (max-width: 640px) {
  #srScope .header_mock {
    width: min(300px, calc(100vw - 112px));
    height: calc(100% - 12px);
    top: 6px;
    padding-inline: 6px;
  }

  #srScope .search_minimal {
    min-height: 42px;
    padding-inline: 44px 12px;
  }
}