/* stylelint-disable scss/at-import-no-partial-leading-underscore */
/* stylelint-disable-next-line number-max-precision */
.search-group {
  position: relative;
}
.search-group .form-control {
  padding-right: 1.75rem;
}
.search-group .search-end-content {
  color: var(--dh-color-search-icon);
  pointer-events: none;
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.search-group .search-end-placeholder {
  color: var(--dh-color-text-disabled);
}
.search-group ::-webkit-search-cancel-button {
  background-size: 16px;
  background-color: var(--dh-color-fg);
  mask-image: var(--dh-svg-icon-search-cancel);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: 16px;
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  opacity: 0.4;
  transition: opacity 300ms ease;
}
.search-group ::-webkit-search-cancel-button:hover {
  opacity: 1;
}
.search-group .search-change-selection {
  position: absolute;
  right: 0.25rem;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.search-group .search-change-button {
  padding: 1px 2px;
  height: calc(100% - 0.5rem);
}
.search-group .search-change-text,
.search-group .search-match {
  background-color: color-mix(in srgb, var(--dh-color-fg) 20%, transparent);
  border-radius: 20px;
  padding: 0 5px;
}
.search-group .search-match {
  margin: 0 0.25rem;
}

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