@charset "UTF-8";
.g-help-mark {
  padding: 0;
  font-family: var(--g-text-body-font-family);
  font-size: inherit;
  font-weight: var(--g-text-body-font-weight);
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: var(--_--size);
  height: var(--_--size);
  color: var(--g-color-text-hint);
  line-height: 0;
}
.g-help-mark::after {
  content: " ";
  visibility: hidden;
}
.g-help-mark:focus-visible {
  outline: 2px solid var(--g-color-line-focus);
  border-radius: 50%;
}
.g-help-mark__popover {
  padding: var(--g-spacing-3);
}
.g-help-mark__icon {
  position: absolute;
  inset: 0;
}
.g-help-mark_size_s {
  --_--size: 14px;
}
.g-help-mark_size_m {
  --_--size: 16px;
}
.g-help-mark_size_l {
  --_--size: 18px;
}
.g-help-mark_size_xl {
  --_--size: 20px;
}