.content-search-wrapper {
  display: flex;
}

.content-search-input-wrapper {
  display: flex;
  flex-grow: 1;
}

.content-search-input {
  flex-grow: 1;

  margin-top: 4px;
  margin-bottom: 5px;

  border: solid 1px var(--color-gray-ddd);
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;

  &:focus-visible {
    outline: none;
  }
}

.button-common {
  display: flex;
  align-items: center;

  height: 30px;
  margin: 2px 5px;
}

.save-button {
  color: var(--app-bg-color-l1);
  background-color: var(--accent-color-bg);

  &.disabled {
    background-color: var(--color-gray-eee);
  }
}

.cancel-button {
  margin-right: 25px;
}

.content-search-text {
  margin-top: 6px;
  margin-right: 10px;
  margin-left: 5px;

  font-weight: 600;
  color: var(--color-gray-888);
}

.content-search-icon {
  position: relative;
  top: 4px;

  height: 25px;
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 10px;

  border: 1px solid var(--color-gray-ddd);
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}