@layer clickui {.text-truncate__jt9-P {
  --text-truncate-max-width: initial;

  min-width: 0;
  max-width: var(--text-truncate-max-width, 100%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Doubled so `display` beats the base class of a `component` such as Link, whatever the bundle order. */
.text-truncate__jt9-P.text-truncate__jt9-P {
  display: block;
}

.text-truncate_pos-middle__GbijC.text-truncate_pos-middle__GbijC {
  display: flex;
}

/* Isolated so the full-text copy at z-index -1 stays above the backgrounds of ancestors. */
.text-truncate_split__tBLP- {
  position: relative;
  isolation: isolate;
}

/* Inset so ancestors with `overflow: hidden` cannot clip the ring. */
.text-truncate__jt9-P:focus-visible {
  outline: 2px solid var(--click-global-color-outline-default);
  outline-offset: -2px;
}

.text-truncate__start__8-2tp {
  overflow: hidden;
  flex-shrink: 1;
  text-overflow: ellipsis;
}

.text-truncate__end__BMgDH {
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  text-overflow: ellipsis;
}

.text-truncate_split__tBLP- .text-truncate__start__8-2tp,
.text-truncate_split__tBLP- .text-truncate__end__BMgDH {
  pointer-events: none;
  /* stylelint-disable-next-line property-no-vendor-prefix -- Safari still needs the prefix and the build has no autoprefixer */
  -webkit-user-select: none;
  user-select: none;
}

/* Full text behind the halves: what screen readers read and what a click, triple-click or copy selects. */
.text-truncate__label__zI6pz {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  color: transparent;
  forced-color-adjust: none;
}

/* stylelint-disable-next-line plugin/no-unsupported-browser-features -- iOS Safari ignores `::selection` and draws its own selection UI */
.text-truncate__label__zI6pz::selection {
  background-color: highlight;
}
}