pkt-searchinput {
  display: block;
}

.pkt-searchinput {
  position: relative;
  letter-spacing: -0.2px;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.pkt-searchinput--small {
  letter-spacing: -0.2px;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.pkt-searchinput--small .pkt-inputwrapper__label {
  letter-spacing: -0.2px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
.pkt-searchinput--small .pkt-searchinput__suggestion {
  padding: 0.75rem;
  letter-spacing: -0.2px;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.pkt-searchinput--small .pkt-searchinput__suggestion-title {
  letter-spacing: -0.2px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
.pkt-searchinput--xsmall {
  letter-spacing: -0.2px;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.pkt-searchinput--xsmall .pkt-inputwrapper__label {
  letter-spacing: -0.2px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.pkt-searchinput--xsmall .pkt-searchinput__suggestion {
  padding: 0.5rem;
  letter-spacing: -0.2px;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.pkt-searchinput--xsmall .pkt-searchinput__suggestion-title {
  letter-spacing: -0.2px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.pkt-searchinput__field {
  width: min(100%, 31rem);
  display: flex;
  align-items: stretch;
}
.pkt-searchinput__field .pkt-input {
  flex: 1;
  min-width: 0;
}
.pkt-searchinput--fullwidth .pkt-searchinput__field {
  width: 100%;
}
.pkt-searchinput--global .pkt-input:not(:disabled) {
  border-color: var(--pkt-color-border-yellow);
}
.pkt-searchinput--global .pkt-input:not(:disabled):hover, .pkt-searchinput--global .pkt-input:not(:disabled):active, .pkt-searchinput--global .pkt-input:not(:disabled):focus {
  border-color: var(--pkt-color-input-border-active);
}
.pkt-searchinput--global .pkt-searchinput__button {
  border-radius: 50%;
}
.pkt-searchinput--local-with-button .pkt-searchinput__field {
  gap: 0.5rem;
}
.pkt-searchinput--local .pkt-input__container--medium .pkt-input {
  padding: 0.5rem 0 0.5rem 1rem;
}
.pkt-searchinput--local .pkt-input__container--small .pkt-input, .pkt-searchinput--local .pkt-input__container--xsmall .pkt-input {
  padding-inline-end: 0;
}
.pkt-searchinput--local .pkt-searchinput__button:disabled {
  border-color: var(--pkt-color-input-border-disabled);
}
.pkt-searchinput--local .pkt-searchinput__button svg {
  margin-inline-start: 0;
}
.pkt-searchinput--local .pkt-searchinput__button {
  --pkt-color-button-border-hover: var(--pkt-color-input-border-active);
}
.pkt-searchinput__suggestions {
  position: absolute;
  z-index: 2;
  padding: 0;
  margin: 2px 0 0;
  width: min(100%, 31rem);
  list-style: none;
  background-color: var(--pkt-color-background-card);
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.pkt-searchinput--global .pkt-searchinput__suggestions {
  width: min(100% - 3rem, 28rem);
}
.pkt-searchinput--global.pkt-searchinput--small .pkt-searchinput__suggestions {
  width: min(100% - 2.625rem, 28rem);
}
.pkt-searchinput--global.pkt-searchinput--xsmall .pkt-searchinput__suggestions {
  width: min(100% - 2.25rem, 28rem);
}
.pkt-searchinput--local-with-button .pkt-searchinput__suggestions {
  width: min(100% - 3.5rem, 27.5rem);
}
.pkt-searchinput--local-with-button.pkt-searchinput--small .pkt-searchinput__suggestions {
  width: min(100% - 3.125rem, 27.5rem);
}
.pkt-searchinput--local-with-button.pkt-searchinput--xsmall .pkt-searchinput__suggestions {
  width: min(100% - 2.75rem, 27.5rem);
}
.pkt-searchinput--fullwidth .pkt-searchinput__suggestions {
  width: 100%;
}
.pkt-searchinput__suggestion {
  display: block;
  padding: 1rem;
  background-color: transparent;
  color: var(--pkt-color-text-action-normal);
  border: none;
  font: inherit;
  outline: inherit;
  text-align: inherit;
  width: 100%;
}
.pkt-searchinput__suggestion:is(a, button) {
  cursor: pointer;
  text-decoration: none;
}
.pkt-searchinput__suggestion:is(a, button):hover, .pkt-searchinput__suggestion:is(a, button):focus, .pkt-searchinput__suggestion:is(a, button):active {
  text-decoration: none;
  background-color: var(--pkt-color-background-subtle);
  color: var(--pkt-color-text-action-active);
}
.pkt-searchinput__suggestion:is(a, button):hover .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:is(a, button):focus .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:is(a, button):active .pkt-searchinput__suggestion-title {
  text-decoration: underline;
}
.pkt-searchinput__suggestion:is(a, button):hover > *, .pkt-searchinput__suggestion:is(a, button):focus > *, .pkt-searchinput__suggestion:is(a, button):active > * {
  color: inherit;
}
.pkt-searchinput__suggestion-title {
  letter-spacing: -0.2px;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.pkt-searchinput__suggestion-text {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  hyphens: auto;
}