.wp-block-search {
  /* increase padding if we have an inline icon button */
}
.wp-block-search__label {
  margin: var(--wp--custom--form--label--spacing--margin--shorthand);
  color: var(--wp--custom--form--label--color--text);
  font-size: var(--wp--custom--form--label--typography--font-size);
  font-weight: var(--wp--custom--form--label--typography--font-weight);
}
.wp-block-search .wp-block-search__input {
  border: var(--wp--custom--form--input--border--shorthand);
  border-radius: var(--wp--custom--form--input--border--radius);
  background-color: var(--wp--custom--form--input--color--background);
  padding: var(--wp--custom--form--input--spacing--padding--shorthand);
  min-block-size: 0;
  line-height: var(--wp--custom--form--input--typography--line-height);
  color: var(--wp--custom--form--input--color--text);
  font-family: inherit;
  font-size: var(--wp--custom--form--input--typography--font-size);
  font-weight: var(--wp--custom--form--input--typography--font-weight);
}
.wp-block-search .wp-block-search__input::placeholder {
  color: var(--wp--custom--form--placeholder--color);
  font-weight: var(--wp--custom--form--input--typography--font-weight);
}
.wp-block-search .wp-block-search__input::-webkit-search-cancel-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTIzLjA1cHgiIGhlaWdodD0iMTIzLjA1cHgiIHZpZXdCb3g9IjAgMCAxMjMuMDUgMTIzLjA1Ij4KPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQoJYy0yLjMwMSwyLjMtMi4zMDEsNi4xLDAsOC41bDQzLjEsNDMuMWwtNDIuMyw0Mi41Yy0yLjMsMi4zLTIuMyw2LjEsMCw4LjVsOC41LDguNWMyLjMsMi4zLDYuMSwyLjMsOC41LDBsNDIuMzk5LTQyLjRsNDIuNCw0Mi40CgljMi4zLDIuMyw2LjEsMi4zLDguNSwwbDguNS04LjVjMi4zLTIuMywyLjMtNi4xLDAtOC41bC00Mi41LTQyLjRsNDIuNC00Mi4zOTlDMTIzLjYyNSwxNy4xMjUsMTIzLjYyNSwxMy4zMjUsMTIxLjMyNSwxMC45MjV6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+");
  background-size: 0.75em 0.75em;
  cursor: pointer;
  inline-size: 0.75em;
  block-size: 0.75em;
  appearance: none;
}
.wp-block-search:has(.wp-block-search__button.has-icon) .wp-block-search__input {
  padding-inline-start: calc(var(--wp--preset--spacing--20) + var(--wp--preset--spacing--5));
}
.wp-block-search__button-outside .wp-block-search__button.has-icon {
  padding: var(--wp--custom--button--spacing--padding--block-start);
}
.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  position: relative;
  border: var(--wp--custom--form--input--border--shorthand);
  border-radius: var(--wp--custom--form--input--border--radius);
  padding: 0;
}
.wp-block-search__button-inside .wp-block-search__input {
  border: none;
}
.wp-block-search__button-inside .wp-block-search__input:not(:has(~ .wp-block-search__button.has-icon)) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.wp-block-search__button-inside .wp-block-search__button {
  margin: 0;
}
.wp-block-search__button-inside .wp-block-search__button:not(.has-icon) {
  /* modify radius to match outer input one */
  border-radius: calc(var(--wp--custom--form--input--border--radius) * 0.7);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  padding-block: 0;
}
.wp-block-search__button-inside .wp-block-search__button.has-icon {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
  margin-inline-start: calc(var(--wp--custom--button--spacing--padding--block-start) / 1.5);
  background: none !important;
  padding: 0;
  color: inherit;
  font-size: var(--wp--preset--font-size--large);
}
.wp-block-search__button-inside .wp-block-search__button.has-icon::before {
  display: inline-block;
  background-color: currentcolor;
  inline-size: 1em;
  block-size: 1em;
  vertical-align: middle;
  content: "";
  mask: var(--spwk--icon--search);
  mask-size: cover;
}
.wp-block-search__button-inside .wp-block-search__button.has-icon svg {
  display: none;
}

/*# sourceMappingURL=search.css.map */
