:host {
  display: inline-block;
  inline-size: var(--gse-ui-search-width);
  min-inline-size: var(--gse-ui-search-width);
}

::slotted(input[disabled]) {
  opacity: var(--gse-ui-formControl-input-disabled-opacity);
}

::slotted(input) {
  box-sizing: border-box;
  flex-shrink: 1;
  flex-basis: 100%;
  inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--gse-ui-search-counter-text-fontFamily);
  font-size: var(--gse-ui-search-counter-text-fontSize);
  font-weight: var(--gse-ui-search-counter-text-fontWeight);
  line-height: var(--gse-ui-search-counter-text-lineHeight);
  color: var(--gse-ui-formControl-input-populatedColor);
  white-space: nowrap;
  outline: none;
  background-color: var(--gse-ui-formControl-input-backgroundColor);
  background-image: none;
  border: 0;
  border-radius: 0;
}
::slotted(input)::placeholder {
  color: var(--gse-ui-formControl-input-populatedColor);
}
::slotted(input).gux-focused, ::slotted(input):focus, ::slotted(input):focus-visible {
  outline: none;
  border: 0;
  box-shadow: none;
}

.gux-content-search {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: var(--gse-ui-formControl-input-gap);
  inline-size: 100%;
  block-size: var(--gse-ui-formControl-input-textfield-height);
  padding: var(--gse-ui-formControl-textarea-padding);
  cursor: text;
  background-color: var(--gse-ui-formControl-input-backgroundColor);
  background-image: none;
  border: var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);
  border-radius: var(--gse-ui-formControl-input-borderRadius);
}
.gux-content-search gux-truncate {
  display: flex;
  align-items: center;
}
.gux-content-search.gux-disabled {
  pointer-events: none;
  cursor: default;
  opacity: var(--gse-ui-formControl-input-disabled-opacity);
}
.gux-content-search:focus-visible, .gux-content-search:focus-within {
  outline: var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);
  outline-offset: var(--gse-semantic-focusOutline-offset);
  border: var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);
  border-radius: var(--gse-ui-formControl-focusRing-borderRadius);
}
.gux-content-search:not(:disabled):not(.gux-disabled):hover {
  border: var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color);
}
.gux-content-search .gux-search-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.gux-content-search .gux-search-icon:disabled {
  pointer-events: none;
  cursor: default;
  opacity: var(--gse-ui-formControl-input-disabled-opacity);
}
.gux-content-search .gux-search-icon gux-icon {
  color: var(--gse-ui-formControl-input-inputIcon-defaultColor);
}
.gux-content-search .gux-content-control-panel {
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  gap: var(--gse-ui-formControl-input-gap);
  place-content: center flex-end;
  align-items: center;
  padding: 0;
}
.gux-content-search .gux-content-control-panel button {
  display: block;
  align-items: center;
  block-size: var(--gse-ui-search-counter-icon-height);
  padding: 0;
  overflow: hidden;
  color: var(--gse-ui-search-counter-default-foregroundColor);
  cursor: pointer;
  outline: none;
  background: none;
  border: none;
  border-radius: var(--gse-ui-button-borderRadius);
}
.gux-content-search .gux-content-control-panel button:disabled {
  pointer-events: none;
  cursor: default;
  opacity: var(--gse-ui-formControl-input-disabled-opacity);
}
.gux-content-search .gux-content-control-panel button:not(:disabled):hover, .gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible {
  color: var(--gse-ui-search-counter-hover-foregroundColor);
}
.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled {
  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
  outline-offset: var(--gse-semantic-focusOutline-offset);
}
.gux-content-search .gux-content-control-panel button.gux-clear-button {
  flex-shrink: 0;
  align-items: center;
}
.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon {
  inline-size: var(--gse-ui-icon-small-size);
  block-size: var(--gse-ui-icon-small-size);
}
.gux-content-search .gux-content-control-panel .gux-navigation-disabled {
  pointer-events: auto;
  cursor: default;
  opacity: var(--gse-ui-formControl-input-disabled-opacity);
}
.gux-content-search .gux-content-control-panel .gux-navigation-panel {
  display: flex;
  gap: var(--gse-ui-search-counter-gap);
  align-items: center;
}
.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider {
  box-sizing: border-box;
  align-self: center;
  block-size: var(--gse-ui-search-counter-divider-height);
  color: var(--gse-ui-search-counter-default-foregroundColor);
  border: var(--gse-ui-search-counter-divider-border-width) var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color);
}
.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons {
  display: flex;
  flex-direction: row;
}
.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result {
  align-items: center;
  color: var(--gse-ui-search-counter-default-foregroundColor);
  white-space: nowrap;
}
.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button {
  flex-shrink: 0;
  align-items: center;
}
.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button {
  flex-shrink: 0;
  align-items: center;
}