button {
  all: unset;
}

.gux-copy-to-clipboard-wrapper {
  display: inline-flex;
  align-items: center;
  max-inline-size: 100%;
}
.gux-copy-to-clipboard-wrapper .gux-copy-content {
  display: inherit;
  gap: var(--gse-ui-copyToClipboard-contentContainer-gap);
  align-items: inherit;
  max-inline-size: 100%;
  cursor: pointer;
}
.gux-copy-to-clipboard-wrapper .gux-copy-content ::slotted(*) {
  padding: var(--gse-ui-copyToClipboard-label-padding);
  font-family: var(--gse-ui-copyToClipboard-label-text-fontFamily);
  font-size: var(--gse-ui-copyToClipboard-label-text-fontSize);
  font-weight: var(--gse-ui-copyToClipboard-label-text-fontWeight);
  line-height: var(--gse-ui-copyToClipboard-label-text-lineHeight);
  color: var(--gse-ui-copyToClipboard-label-foregroundColor);
  text-decoration: var(--gse-ui-copyToClipboard-label-text-textDecoration);
  border-radius: var(--gse-ui-copyToClipboard-label-borderRadius);
}
.gux-copy-to-clipboard-wrapper .gux-copy-content:hover ::slotted(*) {
  background-color: var(--gse-ui-copyToClipboard-label-active-backgroundColor);
}
.gux-copy-to-clipboard-wrapper .gux-copy-content:hover gux-icon[icon-name="fa/copy-regular"] {
  visibility: visible;
}
.gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name="fa/copy-regular"] {
  visibility: hidden;
  flex-shrink: 0;
  padding: var(--gse-ui-copyToClipboard-iconContainer-padding);
  background-color: var(--gse-ui-copyToClipboard-label-active-backgroundColor);
  border-radius: var(--gse-ui-copyToClipboard-label-borderRadius);
}
.gux-copy-to-clipboard-wrapper:focus-visible {
  outline: none;
}
.gux-copy-to-clipboard-wrapper:focus-visible ::slotted(*) {
  background-color: var(--gse-ui-copyToClipboard-label-active-backgroundColor);
}
.gux-copy-to-clipboard-wrapper:focus-visible gux-icon[icon-name="fa/copy-regular"] {
  visibility: visible;
}

gux-tooltip.gux-show {
  display: inline-flex;
  align-items: center;
}
gux-tooltip.gux-show .gux-tooltip-content {
  display: contents;
}
gux-tooltip.gux-show .gux-tooltip-content > * {
  vertical-align: middle;
}
gux-tooltip.gux-show gux-icon[icon-name="fa/circle-check-solid"] {
  color: var(--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor);
}
gux-tooltip.gux-show gux-icon[icon-name="fa/circle-xmark-solid"] {
  color: var(--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor);
}