/* for search field */
.data-search-module {
  --input-height: 50px;
  --input-x-padding: var(--sp7);
}

.data-search-input {
  height: var(--input-height);
  width: 100%;
  border: 1px solid var(--border-secondary);
  border-radius: 50px;
  box-shadow: none;
  background: var(--clr-gray-100);
  padding: var(--sp7) var(--input-x-padding);
  padding-right: calc(2*var(--input-x-padding) + 32px);
}

.data-search-mdoule-inner {
  position: relative;
}

.data-search-submit-wrap {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 var(--input-x-padding);
}

.data-search-submit-wrap .data-search-submit {
  pointer-events: none;
}

.data-search-submit-wrap .search-reset-submit {
  pointer-events: unset;
}