/* src/input-group/src/InputGroup.css */
.o-ui-input-group {
  display: inline-flex;
  max-width: 100%;
  width: max-content;
}
.o-ui-input-group-fluid {
  width: 100%;
}
.o-ui-input-group-has-text-input:not(.o-ui-input-group-fluid) {
  width: 20rem;
}
.o-ui-input-group-has-date-input:not(.o-ui-input-group-fluid) {
  width: max-content;
}
.o-ui-input-group:not(:focus-within) > *:not(.o-ui-input-group-text-addon):hover {
  z-index: 2;
}
.o-ui-input-group > *:focus,
.o-ui-input-group > *:focus-within,
.o-ui-input-group [class*=-focus] {
  z-index: 2;
}
.o-ui-input-group-input.o-ui-input-invalid {
  z-index: 3;
}
.o-ui-input-group > :first-child:not(.o-ui-input-group-input) {
  margin-right: -1px;
}
.o-ui-input-group > :last-child:not(.o-ui-input-group-input) {
  margin-left: -1px;
}
.o-ui-input-group-input:not(:first-child),
.o-ui-input-group-input:not(:first-child) input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.o-ui-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex-shrink: 0;
}
.o-ui-input-group-input:not(:last-child),
.o-ui-input-group-input:not(:last-child) input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.o-ui-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex-shrink: 0;
}
.o-ui-input-group-text-addon {
  display: flex;
  align-items: center;
  padding: 0 var(--hop-space-inset-md);
  min-height: 2.5rem;
  border-radius: var(--hop-shape-rounded-md);
  border: 1px solid var(--hop-neutral-border);
  color: var(--hop-neutral-text);
  background-color: var(--hop-neutral-surface-weakest);
  flex-shrink: 0;
}
.o-ui-input-group-addon[disabled] {
  color: var(--hop-neutral-text-disabled);
  background-color: var(--hop-neutral-surface-disabled);
  border-color: var(--hop-neutral-border-disabled);
}
.o-ui-input-group-select-addon {
  width: auto !important;
  min-width: 5.3125rem;
  position: relative;
}
.o-ui-input-group-select-addon[aria-expanded=true] {
  z-index: 2;
}
.o-ui-input-group .o-ui-button-secondary.o-ui-input-group-button-addon {
  border-color: var(--hop-neutral-border);
}
.o-ui-input-group .o-ui-button-secondary.o-ui-input-group-button-addon[disabled],
.o-ui-input-group .o-ui-button-secondary.o-ui-input-group-button-addon.o-ui-button-disabled {
  border-color: var(--hop-neutral-border-disabled);
}