.helpTextButton {
  background-color: transparent;
  border-radius: 50px;
  padding: 0 !important;
  cursor: pointer;
  display: flex;
  border: none;
  min-height: 0;
  height: fit-content;
}

@media print {
  .helpTextButton {
    display: none;
  }
}

.helpText-iconFilled {
  display: none;
}

.helpText-icon {
  color: var(--ds-color-accent-base-default);
  width: var(--ds-size-9);
  height: var(--ds-size-9);
  min-width: var(--ds-size-9);
  min-height: var(--ds-size-9);
}

.helpTextButton:where(:hover, :focus, [data-state^='open']) > .helpText-icon {
  display: none;
}

.helpTextButton:where(:hover, :focus, [data-state^='open']) > .helpText-iconFilled {
  display: inline-block;
}

.helpTextContent {
  font: var(--ds-typography-paragraph-md);
  font-family: inherit;
  width: moz-fit-content;
  max-width: 700px;
}

.helpText-sm .helpText-icon {
  width: var(--ds-size-6);
  height: var(--ds-size-6);
}

.helpText-md .helpText-icon {
  width: var(--ds-size-7);
  height: var(--ds-size-7);
}

.helpText-lg .helpText-icon {
  width: var(--ds-size-8);
  height: var(--ds-size-8);
}
.helpText-focus:focus-visible {
  outline: var(--ds-border-width-focus) solid var(--ds-color-neutral-text-default);
  outline-offset: var(--ds-border-width-focus);
  box-shadow: 0 0 0 var(--ds-border-width-focus) var(--ds-color-neutral-background-default);
}
.screenReaderOnly {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
