/**
 * Do not edit directly, this file was auto-generated.
 */
.jkl-search:has(button.jkl-search-submit) {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: end;
}
.jkl-search:has(button.jkl-search-submit) .input-wrapper {
  border-inline-end: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.jkl-search:has(button.jkl-search-submit) button.jkl-search-submit {
  height: 100%;
  border: var(--border);
  border-inline-start: 0;
  border-radius: var(--jkl-border-radius-s);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-width: unset;
  --inset-size: 1ex;
  --separator-color: var(--jkl-color-border-subdued);
  position: relative;
}
.jkl-search:has(button.jkl-search-submit) button.jkl-search-submit::before {
  content: "";
  position: absolute;
  block-size: calc(100% * var(--inset-size));
  top: 0;
  left: 0;
  inset-block: var(--inset-size);
  border-inline-end: 1px solid var(--separator-color);
  z-index: 1;
  transition-timing-function: var(--jkl-motion-easing-standard);
  transition-duration: var(--jkl-motion-timing-productive);
  transition-property: inset, border-color;
}
.jkl-search:has(button.jkl-search-submit) button.jkl-search-submit:hover, .jkl-search:has(button.jkl-search-submit) button.jkl-search-submit:focus-within {
  --inset-size: 1px;
  --separator-color: var(--jkl-color-border-subdued);
}